/*
Theme Name:  Innovatech
Theme URI: http://wordpress.org/themes/innovatech
Author: @semioticags
Author URI: https://instagram.com/semioticags
Description:
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
date: technology, nets, firewalls,security,software, hardware, IT, IT services, IT solutions, IT consulting, IT support, IT management, IT infrastructure, IT systems, IT networks, IT security, IT operations, IT development, IT engineering, IT architecture, IT design, IT implementation, IT deployment, IT integration, IT testing, IT maintenance, IT monitoring, IT optimization, IT performance, IT scalability, IT reliability, IT availability, IT disaster recovery, IT business continuity, IT compliance, IT governance, IT risk management, IT project management, IT service management, IT change management, IT incident management, IT problem management, IT configuration management, IT asset management, IT service desk, IT help desk, IT support, IT knowledge management, IT documentation, IT training, IT education, IT certification, IT standards,
IT best practices, IT methodologies, IT frameworks, IT processes, IT tools, IT technologies,
Text Domain: Innovatech
*/
/*-------------------*/
/*-PALETA DE COLORES-*/
/*-------------------*/
:root {
--green: rgba(89, 187, 168, 1);
--greendark: rgba(1, 138, 136, 1);
--black: rgba(14, 28, 35, 1);
--grey: rgba(51, 55, 65, 1);
--ligthgray: rgba(166, 175, 177, 1);
--bruma:rgba(237, 239, 240, 1);
    }


@media(min-width:200px){
/*------*/
.services-item-continer{
width: 100%;
border-bottom: 1px solid var(--grey);
margin-bottom: 48px;
}
.services-item-continer h3{
margin-bottom: 12px;
font-size: 24px;
}
.services-item-continer p{
margin-bottom: 12px;
}
.services-image-container{
display: none;
}
/*---fin de @media---*/
}
@media(min-width:400px){

/*---fin de @media---*/
}
@media(min-width:500px){

/*---fin de @media---*/
}
@media(min-width:600px){
.services-item-continer{
padding: 21px;
}

/*---fin de @media---*/
}
@media(min-width:700px){

.services-container{
display: flex;
justify-content: space-between;
align-items: flex-start;
flex-wrap: wrap;
}
.services-item-continer{
width: 50%;
}
.services-item-continer h3{
font-size: 28px;
}
.services-image-container{
display: block;
width: 49%;
padding-top: 36px;
}
.services-img-box{
width: 100%;
padding: 48px;
margin-bottom: 24px;
}
.services-img-box img{
width: 100%;
}
/*---adjust button---*/
#services-btn-services-container{
width: 100% !important;
padding: 0 !important;
}
#service-img-box-ubiquiti, #service-img-box-mikrotik, #service-img-box-dlink{
padding: 24px;
}
#service-img-box-dlink{
padding-bottom: 0;
}

/*---fin de @media---*/
}
@media(min-width:800px){



/*---fin de @media---*/
}
@media(min-width:900px){
    #service-img-box-nexxt, #service-img-box-panduit{
padding: 24px 56px 36px 56px;
}
#service-img-box-ubiquiti, #service-img-box-mikrotik, #service-img-box-dlink{
padding: 0 48px 36px 48px;
}
#service-img-box-dlink{
padding-bottom: 0;
}
/*---fin de @media---*/
}
@media(min-width:1000px){

/*---fin de @media---*/
}
@media(min-width:1200px){
.services-image-container{
padding: 56px;
padding-top: 24px;
}


/*---fin de @media---*/
}
@media(min-width:1300px){

.services-item-continer:hover{
background: #E2F3EF;
background: linear-gradient(0deg, rgba(226, 243, 239, 1) 0%, rgba(255, 255, 255, 1) 60%);
transition: 0.5s;
}
.services-image-container{
padding: 120px;
padding-top: 24px;
width: 48%;
}
#services-btn-services-container{
width: 45% !important;
}


/*---fin de @media---*/
}
@media(min-width:1400px){

/*---fin de @media---*/
}
@media(min-width:1600px){
.services-container{
 padding: 0 56px ;
}

/*---fin de @media---*/
}
@media(min-width:1900px){
.services-item-continer h3{
font-size: 32px;
margin-bottom: 24px;
}
.services-item-continer p{
font-size: 18px;
line-height: 24px;
}
.services-image-container{
padding: 140px;
padding-top: 0;
width: 48%;
}
#service-img-box-ubiquiti, #service-img-box-mikrotik, #service-img-box-dlink{
padding: 0 56px 36px 56px;
}
#service-img-box-dlink{
padding: 0 56px 0px 56px;
}
/*---fin de @media---*/
}