/********************/
/****** HELPERS ******/
/********************/
.pb-20 {
    padding-bottom: 20px !important;
}

.pb-70 {
    padding-bottom: 70px !important;
}

.pb-140 {
    padding-bottom: 140px !important;
}

.mb-20 {
    margin-bottom: 20px !important;
}

.mb-40 {
    margin-bottom: 40px !important;
}

.mb-60 {
    margin-bottom: 60px !important;
}

.mb-70 {
    margin-bottom: 70px !important;
}

.img-w-95 {
    width: 95px !important;
}

.bg-orange-html {
    background-color: #ff6b35 !important;
}

.bg-blue-css {
    background-color: #304ddc !important;
}

.bg-yellow-js {
    background-color: #e3bd40 !important;
}

.bg-blue-php {
    background-color: #525a8f !important;
}

.bg-purple-bootstrap {
    background-color: #6730e9 !important;
}

.bg-red-laravel {
    background-color: #eb4432 !important;
}

.bg-pink-sass {
    background-color: #c26a97 !important;
}

.bg-green-vue {
    background-color: #60ad80 !important;
}

.bg-gold-mysql {
    background-color: #d98d36 !important;
}

.bg-blue-postgresql {
    background-color: #3d6187 !important;
}

.bg-blue-wordpress {
    background-color: #2f6c95 !important;
}

.bg-purple-woocommerce {
    background-color: #7956ae !important;
}

.bg-orange-circle {
    background-color: #FF6B35;
    opacity: 0.5 !important;
}

.text-blanco {
    color: #fff !important;
}

.border-bottom-white {
    border-bottom: 1px solid #fff;
}

.rounded-bottom-none {
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}

.hover-text-orange {
    transition: all 300ms;
}

.hover-text-orange:hover {
    color: #ff4602 !important;
}

.hover-box-shadow {
    transition: all 300ms;
}

.hover-box-shadow:hover {
    box-shadow: 0 11px 18px -8px rgba(0,0,0,.16) !important;
}


.hover-translate-x {
    display: inline-block;
	vertical-align: middle;
    transition: all 300ms;
	transform: perspective(1px) translateZ(0);
	box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}

.hover-translate-x:hover, .hover-translate-x:focus, .hover-translate-x:active {
	transform: translateX(8px);
}

.hover-transform-scale-1-05 {
    transition: all 300ms;
}

.hover-transform-scale-1-05:hover {
    transform: scale(1.05) !important;
}





/********************/
/***** GENERALES *****/
/********************/
.process-card, .shadow-hover, .process-icon, .single-icon-box, .digi-blog-single {
    transition: all 300ms !important;
}

.process-card:hover {
    transform: scale(1.1) !important;
}


.single-icon-box:hover {
    transform: scale(1.1) !important;
    translate: 0px -7px;
    rotate: 360deg;
}

.read-more-link:hover {
    color: #ff4602 !important;
}

.digi-blog-single:hover {
    transform: scale(1.05) !important;
}

.mi-seccion-hero {
    height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
}





/********************/
/****** NAVBAR ******/
/********************/
.active {
    color: #ff6b35 !important;
}





/*****************************/
/****** CLIENTES (index) *****/
/*****************************/
.crm-brand-item:hover {
    box-shadow: none !important;
    background-color: transparent !important;
    transform: scale(1.05);
}





/*****************************/
/********* SERVICIOS *********/
/*****************************/
.feature-grid .card-servicios a.read-more-link {
    color: #175cff !important;
    border-radius: 0.7rem !important;
    transition: all 300ms !important;
}

.feature-grid .card-servicios:hover a.read-more-link {
    background-color: #fff !important;
    color: #ff6b35 !important;
    border: 2px solid #ff6b35 !important;
    padding: 10px 15px;
}

.feature-grid .card-servicios a.read-more-link:hover {
    background-color: #ff6b35 !important;
    color: #fff !important;
    border: 2px solid #ff6b35 !important;
}

#txt-card-correo-electronico {
    font-size: 19.6px;
}

.title-service-link {
    color: #010101 !important;
}