body{
     padding-top: 115px;
}
 @media screen and (min-width: 64em){
     .nav .header-navigation-tab{
        background:transparent;
    }
     .responsive-secondary-navigation {
         position: fixed;
        top: 60px;
        left: 0;
        width: 100%;
    }
}
 @media screen and (max-height: 640px){
    .responsive-secondary-navigation {
         position: absolute!important;
        top: 60px;
    }
}
 @media print, screen and (max-width: 64em){
     .responsive-secondary-navigation{
        top: 60px;
        position: absolute;
    }
}
 body, h1, h2, h3, h4, p, .responsive table td{
    color: #000;
}
 body .nav .responsive-navigation-header{
    background:#002458;
}
 .button-content-component.smallBtn{
    font-size:18px;
    padding:10px 24px 10px;
    font-family:'SophosSans-Medium';
}
 .button-content-component.button-black{
    background-color:#000;
    border:1px solid #000;
}
 .button-content-component.button-blue{
    background-color:#002458;
    border-color:#002458;
}
 .button-content-component.button-white{
    background-color:#fff;
    border:1px solid #fff;
    color:#005bcb
}
 .col-000, .col-000 * {
     color: #000 !important;
}
 .button-content-component.button-black-border{
    background-color:transparent;
    border:2px solid #000;
    color:#000;
}
 .button-content-component.white-arrow-btn{
    background:url(svg/white-circle-arrow.svg) no-repeat center right transparent;
    border:1px solid transparent;
    color:#fff;
    padding-left:0;
}
 .banner .h1-darkMode{
    font-style:normal;
}
 .banner{
    background-position:calc(50% + 443px) 75px;
}
 .bannerFeature{
    overflow:hidden;
    padding-bottom:30px;
}
 .bannerFeature span{
    color:#C2C5CA;
    margin-right:25px;
    display:inline-block;
    line-height:20px;
    font-size:18px;
}
 .bannerFeature span img{
    float:left;
    margin-right:8px;
}
 .banner .gartnerLogo{
    margin-left:70px;
}
 .circleListStyle h4{
    margin:0 0 10px 0;
}
 .responsive .circleListStyle li{
    background-position:0 9px;
}
 .testDriveCopy{
    position:absolute;
    bottom:0;
    left:15px;
    width:calc(100% - 30px);
    background-color:#00000020;
    padding:20px 20px 15px;
}
 .testDriveCopy .button-content-component.button-white{
    color:#002458;
}
 .purpleBox{
    background: #00B5EF ;
    padding:65px 40px;
    border-radius:5px;
}
 .purpleBox ul li{
    display:inline-block;
    list-style:none;
    padding:16px;
}
.borderBoxes .boxInner {
    /* Sombra de caja para darle un efecto de elevación */
    box-shadow: 0px 4px 8px rgba(0, 0, 255, 0.1); /* Azul */
    
    /* Borde suave y redondeado */
    border: 1px solid rgba(196, 196, 196, 0.5);
    border-radius: 15px;
    
    /* Relleno y margen */
    padding: 25px;
    margin: 15px;
    
    /* Transición suave para efectos hover */
    transition: all 0.3s ease;
    
    /* Colores de fondo y texto */
    background-color: #ffffff;
    color: #333;
}

