/*!
Theme Name: Crimson
Theme URI: http://underscores.me/
Author: Moturi Magati George
Author URI: https://digitallyfreed.com/
Description: Crimson Construction
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: crimson
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

Crimson is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/
/**@import url("https://fonts.googleapis.com/css2?family=Gudea:ital,wght@0,400;0,700;1,400&display=swap");**/

@font-face{font-family:'avenir_55roman';src:url(assets/fonts/avenir-roman-webfont.eot);src:url(assets/fonts/avenir-roman-webfont.eot?#iefix) format("embedded-opentype"),url(assets/fonts/avenir-roman-webfont.woff2) format("woff2"),url(assets/fonts/avenir-roman-webfont.woff) format("woff"),url(assets/fonts/avenir-roman-webfont.ttf) format("truetype"),url(assets/fonts/avenir-roman-webfont.svg#avenir_55roman) format("svg");font-weight:400;font-style:normal}
@font-face{font-family:'avenir_95_blackregular';src:url(assets/fonts/avenir-black-webfont.eot);src:url(assets/fonts/avenir-black-webfont.eot?#iefix) format("embedded-opentype"),url(assets/fonts/avenir-black-webfont.woff2) format("woff2"),url(assets/fonts/avenir-black-webfont.woff) format("woff"),url(assets/fonts/avenir-black-webfont.ttf) format("truetype"),url(assets/fonts/avenir-black-webfont.svg#avenir_95_blackregular) format("svg");font-weight:400;font-style:normal}
body,html{overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
body{font-family:'avenir_55roman';font-weight:400;font-style:normal;font-size:16px;color:#000}
h1,h2,h3,h4,h5,h6{font-family:'avenir_95_blackregular'}
a{text-decoration:none;transition:all 500ms ease;color:inherit}
.navbar{padding:0;background-color:transparent;box-shadow:none;transition:background-color .3s ease-in-out}
.navbar a img{max-height:60px;width:auto}
.navbar-brand{font-weight:700;color:#fff;font-size:1.8rem}
.nav-link{font-weight:500;transition:color .3s ease}
.dropdown-menu{border-radius:.5rem;box-shadow:0 .5rem 1rem #00000026;border:none}
.scrolled{background:#000000d9}
.bg-opacity-95{opacity:.95}
.custom-nav-item{position:relative;padding:.25em .45em}
.custom-main-link{text-decoration:none;color:#0a2486;font-weight:600;transition:color .3s ease;padding:.5rem .5rem .5rem 0}
.custom-main-link:hover{color:#0a2486!important}
.custom-dropdown-toggle{background:none;border:none;color:#ffffffbf;padding:.5rem .5rem .5rem .25rem;cursor:pointer;transition:color .3s ease;font-size:.875rem}
.custom-dropdown-toggle:hover{color:#0a2486!important}
.custom-dropdown-toggle i{transition:transform .3s ease}
.custom-dropdown-toggle.show i{transform:rotate(180deg)}
.custom-dropdown-menu{position:absolute;top:100%;left:0;background:#0a2486;border-radius:.5rem;box-shadow:0 .5rem 1rem #00000026;border:none;min-width:280px;opacity:0;visibility:hidden;transform:translateY(-10px);transition:all .3s ease;z-index:1000}
.custom-dropdown-menu.show{opacity:1;visibility:visible;transform:translateY(0)}
.custom-dropdown-menu li{color:#fff}
.custom-dropdown-menu .dropdown-item a{color:#ffff;padding:.5rem 1rem;transition:all .3s ease;border:none;background:none}
.custom-dropdown-menu .dropdown-divider{border-color:#ffffff1a;margin:.5rem 0}
.search-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000e6;display:flex;z-index:1060;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease}
.search-overlay.show{opacity:1;visibility:visible}
.search-overlay-content{width:80%;max-width:600px;position:relative}
.search-overlay-content input{background-color:#fff;border:none;border-radius:.5rem;padding:1rem 1.5rem;font-size:1.5rem;width:100%;color:#333}
.search-overlay-close{position:absolute;top:1rem;right:1rem;color:#fff;font-size:2rem;cursor:pointer;transition:color .3s ease}
.search-overlay-close:hover{color:#0a2486}
.hidden-until-loaded{display:none}
.banner-bg{position:relative}
.banner-bg:before{content:"";background:linear-gradient(#0000001a,#0000001a) center center no-repeat;background-size:cover;height:100%;position:absolute;bottom:0;width:100%;z-index:1}
.slideHome *{outline:none}
.slideHome .showSlideHome{box-shadow:0 20px 50px -25px #000}
.slideHome .showSlideHome .slider-track{transition:all 1s cubic-bezier(0.7,0,0.3,1)}
.slideHome .showSlideHome .item .slideimg{position:relative;z-index:1;width:100%;transition:all 1s cubic-bezier(0.7,0,0.3,1);transform:scale(1.3)}
.slideHome .showSlideHome .slick-current.slick-active .item .slideimg{transform:scale(1);animation:cssAnimation 8s 1 ease-in-out forwards}
.startAnimationFirst .itemSlideHome.slick-current .wrapImgHidden,.startAnimation .itemSlideHome.slick-current .wrapImgHidden{transform:scale(1.2)}
.showSlideHome .slick-track .slideimg{min-height:500px;height:95vh}
.showSlideHome .slick-track .owl-caption{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:99;width:100%;max-width:1000px;background-color:#102f4880;padding:2rem;border-radius:.5rem}
.showSlideHome .slick-slide:after{background-image:linear-gradient(180deg,#191919 50%,#0000);content:"";height:calc(100% - 1px);left:0;opacity:.2;position:absolute;top:0;width:100%;z-index:1}
.showSlideHome .slick-track .owl-caption h1{white-space:nowrap;text-shadow:0 2px 2px #120000;font-size:35px;text-transform:capitalize;margin:20px 0;text-align:left;color:#FFF;line-height:.85;padding:0;animation:fadeOutLeft 1s both}
.slideHome .showSlideHome .slick-current.slick-active .item h1{color:#fff;animation:fadeInLeft 1s both 1.5s}
.showSlideHome .item p{font-size:18px;color:#FFF;animation:fadeOutRight 1s both;margin:0;padding:0}
.slideHome .showSlideHome .slick-current.slick-active .item p{color:#fff;animation:fadeInDown 1s both 1s}
.showSlideHome .slick-arrow{left:20px;margin:0;position:absolute;top:50%;transform:translateY(-50%);z-index:1;width:35px;height:35px;line-height:1;text-align:center;border-radius:50%;border:1px solid #fff;background-color:#ffffff4d}
.showSlideHome button.slick-next{right:20px;left:auto}
.showSlideHome button.slick-next i,.showSlideHome button.slick-prev i{font-size:20px;color:#fff}
.cta-button{display:inline-block;background:#0a2486;color:#fff;padding:1rem 2rem;font-size:1.2rem;text-decoration:none;border-radius:50px;transition:all .3s ease;font-weight:700}
.cta-button:hover{transform:translateY(-5px);box-shadow:0 10px 20px #0003}
.hero-bg{background-image:linear-gradient(#00000080,#00000080),url(https://placehold.co/1920x1080/000000/FFFFFF?text=Modern+Architecture);background-size:cover;background-position:center;background-attachment:fixed;height:calc(100vh - 4em);min-height:500px;position:relative;overflow:hidden}
.hero-bg .caption{position:absolute;overflow-wrap:break-word;bottom:20%;z-index:2;width:100%;left:3em;color:#fff}
.hero-title{font-size:3.5rem;line-height:1.1;text-shadow:0 2px 2px #120000}
.hero-subtitle{font-size:1.5rem;opacity:.9;text-shadow:0 2px 2px #120000}
.btn-primary-custom{background-color:#0a2486;border-color:#0a2486;color:#fff;padding:.8rem 2rem;font-size:1.1rem;transition:all .3s ease;border-radius:.3rem}
.btn-primary-custom:hover{background-color:#000;border-color:#000;transform:translateY(-2px)}
.scroll-indicator{animation:bounce 2s infinite}
@keyframes bounce {
0%,20%,50%,80%,100%{transform:translateY(0)}
40%{transform:translateY(-10px)}
60%{transform:translateY(-5px)}
}
.industry-item{position:relative;border-radius:20px;height:400px;overflow:hidden;box-shadow:0 10px 30px #0006;transition:transform .3s ease;border:1px solid var(--border-color)}
.industry-item:hover{transform:scale(1.05)}
.industry-item .overlay-content{position:absolute;bottom:0;left:0;right:0;color:#fff;background:linear-gradient(to top,#000f 20%,#0000 100%);padding:30px 20px;opacity:1;transform:translateY(20px);transition:opacity .5s ease,transform .5s ease}
.industry-item:hover .overlay-content{transform:translateY(0)}
.industry-item .overlay-content h5{font-weight:700;margin-bottom:10px;text-shadow:0 2px 2px #120000ff}
.industry-item .btn-outline-light{border-color:#fff;color:#fff;border-radius:20px}
.card-hover{transition:all .3s ease;border-radius:.75rem;overflow:hidden}
.card-hover:hover{transform:translateY(-8px);box-shadow:0 1rem 3rem #0000002d!important}
.project-img-container{overflow:hidden;border-radius:.75rem .75rem 0 0}
.project-img{transition:transform .5s ease}
.project-hover:hover .project-img{transform:scale(1.08)}
.project-overlay{background-color:#0009;opacity:0;transition:opacity .3s ease;border-radius:.75rem .75rem 0 0}
.project-hover:hover .project-overlay{opacity:1}
.project-category{color:#0a2486;font-weight:600;text-transform:uppercase;font-size:.7rem}
.project-title{transition:color .3s ease;font-size:1.4em}
.project-hover:hover .project-title{color:#0a2486}
.bg-dark-blue{background-color:#0a2486}
.text-dark-blue{color:#0a2486}
.btn-outline-dark-blue{background-color:#0a2486}
.bg-light-blue{background-color:#000}
.text-light-blue{color:#000}
.btn-outline-light-blue{background-color:#000}
.bg-light-brown{background-color:#ab6033}
.text-light-blue{color:#ab6033}
.btn-outline-light-blue{background-color:#ab6033}
.filter-btn.active{background-color:#000!important;color:#fff!important;border-color:#000!important}
.project-gallery-item{position:relative;overflow:hidden;border-radius:.75rem}
.project-gallery-item img{transition:transform .3s ease}
.project-gallery-item:hover img{transform:scale(1.05)}
.gallery-overlay{position:absolute;background:linear-gradient(to top,#000000b3,transparent);opacity:0;transition:all .3s ease;display:flex;padding:1.5rem}
.project-gallery-item:hover .gallery-overlay{opacity:1}
.stats-card{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-left:4px solid #000;border-radius:.75rem}
.feature-icon-bg{background:linear-gradient(135deg,#000,#000);border-radius:.5rem}
.timeline-item{position:relative;padding-left:2rem;margin-bottom:2rem}
.testimonial-card{background:linear-gradient(135deg,#0a2486,#0a2486);color:#fff;border-radius:.75rem}
.testimonial-card .fa-star{color:#000}
.image-modal{display:none;position:fixed;z-index:1050;padding-top:60px;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:#000000e6}
.modal-content{margin:auto;display:block;width:80%;max-width:700px;max-height:80vh}
.close-modal{position:absolute;top:15px;right:35px;color:#f1f1f1;font-size:40px;font-weight:700;transition:.3s;cursor:pointer}
.close-modal:hover,.close-modal:focus{color:#bbb;text-decoration:none;cursor:pointer}
.industry-card{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border:1px solid #dee2e6;border-radius:.75rem;overflow:hidden;transition:all .3s ease}
.industry-card:hover{transform:translateY(-8px);box-shadow:0 1rem 3rem #0000002d!important}
.industry-icon-circle{background:linear-gradient(135deg,#000,#000);transition:all .3s ease;border-radius:50%}
.industry-card:hover .industry-icon-circle{transform:scale(1.1)}
.expertise-badge{background:linear-gradient(135deg,#000,#000);color:#fff;border-radius:.75rem}
.case-study-card{background:linear-gradient(135deg,#fff,#f8f9fa);border-left:4px solid #000;border-radius:.75rem;transition:all .3s ease}
.case-study-card:hover{transform:translateY(-5px);box-shadow:0 .5rem 1rem #0000001a}
.tab-button{transition:all .3s ease;border-bottom:3px solid transparent;color:#000;font-weight:600}
.tab-button.active{border-bottom-color:#000;color:#000!important;background-color:transparent!important}
.tab-content-pane{display:none;animation:fadeIn .5s ease-in-out}
.tab-content-pane.active{display:block}
@keyframes fadeIn {
from{opacity:0;transform:translateY(10px)}
to{opacity:1;transform:translateY(0)}
}
.award-badge{background:linear-gradient(135deg,#000,#000);color:#fff;border-radius:.75rem}
.value-card{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-left:4px solid #000;border-radius:.75rem}
.value-icon-circle{background:linear-gradient(135deg,#000,#000);border-radius:50%}
.quote-card{background:linear-gradient(135deg,#000,#000);color:#fff;border-radius:.75rem;position:relative}
.quote-card::before{content:"\201C";position:absolute;top:1rem;left:1.5rem;font-size:6rem;color:#fff3;font-family:serif;line-height:1;z-index:0}
.quote-card p{position:relative;z-index:1}
.team-card{background:linear-gradient(135deg,#fff,#f8f9fa);border:1px solid #dee2e6;border-radius:.75rem;position:relative;overflow:hidden;transition:all .3s ease;transform:translateY(20px)}
.team-card:hover{transform:translateY(-8px);box-shadow:0 .5rem 1rem #0000001a}
.team-card::before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#000,#000)}
.team-member-photo{border:4px solid #fff;box-shadow:0 .25rem .5rem #0000001a}
.team-badge-circle{background:#000;color:#fff;border:3px solid #fff}
.home-sustainability{height:90vh;min-height:600px}
.sustainability-content h2{text-shadow:0 2px 2px #120000ff}
.sustainability-content p{text-shadow:0 2px 2px #120000ff}
.sustainability-icon-circle{background:linear-gradient(135deg,#000,#000);border-radius:50%}
.sustainability-stats-card{background:linear-gradient(135deg,#fff,#f8f9fa);border-radius:.75rem;box-shadow:0 .25rem .5rem #0000000d}
.sustainability-stats-card .text-success{color:#000!important}
.team-list-column{background-color:#f8f9fa;padding:20px;overflow-y:auto}
.team-member{padding:15px;margin-bottom:10px;cursor:pointer;border-left:3px solid transparent;transition:all .3s ease}
.team-member:hover{background-color:#e9ecef}
.team-member.active{border-left:3px solid #0d6efd;background-color:#e9ecef}
.member-name{font-weight:600;margin-bottom:.25rem}
.member-title{color:#6c757d;font-size:.9rem;margin-bottom:0}
.team-detail{display:none;padding:30px 0;opacity:1;z-index:1;height:auto;transition:opacity .3s linear,pointer-events 0,display 0;max-height:-webkit-max-content}
.team-detail.active{display:-webkit-box!important}
.team-image{min-height:300px}
.team-quote-wrapper{padding-left:30px;padding-right:20px}
.team-quote{font-size:28px;line-height:30px;letter-spacing:normal;color:#000;margin:0 0 48px}
.team-quote:before{content:"“";font-size:4em;font-weight:900;line-height:1;display:block;left:0;top:0;font-family:"Source Serif 4";color:#0a2486}
.team-author{font-weight:600}
.team-position{color:#6c757d;margin-bottom:1rem}
.news-blog-card{background:linear-gradient(135deg,#fff,#f8f9fa);border:1px solid #dee2e6;border-radius:.75rem;overflow:hidden;transition:all .3s ease}
.news-blog-card:hover{border-color:#000;box-shadow:0 .5rem 1rem #0000001a}
.news-category-badge{border-radius:.75rem;padding:.3rem .8rem;font-size:.8rem;font-weight:600}
.news-category-badge.award{background-color:#ffeeba;color:#856404}
.news-category-badge.project{background-color:#cce5ff;color:#004085}
.news-category-badge.innovation{background-color:#e2d9ff;color:#4b0082}
.blog-featured-card{background:linear-gradient(135deg,#0a2486,#0a2486);color:#fff;border-radius:.75rem}
.blog-list-item{border-left:4px solid #000;transition:all .3s ease}
.blog-list-item:hover{background-color:#fff3f3}
.contact-card{background:linear-gradient(135deg,#fff,#f8f9fa);border:1px solid #dee2e6;border-radius:.75rem;position:relative;overflow:hidden;transition:all .3s ease}
.contact-card::before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#000,#000)}
.contact-icon-circle{background:linear-gradient(135deg,#000,#000);border-radius:50%;transition:all .3s ease}
.contact-card:hover .contact-icon-circle{transform:scale(1.1)}
.form-control{border-radius:.5rem;padding:.75rem 1rem;border:2px solid #dee2e6;transition:all .3s ease}
.form-control:focus{border-color:#000;box-shadow:0 0 0 .25rem #dc354540;outline:none}
.form-floating > .form-control:focus ~ label,.form-floating > .form-control:not(:placeholder-shown) ~ label,.form-floating > .form-select ~ label{top:.25rem;font-size:.75rem;color:#000}
.success-message{position:fixed;top:1.5rem;left:50%;transform:translateX(-50%) translateY(-100%);opacity:0;transition:all .5s ease;z-index:1050;background:linear-gradient(135deg,#000,#000);color:#fff;padding:1rem 2rem;border-radius:.5rem;box-shadow:0 .5rem 1rem #00000026}
.success-message.show{transform:translateX(-50%) translateY(0);opacity:1}
.loading-spinner{border:3px solid #f3f3f3;border-top:3px solid #000;border-radius:50%;width:20px;height:20px;animation:spin 1s linear infinite;display:none}
@keyframes spin {
0%{transform:rotate(0deg)}
100%{transform:rotate(360deg)}
}
.map-container{background:linear-gradient(135deg,#212529,#0a2486);border-radius:.75rem;overflow:hidden}
.info-card-blue{background:linear-gradient(135deg,#000,#000);color:#fff;border-radius:.75rem}
.info-card-green{background:linear-gradient(135deg,#000,#000);color:#fff;border-radius:.75rem}
.info-card-red{background:linear-gradient(135deg,#000,#000);color:#fff;border-radius:.75rem}
.office-card{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-left:4px solid #000;border-radius:.75rem}
.faq-item .accordion-button{transition:color .3s ease}
.faq-item .accordion-button:hover{color:#000}
.faq-item .accordion-button:not(.collapsed) .fa-plus{transform:rotate(45deg)}
.faq-item .accordion-button .fa-plus{transition:transform .3s ease}
.project-detail-image{border-radius:.5rem;box-shadow:0 .5rem 1rem #0000001a}
.project-gallery-grid img{width:100%;height:200px;border-radius:.5rem;transition:transform .3s ease}
.project-gallery-grid img:hover{transform:scale(1.03)}
.image-modal{display:none;position:fixed;z-index:1050;padding-top:60px;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:#000}
.modal-content{margin:auto;display:block;width:80%;max-width:700px}
.close-modal{position:absolute;top:15px;right:35px;color:#f1f1f1;font-size:40px;font-weight:700;transition:.3s}
.close-modal:hover,.close-modal:focus{color:#bbb;text-decoration:none;cursor:pointer}
.related-projects .projects-wrapper{list-style:none;margin:0 -2.1rem;padding:0}
.related-projects .projects-wrapper .project-item{height:15rem;height:23.4rem;overflow:hidden;border:.1rem solid #fff;position:relative;flex:0 0 100%}
.related-projects .projects-wrapper .project-item:nth-of-type(6n),.related-projects .projects-wrapper .project-item:nth-of-type(6n+1){flex:0 0 100%}
.related-projects .projects-wrapper .project-item .text-wrapper{bottom:0;color:#fff;left:0;padding:2.6rem 3rem 6rem;position:absolute;right:0;top:0;z-index:2;text-shadow:0 2px 2px #120000}
.related-projects .projects-wrapper .project-item .text-wrapper::before{background:transparent;bottom:0;content:"";left:0;position:absolute;right:0;top:0;transition:background-color 600ms linear;z-index:-1}
.related-projects .projects-wrapper .project-item:hover .text-wrapper::before{background:#0006}
.related-projects .projects-wrapper .project-item .title{margin:0 0 1.2rem}
.related-projects .projects-wrapper .project-item .preamble{display:none;margin:0;max-height:7rem;opacity:0;overflow:hidden;transition:opacity 200ms ease-in}
.related-projects .projects-wrapper .project-item:hover .preamble{opacity:1}
.related-projects .projects-wrapper .project-item .button-link,.related-projects .projects-wrapper .project-item .news-item .text-wrapper .readmore-link,.news-item .text-wrapper .related-projects .projects-wrapper .project-item .readmore-link{bottom:3rem;color:#fff;display:none;left:3rem;padding:.4rem 0 .4rem 3.2rem;position:absolute;text-transform:none}
.related-projects .projects-wrapper .project-item .image-wrapper{height:100%;position:relative}
.related-projects .projects-wrapper .project-item .image-wrapper::before{background:linear-gradient(180deg,#0000 60%,#00000073 100%);transform:matrix(-1,0,0,1,0,0);bottom:0;content:"";left:0;position:absolute;right:0;top:0;z-index:1}
.related-projects .projects-wrapper .project-item .image-wrapper::after{background:linear-gradient(0deg,#0000 75%,#00000073 100%);bottom:0;content:"";left:0;position:absolute;right:0;top:0;transition:background-color 600ms linear}
.gallery-slider-container{position:relative;width:100%}
.slick-dotted.slick-slider{margin-bottom:30px}
.cultural-gallery-slider{height:100%}
.gallery-slide{position:relative;height:70vh;min-height:500px;outline:none}
.gallery-slide img{width:100%;height:100%;object-fit:cover;display:block}
.slide-overlay{max-width:600px;width:100%;position:absolute;right:0;bottom:0;background:linear-gradient(135deg,#0a2486b3,#0a248666);display:flex;padding:1rem;flex-direction:column;grid-gap:.5rem}
.slide-content{text-align:left;color:#fff}
.gallery-label{display:block;font-size:.8rem;color:#f5deb3;text-transform:uppercase;letter-spacing:2px;margin-bottom:1rem;font-weight:500}
.slide-content h2{font-size:1rem;color:#fff;margin-bottom:.1rem;line-height:1.2;font-weight:300}
.slide-content p{font-size:1rem;color:#ffffffe6;line-height:1.6;margin:0}
.gallery-nav-arrows{display:flex;gap:1rem}
.gallery-prev,.gallery-next{width:35px;height:35px;border:2px solid #ffffff80;background:transparent;border-radius:50%;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1.2rem;transition:all .3s ease;backdrop-filter:blur(10px)}
.gallery-prev:hover,.gallery-next:hover{border-color:#f5deb3;background:#d4af3733;color:#f5deb3;transform:scale(1.05)}
.slide-navigation{display:flex;align-items:center;gap:1.5rem}
.slide-navigation .gallery-nav-arrows{margin-top:0}
.slide-navigation .slick-dots{position:relative;bottom:auto}
.slide-navigation .slick-dots li button:before{color:#fff;font-size:14px;opacity:.5}
.slide-navigation .slick-dots li.slick-active button:before{color:#f5deb3;opacity:1}
.cultural-gallery-slider .slick-arrow{display:none!important}
.hero-slider-section{min-height:500px;display:flex;align-items:center}
.slick-slide-item .col-lg-7 figure{height:100%;margin-bottom:0;display:flex;align-items:center;justify-content:center}
.slick-slide-item .col-lg-7 img{width:100%;height:100%;object-fit:cover;border-radius:.5rem;min-height:300px;display:block}
.slick-slide-item .col-lg-7 .bg-secondary{min-height:300px;width:100%;height:100%;border-radius:.5rem}
.slick-slide-item .col-lg-5 .slide-content{display:flex;flex-direction:column;justify-content:center}
.slick-custom-arrows{padding:10px 0}
.slick-custom-arrows .slick-prev,.slick-custom-arrows .slick-next{width:45px;height:45px;background-color:#343a40;color:#fff;border:none;border-radius:50%;cursor:pointer;transition:background-color .3s ease,transform .3s ease;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 8px #0003}
.slick-custom-arrows .slick-prev:hover,.slick-custom-arrows .slick-next:hover{background-color:#495057;transform:translateY(-2px);box-shadow:0 6px 12px #0000004d}
.slick-custom-arrows .slick-prev:focus,.slick-custom-arrows .slick-next:focus{outline:none;box-shadow:0 0 0 .25rem #343a4080}
.slick-custom-arrows svg{width:20px;height:20px}
.slick-custom-dots{padding:10px 0}
.slick-custom-dots ul{list-style:none;padding:0;margin:0;display:flex;justify-content:center;gap:8px}
.slick-custom-dots li{margin:0;display:inline-block}
.slick-custom-dots .slick-dot-button{width:12px;height:12px;background-color:#ced4da;border:none;border-radius:50%;cursor:pointer;padding:0;transition:background-color .3s ease,transform .2s ease;box-shadow:inset 0 1px 2px #0000001a}
.slick-custom-dots .slick-dot-button:hover{background-color:#adb5bd;transform:scale(1.1)}
.slick-custom-dots li.slick-active .slick-dot-button{background-color:#0d6efd;box-shadow:0 0 0 2px #0d6efd80;transform:scale(1.2)}
@media (min-width: 992px) {
.slick-slide-item .row{height:100%}
.slick-slide-item .col-lg-7,.slick-slide-item .col-lg-5{display:flex;flex-direction:column;justify-content:center;height:100%}
}
@media (max-width: 991.98px) {
.slick-custom-arrows,.slick-custom-dots{justify-content:center!important}
}
.slick-progress-indicator{font-size:.9rem;color:#6c757d}
.slick-progress-indicator .progress-line{background-color:#e9ecef;height:4px;position:relative;width:100%}
.slick-progress-indicator .progress-fill{width:0;transition:width 0s linear}
.slick-progress-indicator .current-slide-number,.slick-progress-indicator .total-slides-number{font-weight:600;color:#343a40}
.social-icon-circle{background:linear-gradient(135deg,#0a2486,#0a2486);border-radius:50%;transition:all .3s ease}
.social-icon-circle:hover{background:linear-gradient(135deg,#000,#000);transform:translateY(-3px)}
.csr-icon-circle{background:linear-gradient(135deg,#000,#000);border-radius:50%}
.csr-stats-card{background:linear-gradient(135deg,#fff,#f8f9fa);border-radius:.75rem;box-shadow:0 .25rem .5rem #0000000d}
.csr-stats-card .text-purple{color:#000!important}
.award-recognition-icon-circle{background:linear-gradient(135deg,#000,#000);border-radius:50%}
.industry-image-container{position:relative;overflow:hidden;border-radius:.75rem}
.industry-image-container img{transition:transform .3s ease}
.industry-image-container:hover img{transform:scale(1.05)}
.industry-overlay{position:absolute;background:linear-gradient(to top,#000c,transparent);opacity:0;transition:all .3s ease;display:flex;padding:1.5rem}
.industry-image-container:hover .industry-overlay{opacity:1}
.section-heading{font-size:2.5rem;font-weight:700}
.section-subheading{font-size:1.2rem}
.btn-outline-custom{border-color:#0a2486;color:#0a2486;padding:.8rem 2rem;font-size:1.1rem;transition:all .3s ease;border-radius:.3rem}
.btn-outline-custom:hover{background-color:#0a2486;color:#fff}
.process-timeline{position:relative}
.process-timeline::before{content:"";position:absolute;left:50%;top:0;bottom:0;width:2px;background:linear-gradient(to bottom,#000,#000);transform:translateX(-50%)}
.text-shadow-custom{text-shadow:2px 2px 4px #000000b3}
.bg-image-section{background-image:url(images/crimson-peak-solutions-ltd-5-1.jpg);background-size:cover;background-position:top center;background-repeat:no-repeat;min-height:500px;height:90vh;display:flex;padding-bottom:3rem}
.bg-image-section::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background-color:#0000004d}
.bg-image-section > .container{position:relative;z-index:1}
.mtandao a{text-decoration:none}
.timeline-item:nth-child(odd) .card{margin-right:calc(50% + 20px)}
.timeline-item:nth-child(even) .card{margin-left:calc(50% + 20px)}
.timeline-dot{position:absolute;left:50%;transform:translateX(-50%);width:16px;height:16px;background:#000;border:4px solid #fff;border-radius:50%;box-shadow:0 0 0 4px #000;z-index:1}
.benefit-card{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-left:4px solid #000;border-radius:.75rem}
.stats-counter-gradient{background:linear-gradient(135deg,#000,#000);background-clip:text}
footer a{transition:color .3s ease;text-decoration:none;font-size:14px}
footer a:hover{color:#fff}
.footer-heading{font-weight:600;color:#fff}
footer .wpcf7-form .input-group p{position:relative;display:flex;width:100%;margin-bottom:0}
@media only screen and (min-width: 1200px) {
.related-projects .projects-wrapper .project-item .text-wrapper{padding:1.5rem 1.5rem 5rem}
}
@media only screen and (min-width: 1024px) {
.related-projects .projects-wrapper .project-item{flex:0 0 25%;height:20rem}
.related-projects .projects-wrapper .project-item:nth-of-type(6n),.related-projects .projects-wrapper .project-item:nth-of-type(6n+1){flex:0 0 50%}
.related-projects .projects-wrapper .project-item .preamble{max-height:11rem}
.slick-control-container{bottom:0;position:absolute;right:0;width:40%}
}
@media only screen and (max-width: 1023.99px) {
.section-heading{font-size:2rem}
.home-sustainability{height:50vh;min-height:550px}
.hero-bg .caption{max-width:350px}
.slick-control-container{max-width:97%;margin:0 auto}
}
@media only screen and (max-width: 899px) {
.bg-image-section{min-height:550px;height:50vh}
.hero-bg .caption{max-width:275px}
}
@media only screen and (min-width: 768px) {
.related-projects .projects-wrapper{display:flex;flex-wrap:wrap}
.related-projects .projects-wrapper .project-item .preamble{display:block}
.related-projects .projects-wrapper .project-item .button-link,.related-projects .projects-wrapper .project-item .news-item .text-wrapper .readmore-link,.news-item .text-wrapper .related-projects .projects-wrapper .project-item .readmore-link{display:block}
.related-projects .projects-wrapper .project-item .image-wrapper{position:relative;overflow:hidden}
.related-projects .projects-wrapper .project-item .image-wrapper .graphic,.related-projects .projects-wrapper .project-item .image-wrapper .image{height:120%;left:50%;position:absolute;bottom:0;transform:translateX(-50%)}
}
@media only screen and (max-width: 767.99px) {
.gallery-slide{height:50vh;min-height:400px}
.hero-title{font-size:2.5rem}
.hero-subtitle{font-size:1.15rem}
.section-heading{font-size:2rem}
.section-subheading{font-size:1rem}
.custom-dropdown-menu{min-width:250px;left:-50px}
.process-timeline::before{left:20px}
.team-list-column{height:auto;max-height:300px}
.timeline-dot{left:20px}
.timeline-item:nth-child(even) .card{margin-left:40px}
.timeline-item:nth-child(odd) .card{margin-right:0;margin-left:40px;}


}
@media only screen and (max-width: 500px) {
.gallery-slide{height:30vh;min-height:300px}
footer .wpcf7-form .input-group p {
    position: relative;
    display: block;
    width: 100%;
    margin-bottom: 0;

}
.bg-image-section{background-position: 25% 100%;background-image:url(images/crimson-peak-solutions-ltd-5-1.jpg);height:auto;min-height:400px;padding-top:3rem}
}