main .container .hero-image{
    padding: 0;
    max-width:1320px !important;
}
.container {
    max-width: 1125px;
}

main .container .hero-image img.img-fluid {
    width:100%;
}

.carousel-control-prev{
    .arrow-left{
        position:absolute;
        left: -10%;
        border:  solid #000;
        border-width: 0 0 3px 3px;
        transform: rotate(45deg);
        display: inline-block;
        padding: 7px;
    }
}
.carousel-control-next{
    .arrow-right{
        position:absolute;
        right: -10%;
        border:  solid #000;
        border-width: 0 3px 3px 0;
        transform: rotate(-45deg);
        display: inline-block;
        padding: 7px;
    }
}

.vertical-center {
    display: flex;
    align-items: center;
}
.row .content {
    padding: 0px 7px 0px 7px;
}

@media (max-width: 767px) {
    main .container {
         padding: 15px !important; 
    }
    main .hero-image {
        padding: 0px;
        margin: 0px;
    }
    .page-header, .srp-lead {
        padding: 15px;  
    }
    .row .content {
        padding: 0px 30px 0px 30px;
    }
    .back-to-top {
        margin-top: 10px;
    }
   
    .form-control {
        margin-left: auto;
    	margin-right: auto;
    	width: 80%;
	}
    .list-text {
        margin-left: auto;
    	margin-right: auto;
    	width: 80%;
	}
}

@media (min-width: 768px) and (max-width: 1200px) {
    .row .content {
        margin-left:4.5%;
    }
}

.custom-card-footer {
    padding: 0.75rem 1.25rem;
    padding-top: 0px;
}

.border-no-radius {
    border-radius: 0px;
}

.no-border {
    border: 0px;
}

.desktop-card-only {
    display: block;  /* Show by default */
}

.mobile-card-only {
   display: none;    /* Hide by default */
}

/* Media query for desktop view */
@media (min-width: 999px) {
    .desktop-card-only {
        display: block;  /* Show on desktop */
    }

    .mobile-card-only {
        display: none;    /* Hide on desktop */
    }
}

/* Media query for mobile view */
@media (max-width: 998px) {
    .desktop-card-only {
        display: none;  /* Hide on mobile */
    }

    .mobile-card-only {
       display: block;   /* Show on mobile */
    }
}

#related-topics {
    max-width:1320px;
} 

.card-custom-margin {
  margin-left: 0px !important;
  margin-right: 0px !important;
}

.card-deck-custom-margin {
  margin-left: -15px !important;
  margin-right: -15px !important;
}

.list-fact {
    position:absolute;
    left:0px;
    top:0px;
    padding-left:0px !important;
    margin-top:0px;
}

.list {
    position:absolute;
    left:0px;
    top:0px;
    padding-left:0px !important;
    margin-top:0px;
}



/** Changes done on 3/21 for ISP Page */
.srp-lead{
 text-align:center; 
}

h1.page-header {
  text-align:center; 
}

@media (max-width: 768px){
  main #sustainability-container {
      background: transparent !important;
  }
}

.facts-mobile-card p {
    color: white !important;
    font-family: var(--SRPsans-Bold);
    font-size: 20px;
}

@media (min-width: 992px){
  #page-content h1.page-header {
      padding: 2rem 2rem 1rem !important;
  }
}