/* Efecto hover para hacer que la caja sea más atractiva al pasar el ratón */
.borderBoxes .boxInner:hover {
    box-shadow: 0px 8px 16px rgba(0, 0, 255, 0.2); /* Azul */
    transform: scale(1.05);
}

 .background1{
    background-position:calc(50% - 420px) 0px;
}
 .background2{
    background-position:calc(50% + 380px) 160px;
}
 .background3{
    background-position:calc(50% + 520px) 160px;
}
 .tabGrayWrap{
    padding:30px;
}
 .tabGrayWrap .tabs{
    margin:0;
    padding:0;
    border:none;
    background:none;
}
 .tabs-title>a:hover{
    background:#211f1f;
    color:#fff;
}
 .tabGrayWrap .tabs li a:focus, .tabGrayWrap .tabs li a[aria-selected='true'] {
    background:url(svg/black-simple-arrow.svg) no-repeat 92% center #fff;
    color:#000;
}
 .responsive .tabGrayWrap .tabs.vertical>li {
     display: inline-block;
     float: none;
     width: 100%;
     margin: 4px 0;
}
 .tabGrayWrap .tabs li a{
    color:#fff;
    font-family:SophosSans-Medium,arial,helvetica,sans-serif;
    font-size:16px;
    padding:12px 25px;
    line-height:normal;
    border-radius:20px;
}
 .tabs-content,.tabs-content.vertical{
    border:none;
    background:none;
}
 .accordion{
    background:no-repeat;
    margin:0;
    padding:0;
    border:none;
}
 .accordion-title{
    background:#2b2b2b;
    border:none;
    margin:10px 0 0 0;
    color:#fff;
    font-size:14px;
}
 .accordion-title::before{
    font-size:22px;
    top:45%;
    font-weight:bold;
}
 .accordion-title:hover, .accordion-title:focus, .accordion-item.is-active .accordion-title{
    background-color:#002458;
}
 .accordion-content{
    background:rgba(0, 0, 0, .1);
    border:none;
}
 :last-child:not(.is-active)>.accordion-title,:last-child>.accordion-content:last-child{
    border:none;
}
 .tabs-content a {
     color: #0097EE;
     text-decoration: none;
     font-family: 'SophosSans-Medium';
}
 .boxInner.box1 {
    background: url(svg/wave-loop-1.svg) no-repeat center bottom;
     background-size: contain;
}
 .boxInner.box2 {
    background: url(svg/wave-loop-2.svg) no-repeat left top;
     background-size: contain;
}
 .boxInner.box3 {
    background: url(svg/wave-loop-3.svg) no-repeat left bottom;
     background-size: contain;
}
 .button-content-component.button-white-border, .button-content-component.button-blue-border {
    border-width: 2px;
}
 form > div[class="responsive"] {
    background: #000;
    padding: 100px 0 20px;
}
 .link-columns h3 {
    font-size: 30px;
    text-align: left;
    color: #fff;
    font-family: 'SophosSans-Regular';
    font-weight: normal;
}
 .link-columns.responsive {
    padding:0 15px;
}
 .column-header {
    overflow: hidden;
}
 .column-heading, .column-icon {
    float: left;
    font-size: 12px;
    color: #0090dd;
    line-height: 25px;
}
 .column-icon img {
    width: auto;
    height: auto;
}
 .column-links {
    margin: 0;
    border: none;
    padding: 10px 0 0;
    list-style: none;
}
 .resourcesHeading > .row {
    border-top: solid 1px #464a4f;
    border-bottom: solid 1px #464a4f;
    padding: 10px 0 2px;
    margin-bottom: 40px;
}
 .column-link a, .column-link a:hover, ul.unstyled li a {
     color: #b2ddf5;
     line-height: normal;
}
 .responsive-two-column-layout h2.speech {
    font-size: 12px;
    color: #0090dd;
    line-height: 25px;
    font-family: SophosSans-Medium,arial,helvetica,sans-serif;
    text-transform: uppercase;
    margin: 73px 0 20px 0;
    background: url('svg/icon-newspaper.svg') no-repeat 0 0;
    padding: 0 0 0 30px;
}
 .responsive-two-column-layout ul.unstyled .date {
    display: block;
    color: #83888e;
    font-size: 12px;
    padding: 6px 0 15px;
    text-transform: uppercase;
}
 .responsive-two-column-layout .medium-12.large-4.column {
     padding: 0px 15px 0 15px;
}
 @media print, screen and (max-width:64em){
     .tabGrayWrap{
        padding:20px;
    }
}
 @media print, screen and (min-width:64em){
    /*Desktop Only*/
     .smallerHeading .h2-darkMode{
        font-size:42px;
    }
}
 @media print, screen and (max-width:63.9375em) and (min-width:40em){
    /*Tablate Only */
     .banner{
        background-position:center 50px;
        background-size:640px auto;
    }
     .background1{
        background-position:calc(50% - 242px) 0px;
        background-size:510px auto;
    }
     .background2{
        background-position:calc(50% + 230px) 160px;
        background-size:450px auto;
    }
     .background3{
        background-position:calc(50% + 230px) 160px;
        background-size:450px auto;
    }
     .smallerHeading .h2-darkMode{
        font-size:24px;
    }
}
 @media print, screen and (max-width:39.9375em){
    /*Mobile Only*/
     .banner{
        background-position:center 50px;
        background-size:480px auto;
    }
     .bannerFeature{
        padding:20px 0;
    }
     .bannerFeature span {
        padding: 5px 0;
    }
     .banner .gartnerLogo{
        margin:30px auto 0;
        display:block;
    }
     .background1{
        background-position:center 0px;
        background-size:480px auto;
    }
     .background2{
        background-position:center 50px;
        background-size:320px auto;
    }
     .background3{
        background-position:center 50px;
        background-size:320px auto;
    }
     .purpleBox ul li img{
        height:30px;
    }
     .tabGrayWrap{
        padding:10px;
    }
     .borderBoxes .boxInner {
         background: none;
    }
     form > div[class="responsive"]{
         padding-top: 50px;
    }
     .responsive-two-column-layout h2.speech {
         margin-top: 30px;
    }
}