/*Visual*/
.visual-caption-contaier{background:rgba(0,0,0,.2);}

@media (min-width:768px) {
.swiper-slide-active .swiper-caption .container .caption h1 {font-size: calc(1.375rem + 1.5vw);}
}
@media (min-width:1400px) {
.swiper-slide-active .swiper-caption .container .caption h1 {font-size: 3.625rem;}
}
.visual-caption-contaier .caption h1{margin-bottom:0!important;}
.swiper-slide-active .swiper-caption .container .caption h1,
.swiper-slide-active .swiper-caption .container .caption h1 + * {color:#fff!important}
.visual-caption-contaier {position: absolute;top: 0px;bottom: 0px;left: 0px;right: 0px;} 
.visual-caption-contaier .visual-text {background: rgba(0,0,0,1);}
.swiper-slide-active .swiper-caption .container .caption{animation: 1.5s fadeInUp; animation-delay: 0s;}
.swiper-slide-active .swiper-caption .container .button{animation: fadeInUp 1s ease-in-out forwards; animation-delay: .5s; opacity:0}

@media (max-width:767px) {
.visual-caption-contaier .caption,
.visual-caption-contaier .caption h3.text-white{margin-bottom:0!important;}
.visual-caption-contaier .caption h3.text-white,h3.h6{font-size:inherit !important;}
.visual-caption-contaier .caption h1{font-size:140% !important;}
.visual-caption-contaier .caption h3.text-white{color:#000!important;}
.swiper-slide-active .swiper-caption .container .caption h2 {font-size: 1.1rem!important; }
}

.btn-box {display: inline-block;position: relative;background: none;border: none;_cursor: pointer; border-radius:.5rem; transition: all 0.3s linear;}
.btn-box:hover {border-radius:0rem}
.btn-box a {color: inherit;text-decoration: none}

@media (max-width:1279px) {
.btn-box {display: block;position: relative;background: none;cursor: pointer;padding: 10px 5px;}
}
.btn-box figure {display: block;margin: 0px;}
.btn-box::before,.btn-box::after {content: "";width: 0;height: 1px;position: absolute;transition: all 0.2s linear;background: var(--bs-primary); border-radius:.5rem}
.btn-box figure::before,.btn-box figure::after {content: "";width: 1px;height: 0;position: absolute;transition: all 0.2s linear;background: var(--bs-primary); border-radius:.5rem}

@media (min-width:1279px) {
.btn-box:hover::before,.btn-box:hover::after {width: 100%;}
.btn-box:hover figure::before,.btn-box:hover figure::after {height: 100%;}
.btn-box::after {left: 0;bottom: 0;transition-duration: 0.4s;}
.btn-box figure::after {right: 0;top: 0;transition-duration: 0.4s;}
.btn-box::before {right: 0;top: 0;transition-duration: 0.4s;}
.btn-box figure::before {left: 0;bottom: 0;transition-duration: 0.4s;}
}

.prod a {color:inherit; text-decoration:none;transition: all 0.3s linear;}
.prod a:hover {color:var(--bs-primary); text-decoration:none}

.prod a figure img {transform: scale(1); -webkit-transition: all 1s linear;-o-transition: all 1s linear;transition: all 1s linear;}
.prod a:hover figure img {transform: scale(1.15);}

.sitemap .list ul {display:block; padding:0px; margin:0px;}
.sitemap .list ul li {display:block; padding:4px 20px; padding-left:30px; margin:0px 0px 0px 0px; border-bottom:1px solid rgba(255,255,255,.5)}
.sitemap .list ul li:last-child {border:0px; padding-bottom:0px;}
.sitemap .list ul li:before{content:'\f111';padding-right:0px; display:inline-block; line-height:22px;text-align:center; color:#096c38; border-radius:100%; font-family:'FontAwesome';margin-left:-25px;font-weight:800; font-size:10px;  float:left}

.bg-primary {--bs-bg-opacity: 1; background:var(--bs-primary) !important;}

.job-list{list-style-type:square;}

.career .accordion-button {padding-right: 40px; font-weight: 600;}
.career .accordion-button::after {flex-shrink: 0; width: 25px; height: 25px; margin-left: 0; content: ""; background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-plus" viewBox="0 0 16 16">  <path d="M8 4a.5.5 0 0 1 .5.5v3h3a.5.5 0 0 1 0 1h-3v3a.5.5 0 0 1-1 0v-3h-3a.5.5 0 0 1 0-1h3v-3A.5.5 0 0 1 8 4"/></svg>'); background-repeat: no-repeat; background-size: contain; background-size: 100%; position: absolute; right: 10px; transition: none}
.career .accordion-button:not(.collapsed)::after {background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-dash" viewBox="0 0 16 16">  <path d="M4 8a.5.5 0 0 1 .5-.5h7a.5.5 0 0 1 0 1h-7A.5.5 0 0 1 4 8"/></svg>');}
.accordion-button:not(.collapsed) {color: var(--bs-primary) !important;}
    .accordion-body ul {
    display: block;
    padding: 0px;
    margin: 0px;
}

    .accordion-body ul li {
        padding: 0px 0px 3px !important;
        margin: 0px 0px 0px 25px;
    }

@media (max-width:767px) {
    .career .accordion-body {
        background: #fff !important
    }
}

ul.contactlist {
    display: block;
    padding: 0px;
    margin: 0px;
}

    ul.contactlist li {
        display: block;
        width: 100%;
        padding: 0px 0px;
        padding-left: 10px !important;
        margin: 0px 0px 15px 0px !important;
        line-height: normal;
    }

        ul.contactlist li a {
            margin-left: 10px;
            line-height: 35px;
        }

        ul.contactlist li.phone::before, ul.contactlist li.email::before, ul.contactlist li.map::before {
            padding-right: 0px;
            text-align: center;
            color: #fff;
            background: var(--bs-primary);
            width: 35px;
            height: 35px;
            border-radius: .3rem;
            display: block;
            font-family: "bootstrap-icons";
            margin-left: -10px;
            font-size: 16px;
            line-height: 31px;
            float: left;
            border: 2px solid;
            border-color: var(--bs-primary);
            transition: all ease-in-out 0.3s;
        }

        ul.contactlist li.phone::before {
            content: '\F5B4';
        }

        ul.contactlist li.email::before {
            content: '\F32C';
        }

        ul.contactlist li.map::before {
            content: '\F3E7';
        }

        ul.contactlist li:hover.phone::before {
            background: transparent;
            color: #211f1e;
        }

        ul.contactlist li:hover.email::before {
            background: transparent;
            color: #211f1e;
        }

        ul.contactlist li:hover.map::before {
            background: transparent;
            color: #211f1e;
        }

/*ul.contactlist li.phone a:hover {position: relative; transition: width 0.3s ease 0s, left 0.3s ease 0s;}*/

.contact a, .contact a:hover {color:inherit; text-decoration:none !important; position:relative;}
.contact a:after {background: none repeat scroll 0 0 transparent;bottom: 0;content: "";display: block;height: 1px;left: 0%;position: absolute;background: #000;transition: width 0.3s ease 0s, left 0.3s ease 0s;width: 0;}
.contact a:hover:after {width: 100%;left: 0; right:0}

.branch a, .branch a:hover {color:inherit; text-decoration:none !important; position:relative;}
.branch a:after {background: none repeat scroll 0 0 transparent;bottom: 0;content: "";display: block;height: 1px;left: 0%;position: absolute;background: #000;transition: width 0.3s ease 0s, left 0.3s ease 0s;width: 100%;}
.branch a:hover:after {width: 0;left: 0; right:0}

.table-light {
    --bs-table-bg: #f5f5f5 !important;
}
.brochure td {
    border-bottom: 0 !important;
}
.brochure tr {
    border-bottom: 1px solid #ddd !important;
}
.thankyou .text-primary {
    --bs-text-opacity: 1;
    color: #b4672a !important;
}
.anchor-focus:before {display: block;content: " ";height: 110px;margin-top: -110px;visibility: hidden;}

.policiesline {fill: none;stroke: #ffffff;stroke-width: 8;transition: stroke-dasharray 600ms cubic-bezier(0.4, 0, 0.2, 1), stroke-dashoffset 600ms cubic-bezier(0.4, 0, 0.2, 1);}
.policies-list ul li:before {content: '\F582';font-family: bootstrap-icons;margin-left: -12px;margin-right: 10px;font-size: 5px;margin-bottom: 5px;display: inline-block;vertical-align: middle;margin-top: 3px }
.policies-list ul {list-style: none;padding: 0 0;margin-left: 28px; text-transform: none;}

.sidebar {border: 1px solid #dee2e6 !important;}
.sidebar ul {margin-bottom: 0;}
.sidebar ul li a {display: block;padding: 10px;border-bottom: 1px dotted #dee2e6;text-decoration: none;}
.sidebar ul li.active a {background-color: var(--bs-primary);color: #fff;}

.sitemap ul li a {color: inherit !important;white-space: normal;padding: .3rem .5rem !important;text-decoration:none;}
.sitemap h5 a {color: inherit !important;white-space: normal;padding: .3rem .5rem !important;text-decoration:none;}
.sitemap ul li a:hover {color:var(--bs-primary)!important}
.sitemap h5 a:hover {color:var(--bs-primary)!important}
.sitemap ul li:before {content: '\F582';font-family: bootstrap-icons;margin-left: -12px;margin-right: 5px;font-size: 5px;margin-bottom: 5px;display: inline-block;vertical-align: middle;margin-top: 3px }
.sitemap ul {list-style: none;text-transform: none }

.downhover:hover td {color:var(--bs-primary)!important; transition:all linear 0.3s; cursor:pointer}
.downhover:hover .btn-outline-primary {background: transparent !important;color: #fff !important}
.downhover:hover .btn-outline-primary:before {-webkit-transform: scaleX(1);transform: scaleX(1)}

.brand-list ul li:before {background: none repeat scroll 0 0 transparent;content: "\F592";font-family: bootstrap-icons !important;display: block;position: absolute;margin-left: -20px;font-size: 11px;line-height: 25px; color:#868686}
.brand-list ul {list-style: none;padding: 0 0; margin-left:25px; text-transform: none; text-align:left }


@media (max-width:767px) {
.bg-vision-mission{background:#868686;}
}
@media (min-width:980px) {
.bg-blur {backdrop-filter: blur(10px); background:transparent}
.bg-grey-vector {background:url(../images/bg-solutions-hm.jpg) no-repeat top center}
}
.team-list > div{margin-bottom:20px;}
.team-list a{text-decoration:none;border-color:#dee2e6 !important;position:relative; padding-bottom:10px; }
.team-list a:hover{border-color:#b4672a!important;}
.team-list a svg{margin:0 auto; position:absolute; left:0; right:0; bottom:-15px; display:table; border-radius:6px; background:#FFF;padding:0px;}
.team-list a g{fill:#323232 !important}
.team-list a:hover svg g{fill:#b4672a!important}

.swiperproducts .swiper-button-next,
.swiperproducts .swiper-button-prev{top:calc(50% - 20px)!important;}
.swiperproducts .swiper-button-next{right:-15px!important;}
.swiperproducts .swiper-button-prev{left:-15px!important;}
.swiperproducts .swiper-button-next:after, .swiperproducts .swiper-button-prev:after{font-size:20pt!important; color:#333!important;}