/* Resource Grid Styling */
 .carousel-grid {

     margin: 2rem 0;
 }

 .grouping {
     width: 75%;
     height: auto;
     display: block;
     margin: auto;
     border-radius: 5px;
 }

 a .grouping {
     color: black;
 }

 a:hover .grouping {
     color: #3155a4;
     box-shadow: 0 0 5px 0 #3155a4;
 }

 /* All properties preceded by .carousel-grid class tag to avoid spillover
between grids on this page */
 .carousel-img {
     display: block;
     margin: auto;
     border-radius: 1.5px;
 }

 .carousel-img {
     padding: 20px 20px 10px 20px;

 }

 .carousel-grid .carousel-name {
     font-size: 20px;
     text-align: center;
     padding: 0 10px 10px 10px;
 }

 .major-slide img{
    border-radius: 8px;
 }

 .carousel-grid .carousel-description {
     font-size: 16px;
     text-align: left;
     padding: 0 10px 20px 10px;
 }

 @media only screen and (max-width: 700px) {
     .carousel-grid {
         grid-template: repeat(3, auto) / 1fr;
         grid-template-areas:
             "grouping";
     }
 }
 .background-thing{
    background-color: #d1e7ff;
 }
.grouping{
    cursor: pointer;
}
 .cds-alt-modals-header {
     display: flex;
     justify-content: space-between;
     color: #3155a4;
     align-items: center;
     padding: 0 10px;
 }
.swiper-title{
    color: #3155a4;
    position: relative;
    z-index: 10;
    font-size: 24px;
    padding-bottom: 5px;
}
.swiper-title::before{
    content: "";
    position: absolute;
    width: 35px;
    height: 1px;
    bottom: 0;
    border-bottom: 4px solid #3155a4;
    margin-bottom: -4px;
}
 .cds-alt-modals-body {
     padding-top: 15px;
     padding-bottom: 30px;

 }
 .cds-alt-modals-body .swiper-slide{
    text-align: center;
}
 .cds-alt-modals-content {
     background-color: #fefefe;
     background-clip: padding-box;
     border-radius: 16px;
     outline: 0;
     border: 1px solid #3155a4;
 }

 .swiper-wrapper{
    align-items: center;
 }