/*
Theme Name: Beweld
Theme URI: 
Author: Telaio Agency
Version:1.0
Author URI: https://telaio.com.mx/
*/
@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css");
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;600&display=swap');
*{margin: 0; padding: 0; box-sizing: border-box;font-family: "Poppins", sans-serif;}
body{font-size: 16px;}
a, a:hover{text-decoration: none; color: inherit;}
a:hover{text-decoration: underline;}
.btn, .btn:active, .btn:focus{border:none;  outline:none; background-color:inherit; text-decoration: none;}
.btn:hover{text-decoration: none;}
html{scroll-behavior: smooth;scroll-padding-top: 220px;}
.transition-5{transition: .5s ease-in-out;}
.transition-3{transition: .3s ease-in-out;}
.transition-2{transition: .2s ease-in-out;}
.transition-1{transition: .1s ease-in-out;}
.pointer{cursor: pointer;}
.bg-image{background-position: center; background-repeat: no-repeat; background-size: cover;}
.text-orange{color: #F28123;}
.bg-orange{background-color: #F28123;}
.bg-light-orange{background-color: #f2802344;}
.bg-light-grey{background-color: #fafafa;}
.fs-14{font-size: 14px;}
.fs-20{font-size: 20px;}
.fs-28{font-size: 28px;}
.fs-34{font-size: 34px;}
.fs-42{font-size: 42px;}
.fs-60{font-size: 60px;}
.padding-section{padding: 50px 0px;}
.validation-error{font-size: 12px; color: red;}
input.validation-error,textarea.validation-error,select.validation-error{border: solid 1px red;font-size: inherit;color: inherit;}
.hover-zoom {transition: transform 0.3s ease-in-out;}
.hover-zoom:hover {transform: scale(1.1);}
.btn-orange,.btn-orange:focus{background-color: #F28123; color: #fff;padding: 5px 30px;border: solid 1px #F28123;}
.btn-orange:hover{background-color: #fff; color: #F28123;border: solid 1px #F28123;}
.bar-orange-center{position: relative; }
.bar-orange-center::before{
    content: "";
    position: absolute;
    width: 100px;
    height: 5px;
    background-color: #F28123;
    bottom: -10px;
    left: 50%;
    transform: translateX(-50%);
}
.nav_menu i{font-size: 18px;position: relative; top: 3px;transition: .2s ease-in-out;}
.nav_menu i:hover{color: #F28123;}
.header_logo{width:200px}
.card-beweld{
    -webkit-box-shadow: 0px 48px 90px -13px rgba(242,129,35,0.39);
    -moz-box-shadow: 0px 48px 90px -13px rgba(242,129,35,0.39);
    box-shadow: 0px 48px 90px -13px rgba(242,129,35,0.39);
}
.bar-info-beweld{position: relative;}
.bar-info-beweld i{
    position: absolute;
    background-color: #F28123;
    padding: 20px 30px;
    border-radius: 100%;
    left: -40px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 30px;
    color: #fff;
}
.f-carousel__dot{color:#F28123}
.f-carousel {
    --f-button-width: 38px;
    --f-button-height: 38px;
  
    --f-button-svg-width: 16px;
    --f-button-svg-height: 16px;
    --f-button-svg-stroke-width: 2.5;
  
    --f-button-color: rgb(71 85 105);
    --f-button-border-radius: 50%;
    --f-button-shadow: 0 6px 12px -2px rgb(50 50 93 / 25%), 0 3px 7px -3px rgb(0 0
            0 / 30%);
  
    --f-button-bg: #fff;
    --f-button-hover-bg: #f9f9f9;
    --f-button-active-bg: #f0f0f0;
}
.footer_btn-fixed{
    position:fixed;
    width:55px;
    height:55px;
    color:#FFF !important;
    line-height: 55px;
    right:10px;
    border-radius:50px;
    text-align:center;
    font-size:20px;
    box-shadow: 0px 1px 10px rgba(0,0,0,0.3);
    z-index:999;
    transition: all 300ms ease;
}
.footer_btn-fixed:visited{color: #FFF;}
.footer_btn-fixed:hover{text-decoration: none;color: #FFF;}
.btn-totop{bottom:100px;background: #F28123;}
.btn-totop:hover{background: #212529;}
.btn-totop {
    opacity: 0;
    transform: translateY(40px);
    transition: opacity .5s ease-in-out, transform .5s ease-in-out;
}
.btn-totop.active{opacity: 1;transform: translateY(0);}
.btn-whats{bottom:30px;background: #26C943;}
.btn-whats:hover{background: #F28123;}
@media (max-width: 991px) {
    .fs-20{font-size: 16px;}
    .fs-28{font-size: 18px;}
    .fs-34{font-size: 24px;}
    .fs-42{font-size: 32px;}
    .fs-60{font-size: 40px;}
    .principal-banner{position: relative;}
    .principal-banner::before{position: absolute; width: 100%; height: 100%;background-color: rgba(0, 0, 0, 0.377);left: 0px;content: "";top: 0px;z-index: 1;}
    .header_logo{width:150px}
    .btn-orange,.btn-orange:focus{background-color: #F28123; color: #fff;padding: 3px 20px;border: solid 1px #F28123;}
    .padding-section{padding: 30px 0px;}
}
@media (max-width: 768px) {
    .bar-info-beweld i {
        left: 50%;
        top: -40px;
        transform: translateX(-50%);
    }
}