:root, [data-bs-theme=light] {
    /*--dark-text: var(--text-dark-color);*/
    --input-box-shadows: 0 0 0 .25rem rgba(255, 198, 0, 0.45);

    --bs-body-font-family: var(--primary-font);
    --bs-body-font: var(--primary-font);
    --bs-body-font-size: 16px;
    --bs-body-font-weight: 400;
    --bs-body-color: var(--text-light-color);
    --bs-body-bg: rgb(255,255,255);
    --bs-border-color: #dfdfdf;
    --bs-light-rgb: var(--alternative-color);
    scroll-behavior: smooth !important;
}

.pagination {
    --bs-pagination-active-bg: var(--primary-color);
    --bs-pagination-color: var(--primary-color);
    --bs-pagination-active-border-color: var(--primary-color);
    --bs-pagination-hover-color: var(--primary-color);
    --bs-pagination-focus-box-shadow: none;
    --bs-pagination-focus-color: var(--secondary-color);
}

.navbar-nav { 
    --bs-navbar-padding-y: 0.5rem;
    --bs-nav-link-font-weight: 400;
    --bs-nav-link-font-size: 15px;
}

.navbar {
    --bs-navbar-toggler-border-color: var(--secondary-color);
    --bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 198, 0, 1%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}

.nav-link { 
    --bs-nav-link-color: var(--bs-white); 
}

.nav-link:focus, .nav-link:hover, .nav-link:focus {
    color: var(--secondary-color);
}

.btn {
    --bs-border-radius: 0;
    --bs-border-radius-lg: 0;
    --bs-border-radius-sm: 0;
}

.dropdown-menu {

    --bs-dropdown-link-hover-bg: var(--secondary-color);
    --bs-dropdown-link-active-bg: var(--secondary-color);
    --bs-dropdown-border-radius: 0;
    --bs-dropdown-padding-x: 1rem;
    --bs-dropdown-padding-y: 1rem;
    background-color: var(--primary-color);
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
}

.dropdown-item {
    --bs-dropdown-link-color: var(--bs-white);
    border: 1px solid #333;
    border-radius: 5px;
    margin-bottom: 3px;
}

.dropdown-item:focus, .dropdown-item:hover {
    color: #000;
    transition: 0.6s ease all;
}

.form-check-input:checked {
    background-color: var(--secondary-color);
    border-color: var(--secondary-color);
}

.form-check-input:focus {
    box-shadow: var(--input-box-shadows);
}

.text-success {
    color: var(--alternative-color);
}

.accordion {
    --bs-accordion-active-bg: var(--secondary-color);
    --bs-accordion-active-color: var(--primary-color);
}

.btn-primary {
    --bs-btn-disabled-bg: var(--primary-color);
}

