/* =========================================================
   FEATURED IMAGE
   ========================================================= */

.featured-image {
    text-align: center;
    border-radius: var(--border-radius-default);
    box-shadow: var(--box-shadow-default);
    padding: 25px;
    margin-left: auto;
    margin-right: auto;
    display: block;
    height: auto;  
}

.featured-image img {
 border-radius: var(--border-radius-default);
} 




/* The container holding .featured-image and .service-intro */

/* Make the image fill its container */
.image-section img {
    width: stretch;
    height: auto;
    display: block;
    border-radius: var(--border-radius-default);
    
}







/* =========================================================
   IMG - IMAGE SECTION
   ========================================================= */

.image-section {
    width:30%;
    height:auto;
    border: 1px solid #000000;
    border-radius: var(--border-radius-default);
    padding: 10px;
}



/* Make the image fill its container */
.image-section img {
    width: stretch;
    height: auto;
    display: block;
    border-radius: var(--border-radius-default);
}

.image-section p{
    margin-bottom: 0;
    text-align: center; 
    padding: 1%;
}


.page-information .rd3-info-intro{
    width: 73%;
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
    margin-right: 2rem;
}


.page-information .image-section{
       width: 25%;
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
    margin-right: 0;
}


/* Service intro */
.page-computer-problems .service-intro,
.page-computer-solutions .service-intro,
.page-workplace-technology .service-intro,
.page-managed-support .service-intro {
    width: 73%;
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
    margin-right: 2rem;
}

/* Image section */
.page-computer-problems .image-section,
.page-computer-solutions .image-section,
.page-workplace-technology .image-section,
.page-managed-support .image-section {
    width: 25%;
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
    margin-right: 0;
}

/* Make the image fill its container */
.page-computer-problems .image-section img,
.page-computer-solutions .image-section img,
.page-workplace-technology .image-section img,
.page-managed-support .image-section img {
    width: 100%;
    height: auto;
    display: block;
    border-radius: var(--border-radius-default);
}

/* Mobile – stack full width */
@media (max-width: 768px) {
    .page-computer-problems .service-intro,
    .page-computer-problems .image-section,
    .page-computer-solutions .service-intro,
    .page-computer-solutions .image-section,
    .page-workplace-technology .service-intro,
    .page-workplace-technology .image-section,
    .page-managed-support .service-intro,
    .page-managed-support .image-section {
        width: 100% !important;
        display: block;
        margin-right: 0;
    }


.page-information .rd3-info-intro,
.page-information .image-section{
       width: 100% !important;
        display: block;
        margin-right: 0;
        margin-bottom: 25px;

}




}


@media (max-width: 1364px) {
   /* Service intro */
.page-computer-problems .service-intro,
.page-computer-solutions .service-intro,
.page-workplace-technology .service-intro,
.page-managed-support .service-intro {
    width: 51%;
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
    margin-right: 2rem;
}

/* Image section */

.page-computer-problems .image-section,
.page-computer-solutions .image-section,
.page-workplace-technology .image-section,
.page-managed-support .image-section {
    width: 45%;
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
    margin-right: 0;
} 



.page-information .rd3-info-intro{
    width: 60%;

}


.page-information .image-section{
    width: 35%;

}


}



/* Tablet and mobile – stack full width */
@media (max-width: 1024px) {
/* Service intro */
.page-computer-problems .service-intro,
.page-computer-solutions .service-intro,
.page-workplace-technology .service-intro,
.page-managed-support .service-intro {
    width: 51%;

}

/* Image section */
.page-computer-problems .image-section,
.page-computer-solutions .image-section,
.page-workplace-technology .image-section,
.page-managed-support .image-section {
    width: 45%;

}



.page-information .rd3-info-intro{
    width: 60%;

}


.page-information .image-section{
    width: 35%;

}



}





.page-it-services .image-section {
    width: 90%;                 /* ← change this to whatever you want */
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
  
    padding: 10px;
    margin: 0 18px;;
    margin-bottom: 5%;
    border: 1px solid #000000;
    border-radius: var(--border-radius-default);
    
}