.app-bg-tertiary { background-color: #000; }

.btn-primary{position:relative;display:inline-block;font-size:16px;font-weight:600;line-height:.6em;text-transform:capitalize;color:var(--primary-color);background-color:var(--secondary-color);border-radius:10px;padding:2px 40px 2px 2px;border:none;overflow:hidden;transition:all .5s ease-in-out}
.btn-primary:hover{background-color:transparent}
.btn-primary::before{content:'';position:absolute;top:50%;right:0;bottom:0;width:12px;height:12px;background-image:url('../img/arrow-white.svg');background-repeat:no-repeat;background-position:center center;background-size:24px auto;transform:translate(-15px,-50%);transition:all .4s ease-in-out;z-index:1}
.btn-primary:hover::before{transform:translate(-15px,-50%) rotate(45deg)}
.btn-primary::after{content:'';display:block;position:absolute;top:0;left:auto;right:0;bottom:0;width:0;height:100%;border-radius:8px;background:var(--primary-color);transition:all .4s ease-in-out;z-index:0}
.btn-primary:hover::after{width:100%;left:0;right:auto}
.btn-primary span{position:relative;display:inline-block;font-size:16px;font-weight:600;line-height:1em;background-color:var(--bs-white);color:var(--primary-color);border-radius:8px;padding:15px 20px;overflow:hidden;z-index:1;transition:all .5s ease-in-out}
.btn-primary:hover span{background-color:transparent;color:var(--primary-color)}
.btn-primary span::after{content:'';display:block;position:absolute;top:0;left:auto;right:0;bottom:0;width:0;height:100%;border-radius:8px;background:var(--secondary-color);transition:all .4s ease-in-out;z-index:-1}
.btn-primary:hover span::after{width:100%;left:0;right:auto}

.btn-secondary{position:relative;display:inline-block;font-size:16px;font-weight:600;line-height:.6em;text-transform:capitalize;color:var(--secondary-color);background-color:var(--primary-color);border-radius:10px;padding:2px 40px 2px 2px;border:none;overflow:hidden;transition:all .5s ease-in-out}
.btn-secondary:hover{background-color:transparent}
.btn-secondary::before{content:'';position:absolute;top:50%;right:0;bottom:0;width:12px;height:12px;background-image:url('../img/arrow-white.svg');background-repeat:no-repeat;background-position:center center;background-size:24px auto;transform:translate(-15px,-50%);transition:all .4s ease-in-out;z-index:1}
.btn-secondary:hover::before{transform:translate(-15px,-50%) rotate(45deg)}
.btn-secondary::after{content:'';display:block;position:absolute;top:0;left:auto;right:0;bottom:0;width:0;height:100%;border-radius:8px;background:var(--alternative-color);transition:all .4s ease-in-out;z-index:0}
.btn-secondary:hover::after{width:100%;left:0;right:auto}
.btn-secondary span{position:relative;display:inline-block;font-size:16px;font-weight:600;line-height:1em;background-color:var(--bs-white);color:var(--primary-color);border-radius:8px;padding:15px 20px;overflow:hidden;z-index:1;transition:all .5s ease-in-out}
.btn-secondary:hover span{background-color:transparent;color:var(--bs-white);}
.btn-secondary span::after{content:'';display:block;position:absolute;top:0;left:auto;right:0;bottom:0;width:0;height:100%;border-radius:8px;background:var(--primary-color);transition:all .4s ease-in-out;z-index:-1}
.btn-secondary:hover span::after{width:100%;left:0;right:auto}

[data-bs-theme=dark] .accordion-button::after { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fdd1b4'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e"); }

html { scroll-behavior: smooth !important; }
body { padding-top: 87px;  }
a { color: var(--primary-color); transition: 0.6s ease all; }
a:hover { color: var(--secondary-color); }
input::placeholder, textarea::placeholder { color: var(--primary-color) !important; }
hr { color: #d1cfcf; }

.form-control:focus { border-color: var(--secondary-color); box-shadow: var(--input-box-shadows); }

.box-shadow-5 { box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px; }

.stuck { position:fixed; top: 127px; }
.sticky-surpassed { position:absolute; bottom: 0; }
.sticky-wrapper { height: 100% !important; position: relative; transition: top 0.6s; }

.img-fluid { width: 100%; }

.app-breadcrumb { background-color: transparent !important; }
.creative-breadcrumb { background: linear-gradient(0deg, rgba(250,250,250,1) 0%, rgba(255,255,255,1) 100%); }

.hero { position: relative; height: calc(100vh - 87px); padding-top: 0; }
.hero::before { content:''; display: block; position: absolute; top: 0; bottom: 0; left: 0; right: 0; background: linear-gradient(270deg,transparent 20%,rgba(0,0,0,1) 100%); width:100%; height:100%; z-index:1; }
.hero.hero-video .hero-bg-video { position: absolute; top: 0; right: 0; left: 0; bottom: 0; width: 100%; height: 100%; }
.hero.hero-video .hero-bg-video video { width:100%; height:100%; object-fit:cover; }
.hero-content { position: relative; z-index:1; }
.hero-content .video-title { font-family: var(--secondary-font); font-weight: 500; color: var(--bs-white); font-size: 32px; margin-bottom: 30px; }
.hero-content .video-subtitle { font-family: var(--secondary-font); font-weight: 700; color: var(--bs-white); font-size: 54px; text-transform: uppercase; position: relative; margin-bottom: 10px; }
.hero-content .video-subtitle::before { position: absolute; bottom: 0; left: 0; width: 100%; height: 5px; content: ""; background-color: var(--secondary-color); opacity: 0.5; }
.hero-content .video-description { font-family: var(--secondary-font); font-weight: 300; color: var(--bs-white); font-size: 28px; }
.hero-content .video-buttons { margin-top: 30px; }

.hosted-video {  }
.hosted-video .video-section { width: 100%; height: 60vh; }
.hosted-video .video-section video { width:100%; height:100%; object-fit:cover; }

.header { background-color: #231f20; border-bottom: 1px solid var(--secondary-color); }
.navbar-nav > .nav-item > .nav-link { font-weight: 300; white-space: nowrap; position: relative; text-transform: uppercase; }
.navbar-nav > .nav-item > .nav-link:hover { color: var(--secondary-color); }
.navbar-nav > .nav-item > .nav-link:before { content: ""; height: 2px; background-color: var(--bs-white); width: 0; position: absolute; bottom: 10px; transition: 0.6s ease all; right: 0;  }
.navbar-nav > .nav-item.active > .nav-link:before { background-color: var(--secondary-color); width: 100%; }
.navbar-nav > .nav-item:hover > .nav-link:before { background-color: var(--secondary-color); width: 100%; transform-origin: center; -moz-transform-origin: center; -webkit-transform-origin: center; right: 0; left: 0; }
.navbar-brand { padding-bottom: 1rem; }

.about-image { position: relative; display: flex ; justify-content: end; padding-top: 150px; margin-right: 40px; height: 100%; }
.about-img-1 { position: absolute; top: 0; left: 0; width: 100%; max-width: 300px; }
.about-img-2 {  z-index: 2; }
.about-img-1 img { border-radius: 40px; border: 10px solid var(--bs-white); }
.about-img-2 img { border-radius: 40px; border: 10px solid var(--bs-white); }

.company-experience { position: absolute; top: 50px; right: 0px; display: flex ; align-items: center; max-width: 250px; }
.company-experience-counter { width: 120px; }
.company-experience-counter .counter-tag { font-size: 50px; color: var(--secondary-color); font-weight: 800; }
.company-experience .experience-text p { font-size: 22px; line-height: 1.4em; text-transform: capitalize; color: var(--primary-color); margin: 0; }

.featured-slider { position: relative; }
.featured-slider .hero-swiper .swiper-slide { min-height: calc(100vh - 115px) }
.featured-slider .hero-swiper .swiper-slide::before { content: ""; position: absolute; left: 0; top: 0; background-color: rgba(0,0,0,0.5); width: 100%; height: 100%; }
.featured-slider .hero-swiper .swiper-pagination-bullet { width: 30px; height: 30px; border-radius: 0; }
.featured-slider .swiper-pagination-progressbar { bottom: 0; top: auto; }

.footer { background-color: var(--primary-color) !important; }
.footer .footer-description { max-width: 95%; font-size: 14px; }
.footer-widget.sitemap { padding-left: 0; }
.footer-navigation a { transition: 0.6s ease all; }
.footer-navigation a:hover { color: var(--secondary-color); }
.footer-widget .widget-title { position: relative; }
.footer-widget .widget-title::before { content: ""; position: absolute; bottom: -4px; left: 0; display: block; width: 80px; height: 2px; background-color: var(--primary-color); }

.footer .social-media-icon a { display: inline-block; margin-right: 20px; }
.footer .social-media-icon:last-child a { margin-right: 0; }
.footer .social-media-icon a:hover { color: var(--secondary-color) !important; }

.pageheader-section .pageheader-content .page-title { margin-top: 4rem; text-align: center; opacity: 1; color: rgba(255,255,255,1) !important; text-shadow: 0 2px 1px rgba(253, 209, 180,0.2); margin-bottom: 0 !important; line-height: 48px; }
.pageheader-section.overlay::before { background-color: rgba(0,0,0,0.7); }

.section-header { position: relative; text-align: left; }
.section-header .section-title { display: block; text-align: left; padding-left: 0; }
.section-header .section-title::before { position: absolute; content: ""; width: 85%; height: 2px; background-color: #f2f2f2; bottom: -7px; left: 0; }
.section-header .section-title::after { position: absolute; content: ""; width: 15%; height: 2px; background-color: var(--secondary-color); bottom: -7px; right: 0; }
.btn-absolute { position: absolute; top: 0; right: 0; }
.btn-absolute span { padding: 10px 5px; }

.section-title { font-weight: 500; font-family: var(--secondary-font); font-size: 34px; color: var(--primary-color); text-align: center; position: relative; display: inline-block; padding-left: 30px; padding-right: 30px; }
.section-title::before { position: absolute; content: ""; width: 70%; height: 2px; background-color: var(--primary-color); bottom: -7px; left: 0; }
.section-title::after { position: absolute; content: ""; width: 30%; height: 2px; background-color: var(--secondary-color); bottom: -7px; right: 0; }

.indutries-section-banner .section-title { font-weight: 700; font-family: var(--secondary-font); font-size: 34px; color: var(--primary-color); text-align: center; }
.indutries-section-banner .section-description { font-weight: 400; font-size: 16px; color: var(--primary-color); text-align: center; }
.indutries-section-banner.alternated { height: 100%; background-color: var(--secondary-color); padding: 1rem; }

.contact-informations li { padding: 0.75rem 1.5rem; border-radius: 15px; border: 1px dashed #f2f2f2; position: relative; padding-left: 80px; margin-bottom: 1rem; }
.contact-informations li i { position: absolute; left: 20px; top: 0; padding-top: 12px; height: 100%; width: 40px; font-size: 24px; color: var(--primary-color); opacity: 0.7; border-right: 1px dashed #f2f2f2; }
.contact-informations li i.fa-map-marker { padding-top: 22px; }

.content-home h1, .content-home h2 { margin-bottom: 1rem; }
.content-home .btn { margin-top: 1rem; }
.content-home .feature-item { margin-bottom: 0.75rem; }
.content-home .feature-item .feature-icon { margin-right: 0.75rem;  }
.content-home .feature-item .feature-text p { margin: 0; }

.category-box .category-title { font-weight: 700; font-size: 28px; }
.category-box .category-button { width: 75px; height: 75px; text-align: center; background-color: var(--secondary-color); border-bottom-right-radius: 10px; }
.category-box .category-button .fas { color: var(--primary-color); }
.category-box .category-button:hover { background-color: var(--primary-color); }
.category-box .category-button:hover .fas { color: var(--bs-white) !important; }
.category-box .category-button::before { display: none !important; }

.group-products .group-heading .group-title { font-family: var(--secondary-font); color: var(--primary-color); font-size: 32px; font-weight: 400; }
.section-title span { color: var(--secondary-color); }

.product-showcase .gallery-image { display: block; }
.product-showcase .gallery-image img { border: 1px solid #dedede; padding: 0.5rem; }

.product-types-title h2 { font-family: var(--secondary-font); font-weight: 500; font-size: 32px; line-height: 32px; color: var(--primary-color); }
.product-types .nav-item { background-color: var(--secondary-color); }
.product-types .nav-item .nav-link { background-color: var(--secondary-color); color: var(--primary-color); font-family: var(--secondary-font); font-size: 22px; font-weight: 500; border-radius: 0; border-width: 3px; }
.product-types .nav-item .nav-link:hover { border-color: rgba(0,0,0,0.2); }
.product-types .nav-item .nav-link.active { background-color: var(--primary-color); color: var(--bs-white); border-color: var(--primary-color); }

.product-group-title { font-family: var(--secondary-font); font-weight: 500; font-size: 32px; color: var(--primary-color); }

.model-container { height: 500px; background-color: var(--bs-white); }
.model-container model-viewer { height: 100%; width: 100%; }

.mfp-iframe-scaler { padding-top: 0; }
.mfp-iframe-holder { padding-top: 0; padding-bottom: 0; }
.mfp-iframe-holder .mfp-content { width: 90%; height: 90%; max-width: 90%; }

.pdf-list li { display: block; width: 100%; padding: 0.75rem 1rem; margin-bottom: 1rem; box-shadow: rgb(38, 57, 77) 0px 5px 15px -10px; }
.pdf-list li a { text-decoration: none; font-size: 17px; font-weight: 600; font-family: var(--secondary-font); }
.pdf-list li a:hover { color: var(--secondary-color); }
.pdf-list li a .fas { margin-right: 0.5rem; font-size: 18px; }

.accordion-button { box-shadow: rgb(38, 57, 77) 0px 5px 15px -10px; margin-bottom: 1rem; font-family: var(--secondary-font); font-size: 18px; font-weight: 400; }
.accordion-button:hover { background-color: var(--secondary-color); }

.logo-grid-item { background-color: var(--bs-white); padding: 10px; border: 3px solid var(--alternative-color) }

.footer a, .footer .fas, .footer p, .footer { color: var(--bs-white) }
.footer .footer-widget .widget-title { color: var(--bs-white); position: relative; }
.footer .footer-widget .widget-title::before { position: absolute; content: ""; width: 70%; height: 2px; background-color: var(--secondary-color); bottom: -8px; left: 0; }
.footer .footer-widget .widget-title::after { position: absolute; content: ""; width: 30%; height: 2px; background-color: var(--bs-white); bottom: -8px; right: 0; }

.fast-contact li { padding-left: 40px; position: relative; margin-bottom: 5px; line-height: 25px; }
.fast-contact .fas { position: absolute; left: 0; top: 0; }
.fast-contact .fas::before { color: var(--primary-color); background-color: var(--secondary-color); padding: 5px; width: 25px; height: 25px; display: block; text-align: center; padding-top: 12px; font-size: 15px; }
.fast-contact li a:hover { color: var(--secondary-color); }

.bottombar a, .bottombar p, .topbar a, .topbar p { color: var(--bs-white); transition: 0.4s ease all; }
.bottombar a:hover{ color: var(--secondary-color); }
.bottombar .bottombar-copyright { font-size: 14px; }
.bottombar .gdpr-link { font-size: 14px; }

.topbar .topbar-slogan { font-size: 14px; }
.topbar { border-bottom: 0;  }

.topbar-language-bar { margin-right: 1rem; }
.topbar-language-bar li a { font-family: var(--secondary-font); color: var(--bs-white); font-weight: 700; font-size: 16px; }
.topbar-social-media { border-right: 1px solid #666; padding-right: 20px; }

.sidebar .siblings-title { font-family: var(--secondary-font); font-weight: 700; font-size: 20px; }
.sidebar .siblings-title .fa-solid { margin-right: 0.5rem; }
.sidebar .siblings li.active a { background-color: var(--secondary-color); color: var(--primary-color); font-weight: 600; }
.sidebar li a { background-color: #f1f1f1; display: block; padding: 4px 9px; color: var(--primary-color); font-weight: 400; font-family: var(--secondary-font); }
.sidebar li a:hover { background-color: var(--primary-color); color: var(--bs-white); }
.sidebar li a i { vertical-align: 0.06em !important }

.card.catalog .card-body { padding: 1rem 0; }
.card.catalog .card-title { font-family: var(--secondary-font); font-weight: 600; font-size: 32px; color: var(--primary-color); }

.industries-list .card, .group-industries .card { position: relative; }
.industries-list .card .card-body, .group-industries .card .card-body { position: absolute; top: 70%; bottom: 0; left: 0; right: 0; background-image: -webkit-linear-gradient(top, transparent 0, #231f20 100%); background-image: -o-linear-gradient(top, transparent 0, #231f20 100%); background-image: linear-gradient(to bottom, transparent 0, #231f20 100%); background-repeat: repeat-x; }
.industries-list .card .card-body .card-title a, .group-industries .card .card-body .card-title a { color: var(--bs-white); font-weight: 700; font-size: 32px; font-family: var(--secondary-font); text-shadow: 1px 1px #333 }

.group-industries .flip-card.small .flip-card-front .card .card-body { top: 40%; }
.group-industries .flip-card.small .card .card-body .card-title a { font-size: 28px; }
.group-industries .flip-card.small .flip-card-back .card .card-body .card-back-title a { font-size: 28px; line-height: 28px; } 

.flip-card {  position: relative; z-index: 1; width: 100%; } 
.flip-card-inner { position: relative; width: 100%; height: 0; padding-bottom: 60%; transform-style: preserve-3d; transition: transform 0.4s; } 
.flip-card:hover .flip-card-inner { transform: rotateY(180deg); } 
.flip-card-front .card .card-body { border-radius: 15px;  } 
.flip-card-front, .flip-card-back { position: absolute; width: 100%; height: 100%; backface-visibility: hidden; } 
.flip-card-back { transform: rotateY(180deg); } 
.flip-card .card-img-top { object-fit: cover; border-radius: 15px; }
.flip-card-back .card .card-body { height: 100%; background-color: rgba(0,0,0, 0.7); background-image: none; top: 0; border-radius: 15px; } 
.flip-card-back .card .card-body p { color: var(--bs-white); font-size: 16px; font-weight: 500; margin-bottom: 2rem; } 
.flip-card-back .card .card-body .card-back-title { margin-bottom: 0.5rem;  } 
.flip-card-back .card .card-body .card-back-title a { color: var(--bs-white); font-weight: 700; font-size: 34px; font-family: var(--secondary-font); text-shadow: 1px 1px #333;} 
.flip-card-back .card .card-body a i { vertical-align: 0.06em !important }


.subpage-list .card { position: relative; box-shadow: rgba(0, 0, 0, 0.3) 0px 4px 12px; }
.subpage-list .card .card-body { min-height: 80px; display: flex; justify-content: center; flex-direction: column; background-color: var(--primary-color); }
.subpage-list .card .card-body .card-date { background-color: var(--primary-color); display: inline-block; color: var(--bs-white); padding: 0.5rem; position: absolute; right: 0; top:0; font-size: 14px; border-bottom-left-radius: 10px; }
.subpage-list .card .card-body .card-date { background-color: var(--primary-color); display: inline-block; color: var(--bs-white); padding: 0.5rem; position: absolute; right: 0; top:0; font-size: 14px; border-bottom-left-radius: 10px; }
.subpage-list .card .card-body .card-title { font-size: 20px; margin-bottom: 0; }
.subpage-list .card a { overflow: hidden !important; color: var(--bs-white); font-size: 17px; line-height: 0; }
.subpage-list .card img { padding: 0; border: 2px solid var(--tertiary-color); }
.subpage-list .card:hover a { color: var(--secondary-color); }

.group-slideshow.subpage-list .card { box-shadow: none !important; }

.categories.card { overflow: hidden !important; }
.categories.card img { transition: 0.6s linear all; }
.categories.card:hover img { transform: scale(1.5) rotate(-10deg); }
.categories.card .card-img-overlay { background-color: rgba(0,0,0,0.6); }
.categories.card .card-title { font-size: 24px; font-family: var(--secondary-font); color: var(--bs-white); }
.categories.card .card-title:hover { color: var(--primary-color); }

.page-home { padding: 100px 0; background: url(../img/home-background.png) no-repeat; background-position: bottom left; background-size: auto; }
.page-home .home-image { overflow: hidden; }
.page-home .home-image img { transition: 0.6s linear all; border-top-left-radius: 25px; border-bottom-right-radius: 25px; }
.page-home .home-image:hover img { transform: scale(1.5) rotate(-10deg); }

.page-corporate { background: url(../img/home-background.png) no-repeat; background-size: auto; background-repeat: no-repeat; background-position: bottom 0 right -300px; background-attachment: fixed; }
.index-contact-details { background: url(../img/home-background.png) no-repeat; background-size: auto; background-repeat: no-repeat; background-position: bottom 0 right -300px; background-attachment: fixed; }
.requestFormBG { background: url(../img/home-background.png) no-repeat; background-size: auto; background-repeat: no-repeat; background-position: bottom 0 right -300px; background-attachment: fixed; }

.row.no-gutters { margin-right: 0px; margin-left: 0px; } 
.row.no-gutters > * { padding-right: 0px; padding-left: 0px; }

.home-industries-left { background-color: var(--primary-color); padding: 2rem; }
.home-industries-left .section-title { color: var(--bs-white); font-family: var(--secondary-font); font-size: 36px; text-align: center; margin-bottom: 1rem; }
.home-industries-left .section-title:before { background-color: var(--bs-white); }
.home-industries-left .section-description { color: var(--bs-white); font-family: var(--secondary-font); font-size: 24px; text-align: center; }
.home-industries-left .home-industry { border-radius: 30px; border: 1px solid #999; padding: 3rem 1.5rem; margin-bottom: 1.5rem; }
.home-industries-left .home-industry .industry-icon { max-width: 64px; }
.home-industries-left .home-industry .industry-title { color: var(--bs-white); margin-top: 1rem; font-size: 18px; font-weight: 700; text-align: center; }
.home-industries-left .home-industry:hover { background-color: var(--secondary-color); border: 1px solid var(--primary-color) }
.home-industries-left .home-industry:hover .industry-icon { filter: brightness(0); }
.home-industries-left .home-industry:hover .industry-title { color: var(--primary-color); }

.home-industries-right { height: 100%; }
.home-industries-right .industries-video { position: relative; height: 100%; padding-top: 0; }
.home-industries-right .industries-video .industries-bg-video { position: absolute; top: 0; right: 0; left: 0; bottom: 0; width: 100%; height: 100%; }
.home-industries-right .industries-video .industries-bg-video video { width:100%; height:100%; object-fit:cover; }

.group-categories .category-title { font-size: 32px; font-weight: 700; font-family: var(--secondary-font); color: var(--primary-color); }

.image-anime { position: relative; overflow: hidden; }
.image-anime:after { content: ""; position: absolute; width: 200%; height: 0%; left: 50%; top: 50%; background-color: rgba(255, 255, 255, .3); transform: translate(-50%, -50%) rotate(-45deg); z-index: 1; }
.image-anime:hover::after { height: 250%; transition: all 600ms linear; background-color: transparent; }
.reveal { position: relative; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; visibility: hidden; overflow: hidden; } 
.reveal img{ height: 100%; width: 100%; -o-object-fit: cover; object-fit: cover; -webkit-transform-origin: left; transform-origin: left; }

.request-form-area { max-width: 80%; }

.numbers .entry-block { background-color: var(--secondary-color); border-top-left-radius: 30px; border-bottom-right-radius: 30px; border: 3px solid #f2f2f2; }
.numbers .entry-image { margin-right: 1rem; }
.numbers .entry-title { font-family: var(--secondary-font); color: var(--primary-color); font-size: 24px; font-weight: 600; }
.numbers .entry-number { font-family: var(--secondary-font); color: var(--primary-color); font-size: 20px; font-weight: 600; }

.box { background-color: var(--secondary-color); text-align: center; padding: 20px 15px; border-bottom-right-radius: 10px; box-shadow: rgb(38, 57, 77) 0px 5px 15px -10px; }
.box .box-image img.certificate-image { max-height: 45px; filter: brightness(0); }
.box h3 { font-size: 20px; font-weight: 400; font-family: var(--secondary-font); color: var(--primary-color); margin-bottom: 20px; margin-top: 20px; }
.box .fa { font-size: 11px; padding-right: 0 !important; margin-left: 0.5rem; }
.box .btn-small { padding: 5px 17px; font-size: 14px; background-color: var(--primary-color); color: #fff; font-family: var(--secondary-font); border-radius: 10px !important; }
.box .btn-small:hover { background-color: var(--primary-color); color: var(--secondary-color); }
.box .btn-small:before { background-color: var(--primary-color); }

.blog-card { box-shadow: 0 0 35px 0 rgba(0, 0, 0, .08); padding: 1rem; }
.blog-card.small .blog-card-img-wrap img { width: 300px; }
.blog-card.big .blog-card-img-wrap a { display: block; line-height: 0; }
.blog-card.small .blog-card-content { margin-left: 1rem; }
.blog-card .blog-title { font-family: var(--secondary-font); font-size: 22px; font-weight: 600; }
.blog-card .blog-btn { font-size: 18px; font-family: var(--secondary-font); font-weight: 600; text-decoration: none; color: var(--secondary-color); }
.blog-card .blog-btn:hover { color: var(--primary-color); }
.blog-card .blog-btn .fa { margin-right: 0.25rem; }

.flags .gallery-image { padding: 1px; background-color: #999; display: block; border-radius: 30px; }
.flags .gallery-image img {  border-radius: 30px; }
.flags .gallery-image-title {  text-align: center; font-family: var(--secondary-font); font-weight: 600; margin-top: 5px; }

.language-link a::before { display: none; }
.language-link a:hover img { filter: grayscale(1); }

h1 + p, h2 + p, h3 + p, h4 + p, h5 + p, h6 + p { 
    margin-top: 1.5rem;
}

p + h1, p + h2, p + h3, p + h1, p + h4, p + h5, p + h6 { 
    margin-top: 1.5rem;
}

ul + h1, ul + h2, ul + h3, ul + h1, ul + h4, ul + h5, ul + h6 { 
    margin-top: 1.5rem;
}

p + blockquote{
    margin-top: 1.5rem;
}

h2 + h3 {
     margin-top: 1.5rem; 
}

h3 + p  {
    margin-top: 1.5rem;
}

.typography blockquote { margin-bottom: 1.5rem; margin-top: 1.5rem; padding: 1.25rem; background-color: #f1f1f1; font-size: 1.125rem; border-radius: 10px; }
.typography blockquote p { padding: 0; margin: 0; }
.typography ul li { margin-bottom: 0.75rem; }
.typography strong { font-weight: 600 !important; }
.typography video { border-radius: 30px; box-shadow: rgba(0, 0, 0, 0.25) 0px 54px 55px, rgba(0, 0, 0, 0.12) 0px -12px 30px, rgba(0, 0, 0, 0.12) 0px 4px 6px, rgba(0, 0, 0, 0.17) 0px 12px 13px, rgba(0, 0, 0, 0.09) 0px -3px 5px; }

.article-67e18c84366365c6f90002f4 .section-title,
.article-67e18f5a366365153a000356 .section-title,
.article-67e18f6f366365153a000259 .section-title { margin-bottom: 1.5rem !important; }


.article-67e18c84366365c6f90002f4 .section-title::before,
.article-67e18f5a366365153a000356 .section-title::before,
.article-67e18f6f366365153a000259 .section-title::before { display: none !important; }

.article-67e18c84366365c6f90002f4 .section-title::after,
.article-67e18f5a366365153a000356 .section-title::after,
.article-67e18f6f366365153a000259 .section-title::after { display: none !important; }

/* ul.dropdown-menu > li:nth-last-of-type(-n+2) > a {
    background-color:var(--secondary-color);
    color: var(--primary-color);
}

ul.dropdown-menu > li:nth-last-of-type(-n+2) > a:hover {
    background-color:var(--primary-color);
    color: var(--secondary-color);
} */

@media (max-width: 1200px) {
    .video-overlay h3 { font-size: 70px; }
    .navbar-nav { 
        --bs-nav-link-font-size: 15px;
    }
}

@media (max-width: 992px) {
    .dropdown-menu {
        --bs-dropdown-padding-x: 0.25rem;
        --bs-dropdown-padding-y: 0.25rem;
    }
    
    .navbar-nav > .nav-item > .nav-link { border-left: 0 !important; border-right: 0 !important; color: var(--bs-white); }
    .navbar-nav > .nav-item > .nav-link:hover, .navbar-nav > .nav-item > .nav-link:active, .navbar-nav > .nav-item > .nav-link:focus { color: var(--bs-white); }
    .navbar-collapse { background-color: var(--primary-color); }
    .navbar-nav { padding: 1rem; }

    .pageheader-section .pageheader-content .page-title { line-height: 42px !important; font-size: 38px !important; }
    .footer-widget.sitemap { padding-left: 0; margin-top: 2rem; }
    .category-box .category-button { width: 100%; height: 100%; display: block; }
    .home-industries-right { min-height: 500px; }
    .industries-list .flip-card-front .card .card-body, .group-industries .flip-card-front .card .card-body { top: 40%; }
    .flip-card-back .card .card-body .card-back-title a { font-size: 28px; }
    .industries-list .card .card-body .card-title a, .group-industries .card .card-body .card-title a { font-size: 28px; }
    
    .typography img { float: none !important; }

    .blog-card.big { margin-bottom: 1.5rem; }
    .blog-card.small { flex-direction: column !important; margin-bottom: 1.5rem; align-items: start !important; }
    .blog-card.small .blog-card-img-wrap img { max-width: 100%; width: 100%; }
    .blog-card.small .blog-card-content { margin-left: 0; }

  
    .about-image{ margin-right: 0; }

    .typography video { width: 100% !important; height: auto; border-radius: 5px; }

}

@media (max-width: 768px) {
    .featured-slider .hero-swiper .swiper-slide .swiper-content { padding-top: 100px !important; }
    .featured-slider .hero-swiper .swiper-slide .slide-title { font-size: 36px !important; text-align: center !important; max-width: 100%; }
    .featured-slider .hero-swiper .swiper-slide .slide-subtitle { font-size: 24px !important; margin-top: 0; text-align: center !important; max-width: 100%; }
    .featured-slider .hero-swiper .swiper-slide .slide-description { text-align: center !important; max-width: 100%; }
    .featured-slider .hero-swiper .swiper-slide .slide-buttons { text-align: center !important; margin-top: 50px; }
    .featured-slider .hero-swiper .swiper-button-prev,
    .featured-slider .hero-swiper .swiper-button-next { display: none !important; }
    .featured-slider .hero-swiper .swiper-slide { background-position: top right; }
    .home-industries-right { min-height: 400px; }

    .industries-list .card .card-body p, .group-industries .card .card-body p { display: none !important;}

    .navbar-nav > .nav-item > .nav-link:before { bottom: 3px; }

    .footer .footer-description { max-width: 100%; }
    .section-title { font-size: 28px; color: var(--primary-color); }

    .navbar { --bs-navbar-padding-y: 0rem; }
    
    .hero { height: calc(100vh/2 + 117px); }
    .hero::before { background: linear-gradient(180deg,transparent 0%,rgba(0,0,0,1) 100%); }
    .hero-content { width: 100%; text-align: center; margin-bottom: 3rem; }
    .hero-content .video-title { font-size: 26px; }
    .hero-content .video-subtitle { font-size: 32px; }
    .hero-content .video-description { font-size: 20px; }

    .article.default { padding: 1rem !important }
}

@media (max-width: 576px) {
    .home-industries-right { min-height: 300px; }
    .company-experience { max-width: 200px; }
    .about-img-1 { max-width: 200px; }
    .company-experience .experience-text p { color: #000; }

}

@media (max-width: 390px) {
    .home-industries-right { min-height: 200px; }

}

@media (min-width: 992px) {
    .bsb-navbar.navbar-expand-lg .navbar-nav {
        --bs-nav-link-padding-y: 1rem;
    }
}

@keyframes background-zoom-in {
    0%   { transform: scale(1); }
    50% { transform: scale(1.05); }
    100% { transform: scale(1.1); }
}
  