/*!
 * online_theme (https://sitedomain.msstate.edu)
 * Author: ITS Web Development Team
 */
 body {
  font-family: "Poppins", sans-serif !important;
  font-size: 1.1rem;
}

body.container-fluid {
 max-width: 100%;
 margin: 0rem;
}

.container-fluid {
  max-width: 1400px !important;
}

.test{
  max-width: 1400px !important;
}



hr {
   margin-top: 1.25rem;
   margin-bottom: 1.25rem;
   border: 0;
   height: 1px;
   background: #333;
   background-image: -webkit-linear-gradient(left, #ccc, #333, #ccc);
   background-image: -moz-linear-gradient(left, #ccc, #333, #ccc);
   background-image: -ms-linear-gradient(left, #ccc, #333, #ccc);
   background-image: -o-linear-gradient(left, #ccc, #333, #ccc); }

[class*="container-fluid front-full-custom"]{
    max-width: 100% !important;
    padding-left: 0px !important;
    padding-right: 0px !important;
  }
  
  
  .frontpage_contentwidth {
    max-width: 1400px !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }
  
  @media (max-width: 1400px) {
    .frontpage_contentwidth{
      padding-left: 30px !important;
      padding-right: 30px !important;
    }
  }
  
[class*="row justify-content-center main-content-container front-full-custom3"]{
  margin-right: 0px;
  margin-left: 0px;
}

[class*="main-content front-full-custom2 col-12"]{
  padding-left: 0px;
  padding-right: 0px;
}




#sidebar-first {
  padding-right: 30px;
  padding-left: 30px;
}
@media (min-width: 768px) {
  #main-menu.navbar .navbar-nav > li > a {
    padding: 0 15px;
    font-size: 0.8rem;
    font-weight: 500; } }
@media (min-width: 992px) {
  #main-menu.navbar .navbar-nav > li > a {
    padding: 0 15px;
    font-size: 0.9rem;
    font-weight: 500; } }
@media (min-width: 1200px) {
  #main-menu.navbar .navbar-nav > li > a {
    padding: 0 15px;
    font-size: .97rem;
    font-weight: 500; } }
#main-menu.navbar .navbar-nav > li > .dropdown-menu {
     font-size: .97rem;
     font-weight: 500;
}
.msu-sidebar .nav li a {
  font-size: 1.0rem;
  font-weight: 600;
}
.msu-sidebar .nav li a:hover, .msu-sidebar .nav li a:focus {
    background-color: #C1C6C8;
    border-left: 1px solid #7a1e30;
    color: #333333;
  }

.card-bg-img {
  background-position: inherit;
  }

#bottom-left {
  position: absolute;
  bottom: 8px;
  left: 16px;
}

.h6 {
  font-size: 1.1rem;
  font-weight: 600;
}
h6 {
  font-size: 1.1rem;
  font-weight: 600;
}
.newHero {
  overflow-y: hidden;
  overflow-x: hidden;
}

.hero.hero-thumb {
  margin-top: -125px;
}


.card{
   word-wrap:normal;
}

.zoom {
  padding: 50px;
  transition: transform .2s; 
  margin: 0 auto;
}

.zoom:hover {
  transform: scale(1.1);
  font-weight: 700;
}

.our-display-bottomleft {
   position:absolute;
   left:0;
   bottom:0;
   padding-left: 1rem;
   text-shadow: 2px 2px 5px black;
   font-weight: 600;
  }

.our-display-bottomright {
   position:absolute;
   right:0;
   bottom:0;
  }

.our-display-topleft {
  position: absolute;
  left:0;
  bottom:170px;
  padding-left: 1rem;
  text-shadow: 2px 2px 5px black;
  font-weight: 600;
}

.our-display-topleft-block {
 position: absolute;
 left:0;
 bottom:210px;
 padding-left: 1rem;
 text-shadow: 2px 2px 5px black;
 font-weight: 600;
}




.ourpeople {
  overflow: hidden;
  position: relative;
  margin-left: 0rem;
  margin-right: 0rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}

.hover-change.bg-fade{
  opacity: .2;
}

.card-img-top{
  height: 100%;
  background-size: cover;
  background-position: center;
}

.h-px-256{
  height: 256px !important;
}

.card {
  border-radius: 0.25rem;
  border: none;
}

.card-hover, 
.card-hover-jump, 
.card-hover-primary,
.card-hover-primary:after {
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
  border-radius: 0.25rem;
}
.card-hover:hover, a:focus > .card-hover {
  box-shadow: 0.25rem 0.5rem 1rem #222222;
  transition: transform .2s; 
}
.card-hover-jump:hover, a:focus > .card-hover-jump {
  transform: scale(1.1);
}
.card-hover-primary:after {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  background-color: transparent
}

.card-hover-primary:hover:after, a:focus > .card-hover-primary:after{
 opacity: 0.6;
 background-color: #5D1725;
}

a .card-hover, a .card-hover-jump {
  text-decoration: none;
}
.card-img-overlay {
  z-index: 1;
}

.scrolling-wrapper {
 display: flex;
 flex-wrap: nowrap;
 overflow-x: auto;
 -webkit-overflow-scrolling: touch;
}
.scrolling-wrapper > .card {
   flex: 0 0 auto;
}

.scrolling-wrapper > ::-webkit-scrollbar {
   display: none;
 }

.msu-sidebar .nav li a {
 font-size:1.18rem;
 font-weight:400;
 }


#msu-footer .disclosure {
 font-size: 0.85rem;
}
#msu-footer {
 font-size: 0.925rem;
}
.footerBlock{
 padding-left: 50px !important;
}

.footerMenu{
padding-left: 22px !important;
}

.embarkHover:hover{
 background-color: #eeeeee;
}

.headline{
 color:#5d1725;
}

.admissions{
 background-image: url("https://www2.online.msstate.edu/sites/www.online.msstate.edu/files/2021-10/og_front.jpg");
 margin: 0%;
}

.backwrap{
 max-width: 100%;
 background-color: rgba(218, 199, 157, 0.3);
 padding-top: 2rem;
 padding-bottom: 2rem;
 padding-left: 1rem;
 padding-right: 1rem;
 margin-top: 1rem;
 margin-bottom:1rem;
}

.centerCSS{
 max-width: 1400px;
 width: 100%;
 padding-right: 30px;
 padding-left: 30px;
 margin-right: auto;
 margin-left: auto;
}

.center_CSS{
  max-width: 1400px;
  width: 100%;
  padding-right: 30px;
  padding-left: 30px;
  margin-right: auto;
  margin-left: auto;
  display: flex;
  justify-content: center;
}

.courses {
 padding-top: 2rem;

}

.card-flip {
 display: grid;
 grid-template: 1fr / 1fr;
 grid-template-areas: "frontAndBack";
 transform-style: preserve-3d;
 transition: all 0.7s ease;
}

.card-flip div {
 visibility:visible;
 backface-visibility: hidden;
 transform-style: preserve-3d;
}

.front {
 grid-area: frontAndBack;
 background-color: rgba(193, 198, 200, 0.3);
 text-align: center;
 padding: 50px 0;
 box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
 width: 100%;
 min-height: 300px;
 max-height: 300px;
}

.back {
 grid-area: frontAndBack;
 transform: rotateY(-180deg);
 box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
 background-color: rgba(193, 198, 200, 0.3);
 width: 100%;
 min-height: 300px;
 max-height: 300px;
}

.card-container:hover .card-flip {
 transform: rotateY(180deg);
}

.coursedesc {
 padding: .5rem;
}

.backwrapadmin {
 background-image: url("/sites/www.online.msstate.edu/files/2022-02/bgTexture.jpg");
 background-repeat: repeat;
 min-height: 600px;
 padding-top: 2rem;
 padding-bottom: 2rem;
 padding-left: 1rem;
 padding-right: 1rem;
 margin-top: 1rem;
 margin-bottom:1rem;

}

.adminpill {
 background-color: white;
 min-height: 400px;
}

.internalpill {
padding: 1rem;
}

.adminnav {
 padding-bottom: 1.5rem;
}

.adminbutton {
 width: 100%;
}

.navaligncenter {
 text-align: center;
}

.row-wrapper {
 padding: 10px;
}

.padd {
 padding-top: 2rem;
}

.studentres {
 display: block;
 width: 100%;
}


.maroonback {
  background-color: #5D1725;
}
.maroonback a{
  color: white !important;
}
.maroonback a:hover {
  color: #000 !important;
}

.row-wrapper {
  padding:0px;
}

[class*="col-lg-6 card-container d-flex align-item-stretch courses"]{
  padding-left: 10px;
  padding-right: 10px;
}


@media only screen and (max-width: 1000px) {
  /* For mobile phones: */

  [class*="col-md-3 card-container d-flex align-item-stretch courses"] {
    padding-left: 0px;
    padding-right: 0px;
  }
  [class*="col-lg-4 navaligncenter"] {
    padding-top: 10px;
  }
  .our-display-topleft {
    position: absolute;
    left:0;
    bottom:190px;
    padding-left: 1rem;
    text-shadow: 2px 2px 5px black;
    font-weight: 600;
  }

  .table-table {
    position: static;
    width: auto;
    padding: inherit;
  }
 
  .emsiwidget {
    padding-left: 22px;
    padding-right: 15px
  }
  .contactInfoBody{
    display: flex;
    justify-content: center;
  }

  .contactInfoTitle{
    display: block;
    margin-left: auto;
    margin-right: auto;
  }


  }


.buttoncontainer{
  background-image: url("/sites/www.online.msstate.edu/files/2022-02/bulldogbutton_0.png");
  height: 155px;
  width: 538px;
}

.buttoncontainer:hover {
  background-image: url("/sites/www.online.msstate.edu/files/2022-02/bulldogbutton_hover.png");
  height: 155px;
  width: 538px;
  text-shadow: 3px 0px 7px rgba(0, 0, 0, 0.8); }


  .vert-gray100-gray300 {
    background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#ffffff)) repeat-x !important;
    background: -webkit-linear-gradient(top, #ffffff, #ffffff) repeat-x !important;
    background: -o-linear-gradient(top, #ffffff, #ffffff) repeat-x !important;
    background: linear-gradient(to bottom, #ffffff, #ffffff) repeat-x !important; }

  @media (max-width: 575.98px) {
    .hero {
      min-height: 300px;
      height: auto !important; }
    .hero .item,
    .hero .item .row-wrapper {
      min-height: 300px;
      height: auto !important; }
    
    #title--title-example{
      position: relative;
      top: 50px;
    }
    
    #title--why-choose-mississippi-state-online{
      position: relative;
      top: 75px;
    }
  }

.testimonial-quote {
    font-size: 16px;
}

.testimonial-quote blockquote {
    /* Negate theme styles */
    border: 0;
    margin: 0;
    padding: 0;

    background: none;
    color: black;
    font-size: 1.175em;
    font-style: italic;
    font-weight: 500;
    line-height: 1.4 !important;
    margin: 0;
    position: relative;
 
    z-index: 600;
}

.testimonial-quote blockquote * {
    box-sizing: border-box; 
}

.testimonial-quote blockquote p {
    color: white; 
    line-height: 1.4 !important;
}

.testimonial-quote blockquote p:first-child:before {
    content: '\201C';
    color: gray;
    font-size: 8.5em;
    font-family: Georgia, serif;
    font-weight: 700;
    opacity: .6;
    position: absolute;
    top: -.4em;
    left: -.2em;    
    text-shadow: none;
    z-index: -300;
}

.blockquote {
  font-family:'Hind',sans-serif !important;
}

.testimonial-quote cite {
    color: white;
    display: block;
    font-size: 1.15em; 
    margin-bottom: 0px !important;
}
  
.testimonial-quote cite span {
    color: white;
    font-size: 1em;
    font-style: normal;
    font-weight: 700;
    letter-spacing: 1px;
    text-transform: uppercase;
     
}

.testimonial-quote {
    position: relative; 
}


  
.testimonial-quote.right .quote-container {
    padding-left: 0;
    padding-right: 160px; 
}

.testimonial-quote.right img {
    left: auto;
    right: 0;
}

.testimonial-quote.right cite {
    text-align: right; 
}

.hero.hero-thumb{
  margin-top:-70px !important;
}

.h-px-140{
  height: 140px !important;
}


.testimonialwrap{
  max-width: 100%;
  background-color: rgba(93, 23, 37, .9);
  border-radius: 25px;
  padding-top: 2rem;
  padding-bottom: .5rem;
  padding-left: 1.75rem;
  padding-right: 1.75rem;
  margin-top: 1rem;
  margin-bottom:1rem;
 }
 
 .nomargin {
   margin-bottom: 0rem;
 }

 [class*="card-img card-bg-img mb-3 h-px-140 shadow"]{
  background-position: center; 
}


 @media only screen and (max-width: 420px) {
  .h-px-140{
    height: 360px !important; }
  }

  @media only screen and (max-width: 570px) {
    .h-px-140{
      height: 360px !important; }
    }
  @media only screen and (max-width: 988px) {
      .h-px-140{
        height: 260px !important; }
      }
  
[class*="card-body importantlinkscss"]{
    padding-top: 12px;
} 

.hero.hero-thumb{
  margin-bottom: -4rem;
}

[class*="card-img card-bg-img mb-3 h-px-140 shadow"]{
  box-shadow: 7px 8px 18px -6px rgba(0,0,0,0.75) !important; 
} 

.newsbutton {
  text-align: center !important;
}

[class*="col-md-8 col-lg-7 text-shadow text-left"] {
  margin-bottom: 25%;
}

[class*="default form_button_submit"] {
  border-radius: 5px;
}

.faqwrapper {
  padding: 2rem;
  background-color: rgba(218, 199, 157, 0.3);
  border-radius: 25px;
}

.faqwrap {
  padding: 2rem;
  background-color: rgba(218, 199, 157, 0.3);
  border-radius: 10px 10px 10px 10px;
  }

.faqwrapwhite {
  padding: 1rem;
  background-color: white;
  border-radius: 25px;
}

.faqwrapgrey {
  padding: 2rem;
  background-color: rgba(193, 198, 200, 0.4);
  border-radius: 10px 10px 10px 10px;
  }

li {
  padding-top: .25rem;
}

.display-3 {
  font-size: 3.5rem;
}

.importantlinkone {
  background-image: url(https://www.online.msstate.edu/sites/www.online.msstate.edu/files/2022-05/TuitonFees.png) ;
}
.importantlinktwo {
  background-image: url(https://www.online.msstate.edu/sites/www.online.msstate.edu/files/2022-05/ApplyNow.png);
}
.importantlinkthree {
  background-image: url(https://www.online.msstate.edu/sites/www.online.msstate.edu/files/2022-05/myState.png);
}
.importantlinkfour {
  background-image: url(https://www.online.msstate.edu/sites/www.online.msstate.edu/files/2022-05/ClassSchedule.png);
}
.importantlinkfive {
  background-image: url(https://www.online.msstate.edu/sites/www.online.msstate.edu/files/2022-05/EmBark.png);
}
.importantlinksix {
  background-image: url(https://www.online.msstate.edu/sites/www.online.msstate.edu/files/2022-05/RequestInfo.png);
}

.maroonwomen {
  background-image: url(https://www.online.msstate.edu/sites/www.online.msstate.edu/files/2022-07/HeroBanner_v29.jpg);
}

.frozenfountian {
  background-image: url(https://www.online.msstate.edu/sites/www.online.msstate.edu/files/2022-07/HeroBanner_v19.jpg)
}

.herobell {
  background-image: url(https://www.online.msstate.edu/sites/www.online.msstate.edu/files/2022-07/HeroBanner_v2.jpg);
}

.mccoolhall {
  background-image: url(https://www.online.msstate.edu/sites/www.online.msstate.edu/files/2022-07/HeroBanner_v3.jpg);
}

.headbandgirl {
  background-image: url(https://www.online.msstate.edu/sites/www.online.msstate.edu/files/2022-07/HeroBanner_v21.jpg);
}

.mangrad {
  background-image: url(https://www.online.msstate.edu/sites/www.online.msstate.edu/files/2022-07/HeroBanner_v25.jpg);
}

.pinkflowers {
  background-image: url(https://www.online.msstate.edu/sites/www.online.msstate.edu/files/2022-07/HeroBanner_v1.jpg);
}

.sonstatue {
  background-image: url(https://www.online.msstate.edu/sites/www.online.msstate.edu/files/2022-07/HeroBanner_v7.jpg);
}

.bully {
  background-image: url(https://www.online.msstate.edu/sites/www.online.msstate.edu/files/2022-07/HeroBanner_v26.jpg);
}

.fallrow {
  background-image: url(https://www.online.msstate.edu/sites/www.online.msstate.edu/files/2022-07/HeroBanner_v20.jpg);
}

.clocktower {
  background-image: url(https://www.online.msstate.edu/sites/www.online.msstate.edu/files/2022-07/HeroBanner_v14_0.jpg);
}

.yellowflowers {
  background-image: url(https://www.online.msstate.edu/sites/www.online.msstate.edu/files/2024-04/HeroBanner_v6_0.jpg);
}

.iswd {
  background-image: url(https://www.online.msstate.edu/sites/www.online.msstate.edu/files/2022-07/HeroBanner_v11.jpg);
}

.gardening {
  background-image: url(https://www.online.msstate.edu/sites/www.online.msstate.edu/files/2022-07/HeroBanner_v30.jpg);
}

.horses {
  background-image: url(https://www.online.msstate.edu/sites/www.online.msstate.edu/files/2022-07/HeroBanner_v12.jpg)
}

.teacher {
  background-image: url(https://www.online.msstate.edu/sites/www.online.msstate.edu/files/2022-07/HeroBanner_v16.jpg);
}

.laptopgirl {
  background-image: url(https://www.online.msstate.edu/sites/www.online.msstate.edu/files/2022-07/HeroBanner_v28.jpg);
}

.yellowflag {
  background-image: url(https://www.online.msstate.edu/sites/www.online.msstate.edu/files/2022-07/HeroBanner_v15.jpg);
}

.ppa {
  background-image: url(https://www.online.msstate.edu/sites/www.online.msstate.edu/files/2022-07/ppcbanner2_0.jpg);
}

.tabletgirl {
  background-image: url(https://www.online.msstate.edu/sites/www.online.msstate.edu/files/2022-07/Banner_cuge.jpg);
}

.maroonmansmile {
  background-image: url(https://www.online.msstate.edu/sites/www.online.msstate.edu/files/2022-07/Banner_vision_0_1.jpg);
}

.maroonbully {
  background-image: url(https://www.online.msstate.edu/sites/www.online.msstate.edu/files/2022-07/banner_brochure_0.jpg);
}

.maroongirldesk {
  background-image: url(https://www.online.msstate.edu/sites/www.online.msstate.edu/files/2022-07/Banner_cpa.jpg);
}

.mansmile {
  background-image: url(https://www.online.msstate.edu/sites/www.online.msstate.edu/files/2022-07/Banner_cgre.jpg);
}

.abstractsmile {
  background-image: url(https://www.online.msstate.edu/sites/www.online.msstate.edu/files/2022-07/Banner_cdlm_cdan_0.jpg);
}

.bluechair {
  background-image: url(https://www.online.msstate.edu/sites/www.online.msstate.edu/files/2022-07/Banner_lmptasoc_and_lmtpasea.jpg);
}

.datascience {
  background-image: url(https://www.online.msstate.edu/sites/www.online.msstate.edu/files/2022-08/data-science_2.jpg);
}

.faculty {
  background-image: url(https://www.online.msstate.edu/sites/www.online.msstate.edu/files/2022-09/facultyhomepage_0.png);
}


.faculty_4 {
  background-image: url(https://www.online.msstate.edu/sites/www.online.msstate.edu/files/2023-01/facultyresourceheart_1.png);
}

.faculty_spring {
  background-image: url(https://www.online.msstate.edu/sites/www.online.msstate.edu/files/2023-02/springbanner.jpg);}

.visionbackground {
  background-image: url(https://www.online.msstate.edu/sites/www.online.msstate.edu/files/2023-02/HumanGuide.png);
}

.conservationbackground {
  background-image: url(https://www.online.msstate.edu/sites/www.online.msstate.edu/files/2023-03/BioBlitz2016.jpg);
}

.faculty_summer2 {
  background-image: url(https://www.online.msstate.edu/sites/www.online.msstate.edu/files/2023-06/Home-page_Header_07_2023.png);
}

.faculty_fall {
  background-image: url(https://www.online.msstate.edu/sites/www.online.msstate.edu/files/2023-10/CDE_HERO-IMAGE_FACULTY-RESOUCES.jpg);
}

.homepage_hero {
  background-image: url(https://www.online.msstate.edu/sites/www.online.msstate.edu/files/2023-10/CDE_HERO-IMAGE_MSSTATE-ONLINE.jpg);
}

.bas {
  background-image: url(https://www.online.msstate.edu/sites/www.online.msstate.edu/files/2023-08/bas.png);
}

.history {
  background-image: url(https://www.online.msstate.edu/sites/www.online.msstate.edu/files/2023-08/history.png);
}

.comm {
  background-image: url(https://www.online.msstate.edu/sites/www.online.msstate.edu/files/2023-08/comm.png);
}

.forecastercert {
  background-image: url(https://www.online.msstate.edu/sites/www.online.msstate.edu/files/2023-08/Aero_Forecaster_Cert.png);
}

.athleteeng {
  background-image: url(https://www.online.msstate.edu/sites/www.online.msstate.edu/files/2023-08/Ath_EngCert.png);
}

.athleteeng_thumb {
  background-image: url(https://www.online.msstate.edu/sites/www.online.msstate.edu/files/2023-08/Ath_EngCert_thumb.png);
}

.vr_cert {
  background-image: url(https://www.online.msstate.edu/sites/www.online.msstate.edu/files/2024-04/VR_Cert.jpg);
}
.psychometry {
  background-image: url(https://www.online.msstate.edu/sites/www.online.msstate.edu/files/2024-04/Psychometry.jpg);
}
.psychometry_thumb {
  background-image: url(https://www.online.msstate.edu/sites/www.online.msstate.edu/files/2024-04/Psychometry_thumb.png);
}
.bba {
  background-image: url(https://www.online.msstate.edu/sites/www.online.msstate.edu/files/2023-08/Bach_Biz.png);
}
.bba_business {
  background-image: url(https://www.online.msstate.edu/sites/www.online.msstate.edu/files/2023-08/Bach_Biz_thumb.png);
}
.bomp_cert {
  background-image: url(https://www.online.msstate.edu/sites/www.online.msstate.edu/files/2023-08/BOMP_alt.png);
}
.bomp {
  background-image: url(https://www.online.msstate.edu/sites/www.online.msstate.edu/files/2023-08/BOMP.png);
}
.bsidnt {
  background-image: url(https://www.online.msstate.edu/sites/www.online.msstate.edu/files/2024-01/BSINDT.jpg);
}
.bsidnt_thumb {
  background-image: url(https://www.online.msstate.edu/sites/www.online.msstate.edu/files/2023-08/BSINDT_thumb.png);
}
.comm_pr {
  background-image: url(https://www.online.msstate.edu/sites/www.online.msstate.edu/files/2023-08/Comm_PR.png);
}

.procurement {
  background-image: url(https://www.online.msstate.edu/sites/www.online.msstate.edu/files/2023-08/Procurement_Cert.png);
}
.tesol {
  background-image: url(https://www.online.msstate.edu/sites/www.online.msstate.edu/files/2023-08/TESOL_Cert.png);
}
.youthdev {
  background-image: url(https://www.online.msstate.edu/sites/www.online.msstate.edu/files/2023-08/YouthDev_Bach.png);
}
.indust_eng {
  background-image: url(https://www.online.msstate.edu/sites/www.online.msstate.edu/files/2023-08/IndustrialEng_Bach.png);
}
.geospatial {
  background-image: url(https://www.online.msstate.edu/sites/www.online.msstate.edu/files/2023-08/Geospatial_Cert.png);
}
.bio_cert {
  background-image: url(https://www.online.msstate.edu/sites/www.online.msstate.edu/files/2023-08/GenBio_Cert.png);
}
.enviro_cert {
  background-image: url(https://www.online.msstate.edu/sites/www.online.msstate.edu/files/2023-08/Env_Sust_Cert.png);
}
.elemed {
  background-image: url(https://www.online.msstate.edu/sites/www.online.msstate.edu/files/2023-08/ElemEd_ECMS_Bach.png);
}
.edpsych {
  background-image: url(https://www.online.msstate.edu/sites/www.online.msstate.edu/files/2023-08/EdPsych_Bach.png);
}
.genedpsych {
  background-image: url(https://www.online.msstate.edu/sites/www.online.msstate.edu/files/2024-02/MS_EdPsych_General.jpg);
}
.datascience_banner {
  background-image: url(https://www.online.msstate.edu/sites/www.online.msstate.edu/files/2023-08/DataScience_Cert.png);
}
.animal_cert {
  background-image: url(https://www.online.msstate.edu/sites/www.online.msstate.edu/files/2023-08/CompanionAnimalCert.png);
}
.child_dev {
  background-image: url(https://www.online.msstate.edu/sites/www.online.msstate.edu/files/2023-08/ChildDev_Bach.png);
}
.bsis {
  background-image: url(https://www.online.msstate.edu/sites/www.online.msstate.edu/files/2023-08/BSIS_alt.png);
}
.bach_ece {
  background-image: url(https://www.online.msstate.edu/sites/www.online.msstate.edu/files/2023-08/Bach_ECE.png);
}
.bus{
  background-image: url(https://www.online.msstate.edu/sites/www.online.msstate.edu/files/2024-11/UnivStudies_Option2.png);
}
.behavior {
  background-image: url(https://www.online.msstate.edu/sites/www.online.msstate.edu/files/2023-08/AppliedBehavior_Cert.png);
}
.bach_psych {
  background-image: url(https://www.online.msstate.edu/sites/www.online.msstate.edu/files/2023-08/BS_Psych.png);
}
.agronomy {
  background-image: url(https://www.online.msstate.edu/sites/www.online.msstate.edu/files/2023-08/PlntNSl_Agronomy.png);
}
.weed {
  background-image: url(https://www.online.msstate.edu/sites/www.online.msstate.edu/files/2023-08/PlntNSl_WeedScience.png);
}
.horticult {
  background-image: url(https://www.online.msstate.edu/sites/www.online.msstate.edu/files/2023-08/PlntNSl_Horticulture.png);
}
.schooladmin {
  background-image: url(https://www.online.msstate.edu/sites/www.online.msstate.edu/files/2023-08/SchoolAdmin_Spec_alt.png);
}
.teacherleader {
  background-image: url(https://www.online.msstate.edu/sites/www.online.msstate.edu/files/2023-08/TeachLead_Spec.png);
}
.teacherleader_thumb {
  background-image: url(https://www.online.msstate.edu/sites/www.online.msstate.edu/files/2023-08/TeachLead_Spec_thumb.png);
}
.ccl {
  background-image: url(https://www.online.msstate.edu/sites/www.online.msstate.edu/files/2023-08/CCL_PhD.png);
}
.mba {
  background-image: url(https://www.online.msstate.edu/sites/www.online.msstate.edu/files/2023-08/MBA.png);
}
.mba_thumb {
  background-image: url(https://www.online.msstate.edu/sites/www.online.msstate.edu/files/2023-08/MBA_thumb.png);
}
.aerospace {
  background-image: url(https://www.online.msstate.edu/sites/www.online.msstate.edu/files/2023-08/AerospaceEng.png);
}
.dairysci {
  background-image: url(https://www.online.msstate.edu/sites/www.online.msstate.edu/files/2023-08/AnimalDairySci.png);
}
.foodscience {
  background-image: url(https://www.online.msstate.edu/sites/www.online.msstate.edu/files/2023-08/FoodSci_Nutr_HP.png);
}
.forest {
  background-image: url(https://www.online.msstate.edu/sites/www.online.msstate.edu/files/2023-08/Forestry.png);
}
.mabm {
  background-image: url(https://www.online.msstate.edu/sites/www.online.msstate.edu/files/2023-08/MABM.png);
}
.accounting {
  background-image: url(https://www.online.msstate.edu/sites/www.online.msstate.edu/files/2024-02/Accounting.jpg);
}
.accounting_thumb {
  background-image: url(https://www.online.msstate.edu/sites/www.online.msstate.edu/files/2023-08/Accounting_thumb.png);
}
.conservationed {
  background-image: url(https://www.online.msstate.edu/sites/www.online.msstate.edu/files/2023-08/ConservationEd.png);
}
.conservationed_thumb {
  background-image: url(https://www.online.msstate.edu/sites/www.online.msstate.edu/files/2023-08/ConservationEd_thumb.png);
}
.chemeng {
  background-image: url(https://www.online.msstate.edu/sites/www.online.msstate.edu/files/2023-08/Chem_Eng.png);
}
.biology {
  background-image: url(https://www.online.msstate.edu/sites/www.online.msstate.edu/files/2023-08/GeneralBio.png);
}
.cyber {
  background-image: url(https://www.online.msstate.edu/sites/www.online.msstate.edu/files/2023-08/CyberSecurity.png);
}
.systemeng {
  background-image: url(https://www.online.msstate.edu/sites/www.online.msstate.edu/files/2023-08/Ind_Sys_Eng.png);
}
.systemeng_thumb {
  background-image: url(https://www.online.msstate.edu/sites/www.online.msstate.edu/files/2023-08/Ind_Sys_Eng_thumb.png);
}
.mech_eng {
  background-image: url(https://www.online.msstate.edu/sites/www.online.msstate.edu/files/2023-08/Mech_Eng.png);
}
.appmeto {
  background-image: url(https://www.online.msstate.edu/sites/www.online.msstate.edu/files/2023-08/AppliedMeteorology.png);
}
.civileng {
  background-image: url(https://www.online.msstate.edu/sites/www.online.msstate.edu/files/2023-08/CivilEng_opt1.png);
}
.envirogeo {
  background-image: url(https://www.online.msstate.edu/sites/www.online.msstate.edu/files/2023-08/EnvironmentalGeo.png);
}
.ece {
  background-image: url(https://www.online.msstate.edu/sites/www.online.msstate.edu/files/2023-08/ece.png);
}

.commcoll {
  background-image: url(https://www.online.msstate.edu/sites/www.online.msstate.edu/files/2023-09/CommCollEd.png);
}

.mofeng {
  background-image: url(https://www.online.msstate.edu/sites/www.online.msstate.edu/files/2023-09/M_of_Eng.png);
}

.mppa {
  background-image: url(https://www.online.msstate.edu/sites/www.online.msstate.edu/files/2023-09/M_of_PPA.png);
}

.mppa_thumb {
  background-image: url(https://www.online.msstate.edu/sites/www.online.msstate.edu/files/2023-09/M_of_PPA_thumb.png);
}

.mats {
  background-image: url(https://www.online.msstate.edu/sites/www.online.msstate.edu/files/2023-09/MATS.png);
}

.mats_thumb {
  background-image: url(https://www.online.msstate.edu/sites/www.online.msstate.edu/files/2023-09/MATS_thumb.png);
}

.matx {
  background-image: url(https://www.online.msstate.edu/sites/www.online.msstate.edu/files/2023-09/MATX.png);
}

.matx_thumb {
  background-image: url(https://www.online.msstate.edu/sites/www.online.msstate.edu/files/2023-09/MATX_thumb.png);
} 

.workforcelead {
  background-image: url(https://www.online.msstate.edu/sites/www.online.msstate.edu/files/2023-10/M_WorkforceEdLead.png);
}
.workforcelead_thumb {
  background-image: url(https://www.online.msstate.edu/sites/www.online.msstate.edu/files/2023-10/M_WorkforceEdLead_thumb.png);
}

.tax {
  background-image: url(https://www.online.msstate.edu/sites/www.online.msstate.edu/files/2023-10/Taxation.png);
}

.edpol {
  background-image: url(https://www.online.msstate.edu/sites/www.online.msstate.edu/files/2023-10/EdD_EdPol_OrgDesign.png);
}

.datamaster {
  background-image: url(https://www.online.msstate.edu/sites/www.online.msstate.edu/files/2023-11/DataScience_2.jpg);
}

.sociology {
  background-image: url(https://www.online.msstate.edu/sites/www.online.msstate.edu/files/2023-11/AppliedSociology_2.jpg);
}

.healthcare {
  background-image: url(https://www.online.msstate.edu/sites/www.online.msstate.edu/files/2023-11/HealthcareAdmin_2.jpg);
}

.phdmecheng {
  background-image: url(https://www.online.msstate.edu/sites/www.online.msstate.edu/files/2024-01/PhDMechanicalEngineering.jpg);
}
.phdenged {
  background-image: url(https://www.online.msstate.edu/sites/www.online.msstate.edu/files/2024-01/PhDEngEducation1.jpg);
}
.phdcompsci {
  background-image: url(https://www.online.msstate.edu/sites/www.online.msstate.edu/files/2024-01/PhDComputerScience.jpg);
}
.phdcompeng {
  background-image: url(https://www.online.msstate.edu/sites/www.online.msstate.edu/files/2024-01/PhDComputationalEng.jpg);
}
.msteacherlead {
  background-image: url(https://www.online.msstate.edu/sites/www.online.msstate.edu/files/2024-01/MS_TeacherLeadership.jpg);
}
.secondedu {
  background-image: url(https://www.online.msstate.edu/sites/www.online.msstate.edu/files/2024-01/MS_SecondaryEd.jpg);
}
.instructtech {
  background-image: url(https://www.online.msstate.edu/sites/www.online.msstate.edu/files/2024-01/MS_InstructionalTech.jpg);
}
.msis {
  background-image: url(https://www.online.msstate.edu/sites/www.online.msstate.edu/files/2024-01/MS_InformationSystems.jpg);
}
.msedpsych {
  background-image: url(https://www.online.msstate.edu/sites/www.online.msstate.edu/files/2024-01/MS_Ed-Psych_AppliedBehavioral.jpg);
}
.earlyintervention {
  background-image: url(https://www.online.msstate.edu/sites/www.online.msstate.edu/files/2024-01/MS_EarlyIntervention.jpg);
}
.workforcedev {
  background-image: url(https://www.online.msstate.edu/sites/www.online.msstate.edu/files/2024-01/PhD_WorkforceDev.jpg);
}

.rehabcoun {
  background-image: url(https://www.online.msstate.edu/sites/www.online.msstate.edu/files/2024-01/MS_RehabCounseling.jpg);
}

.susbio {
  background-image: url(https://www.online.msstate.edu/sites/www.online.msstate.edu/files/2024-01/SustainableBio.jpg);
}

.edspsych {
  background-image: url(https://www.online.msstate.edu/sites/www.online.msstate.edu/files/2024-04/EdS_SchoolPsychology.jpg);
}

.globalAffairsCert{
  background-image: url(https://www.online.msstate.edu/sites/www.online.msstate.edu/files/2024-12/GlobalAffairs_Pic.png);
}

.bas-bot {
  background-image: url(https://www.online.msstate.edu/sites/www.online.msstate.edu/files/2024-04/BOT.jpg);
}

.bas-pm {
  background-image: url(https://www.online.msstate.edu/sites/www.online.msstate.edu/files/2024-04/BAS_PM.jpg);
}

.msdata {
  background-image: url(https://www.online.msstate.edu/sites/www.online.msstate.edu/files/2024-06/dataphoto.jpg);
}

.seed {
  background-image: url(https://www.online.msstate.edu/sites/www.online.msstate.edu/files/2024-06/MS_SecondaryEd.jpg);
}

.tmsc {
  background-image: url(https://www.online.msstate.edu/sites/www.online.msstate.edu/files/2024-07/TeachMS.png);
}

.matelar {
  background-image: url(https://www.online.msstate.edu/sites/www.online.msstate.edu/files/2024-07/Partnership_School_6th_grade_ELA_class-Lauren_Shumaker_20220907_MF2B9956%20%281%29.jpg);
}

.bas-hca {
  background-image: url(https://www.online.msstate.edu/sites/www.online.msstate.edu/files/2024-10/edited%20img_2.png);
}
.grad-hero {
  background-image: url(https://www.online.msstate.edu/sites/www.online.msstate.edu/files/2025-02/Grad_LP_Image_19Ideas.png);
}
.hampshire-headshot {
  background-image: url(https://www.online.msstate.edu/sites/www.online.msstate.edu/files/2024-11/Hampshire_Patricia_20231011_GC57140~pkh80%281%29.jpg);
}
.lookdog {
  background-image: url(https://www.online.msstate.edu/sites/www.online.msstate.edu/files/2024-11/MS_SpecEd.png);
}
.adx-woman {
  background-image: url(https://www.online.msstate.edu/sites/www.online.msstate.edu/files/2024-11/AddictionsCoun_1.png);
}
.undergrad-man {
  background-image: url(https://www2.online.msstate.edu/sites/www.online.msstate.edu/files/2024-11/undergrad-lp-hero_photo-only.jpg);
}
.man-graphic {
  background-image: url(https://www.online.msstate.edu/sites/www.online.msstate.edu/files/2024-11/UG_Landing_0.png);
}
.aba_hero {
  background-image: url(https://www.online.msstate.edu/sites/www.online.msstate.edu/files/2024-12/BS_ABA.png);
}

.forestfire2 {
  background-image: url(https://www2.online.msstate.edu/sites/www.online.msstate.edu/files/2025-02/ClimateHazCert.png);
}


.forestfire {
  background-image: url(https://www.online.msstate.edu/sites/www.online.msstate.edu/files/2025-02/ClimateHazCert.png);
}


.ggeo {
  background-image: url(https://www.online.msstate.edu/sites/www.online.msstate.edu/files/2025-03/GGeoCert.png);
}

.geoCert {
  background-image: url(https://www2.online.msstate.edu/sites/www.online.msstate.edu/files/2025-04/GeologyCert.png);
}

.alc {
  background-image: url(https://www.online.msstate.edu/sites/www.online.msstate.edu/files/2025-02/HeroBanner_v2_Feb_17.jpg);
}

.bas_cyber {
  background-image: url(https://www.online.msstate.edu/sites/www.online.msstate.edu/files/2025-04/BAS_Cybersecurity.png);
}
.orgleadership {
  background-image: url(https://www.online.msstate.edu/sites/www.online.msstate.edu/files/2025-04/MASOL_OrgLeadership.png);
}

.basol {
  background-image: url(https://www.online.msstate.edu/sites/www.online.msstate.edu/files/2025-04/basol.png);
}

.baswes{
  background-image: url(https://www.online.msstate.edu/sites/www.online.msstate.edu/files/2025-06/BAS_WES_WebBanner.png);
}

.magaee4{
  background-image: url(https://www.online.msstate.edu/sites/www.online.msstate.edu/files/2025-06/MAGAEE_WebsiteBanner.png);
}

.testMagaee4{
  background-image: url(https://www2.online.msstate.edu/sites/www.online.msstate.edu/files/2025-06/MAGAEE_WebsiteBanner.png);
  height: 50px;
}


.landingsquares {
  padding-left: 0px;
  padding-right: 0px;
  min-height: 360px;
  min-width: 360px
}

.smalltabletgirl {
  background-image: url(https://www.online.msstate.edu/sites/www.online.msstate.edu/files/2022-02/mgug1.jpg);
  background-size: cover;
  background-position: center;
}

.militarysmall {
  background-image: url(https://www.online.msstate.edu/sites/www.online.msstate.edu/files/2022-02/mgug3.jpg);
  background-size: cover;
  background-position: center;
}

.handlaptop {
  background-image: url(https://www.online.msstate.edu/sites/www.online.msstate.edu/files/2022-02/mgug2.jpg);
  background-size: cover;
  background-position: center;
}

.testimoniallanding {
  background-image: url(https://www.online.msstate.edu/sites/www.online.msstate.edu/files/2022-07/testimoniallanding.png);
  background-size: cover;
  background-position: cover;
}

.box {
  display: flex;
  align-self:flex-end;
  justify-content:center;
  background-color: rgba(0,0,0,0.69) !important;
  color: #ffffff;
}



.headerbg-landing {
  background: linear-gradient(
    to bottom,
    #4f131f,
    #4f131f 0%,
    #4f131f 87%,
    #c1d6e9 50%
  );
  width: 100%;
}

.headerbg-landing_cdan {
  background-image: url(https://www.online.msstate.edu/sites/www.online.msstate.edu/files/2023-08/CDAN_LandingPage_Hero.png);
  width: 100%;
  background-size: cover;
  background-repeat: no-repeat;
}
.headerbg-landing-cdlm {
  background-image: url(https://www.online.msstate.edu/sites/www.online.msstate.edu/files/2024-11/UG_Landing_0.png);
  width: 100%;
  background-size: cover;
  background-repeat: no-repeat;
}

.headerbg-landing-adkerson {
  background-image: url(https://www.online.msstate.edu/sites/www.online.msstate.edu/files/2024-02/GRADUATEDEGREESINACCOUNTING.png);
  width: 100%;
  background-size: cover;
  background-repeat: no-repeat;
}

.headerbg-landing-grad {
  background-image: url(https://www.online.msstate.edu/sites/www.online.msstate.edu/files/2025-02/Grad_LP_Image_19Ideas.png);
  width: 100%;
  background-size: cover;
  background-repeat: no-repeat;
}
.headerbg-landing-undergrad {
  background-image: url(https://www.online.msstate.edu/sites/www.online.msstate.edu/files/2024-11/UG_Landing_0.png);
  width: 100%;
  background-size: cover;
  background-repeat: no-repeat;
}

@media only screen and (max-width: 800px) {
 .headerbg-landing-adkerson{
  background-position: center top}
}


.headerbg-landing_2 {
  background-image: url(https://www.online.msstate.edu/sites/www.online.msstate.edu/files/2022-09/greyblueback.png);
  width: 100%;
}
.headerbg-landing_3 {
  background-color:rgba(218, 199, 157, .3);
  width: 100%;
}

.headerbg-landing_4 {
  background-image: url(https://www.online.msstate.edu/sites/www.online.msstate.edu/files/2022-11/cgreupdated.png);
  width: 100%;
  background-position: center; 
  background-repeat: no-repeat;
  background-size: cover;
}


.header-wrap-landing {
  width: 50%;
  height: 750px;
  margin: auto;
  background-image: url("https://www.online.msstate.edu/sites/www.online.msstate.edu/files/2022-07/Waterbg.png");
  background-repeat: no-repeat;
  background-position: top -100px left 0px;
  background-size: 70% auto;
  display: flex;
  flex-direction: row;
}

.header-wrap-landing_2 {
  width: 50%;
  height: 750px;
  margin: auto;
  display: flex;
  flex-direction: row;
}
.header-wrap-landing_3 {
  width: 60%;
  height: 750px;
  margin: auto;
  display: flex;
  flex-direction: row;
}
.header-wrap-landing_4 {
  width: 70%;
  height: 750px;
  margin: auto;
  display: flex;
  flex-direction: row;
}

.header-left-landing {
  width: 75%;
}

.header-left-landing-p {
  font-size: 30px;
  font-weight: 500;
  line-height: 50px;
  color: white;
  font-family: "Poppins", sans-serif;
}

.adkerson_header{ background: linear-gradient(0deg, rgba(193,214,233,1) 12%, rgba(79,19,31,1) 12%); width: 100%; height: 750px; display: inline-block; }

.adkerson_wrap{max-width: 1300px; width: 80%; margin: auto; color: #fff; background-image: url("https://www.online.msstate.edu/sites/www.online.msstate.edu/files/2023-04/Waterbg.png"); background-repeat: no-repeat; height: 700px; background-size: 100%;  background-position: center bottom; display: flex; flex-direction: row; position: relative; }


.adkerson_wrap_top{max-width: 1300px; width: 100%; margin: auto; position: absolute;}
.adkerson_wrap_top h1{padding-top: 6%;
    font-family: "Poppins",sans-serif;
    font-size: 60px;
    font-weight: 700;
    text-align: left;
    line-height: 50px;
    color: #ffffff;
    margin-bottom: 20px;
    text-transform: capitalize;
	padding-left: 10%; 
}

.adkerson_wrap_left{width: 50%; display: inline-block; padding-left: 6%;  padding-top: 15%; position: absolute; }
.adkerson_wrap_left img{padding-left: 80px; padding-top: 20px;}
.adkerson_wrap_left_list{padding-left: 50px; padding-top: 10px;}
.adkerson_wrap_left h1{padding-top: 10%;
    font-family: "Poppins",sans-serif;
    font-size: 60px;
    font-weight: 700;
    text-align: left;
    line-height: 50px;
    color: #ffffff;
    margin-bottom: 20px;
    text-transform: capitalize;
	padding-left: 60px; 
}

.adkerson_wrap_left h2{
    font-family: "Poppins",sans-serif;
    font-size: 24px;
    font-weight: 500;
    text-align: left;
    line-height: 30px;
    color: #ffffff;
    text-transform: capitalize;
}

.adkerson_wrap_left_ul {list-style-type: none; }

.adkerson_wrap_left_li{ background: url("https://www.online.msstate.edu/sites/www.online.msstate.edu/files/2023-04/SideArrow.png") no-repeat left top; height: 40px; padding-top: 0px; padding-left: 35px;}

.adkerson_wrap_right{width: 50%; height: 750px; position: absolute; background-image: url("https://www.online.msstate.edu/sites/www.online.msstate.edu/files/2023-04/Dog_2.png"); background-repeat: no-repeat; background-size:80%; display: inline-block; right: 0;   background-position: right -10px bottom 10px;
 }

@media only screen and (max-width: 1430px) {.adkerson_wrap_left{padding-top: 18%;}}



@media only screen and (max-width: 1280px) {
  
	.adkerson_wrap{max-width: 1300px; width: 90%; margin: auto; color: #fff; background-image: url("https://www.online.msstate.edu/sites/www.online.msstate.edu/files/2023-04/Waterbg.png"); background-repeat: no-repeat; height: 88%; background-size: 100%; background-position: 15% -10%; }
	.adkerson_wrap_right{background-size:90%; }
	
}

@media only screen and (max-width: 1063px) {.adkerson_wrap_right{background-size:95%; } .adkerson_wrap_left{width: 75%; padding-top:22%; position: absolute;} }
@media only screen and (max-width: 850px) {.adkerson_wrap_left{padding-top: 33%;}}


@media only screen and (max-width: 600px) {
  
	.adkerson_wrap{max-width: 1300px; width: 100%; margin: auto; color: #fff; background-image: url("https://www.online.msstate.edu/sites/www.online.msstate.edu/files/2023-04/Waterbg.png"); background-repeat: no-repeat; height: 88%; background-size: 150%; background-position: 25% 00%; flex-direction: column; }
	
	.adkerson_wrap_left{width: 85%; padding-left: 2%; padding-top: 45%; position: absolute;}
	.adkerson_wrap_left img{padding-left: 80px; padding-top: 30px;}
	.adkerson_wrap_left_list{padding-left: 10px; padding-top: 10px;}
	.adkerson_wrap_right{width: 100%; background-size: 55%; margin-right: 30px;}
  .adkerson_wrap_top h1 {padding-left: 10%; font-size: 48px;}
}




.header-left-landing_2 {
  width: 60%;
}

.header-left-landing_2 .headline-landing {
  padding-top: 10%;
  font-family: "Poppins", sans-serif;
  font-size: 48px;
  font-weight: 700;
  text-align: center;
  line-height: 50px;
  color: #5D1725;
  margin-bottom: 20px;
}

.header-left-landing .headline-landing {
  padding-top: 10%;
  font-family: "Poppins", sans-serif;
  font-size: 60px;
  font-weight: 700;
  text-align: left;
  line-height: 58px;
  color: #ffffff;
  margin-bottom: 20px;
}

.header-left-landing .headline-landing_3 {
  padding-top: 10%;
  font-family: "Poppins", sans-serif;
  font-size: 60px;
  font-weight: 700;
  text-align: left;
  line-height: 58px;
  color: #ffffff;
  margin-bottom: 20px;
}


.header-left-landing_2 .headline-landing_2 {
  padding-top: 20%;
  font-family: "Poppins", sans-serif;
  font-size: 60px;
  text-align: center;
  line-height: 50px;
  color: #ffffff;
  margin-bottom: 20px;
  font-weight: normal;
  padding-left: 5%;
}
.header-left-landing .mascot-landing {
  height: 550px;
  background-image: url("https://www.online.msstate.edu/sites/www.online.msstate.edu/files/2022-07/Mascot.png");
  background-repeat: no-repeat;
  display: block;
  background-position-x: center;
  background-size: contain;
}

.header-left-landing .mascot-landing_cdan {
  height: 550px;
  background-image: url("https://www.online.msstate.edu/sites/www.online.msstate.edu/files/2023-08/Graduation_Fall-morning_cer_20211210_GC3845.png");
  background-repeat: no-repeat;
  display: block;
  background-position-x: center;
  background-size: contain;
}

.header-left-landing_2 .mascot-landing_2 {
  height: 550px;
  background-image: url("https://www.online.msstate.edu/sites/www.online.msstate.edu/files/2022-09/geolayer.png");
  background-repeat: no-repeat;
  display: block;
  background-position-x: center;
  background-size: contain;
}

.header-left-landing_2 .art-landing {
  height: 550px;
  background-image: url("https://www.online.msstate.edu/sites/www.online.msstate.edu/files/2022-11/artscience.png");
  background-repeat: no-repeat;
  display: block;
  background-position-x: center;
  background-size: contain;
}

.header-right-landing {
  width: 40%;
  background-color: #f9f9f9;
  
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}
.header-right-landing_5 {
  width: 100%;
}
.header-right-landing .headtext-landing {
  height: 100px;
  display: block;
  background-color: #00aead;
  background-repeat: no-repeat;
  background-position: top 0px;
  background-size: 100% auto;
  font-family: "Oswald", sans-serif;
  color: #ffff;
  font-size: 50px;
  font-weight: 500;
  text-align: center;
  padding-top: 10px;
}
.header-right-landing_5 .headtext-landing_2 {
  height: 175px;
  display: block;
  background-image: url("https://www.online.msstate.edu/sites/www.online.msstate.edu/files/2022-07/ribbon.png");
  background-repeat: no-repeat;
  background-position: top 0px;
  background-size: 100% auto;
  font-family: "Oswald", sans-serif;
  color: #4f131f;
  font-size: 50px;
  font-weight: 500;
  text-align: center;
  padding-top: 10px;
}

.header-right-landing_5 .headtext-landing {
  height: 150px;
  display: block;
  background-image: url("https://www.online.msstate.edu/sites/www.online.msstate.edu/files/2022-07/ribbon.png");
  
  background-repeat: no-repeat;
  background-position: bottom;
  background-size: 100% auto;
  font-family: "Oswald", sans-serif;
  color: #4f131f;
  font-size: 50px;
  font-weight: 500;
  text-align: center;
  padding-top: 10px;
}
.header-right-landing .subheadtext-landing {
  text-align: center;
  font-family: "Oswald", sans-serif;
  color: #000000;
  font-size: 25px;
  font-weight: 300;
  padding-bottom: 30px;
}
.header-right-landing_5 .subheadtext-landing {
  text-align: center;
  font-family: "Oswald", sans-serif;
  color: #000000;
  font-size: 25px;
  font-weight: 300;
  padding-bottom: 30px;
}
.header-right-landing_2 .subheadtext-landing {
  text-align: center;
  font-family: "Oswald", sans-serif;
  color: #000000;
  font-size: 25px;
  font-weight: 300;
  padding-bottom: 30px;
}
.form-horizontal {
  width: 80%;
  margin: auto;
}

.form-group {
  margin: 15px 0px 15px 0px;
}
.form-control {
  color: #4e4e4e;
  font-size: 14px;
  font-family: "Poppins", sans-serif;
}

.form-wrap-landing{
width: 95%; 
margin: auto;
}

input[type="text"] {
  border: 4px;
  border-radius: 4px;
  background-color: #f1f1f1;
  padding: 16px 20px;
  width: 100%;
  color: #000000;
  font-size: 14px;
  font-family: "Poppins", sans-serif;
}

input[type="email"] {
  border: 4px;
  border-radius: 4px;
  background-color: #f1f1f1;
  padding: 16px 20px;
  width: 100%;
  color: #000000;
  font-size: 14px;
  font-family: "Poppins", sans-serif;
}
input[type="tel"] {
  border: 4px;
  border-radius: 4px;
  background-color: #f1f1f1;
  padding: 16px 20px;
  width: 100%;
  color: #000000;
  font-size: 14px;
  font-family: "Poppins", sans-serif;
}

select {
  width: 100%;
  padding: 16px 20px;
  border: none;
  border-radius: 4px;
  background-color: white !important;
  background: url(http://cdn1.iconfinder.com/data/icons/cc_mono_icon_set/blacks/16x16/br_down.png)
    no-repeat right #ddd;
  -webkit-appearance: none;
  background-position-x: 95%;
}
#form_c50de45d-f3b7-44a8-8840-318b31a846ee{font-size: 14px;  color: #4e4e4e; font-family: "Poppins", sans-serif;}
#form_56932dcb-2fca-42d1-a9a6-27b5932ad7a9{font-size: 14px;  color: #4e4e4e; font-family: "Poppins", sans-serif;}
#form_af38ad0a-2e7e-42cf-8bd7-267f0613c3c9{font-size: 14px;  color: #4e4e4e; font-family: "Poppins", sans-serif;}
#form_156a3606-02de-4c77-958b-f2e0f715b491{font-size: 14px;  color: #4e4e4e; font-family: "Poppins", sans-serif;}
#form_3acb2fb9-21fb-4c49-b7c7-993b20bcf347{font-size: 14px;  color: #4e4e4e; font-family: "Poppins", sans-serif;}
#form_e468a411-400d-490d-8a0b-e9430c9ba553{font-size: 14px;  color: #4e4e4e; font-family: "Poppins", sans-serif;}
#form_0d16789c-3d76-4d27-95d7-371675b1648b{font-size: 14px;  color: #4e4e4e; font-family: "Poppins", sans-serif;}
#form_c3cbffe3-de2c-41c2-bf0b-31a093577ca9{font-size: 14px;  color: #4e4e4e; font-family: "Poppins", sans-serif;}
#form_d1930af6-1b74-4a06-acdc-211c67eb216c{font-size: 14px;  color: #4e4e4e; font-family: "Poppins", sans-serif;}
#form_134552fa-65c1-4bf7-a09c-114008ac7472{font-size: 14px;  color: #4e4e4e; font-family: "Poppins", sans-serif;}
#form_514b4406-f4ae-4f38-b643-e267910abee7{font-size: 14px;  color: #4e4e4e; font-family: "Poppins", sans-serif;}
#form_46b2d323-5018-46ab-807d-72de278b2c9a{font-size: 14px;  color: #4e4e4e; font-family: "Poppins", sans-serif;}
#form_d1930af6-1b74-4a06-acdc-211c67eb216c input[type="tel"] {
  font-size: 14px;  color: #4e4e4e; font-family: "Poppins", sans-serif;
}
#form_d1930af6-1b74-4a06-acdc-211c67eb216c input[type="select"] {
  padding: 12px 12px;
}
#form_a91a4b67-36a3-4a38-961a-bfcedc657cd6{
  font-size: 14px;  color: #4e4e4e; font-family: "Poppins", sans-serif;
}
#form_95653bfa-f812-400a-b632-9a9efdc622d1{font-size: 14px;  color: #4e4e4e; font-family: "Poppins", sans-serif;}


.form_button_submit{
  
    background-color: #00a2af;
    border: none;
    color: white;
    padding: 16px 32px;
    text-decoration: none;
    margin: auto;
    cursor: pointer;
    font-family: "Oswald", sans-serif;
    color: #ffffff;
    font-size: 30px;
    font-weight: 500;
    text-align: center;
    border-radius: 4px;
    width: 90% !important;
   
    background-image: url("https://www.online.msstate.edu/sites/www.online.msstate.edu/files/2022-07/Iconmaterialsend.png");
    background-repeat: no-repeat;
    background-position: top 18px left 60px;
    padding-left: 40px;
    -webkit-transition: background-color 2s ease-out;
    -moz-transition: background-color 2s ease-out;
    -o-transition: background-color 2s ease-out;
    transition: background-color 2s ease-out;
 
}
.form_button_submit:hover{background-color: #0b5d63; }

.form_label{ font-size: 16px !important;}

.cont-wrap-6box{
  margin: auto;
  width: 100%;
  background-color: #ffffff;
  box-shadow: 0px 0px 15px #aaaaaa;
  color:#000000;
  overflow: hidden;
  padding: 15px;
}

.cont-wrap-6box .head{
  font-size: 36px;
  color: #ffffff;
  font-family: poppins;
  font-weight: 700;
  inline-size: 80%;
overflow-wrap: break-word;
line-height: .9em;
padding: 35px;
}
.cont-wrap-6box .box1{
  width: 33.333%;
  height: 400px;
  float: left;
  position: relative;
  text-align: center;
}

.cont-wrap-6box .box1 .description{
 color: #ffffff;
 font-family: Poppins;
 font-size: 16px;
 background-color: rgba(0, 0, 0, 0.70);
 padding: 15px;
position: absolute;
bottom: 1.7em;
left: 10px;
right: 10px;
margin: auto;
inline-size: 80%;
overflow-wrap: break-word;
 
}

.cont-wrap-6box .box2{
  width: 33.333%;
  background-color: #5d1725;
  height: 400px;
  float: left;
  position: relative;
}

.cont-wrap-6box .box2 .description{
  color: #ffffff;
  font-family: Poppins;
  font-size: 16px;
  background-color: rgba(0, 0, 0, .0);
  padding: 15px;
 position: absolute;
 bottom: 1.7em;
 left: 10px;
 right: 10px;
 margin: auto;
 inline-size: 80%;
 overflow-wrap: break-word;
  
 }



/* Responsive layout - makes a one column layout instead of a two-column layout */
@media (max-width: 1920px) {
    .header-wrap-landing {
        width: 70%;}
    .header-wrap-landing_2 {
          width: 70%;}
    .header-wrap-landing_3 {
         width: 70%;}
    .header-wrap-landing_4 {
          width: 70%;}
    .header-left-landing_2 .headline-landing_2 {
      padding-left: 0%;
    }

        .cont-wrap-6box{width: 100%;}
        .cont-wrap-6box .box1{width: 33.333%; height: 350px;}
        .cont-wrap-6box .box2{width: 33.333%; height: 350px;}

}

/* Responsive layout - makes a one column layout instead of a two-column layout */
@media (max-width: 1600px) {
  .header-wrap-landing {
    flex-direction: row;
    width: 90%;
  }
  .header-wrap-landing_2 {
    flex-direction: row;
    width: 90%;
  }
  .header-wrap-landing_3 {
    flex-direction: row;
    width: 90%;
  }
  .header-wrap-landing_4 {
    flex-direction: row;
    width: 90%;
  }
  .header-left-landing {
    width: 60%;
  }

  .header-left-landing_2 {
    width: 60%;
  }

  .header-right-landing {
    width: 40%;
  }

  .header-right-landing .headtext-landing {
    height: 150px;
    font-family: "Oswald", sans-serif;
    color: #4f131f;
    font-size: 49px;
    font-weight: 500;
    text-align: center;
    padding-top: 10px;
  }

  .header-right-landing .subheadtext-landing {
    text-align: center;
    font-family: "Oswald", sans-serif;
    color: #000000;
    font-size: 22px;
    font-weight: 300;
    padding-bottom: 20px;
  }

  .cont-wrap-6box{width: 100%;}
        .cont-wrap-6box .box1{width: 33.333%; height: 350px;}
        .cont-wrap-6box .box2{width: 33.333%; height: 350px;}
}

@media (max-width: 1200px) {
  .header-left-landing_2 .headline-landing_2 {
    padding-top: 30% !important;
  }
  .header-left-landing_2 .headline-landing_3 {
    font-size: 50px !important;
  }
}

@media (max-width: 1600px) {
  .headline-landing_3 {
    padding-left: 15% !important;
    font-size: 50px !important;
  }
}

@media (max-width: 800px ) {
  .headline-landing_3 {
    padding-left: 5% !important;
  }
}

/* Responsive layout - makes a one column layout instead of a two-column layout */
@media (max-width: 1024px) {
  .header-wrap-landing {
    flex-direction: row;
    width: 90%;
  }
  .header-wrap-landing_2 {
    flex-direction: row;
    width: 90%;
  }
  .header-wrap-landing_3 {
    flex-direction: row;
    width: 90%;
  }
  .header-wrap-landing_4 {
    flex-direction: row;
    width: 90%;
  }
  .containertest_noncenter {
   
    justify-content: center;
  }

  .header-left-landing {
    width: 60%;
  }

  .header-left-landing_2 {
    width: 60%;
  }

  .headtext-landing_2 {
    height: 155px;
    font-size: 35;
  }



  

  .header-right-landing {
    width: 40%;
  }

  .header-right-landing .headtext-landing {
    height: 150px;
    font-family: "Oswald", sans-serif;
    color: #4f131f;
    font-size: 40px;
    font-weight: 500;
    text-align: center;
    padding-top: 10px;
  }

  .header-right-landing_2 .headtext-landing {
    height: 250px;
    font-size: 40px;
    font-weight: 500;
    text-align: center;
  }

  .header-right-landing .subheadtext-landing {
    text-align: center;
    font-family: "Oswald", sans-serif;
    color: #000000;
    font-size: 18px;
    font-weight: 300;
    padding-bottom: 20px;
  }
  .cont-wrap-6box{width: 100%;}
  .cont-wrap-6box .box1{width: 33.333%; height: 350px;}
  .cont-wrap-6box .box2{width: 33.333%; height: 350px;}

}

/* Responsive layout - makes a one column layout instead of a two-column layout */
@media (max-width: 800px) {
  .headtext-landing_2 {
    height: 195px;
    font-size: 55px;
  }


  .header-left-landing .headline-landing {
    text-align: center;
  }
  .header-wrap-landing {
    flex-direction: column;
    width: 100%;
    background-position: top -20px left 0px;
    background-size: 150% auto;
    height: auto;
  }
  .header-wrap-landing_3 {
    flex-direction: column;
    width: 100%;
    background-position: top -20px left 0px;
    background-size: 150% auto;
    height: auto;
  }
  .cowbell {
    width: 100% !important;
  }
  .cowbellsister{
    width: 100% !important;
    text-align: center;
    padding-top: 10px !important;
  }
  .header-wrap-landing_2 {
    flex-direction: column;
    width: 100%;
    background-position: top -20px left 0px;
    background-size: 150% auto;
    height: auto;
  }
  .header-wrap-landing_4 {
    flex-direction: column;
    width: 100%;
    background-position: top -20px left 0px;
    background-size: 150% auto;
    height: auto;
  }

  .header-left-landing {
    width: 100%;
  }

  .header-left-landing_2 {
    width: 100%;
  }
  .header-left-landing_3 {
    width: 100%;
  }
  .header-right-landing {
    width: 100%;
  }

  .header-right-landing_2 {
    width: 100% !important;
    margin-top: 100px !important;
    margin-bottom: 320px !important;
  }

  .header-right-landing .headtext-landing {font-size: 60px;}
  .header-right-landing .subheadtext-landing {font-size: 30px;}
  .header-right-landing_5 .subheadtext-landing {font-size: 30px;}
  .header-right-landing_2 .subheadtext-landing {font-size: 30px;}
  .cont-wrap-6box{width: 100%;}
  .cont-wrap-6box .box1{width: 100%; height: 350px;}
  .cont-wrap-6box .box2{width: 100%; height: 350px;}


}

@media (max-width: 1000px)
{
  .header-right-landing_5 .headtext-landing {
    font-size: 40px;
    padding-top: 38px;
  }
  .header-right-landing_2 .headtext-landing {
    font-size: 40px;
    padding-top: 38px;
  }
}

@media (max-width: 760px)

{
  .header-right-landing_5 .headtext-landing {
    font-size: 50px;
    padding-top: 20px;
  }
  .header-right-landing_1 .headtext-landing {
    font-size: 50px;
    padding-top: 20px;
  }



}
/* Responsive layout - makes a one column layout instead of a two-column layout */
@media (max-width: 500px) {
  .header-wrap-landing {height: auto;}
 
    .header-right-landing .headtext-landing {font-size: 48px;}
    .header-right-landing .subheadtext-landing {font-size: 23px;}
    .header-right-landing_5 .subheadtext-landing {font-size: 23px;}
    .header-right-landing_5 .headtext-landing {font-size: 35px !important; padding-top: 50px;}
    .header-right-landing_2 .headtext-landing {font-size: 48px;}
    .header-right-landing_2 .subheadtext-landing {font-size: 23px;}
    .header-right-landing_5 .headtext-landing {font-size: 48px;}


    .cont-wrap-6box{width: 100%;}
    .cont-wrap-6box .box1{width: 100%; height: 350px;}
    .cont-wrap-6box .box2{width: 100%; height: 350px;}

  
  }
@media (max-width: 400px) {
  .header-right-landing_5 .headtext-landing {
    font-size: 25px !important;
    padding-top: 80px;
  }


}

.action.form_action {
  display: flex;
  align-items: center;
  width: 100%;
  margin: auto;
}
  
.landing-maroon {
  color: #4f131f;
  font-weight: 600;
}  

.landing-ul {
  width: 80%;
  margin: auto;
}

.landing-padding {
  padding-top: -5.25px;
}

.landing-text {
  line-height: 2rem;
  font-weight: 500;
  font-size: 1.2rem;
}

.landing-testimonial {
  background-color: rgba(0, 0, 0, 0.08);
  padding-bottom: 10px;
}

.box6 {
  min-height: 350px;
  width: 100%;
}

.landingquote {
  font-size: 1.4rem;
  padding-top: 1rem;
  padding-left: 2rem;
  padding-right: 2rem;
}

.citelanding {
  padding-left: 2rem;
  padding-right: 2rem;
  font-size: 1.3rem;
  font-weight: 500;
}

.linktest {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 1;
}

code {
  font-size: 95%;
  color: black;
}


.testimonialbackground {
 background-image: url(https://www.online.msstate.edu/sites/www.online.msstate.edu/files/2022-08/maroon_bg_testimonial.png);
 background-repeat: no-repeat;
 background-size: cover;
 margin-left: 5px;
 margin-right: 5px;
 width: 30%;
 border-radius: 10px 10px 10px 10px;
}

.testimonialbackgroundgrey {
  background-color: #E0E0E0;
  border-radius: 10px 10px 10px 10px;
  padding: 2px;
  margin-left: 5px;
  margin-right: 5px;
  width: 30%;
}
.testimonialbackground_2 {
  background-image: url(https://www.online.msstate.edu/sites/www.online.msstate.edu/files/2022-08/maroon_bg_testimonial.png);
  background-repeat: no-repeat;
  background-size: cover;
  margin-left: 5px;
  margin-right: 5px;
  width: 49%;
  border-radius: 10px 10px 10px 10px;
 }
 
 .testimonialbackgroundgrey_2 {
   background-color: #E0E0E0;
   border-radius: 10px 10px 10px 10px;
   padding: 2px;
   margin-left: 5px;
   margin-right: 5px;
   width: 49%;
 }
.containertest {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

.testcircleimage {
  display: block;
  float: right;
  margin-top: -50px;
  margin-right: 20px;
}

.testtextlanding {
  padding-top: 130px;
  padding-left: 30px;
  padding-right: 30px;
  line-height: 22px;
  padding-bottom: 30px;
}

.testimonialtexthead {
  color: white;
  margin: 30px;
  font-size: 45px !important;
  font-weight: 600;
  font-family: "Poppins", sans-serif;
}

.youtubevideolanding {
  padding: 50px;
  background-color: #4f131f;
  border-radius: 10px 10px 10px 10px;
}

.videologo {
  display: flex;
  justify-content: center;
  margin-top: -95px;
}

.watchyourprogram {
  color: white;
  font-size: 50px !important;
  font-weight: 600;
  font-family: "Poppins", sans-serif;
  text-align: center;
}

.videoyoutube {
  justify-content: center;
}

.widetab {
  width: 25%;
  padding-top: 20px;
  padding-bottom: 15px;
  line-height: 25px;
  text-align: center;
  background-color: #4f131f;
  border-radius: 10px 10px 0px 0px;
  border: white;
  border-width: 2px;
  border-style: solid;
}


.landingtabs {
  color: white;
  padding-bottom: 10px;
  font-size: 20px;
  font-weight: 300;
}

.landingtabs:hover {
  color: white;
}

.whitelogo {
  padding-right: 10px;
}

.internalpillgrey {
  padding: 1rem;
  border-radius: 0px 0px 10px 10px;
  background-color: rgba(193, 198, 200, .5);
  }

.thirtypixpadding {
  padding-bottom: 100px;
}

.backgroundgrayround {
  background-color: rgba(193, 198, 200, .5);
  border-radius: 10px 10px 10px 10px;
  padding-top: 20px;
  padding-bottom: 20px;
}

.tealbackgroundrow {
  background-color: #00A3AD;
  padding: 15px;
  border-radius: 10px 10px 10px 10px;
  width: 100%;
}

.tealwhitecards {
  background-image: url(https://www.online.msstate.edu/sites/www.online.msstate.edu/files/2022-08/Card.png);
  border-radius: 10px 10px 10px 10px;
  background-repeat: no-repeat;
  background-size: cover;
  width: 23%;
  margin-left: 5px;
  margin-right: 5px;
  height: 140px;
}

.tealheadercard {
  width: 23%;
  height: 140px;
}

.testimonialtexthead_two {
  color: white;
  margin: 30px;
  font-size: 35px !important;
  font-weight: 600;
  font-family: "Poppins", sans-serif;
  line-height: 42px;
}

.header-left-landing .dawg-landing {
  height: 550px;
  background-image: url("https://www.online.msstate.edu/sites/www.online.msstate.edu/files/2022-08/Dog_2.png");
  background-repeat: no-repeat;
  display: block;
  background-position-x: center;
  background-size: contain;
}

.header-right-landing_2 .dawg-landing {
  height: 550px;
  background-image: url("https://www.online.msstate.edu/sites/www.online.msstate.edu/files/2022-08/Dog_2.png");
  background-repeat: no-repeat;
  display: block;
  background-position-x: center;
  background-size: contain;
}
@media (max-width: 1200px) {
  .widetab {
    width: 100%;
  }
  [class*="nav nav-tabs landingtax"] {
    display: flex;
    flex-direction: column;
  }

  .landingtabs {
    font-size: 25px;
  }
  .testimonialbackgroundgrey_2{
    width: 100%;
    margin-bottom: 60px;
    }
  
    .testimonialbackground_2{
    width: 100%;
    margin-bottom: 60px;
    }
}

@media (max-width: 1100px) {
  .testimonialtexthead {
    font-size: 35px !important;
  }
  .tealheadercard {
    width: 100%;
    padding-bottom: 15px;
  }

  .whitelogo {
    padding-bottom: 10px;
  }
}

@media (max-width: 900px) {
  .testimonialtexthead {
    font-size: 30px !important;
  }

}

@media (max-width: 930px) {
  .lightgreycardfull {
    text-align: center;
  }
  .	_Container_3box{
    padding: 20px !important;
    display: grid !important;
    height: 1fr !important;
    grid-template-columns: 1fr !important;
    grid-template-rows: 1fr 1fr 1fr !important;
    grid-template-areas:
      "card1" "card2" "card3" !important;
    grid-gap: 0.6rem !important;
  }
}


.lightgreycard {
  background-color: rgba(193, 198, 200, .5);
  border-radius: 10px 10px 10px 10px;
  margin: 10px;
  width: 23%;
  height: 375px;
  padding-top: 10px;
}

.lightgreycardtop {
background-color: white;
border-radius: 10px;
margin: 10px;
padding-top: 10px;
height: 200px;
display: flex;
align-items: center;
justify-content: center;
}

.lightgreycardbottom {
  margin: 15px;
  text-align: center;
  font-family: "Poppins", sans-serif;
  font-size: 18px;
  font-weight: 600;
}


.backgroundgreylanding_2 {
  background-color: rgba(193, 198, 200, .5);
  width: 100%;
  padding: 20px;
  border-radius: 10px 10px 10px 10px;
  margin-bottom: 60px;
}

@media (max-width: 800px) {
  .containertest {
    flex-direction: column;
    width: 100%;
  }

  .tealbackgroundrow{
    width: 100%;
    flex-direction: column;
  }


  .testimonialbackgroundgrey{
  width: 100%;
  margin-bottom: 60px;
  }

  .testimonialbackground{
  width: 100%;
  margin-bottom: 60px;
  }
  
  .tealheadercard{
  width: 100%;
  margin-bottom: 15px;
  text-align: center;
  }

  .tealwhitecards{
    width: 100%;
    margin-bottom: 15px;
  }

  .lightgreycard {
    width: 100%;
  }
}


.landinglandinglanding {
  list-style: none;
}

/*ul li{
  line-height: 2em;
  font-size: 20px;
  font-weight: 400;
}
*/
.landinglandinglanding li::before {
  content: "";
  background-image: url('/sites/www.online.msstate.edu/files/2022-09/Icon feather-arrow-right-circle.png');
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
  position: relative;
  top: 0.6rem;
  margin-right: 0.9rem;
  padding-right: .7em;
}

.header-right-landing_2 {
  width: 40%;
  margin-top: 180px;
}

.header-right-landing_2 .headtext-landing {
  height: 150px;
  display: block;
  font-family: "Poppins", sans-serif;
  color: white;
  font-size: 55px;
  font-weight: 700;
  text-align: center;
  line-height: 3rem;
}


[class*="btn btn-primary btn-lg active landingland"]{
  
  background-color: #fdb327 !important;
  color: black !important;
  padding: 10px 22px !important;
  text-decoration: none !important;
  margin: auto !important;
  cursor: pointer !important;
  font-family: "Oswald", sans-serif;
  color: black !important;
  font-size: 40px;
  font-weight: 600;
  text-align: center;
  border-radius: 4px;
  width: 75% !important;
  -webkit-transition: background-color .5s ease-out !important;
  -moz-transition: background-color .5s ease-out !important;
  -o-transition: background-color .5s ease-out !important;
  transition: background-color .5s ease-out !important;

}
.landingland:hover{background-color: #b57e18 !important; color: white !important;}

.lightgreycardfull {
  margin: 15px;
  font-family: "Poppins", sans-serif;
  font-size: 28px;
  font-weight: 600;
}

.whitebacklogo {
  background-color: white;
  border-radius: 10px;
  margin: 10px;
  padding-top: 10px;
margin-bottom: 10px;
  height: 120px;
  width: 120px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.containertest_noncenter {
  display: flex;
  flex-wrap: wrap;
}

.tealinternalwords {
  font-size: 2rem;
  font-family: "Oswald", sans-serif;
  margin-top: -10px;
}

.landing-header {
 color: #5D1725;
 font-family: "Poppins", sans-serif;
}

.nopadding {
  margin-right: -120px;
}

.closetext {
  margin-top: -35px;
  font-size: 22px;
  font-family: "Oswald", sans-serif;
}
.closetext_2 {
  margin-top: -10px;
}

.cowbell {
  width: 18%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.cowbellsister {
  width: 82%;
  display: flex;
  justify-content: flex-start;
}

.jFjJKo {
  background-color: rgba(193,198,200,.5) !important;
}

.eGdaXf {
 font-size: 2.5rem !important;
}

.newscardbutton {
  position: absolute;
  bottom: 0;
  text-align: center;
}

.facultytext {
 color: #5D1725;
 font-family: "Poppins", sans-serif;
 font-size: 4rem !important;
}

.hero {
  height: 650px;
}

@media (max-width: 800px) {
  .facultytext {
    font-size: 3.5rem !important;
  }
}

.programchoose {
  background-color: #5D1725;
  width: 25%;
  height: 200px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.dropdowntext {
  color: white;
  font-family: "Poppins", sans-serif;
text-align: left;
line-height: 32px;
}
.programpicker {
  width: 37.5%;
background-color: lightgray;
display: flex;
justify-content: center;

align-items: center;
}
.programpicker_2 {
  width: 37.5%;
background-color: lightgray;
display: flex;
justify-content: center;
align-items: center;
}

.pickerbackground {
  background-color: lightgray;
  height: 300px;
  position: relative;
}

.pickerbackground::before {
  content: "";
  background-color: lightgray;
  position:absolute;
  height: 100%;
  width: 200vw;
  left: -100vw;
  z-index: -1;
}

.programpickerbox {
  display: flex;
  vertical-align: middle;
  padding-top: 50px;
}

.bachpicker {
  display: flex;
  justify-content: center;
}

.pickpickpick {
  width: 85%;
  display: flex;
  justify-content: center;
}

.programcolumn {
  display: block;
}

@media (max-width: 686px) {
  .programpickerbox {
    flex-direction: column;
    width: 100%;
  }
  .programchoose {
    width: 100%;
  }
  .programpicker {
    width: 100%;
  }
  .programpicker_2{
    width: 100%;
  }
  .pickerbackground{
    height: 540px;
  }
  .dropdowntext {
    font-size: 70px;
    line-height: 53px;
    text-align: center;
    padding-top: 15px;
  }
}

@media (max-width:600px) {
  .dropdowntext {
    font-size: 55px;
    line-height: 45px;
  }
}

.nomarginbottom {
  margin-bottom: 0rem;
}

.landing-importantbox {
  margin-top: -140px;
}

.important-box1 {
  padding: 2rem;
  background-color: #E6E8E9;
  border-radius: 10px 10px 10px 10px;
  margin-left: 5px;
  margin-right: 5px;
  width: 49%;
  margin-bottom: 10px;
}

@media (max-width:800px) {
  .important-box1 {
    width: 100%;
  }
  .landing-importantbox {
    margin-top: 0px;
  }
}
.grid_Container_3box{
  padding-top: 20px;
  padding-bottom: 20px;
  display: grid;
  height: 1fr;
  grid-template-columns: 1fr 1fr 1fr;
  grid-template-rows: 1fr;
  grid-template-areas:
    "card1 card2 card3";
  grid-gap: 0.6rem;
	font-family: "Poppins", sans-serif;
}

/*News section*/
.contentwrap_news{max-width: 1400px;background-color: RGB( 266, 156, 7, .0);min-height: 50vh;display:block;z-index: 6;margin: auto;}
.grid_Container_3box h2 {
  line-height: 30px !important;
  font-size: 30px !important;
}


.grid_3box_card1{background-color:#EFF3F4; grid-area: card1;}
.grid_3box_card1_img1{ 
  background-image: url("https://www.online.msstate.edu/sites/www.online.msstate.edu/files/2023-02/Basu_Kashyap_20230125_M6B1780-2400x1400.jpg"); background-repeat: no-repeat; display: block; width: 100%; height:300px; background-size: cover; position: relative; background-position: center; 
  transition: all .5s ease-in-out; }
.grid_3box_card1_img1_faculty{ 
    background-image: url("https://www.online.msstate.edu/sites/www.online.msstate.edu/files/2023-04/saffoldnews.png") ; 
    background-repeat: no-repeat ; 
    display: block ; 
    width: 100% ; 
    height:300px ; 
    background-size: cover ; 
    position: relative  ; 
    background-position: center ; 
    transition: all .5s ease-in-out; }
.grid_3box_card1_img1:hover{background-position: center; transform: scale(1.05); z-index: 10;}
.grid_3box_card1_img1_faculty:hover{background-position: center; transform: scale(1.05); z-index: 10;}
.grid_3box_card1_img1_div{ bottom: 0; right: 0; position: absolute; margin-bottom:-7px; }
.grid_3box_card1_cont{padding: 20px 40px;}
.grid_3box_card1_cont h2{color:#5D1725; line-height: 25px;}
.grid_3box_card1_cont a{color:#5D1725;}
.grid_3box_card1 a:link {text-decoration: none; font-size: 18px; font-weight: 600; color:#390A0B!important; color:blue; } 

.grid_3box_card2{background: #EFF3F4; grid-area: card2;}
.grid_3box_card2_img1{ background-image: url("https://www.online.msstate.edu/sites/www.online.msstate.edu/files/2023-01/Capt%20Koestner.jpg"); background-repeat: no-repeat; display: block; width: 100%; height:300px; background-size: cover; position: relative;background-position: center; 
  transition: all .5s ease-in-out;}
.grid_3box_card2_img1_faculty{ 
    background-image: url("https://www.online.msstate.edu/sites/www.online.msstate.edu/files/2023-02/facultyfiller.jpg") ; 
    background-repeat: no-repeat; 
    display: block; width: 100%; 
    height:300px; 
    background-size: cover; 
    position: relative;
    background-position: center; 
    transition: all .5s ease-in-out;}
.grid_3box_card2_img1:hover{background-position: center; transform: scale(1.05); z-index: 10;}
.grid_3box_card2_img1_faculty:hover{background-position: center; transform: scale(1.05); z-index: 10;}
.grid_3box_card2_img1_div{ bottom: 0; right: 0; position: absolute; margin-bottom:-7px; }
.grid_3box_card2_cont a{color:#5D1725;}
.grid_3box_card2 a:link {text-decoration: none; font-size: 18px; font-weight: 600; color:#390A0B!important; color:blue; } 

.grid_3box_card3{background: #EFF3F4; grid-area: card3;}
.grid_3box_card3_img1{ 
background-image: url("https://www.online.msstate.edu/sites/www.online.msstate.edu/files/2023-02/virtual5k.png"); 
  background-repeat: no-repeat; 
display: block; 
width: 100%; 
height:300px; 
background-size: cover; 
position: relative;
background-position: center; 
transition: all .5s ease-in-out;}
.grid_3box_card3_img1_faculty{ 
    background-image: url("https://www.online.msstate.edu/sites/www.online.msstate.edu/files/2023-02/facultyfiller.jpg"); 
    background-repeat: no-repeat; 
    display: block; 
    width: 100%; height:300px; background-size: cover; position: relative;background-position: center; transition: all .5s ease-in-out;}
.grid_3box_card3_img1:hover{background-position: center; transform: scale(1.05); z-index: 10;}
.grid_3box_card3_img1_faculty:hover{background-position: center; transform: scale(1.05); z-index: 10;}
.grid_3box_card3_img1_div{ bottom: 0; right: 0; position: absolute; margin-bottom:-7px; }
.grid_3box_card3_cont a{color:#5D1725;}
.grid_3box_card3 a:link {text-decoration: none; font-size: 18px; font-weight: 600; color:#390A0B!important; color:blue; } 




@media only screen and (max-width: 600px) {
	.contentwrap {
    width: 500px;
  }

.grid_Container_3box{
  padding: 20px;
  display: grid;
  height: 1fr;
  grid-template-columns: 1fr ;
  grid-template-rows: 1fr 1fr 1fr;
  grid-template-areas:
    "card1" "card2" "card3";
  grid-gap: 0.6rem;
}
}
@media only screen and (max-width: 500px) {
  .contentwrap {
    width: 400px;
  }
}

/*Redesign CSS*/


k1{font-size: 90px; font-weight: 800;}

.wrap{
  font-family: "Poppins", sans-serif;
	
}


.HeaderWrap{width: 100%;min-height: 700px;display: block;background-image: url("https://www.online.msstate.edu/sites/www.online.msstate.edu/files/2025-04/Artboard(1).jpg");background-repeat: no-repeat;background-size: cover;background-blend-mode: multiply; background-color: rgba(0,0,0,0.10);
;}






.contentwrap{width: 1400px;background-color: RGB( 266, 156, 7, .1);min-height: 50vh;display: block;z-index: 6;margin: auto;margin-top: -180px;}







.socialBlockHead {width: 35px; min-height: 250px; background-color: rgb(2, 256, 256, 0.00 ); display: block; margin: 100px 0px 0px 60px; position: absolute;}
.socialMediaHero{list-style: none;  margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;}
.socialMediaHero ul{display: block;}
.socialMediaHero ul:hover{filter:invert(50%); }
.socialMediaHero li{padding: 0px 0px 15px 5px; display: block; width: 25px; height: 25px; }
.socialMediaHero li:hover{filter:invert(50%); }
.followUs{color:rgb(255, 256, 256, 0.5 ); writing-mode: vertical-rl;  transform: rotate(-180deg); font-size: 14px; margin: 5px 0px 0px 4px;}








.headerText{  padding: 180px 30px 30px 25%; position: relative; pointer-events: none;}
@keyframes fadeIn {
  0% { opacity: 0; transform: translateX(50%); }
  100% { opacity: 1; transform: translateX(0); }
}

.headerTextBig1{
  animation: fadeIn 2s;
  -webkit-animation: fadeIn 2s;
  -moz-animation: fadeIn 2s;
  -o-animation: fadeIn 2s;
  -ms-animation: fadeIn 2s;
 color: white; font-size:65px; font-weight: 800; line-height: 55px; position: absolute; padding-top: 0px;
 margin-top: 0px;
}

.headerTextBig2{
  animation: fadeIn 3s;
  -webkit-animation: fadeIn 3s;
  -moz-animation: fadeIn 3s;
  -o-animation: fadeIn 3s;
  -ms-animation: fadeIn 3s;
 color: white; font-size:65px; font-weight: 800; line-height: 55px; position: absolute; padding-top: 60px;
 margin-top: 0px;
}

.headerTextBig3{
  animation: fadeIn 4s;
  -webkit-animation: fadeIn 4s;
  -moz-animation: fadeIn 4s;
  -o-animation: fadeIn 4s;
  -ms-animation: fadeIn 4s;
color: white; font-size:65px; font-weight: 800; line-height: 55px; position: absolute; padding-top: 120px;
margin-top: 0px;
}

.headerTextSmall{color: white; font-size:20px; line-height: 60px;  position: absolute;padding-top: 180px; margin-top: 0px;}


@keyframes fadeInTop {
  0% { opacity: 0; transform: translateY(-50%); }
  100% { opacity: 1; transform: translateY(0); }
}

.blueLine{
  animation: fadeInTop  3s;
  -webkit-animation: fadeInTop  3s;
  -moz-animation: fadeInTop  3s;
  -o-animation: fadeInTop  3s;
  -ms-animation: fadeInTop  3s;
 position: absolute;  background-color:#00A2AE;  width: 90px; height: 185px; display: block; border: solid 5px #00A2AE; margin-left: -5px; margin-top: -5px;
}


.select {
background-color: #ebe9e9 !important;
padding: 0px !important;
height: 100% !important;
}




.searchDiv{display: flex; flex-direction: row;  font-family: "Poppins", sans-serif; margin-top: -200px !important; width: 85%; margin: auto; max-width: 1400px;}
.searchDiv h2 {line-height:24px; font-size: 30px !important; font-family: "Poppins", sans-serif; margin-top: 25px !important; font-weight: 700;}
.searchDiv_left {
  width: 17%;
  background: #fdb327;
  display: inline-block;
  margin-bottom: 30px;
  line-height: 24px;
  color: #1e2028;
  padding-left: 30px;
  text-transform: uppercase;
  font-size: 20px;
  padding-bottom: 20px;
  padding-top: 10px;
}

.searchDiv_right {
  width: 83%;
  background: #fff;
  display: inline-block;
  margin-bottom: 30px;
  padding-left: 15px;
  padding-top: 20px;
}

.searchDiv_right label {
  font-size: 1.2rem;
  font-weight: 600;
  margin-left: 17px;
}


.leftcat {
  width: 22%;
  display: inline-block;
  margin-right: 15px;
}

.rightcat {
  width: 50%;
  display: inline-block;
}

.leftcat select {
  background-color: #f1f1f1 !important;
}
.rightcat select {
  background-color: #f1f1f1 !important;
}

.rightrightcat {
  width: 25%;
  display: inline-block;
  align-items: center;
  margin-top: 10px;
}
.submitbuttonwrap {
  display: flex;
  align-items: center;
}

.italic {
  font-style: italic;
}


.rightrightcat button {
  background-color: #00a2af;
  border: none;
  padding: 10px 32px;
  text-decoration: none;
  margin: auto;
  cursor: pointer;
  font-family: "Poppins", sans-serif;
  color: #000;
  font-size: 24px;
  font-weight: 600;
  text-align: center;
  border-radius: 4px;
  width: 90% !important;
  padding-left: 40px;
  -webkit-transition: background-color .5s ease-out;
  -moz-transition: background-color .5s ease-out;
  -o-transition: background-color .5s ease-out;
  transition: background-color .5s ease-out;

}
.rightrightcat button:hover{background-color: #0b5d63; color: white;}

@media only screen and (max-width:1270px) {
  .searchDiv h2 {
    margin-right: 10px;
    font-size: 28px !important;
  }
  .text_block {
    width: 90%;
  }
  
  .rightrightcat button {
    font-size: 22px;
  }



}




@media only screen and (max-width: 1200px) {

 .searchDiv {
  flex-direction: column;
  margin-top: -265px !important;
 }
 .searchDiv_left {
  width: 100%;
  margin-bottom: 0px;
  padding-bottom: 20px;
 }



 
 .searchDiv_right {
  width: 100%;
  margin-bottom: 15px;
  padding-bottom: 10px;
 }
}

@media only screen and (max-width: 970px) {
  .searchDiv_right {
    display: flex;
    flex-direction: column;
  }

  .rightcat {
    width: 92%;
    margin-bottom: 10px;
    margin-left: 15px;
  }

  .leftcat {
    width: 92%;
    margin-left: 15px;
  }

  .rightrightcat {
    width: 100%;
    align-items: center;
  }

  .searchDiv_right select {
    width: 98%;
  }
}



.box_five_cont {display: flex; flex-wrap:wrap; width: 85%; margin: auto; font-family: "Poppins", sans-serif; max-width: 1400px;}
.box_five_cont > div { height:250px; flex:max(10px, 100%/5 + 0%); position: relative;}
.box_five_cont > div:hover {background-position: left; cursor: pointer; box-shadow: 0px 0px 15px #000000; }
.box_five_cont_program{display: flex; flex-wrap:wrap; width: 85%; margin: auto; font-family: "Poppins", sans-serif; max-width: 1400px; margin-top: -45px; position:relative; z-index:9}
.box_five_cont_program > div { height:250px; flex:max(10px, 100%/5 + 0%); position: relative;}
.box_five_cont_program > div:hover {background-position: left; cursor: pointer; box-shadow: 0px 0px 15px #000000; }
.box_icon_left {float: left; padding: 30px 0px 0px 30px; }
.box_icon_right  {padding: 40px 30px 0px 0px; margin-left: auto; }
.text_block  h2 {color:#403D3D; padding: 40px 0px 0px 30px;  line-height: 30px; opacity: 1; visibility: visible; -webkit-transition: visibility 0s, opacity 0.5s linear; font-size: 25px;}
.text_block {width: 100%;}
.text_block p {line-height: 22px; font-size: 16px; margin-top: -16px;}
.text_block_program  h2 {color:#403D3D; padding: 40px 0px 0px 30px;  line-height: 30px; opacity: 1; visibility: visible; -webkit-transition: visibility 0s, opacity 0.5s linear; font-size: 25px; margin-top: -20px;}
.text_block_program {width: 100%;}
.text_block_program p {line-height: 22px; font-size: 16px; margin-top: -16px;}
.text_block_program a {color:#403D3D;}
.top_icons{
  width: 100%;
  display: flex;}
.top_icons_programs {width: 100%; display: flex;}





.box_1{display: block; height:250px; background-color:#d8d7d5; border-bottom: 6px solid #531320; background: linear-gradient(45deg, #531320 50%, #FFFFFF 50%) right;
    background-size: 350%; transition: .5s ease-out; overflow: hidden;}
.box_1:hover{color:#fff; height:300px; margin-top: -30px; }
.box_1 > div > img {padding: 30px 0px 0px 30px;}
.box_1 > div > p {color:#000; padding: 0px 0px 0px 30px;  opacity: 0; visibility: hidden; -webkit-transition: visibility 0s, opacity 0.5s linear; line-height: 19px;  }
.box_1:hover div h2{color:#fff; visibility: visible; opacity: 1; padding-top: 30px; }
.box_1:hover div p{color:#fff;  padding: 0px 0px 0px 30px; visibility: visible; opacity: 1; }
.box_1:hover div img {filter:invert(100%);  }
.box_1:hover div a{color:#fff}
.box_1 > a {text-decoration: none; color:rgb(0, 0, 0 , .00); }





.box_2{display: block; height:250px; background-color:#C0C0C0; border-bottom: 6px solid #531320; background: linear-gradient(45deg, #531320 50%, #F6F5F5 50%) right;
    background-size: 350%; transition: .5s ease-out; overflow: hidden;}
.box_2:hover{color:#fff; height:300px; margin-top: -30px;}
.box_2 > div > img {padding: 30px 0px 0px 30px;}
.box_2 > div > p {color:#000; padding: 0px 0px 0px 30px;  opacity: 0; visibility: hidden; -webkit-transition: visibility 0s, opacity 0.5s linear; line-height: 19px;}
.box_2:hover div h2{color:#fff; visibility: visible; opacity: 1; padding-top: 30px; }
.box_2:hover div p{color:#fff;  padding: 0px 0px 0px 30px; visibility: visible; opacity: 1; }
.box_2:hover div img {filter:invert(100%);  }
.box_2 > a {text-decoration: none; color:rgb(0, 0, 0 , .00); }
.box_2:hover div a{color:#fff}


.box_3{display: block; height:250px; background-color:#A4A4A4; border-bottom: 6px solid #531320; background: linear-gradient(45deg, #531320 50%, #EFEFEF 50%) right;
    background-size: 350%; transition: .5s ease-out; overflow: hidden;}
.box_3:hover{color:#fff; height:300px; margin-top: -30px;}
.box_3 > div > img {padding: 30px 0px 0px 30px;}
.box_3 > div > p {color:#000; padding: 0px 0px 0px 30px;  opacity: 0; visibility: hidden; -webkit-transition: visibility 0s, opacity 0.5s linear; line-height: 19px;}
.box_3:hover div h2{color:#fff; visibility: visible; opacity: 1; padding-top: 30px; }
.box_3:hover div p{color:#fff;  padding: 0px 0px 0px 30px; visibility: visible; opacity: 1; }
.box_3:hover div img {filter:invert(100%);  }
.box_3:hover div a{color:#fff}
.box_3 > a {text-decoration: none; color:rgb(0, 0, 0 , .00); }


.box_4{display: block; height:250px; background-color:#868686; border-bottom: 6px solid #531320; background: linear-gradient(45deg, #531320 50%, #E1E0E0 50%) right;
    background-size: 350%; transition: .5s ease-out; overflow: hidden;}
.box_4:hover{color:#fff; height:300px;margin-top: -30px;}
.box_4 > div > img {padding: 30px 0px 0px 30px;}
.box_4 > div > p {color:#000; padding: 0px 0px 0px 30px;  opacity: 0; visibility: hidden; -webkit-transition: visibility 0s, opacity 0.5s linear; line-height: 19px;}
.box_4:hover div h2{color:#fff; visibility: visible; opacity: 1; padding-top: 30px; }
.box_4:hover div p{color:#fff;  padding: 0px 0px 0px 30px; visibility: visible; opacity: 1; }
.box_4:hover div img {filter:invert(100%);  }
.box_4:hover div a{color:#fff}
.box_4 > a {text-decoration: none; color:rgb(0, 0, 0 , .00); }


.box_5{display: block; height:250px; background-color:#531320; border-bottom: 6px solid #531320; background: linear-gradient(45deg, #d8d7d5 50%, #531320 50%) right;
    background-size: 350%; transition: .5s ease-out; overflow: hidden;}
.box_5:hover{color:#fff; height:300px;margin-top: -30px;}
.box_5 > div > img {padding: 30px 0px 0px 30px;}
.box_5 > div > p {color:#000; padding: 0px 0px 0px 30px;  opacity: 0; visibility: hidden; -webkit-transition: visibility 0s, opacity 0.5s linear; line-height: 19px;}
.box_5:hover div h2{color:#403D3D; visibility: visible; opacity: 1; padding-top: 30px; }
.box_5:hover div p{color:#403D3D;  padding: 0px 0px 0px 30px; visibility: visible; opacity: 1; }
.box_5:hover div img {filter:invert(80%);  }
.box_5 div h2{color:#fff;  }
.box_5 div a{color:#fff}
.box_5:hover div a{color:#403D3D}
.box_5 > a {text-decoration: none; color:rgb(0, 0, 0 , .00); }




.DropSelectBox1 {
  width: 30%;
  height: 60px !important;
  border: 0px solid #E8EAED;
  font-size: 18px;
  color: #111416;
  background-color: #E8EAED;
  border-radius: 5px;
padding-left: 25px;
padding-right: 20px;

margin-top: 0px !important;
margin-right: 20px !important;
margin-left: 20px !important;
}





.DropSelectBox2 {
        width: 65%;
        height: 60px;
        border: 0px solid #999;
        font-size: 18px;
        color: #111416;
        background-color: #E8EAED;
        border-radius: 5px;
	    padding-left: 25px;
	     padding-right: 20px;
	    line-height: 19px;
	    margin-top: 30px;
      }

      @media only screen and (max-width: 1200px) {
        .contentwrap {
          width: 1000px;
        }
      
        .box_five_cont>div {
          height: 250px;
          flex: max(10px, 100%/4 + 0%);
         
          position: relative;
        }
        .box_five_cont_program>div {
          height: 250px;
          flex: max(10px, 100%/4 + 0%);
         
          position: relative;
        }
      }
      
      /* Large devices (laptops/desktops, 992px and up) */
      
      @media only screen and (max-width: 992px) {
        .contentwrap {
          width: 850px;
        }
      
        .box_five_cont>div {
          height: 250px;
          flex: max(10px, 100%/3 + 0%);

          position: relative;
        }
        
        .box_five_cont_program>div {
          height: 250px;
          flex: max(10px, 100%/3 + 0%);

          position: relative;
        }
      
      
        .grid_Container {
          display: grid;
          height: 80vh;
          grid-template-columns: 1fr 1fr;
          grid-template-rows: 1fr 1fr 1fr 1fr;
          grid-template-areas:
            "grid_Box1 grid_Box2"
            "grid_Box3 grid_Box3"
            "grid_Box4 grid_Box4"
            "grid_Box5 grid_Box6";
      
          grid-gap: 0.6rem;
        }
      }
      
      /* Medium devices (landscape tablets, 768px and up) */
      
      @media only screen and (max-width: 768px) {
        .contentwrap {
          width: 650px;
        }
      
        .searchDiv {
          flex-direction: column;
        }
      
        .searchDiv_left {
          width: 100%;
          min-height: 60px;
          text-align: center;
          font-size: 25px;
          padding-left: 0;
          margin-bottom: 0px;
        }
      
        .searchDiv_right {
          width: 100%;
          padding-left: 0;
        }
      
        .DropSelectBox1 {
          width: 85%;
          margin: 30px 30px 0px 30px;
        }
      
        .DropSelectBox2 {
          width: 85%;
          margin: 30px 30px 30px 30px;
        }
      }
      
      /* Small devices (portrait tablets and large phones, 650px and up) */
      
      @media only screen and (max-width: 650px) {
        .HeaderWrap {
          min-height: 650px;
        }
      
        .contentwrap {
          width: 500px;
        }
      
        .box_five_cont {
          flex-direction: column-reverse;
        }
        .box_five_cont_program {
          flex-direction: column-reverse;
        }
        .box_five_cont>div {
          height: 250px;
          flex: max(10px, 100%/1 + 0%);

          position: relative;
        }
        .box_five_cont_program>div {
          height: 250px;
          flex: max(10px, 100%/1 + 0%);

          position: relative;
        }
        .text_block h2 {
          padding: 15px 0px 0px 30px;
        }
      
        .box_1:hover div h2 {
          padding-top: 00px;
        }
      
        .box_2:hover div h2 {
          padding-top: 00px;
        }
      
        .box_3:hover div h2 {
          padding-top: 00px;
        }
      
        .box_4:hover div h2 {
          padding-top: 00px;
        }
      
        .box_5:hover div h2 {
          padding-top: 00px;
        }
      
        .modal {
          position: absolute;
          top: 100%;
          left: 50%;
          transform: translate(-50%, -50%) scale(0);
          transition: 200ms ease-in-out;
      
          border-radius: 6px;
          z-index: 10;
          background-color: white;
          width: 900px;
          max-width: 90%;
        }
      
        .socialBlockHead {
          margin: 60px 0px 0px 30px;
        }
      
        .headerText {
          width: 520px;
        }
      
        .headerTextBig1 {
          font-size: 36px;
          font-weight: 800;
          line-height: 35px;
        }
      
        .headerTextBig2 {
          font-size: 36px;
          font-weight: 800;
          line-height: 0px;
        }
      
        .headerTextBig3 {
          font-size: 36px;
          font-weight: 800;
          line-height: 0px;
          margin-top: -15px;
        }
      
        .blueLine {
          width: 53px;
          height: 130px;
          display: block;
          border: solid 5px #00a2ae;
          margin-left: -5px;
          margin-top: -5px;
        }
      
        .headerTextSmall {
          color: white;
          font-size: 20px;
          line-height: 60px;
          position: absolute;
          padding-top: 130px;
        }
      
        .searchDiv_left {
          font-size: 25px;
          line-height: 38px;
        }
       .searchDiv h2 {
        font-size: 32px !important;
        }
        .modal-header .title {
          font-size: 1.2rem;
          font-weight: bold;
          color: #fff;
          float: left;
        }
      
        .grid_Container {
          display: grid;
          height: 100vh;
          grid-template-columns: 1fr;
          grid-template-rows: 1fr 1fr 1fr 1fr 1fr 1fr;
          grid-template-areas: "grid_Box1" "grid_Box2" "grid_Box3" "grid_Box4" "grid_Box5" "grid_Box6";
          grid-gap: 0.6rem;
        }
      
        .grid_Box3 {
          background-position: center;
        }
      
        .grid_Box4 {
          background-position: center;
        }
      
        .grid_Box3 div {
          padding: 10px 10px;
          font-size: 14px;
        }
      
        .grid_Box4 div {
          padding: 10px 10px;
          font-size: 14px;
        }
      }
      
      /* Extra small devices (phones, 600px and down) */
      
      @media only screen and (max-width: 500px) {
        .contentwrap {
          width: 400px;
        }
        .blueLine {
          width: 50px;
        }
        .headerText {
          width: 380px;
        }
        .headerTextBig1 {
          font-size: 34px;
        }
        .headerTextBig2 {
          font-size: 34px;
        }
        .headerTextBig3 {
          font-size: 34px;
        }
      }
      @media only screen and (max-width: 400px) {
        .headerText {
          width: 360px;
        }
      }



.ggrid_Container_3box{
  padding: 20px 0px 20px 0px;
  display: grid;
  height: 1fr;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 1.5rem;
  font-family: "Poppins", sans-serif;
}
.ggrid_Container_3box h3 {
  line-height: 30px !important;
  font-size: 30px !important;
  color:#390A0B!important;
}

.ggrid_3box_card1{background-color:#EFF3F4; }
.ggrid_3box_card1_img1{
  background-image: url("https://www.online.msstate.edu/sites/www.online.msstate.edu/files/2025-05/Excellence_In_Teaching_Advising_Awards_20250506_G5C7831.jpg"); 
  background-repeat: no-repeat; 
  display: block; 
  width: 100%; 
  height:300px; 
  background-size: cover;
  background-position: center;
  position: relative; 
  transition: all .5s ease-in-out; }
.ggrid_3box_card1_img1:hover{background-position: center; transform: scale(1.05); z-index: 10;}
.ggrid_3box_card1_img1_div{ bottom: 0; right: 0; position: absolute; margin-bottom:-7px; }
.ggrid_3box_card1_cont{padding: 20px 40px;}
.ggrid_3box_card1_cont h2{color:#5D1725; line-height: 25px;}
.ggrid_3box_card1_cont a{color:#5D1725;}
.ggrid_3box_card1 a:link {text-decoration: none; font-size: 18px; font-weight: 600; color:#390A0B!important; color:blue; } 

.ggrid_3box_card2{background: #EFF3F4; }
.ggrid_3box_card2_img1{
  background-image: url("https://www.online.msstate.edu/sites/www.online.msstate.edu/files/2025-05/Screenshottt.png"); 
  background-repeat: no-repeat; 
  display: block; 
  width: 100%; 
  height:300px; 
  background-size: cover; 
  position: relative; 
  background-position: center;
  transition: all .5s ease-in-out; } 
  .ggrid_3box_card2_img1:hover{background-position: center; transform: scale(1.05); z-index: 10;}
  .ggrid_3box_card2_img1_div{ bottom: 0; right: 0; position: absolute; margin-bottom:-7px; }
  .ggrid_3box_card2_cont a{color:#5D1725;}
  .ggrid_3box_card2 a:link {text-decoration: none; font-size: 18px; font-weight: 600; color:#390A0B!important; color:blue; } 

.ggrid_3box_card3{background: #EFF3F4; }
.ggrid_3box_card3_img1{
  background-image: url("https://www.online.msstate.edu/sites/www.online.msstate.edu/files/2025-04/Survey%20shows%20successful%20career%20rates%20for%20MSU%20graduates%20img.jpg");
  background-repeat: no-repeat; 
  display: block; 
  width: 100%; 
  height:300px; 
  background-size: cover; 
  position: relative;
  background-position: center;
  transition: all .5s ease-in-out;}
.ggrid_3box_card3_img1:hover{ transform: scale(1.05); z-index: 10;}
.ggrid_3box_card3_img1_div{ bottom: 0; right: 0; position: absolute; margin-bottom:-7px; }
.ggrid_3box_card3_cont a{color:#5D1725;}
.ggrid_3box_card3 a:link {text-decoration: none; font-size: 18px; font-weight: 600; color:#390A0B!important; color:blue; } 

/* Grid_3 box_ End*/

@media only screen and (max-width: 900px) {
	
	.ggrid-col-span-2{
		grid-column: span 2;
	}
	
.ggrid_Container_3box{
  padding: 20px 0px 20px 0px;
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 0.6rem;
	
}
	
}

@media only screen and (max-width: 600px) {
	.ggrid-col-span-2{
		grid-column: span 1;
	}
	.ggrid_Container_3box{
  padding: 20px 0px 20px 0px;
  display: grid;
  height: 1fr;
  grid-template-columns: 1fr;
  grid-gap: 0.6rem;
	
}
}

.ggrid_3box_cardtoplink a {
  font-size: 20px;
}

.js-view-dom-id-0a9a4a265848ce38c751ff1043927521741452113867bdc47f34fb155b46b1d8 {
  width: 100% !important;
}

.Prg-card-container{display: flex; justify-content: center; }



.Prg-card {
      font-family: "Poppins", sans-serif;
      display: flex;
      flex-direction: column;
      border-radius: 0px;
      margin-bottom: 10px;
      overflow: hidden;
      background-color: #F1F1F1;
      position: relative;
      box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 4px 10px 0 rgba(0,0,0,0.19);
      transition: transform 0.3s ease-in-out;
 }

.Prg-card:hover {
  transform: translateY(-10px);
}

 .Prg-card img {
      width: 100%;
      height: auto;
}
.prg-card-top {
  display: inline-block;
  height: 200px;
  width: 100%;
  background-size: 200px 100px;
}


.Prg-card-content {
  padding: 20px;
  background-color: #F1F1F1;
  text-align:left;
  min-height:350px;
}



.Prg-card-title h2 {
  font-size: 18px !important;
  font-weight: bold !important;
  margin-bottom: 10px !important;
  color:#000 !important;
}


.Prg-card-description {
  margin-bottom: 10px;
  color:#000;
  line-height: 130%;
  font-size: 1rem !important;
  display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 5;
  -webkit-box-orient: vertical;
  }



.Prg-card-button {
    background-color: #00a2af;
    color: #000;
    border: none;
    padding: 15px 20px;
    font-size: 20px;
    cursor: pointer;
    -webkit-transition: background-color .5s ease-out;
    -moz-transition: background-color .5s ease-out;
    -o-transition: background-color .5s ease-out;
    transition: background-color .5s ease-out;
    width:88%;
    border-radius: 5px;
    margin: 20px 0px;
    position: absolute;
    bottom: 0;
    text-align: center;
}

.Prg-card-button p {
  margin-bottom: 0;

}




.Prg-card-button:hover {
      background-color: #0b5d63; 
      color: white;
    }


    .Prg-card h4{color:#000;}



.thumbnailphoto {
  height: 200px;

}

.programspage {
  padding-right: 0px !important;
}

.programcol {
  justify-content: center;
}

.whychooserow {
  font-size: 1.2rem;
  font-family: "Poppins", sans-serif;
}


.containertest_2 {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

.greyhighlightsection {
  background-color: #EFF3F4;
  font-family: "Poppins", sans-serif;
  padding-top: 10px;
  padding-bottom: 20px;
  max-width: 1700px;
  margin: 0 auto;
}

.factside {
  width: 70%;
  padding-top: 14px;
}

.militaryside {
  width: 30%;
  background-color: #5d1725 !important;
  color: white;
  margin-top: -10px;
  margin-bottom: -20px;
  text-align: left !important;
}

.militaryside a {
  color: white;
}

.militarysidetext {
  padding-top: 10px;
  padding-left: 35px;
  padding-right: 15px;
}

.militaryside h3 {
  text-align: center !important;
  margin-bottom: 0.4rem;
  font-size: 2.2rem;
  padding-top: 35px;
}

.factsidebox1 {
  width: 95%;
  margin-left: 25px;
  margin-top: 25px;
  text-align: left !important;
  padding: 10px;
  background-color: white;
  position: relative;
  z-index: 1;
  transition: background-color 0.3s ease; /* Add transition for background-color */
}

.factsidebox1:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 0;
  height: 100%;
  background-color: #5d1725;
  transition: width 0.5s ease;
  z-index: -1;
}

.factsidebox1:hover:before {
  width: 100%;
}

.factsidebox1:hover {
  background-color: #5d1725; /* Change background color on hover */
}

.factsidebox1:hover h3, /* Change text color on hover */
.factsidebox1:hover p,
.factsidebox1:hover a {
  color: white;
  
}

.factsidebox1:hover img {
  filter: invert(100%);
}

.factside h3 {
  text-align: center !important;
  margin-bottom: 0.2rem;
  font-size: 2.2rem;
  position: relative;
  z-index: 1;
  transition: color 0.4s ease; /* Add transition for text color */
}

.factside p {
  font-size: 1.2rem;
}

.highlightwrapper {
  display: flex;
}

.highlightphoto {
  width: 15%;
  padding-left: 20px;
  padding-top: 35px;
}

.hightlighttext {
  width: 85%;
  padding-left: 20px;
}

.centertexttext {
  display: block;
  text-align: center !important;
}

.militaryside img {
  padding-right: 10px;
}

.militarydudeinclouds {
  background-image: url(https://www.online.msstate.edu/sites/www.online.msstate.edu/files/2023-06/Group955.png);
  background-repeat: no-repeat;
  display: block;
  background-position-x: center;
  background-size:cover;
  padding-top: 519px;
  }


@media (max-width: 800px) {
  .containertest_2 {
    flex-direction: column;
    width: 100%;
  }
}

@media only screen and (max-width: 1230px) {
  .militarydudeinclouds {
    
    padding-top: 499px;
  }
}
@media only screen and (max-width: 1166px) {
  .militarydudeinclouds {
    padding-top: 519px;
  }

}

@media only screen and (max-width: 1100px) {
  .militaryside {
    width: 100%;
  }
  .factside {
    width: 100%;
    padding-bottom: 35px;
  }

 
  .militarydudeinclouds {
    background-size: auto;
    padding-top: 419px;
    height: 300px;
  }
}

@media only screen and (max-width: 815px) {
  .militarydudeinclouds{
    background-size: cover;
  }
  .highlightwrapper {
    flex-direction: column;
  }
  .highlightphoto {
    width: 100%;
    align-items: center;
  }
  .highlightphoto img {
    height: 80px;
  }
  .factsidebox1 {
    text-align: center !important;
    width: 92%;
  }
  .greyhighlightsection {
    padding-top: 0px;
  }
}

@media only screen and (max-width: 600px) {
  .factsidebox1 {
    width: 89%;
  }
}


.fastfactscard {
  background-color: white;
  display: block;
  text-align: center;
  padding-left: 10px;
  padding-right: 10px;
  height: 400px;
}

[class*="col-lg-3 col-md-6 col-sm-12 fastfact"]{
  padding-right: 10px;
  padding-left: 10px;
}


.fastfactscardtop {
  width: 100%;
  height: 80%;
}

.fastfactscardbottom {
  position: absolute;
  bottom: 3rem;
  height: 20%;
  width: 100%; /* Add this line to ensure the div takes the full width */
  font-weight: 500;
}
.fastfactscardbottom p {
  max-width: 90%; /* Change 'width' to 'max-width' for better responsiveness */
  word-wrap: break-word;
  text-align: center; /* Add this line to center-align the text within the paragraph */
  font-size: 1.3rem;
  font-weight: 500;
  line-height: 1.6rem;
}

.fastfactscardtop img {
  max-width: 50%;
  max-height: 50%;
  margin-top: 70px;
}



[class*="col-lg-6 col-md-12 fastfact"]{
  padding-left: 10px;
  padding-right: 10px;
}

.bigfastfactblock {
  height: 400px;
  display: block;
  position: relative;
}


.bigfastfactblockbottom {
  background-color: #00a2af;
  height: 20%;
  position: absolute;
  bottom: 0;
  width: 100%;
  text-align: center;
}
.bigfastfactblockbottom2 {
  background-color: #00a2af;
  height: 20%;
  position: absolute;
  bottom: 0;
  width: 100%;
  text-align: center;
}

.bigfastfactblockbottom p {
  bottom: 1rem;
  color: white;
  font-size: 2rem;
  word-wrap: break-word;
  padding-top: 10px;
  font-weight: 500;
}
.bigfastfactblockbottom2 p {
  bottom: 1rem;
  color: white;
  font-size: 2rem;
  word-wrap: break-word;
  padding-top: 10px;
  font-weight: 500;
}

.bigfastfactblocktop {
  background-image: url(https://www.online.msstate.edu/sites/www.online.msstate.edu/files/2023-07/fastfactgirl2.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  height: 100%;
}
.bigfastfactblocktop2 {
  background-image: url(https://www.online.msstate.edu/sites/www.online.msstate.edu/files/2025-02/ss.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  height: 80%;
}

.maroongradientbackground {
  background: rgb(93,23,37);
  background: linear-gradient(90deg, rgba(93,23,37,1) 0%, rgba(130,53,68,1) 46%, rgba(93,23,37,1) 100%);
  width: 100%;
  font-family:"Poppins", sans-serif;
  padding-top: 15px;
  padding-bottom: 15px;
  max-width: 1700px;
  margin: 20px auto;
}


@media only screen and (max-width: 1350px) {
  .bigfastfactblockbottom2 p {
    font-size: 1.75rem;
    line-height: 1.8rem;
  }
}

@media only screen and (max-width: 1190px) {
  .bigfastfactblockbottom2 p {
    font-size: 1.6rem;
    line-height: 1.7rem;
  }
}

@media only screen and (max-width: 1190px) {
  .bigfastfactblockbottom2 p {
    font-size: 1.75rem;
    font-size: 1.85rem;
  }
  .fastfactscardbottom p {
    font-size: 1.2rem;
  }
}

@media only screen and (max-width: 995px) {
  .bigfastfactblockbottom2 p {
    font-size: 1.4rem;
    line-height: 1.75;
  }
  .fastfactscardbottom p {
    font-size: 1.1rem;
  }
}

@media only screen and (max-width: 990px) {
  .bigfastfactblockbottom2 p {
    font-size: 1.4rem;
  }
  .fastfactscardbottom p {
    font-size: 1.4rem;
  }
  .bigfastfactblock {
    margin-top: 20px;
    margin-bottom: 15px;
  }
}

@media only screen and (max-width: 768px) {
  .fastfactscard {
    margin-bottom: 15px;
  }
  [class*="col-lg-3 col-md-6 col-sm-12 fastfact"]{
    padding-right: 30px;
    padding-left: 30px;
  }
  [class*="col-lg-6 col-md-12 fastfact"]{
    padding-left: 30px;
    padding-right: 30px;
  }
}

@media only screen and (max-width: 550px) {
  .fastfactscardbottom p {
    font-size: 1.2rem;
  }
  .bigfastfactblockbottom2 p {
    font-size: 1.4rem;
    line-height: 1.55rem;
  }
  .bigfastfactblockbottom p {
    font-size: 1.4rem;
    line-height: 1.55rem;
  }
  .fastfactscardbottom {
    width: 90%;
  }
}

 
.row-testimonial {
  background-color: #333;
  width: 100%;
}

.container-testimonial {
  max-width: 1400px;
  margin: 0 auto;
  padding: 20px;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 20px; /* Reduce the space between cards */
}

.card-testimonial {
  width: calc(33.33% - 20px); /* Make the cards wider */
  display: flex;
  flex-direction: column;
  padding: 20px;
  box-sizing: border-box;
  margin-bottom: 40px;
  position: relative;
  overflow: visible; /* Allow the overflow to be visible */
  background-color: white;
}

.card-testimonial:nth-child(2) {
  background-color: maroon;
  color: white;
}

.card-testimonial .content-testimonial {
  display: flex;
  align-items: flex-start;
}

.card-testimonial .text-testimonial {
  flex: 0 0 70%;
}

.card-testimonial .name-testimonial {
  font-weight: bold;
  margin-bottom: 10px;
}

.card-testimonial .quote-testimonial {
  margin-bottom: 20px;
}

.card-testimonial .photo-testimonial {
  position: absolute;
  top: 0; /* Adjust the value to control the overflow from the top */
  right: 0;
  width: 40%; /* Adjust the width of the image container */
  height: auto; /* Allow the height to adjust automatically */
  overflow: visible; /* Allow the image to overflow */
  transform: translateY(-100%);
}

.photo-testimonial img {
  width: 100%;
  height: auto;
  object-fit: cover;
}

@media (max-width: 1024px) {
  .card-testimonial {
    width: calc(50% - 20px);
  }
}

@media (max-width: 768px) {
  .card-testimonial {
    width: 100%;
  }
}

[class*="menu--faculty navbar-nav"]{
 width: 140% !important;
}

[class*="agree-button eu-cookie-compliance-secondary-button button button--small"]{
 background-color: #00a2af !important;
 color: black !important;
 border-radius: 6px;
 padding: 5px 9px;
 font-weight: 500;
}

[class*="decline-button eu-cookie-compliance-default-button button button--small button--primary"] {
  font-family: "Poppins", sans-serif !important;
  font-weight: 500;
  background-color: none !important;
}

#msu-header {
  background-color: none !important;
  background-image: linear-gradient(to right,#4f131f,#6b1b2b 50%,#4f131f) !important;
}


.views-exposed-form label {
  font-size: 1rem !important;
  font-weight: bold;
  background-color: #fdb327;
  color: #000 !important;
  padding: 9px;
}

#edit-actions--2 {
  padding-top: 15px;
}

.msstatedrupal .views-exposed-form .form-inline:not(.form-row) label,
.msstatedrupal .views-exposed-form .form--inline:not(.form-row) label {
  margin: 0 1rem 0 0;}

.msstatedrupal .views-exposed-form .form-inline:not(.form-row) .form-control,
.msstatedrupal .views-exposed-form .form--inline:not(.form-row) .form-control {
    margin: 0 1rem 0 0;
}

.events-container {
  display: flex;
  flex-wrap: wrap; /* Allows divs to wrap to the next line on smaller screens */
  justify-content: space-around;
  padding: 0 10px; /* Adds padding on smaller screens */
  margin: 0 auto;
}

.event-card {
  width: 48%; /* Width for larger screens */
  height: auto; /* Height adjusts to content */
  text-align: center;
  padding: 20px;
  margin: 10px 1%;
  background-color: #f0f0f0;
  border-radius: 10px;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
  transition: transform 0.3s ease;
  text-decoration: none;
  color: inherit;
}

.event-card:hover {
  transform: scale(1.05);
}

.event-card h4 {
  margin-top: 0;
}


/* Responsive styles for screens smaller than 768px */
@media (max-width: 768px) {
  .event-card {
      width: 100%; /* Full width on smaller screens */
      margin: 10px 0; /* Adjust margin for vertical layout */
  }
}

.bomp-h2 {
  background-color: #00a2af;
  padding: 15px;
}

.outer-career {
  background-color: #F7F7F7;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
}

.inner-career {
  display: flex;
  width: 100%;
  max-width: 1200px;
  height: 100%;
}

/*.left-career-line, .right-career-line {
  background-color: #fdb327;
  width: 8px;
}*/

.career-center {
  background-color: #F7F7F7;
  flex-grow: 1;
}

.emsicontainer {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 60%;
}

@media (max-width: 702px) {
  .emsicontainer {
    width: 70%;
  }
}
@media (max-width: 634px) {
  .emsicontainer {
    width: 80%;
  }
}
@media (max-width: 570px) {
  .emsicontainer {
    width: 90%;
  }
}
@media (max-width: 480px) {
  .emsicontainer {
    width: 100%;
  }
}


.fQEZSm {
  box-shadow: none !important;
}

.tuitioncowbell {
  background-image: url(https://www.online.msstate.edu/sites/www.online.msstate.edu/files/2024-06/tuitoncowbellresized.png);
  background-position: left; 
  background-repeat: no-repeat;
  height: 100px;
  margin-bottom: 10px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-left: 10%;
}


.tuitioncowbell h3 {
  margin-bottom: 0px !important;
}

@media (max-width:1300px) {
.tuitioncowbell h3 {
  margin-left: 20%;
}
}

@media (max-width:1000px) {
  .tuitioncowbell h3 {
    margin-left: 25%;
  }
}

@media (max-width:768px) {
  .tuitioncowbell {
    background-position: center;
  }
  .tuitioncowbell h3 {
    margin-left: 0%;
  }
}

.youtubetestimonial {
  position: relative;
  width: 80%;
  
  background: rgba(243, 243, 243, 0.6);
  border-radius: 15px;
  text-align: center;
  margin-top: 30px;
  max-width: 864px;
  
}

.youtubetestimonial iframe {
  width: 100%;
  border-radius: 15px;
}

.logo-container-youtube {
  position: absolute;
  top: -42px;
  left: 50%;
  transform: translateX(-50%);
  width: 125px;
  height: 60px;
  background-color: #777777;
  border-radius: 50% 50% 0 0;
  display: flex;
  justify-content: center;
  align-items: center;
}

.logo-testimonial {
  max-width: 80%;
  max-height: 80%;
}

/* Media Queries for Responsive Design */
@media (max-width: 768px) {
  .youtubetestimonial {
      width: 90%;
      padding: 15px;
  }

  .logo-container-youtube {
      width: 80px;
      height: 40px;
      top: -40px;
  }

  .logo-testimonial {
      max-width: 70%;
      max-height: 70%;
  }
}

@media (max-width: 480px) {
  .youtubetestimonial {
      width: 95%;
      
  }
  .tuitioncowbell {
 background-image: none;
 margin-left: 0%;
  } 


  .logo-container-youtube {
      width: 60px;
      height: 30px;
      top: -30px;
  }

  .logo-testimonial {
      max-width: 60%;
      max-height: 60%;
  }
}

.youtubedivpad {
  padding-top: 50px;
  padding-bottom: 50px;
 position: relative;
  z-index: 2; 
  margin: 20px auto;
  max-width: 90%;
}

.testimonialbackgroundvideo {
  background-image: url(https://www.online.msstate.edu/sites/www.online.msstate.edu/files/2024-05/Drill-Field.jpg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover; 
  max-width: 100%; 
  margin: 0 auto;
  position: relative;
  border-radius: 15px; 
  overflow: hidden; 
}

.testimonialbackgroundvideo::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(243, 243, 243, 0.6);   z-index: 1;
  border-radius: 15px; }

.testimonialvideotitle {
  text-align: center;
  color: black;
  font-size: 1.9rem;
  position: relative;
  z-index: 2;
  margin: 0;
  width: 100%; }

.admissionsp {
  margin-bottom: .25rem !important ;
}

.selected {
background-color: #5d1725 !important;
pointer-events: none;
cursor: default;
}

#CONTAINER {
  max-width: 1024px;
  width: 100%;
  background-color: #333237;
}

#PLAYLIST {
  display: flex;
  flex-direction: column;
  border-bottom: 3px solid #c1c6c9;
}

#CHAPTERS {
  display: flex;
  flex-direction: column;
  border-left: 3px solid #c1c6c9;
}

@media (min-width: 768px) {
  #PLAYLIST {
    flex-direction: row;
  }

  #CHAPTERS {
    border-left: 3px solid #c1c6c9;
    border-top: none;
  }
}

@media (max-width: 767px) {
  #PLAYLIST {
    flex-direction: column;
  }

  #CHAPTERS {
    border-left: none;
    border-top: 3px solid #c1c6c9;
  }
}


.testimonialbackgroundvideo {
  background-image: url(https://www.online.msstate.edu/sites/www.online.msstate.edu/files/2024-05/Drill-Field.jpg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover; 
  width: 100%; 
  margin: 0 auto;
  position: relative;
  border-radius: 15px; 
  overflow: hidden;
}

.testimonialbackgroundvideo::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.5);  
  z-index: 1;
  border-radius: 15px;
}

.testimonialbackgroundvideo video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover; 
  z-index: 0;
}

/* Desktop (Laptop) Version - Ensure Background Image behavior */
@media (min-width: 768px) {
  .testimonialbackgroundvideo {
    max-width: calc(100% - 22cm); 
  }
}

/* Archive Page */
.DeanArchiveImage {
  height: auto;
  width: auto;
  margin: auto;
}

.DeanArchiveTitle {
  margin: auto;
}

.DeanArchiveTitleWrapper {
  height: 200px;
  width: 100%;
  padding: auto;
}


.DeanArchiveDescription {
  background-color: green;
}

.DeanArticleLead {
  color: gray;
}

.DeanRowClass{
  border-top: 1px solid #9E9E9E;
}

/* GradVideoSection */

.gradVidSection{
  width: 100%;
}

.greyBar
{
  overflow: visible;
  background-image: url(https://www.online.msstate.edu/sites/www.online.msstate.edu/files/2025-03/Image_VideoSection.png);
  background-repeat: no-repeat; 
  background-size: cover;
  background-position: right top;
}


.gradVidLeftCol{
  width: 100%; 
  height:300px; 
  color: white;
}

.gradVidCard{
  margin: 5px;
  background-color: white;
  height: 100%
}

.gradVidImg{
  margin: 2vw;
  overflow: hidden;
}

.gradVidImg img{
  height: 100%;
  width: auto;
  object-fit: cover;
}

.gradVidCont{
  display: flex;
  justify-content: center;
  align-items: center;
  height: 50vh;
}

.gradVidContent{
  width: 70%;
  height: 70%;
  text-align: center;
}

.geoEnviroGeosummary{
  list-style: none;
  background-color: #E1E1E1;
}

.geoEnviroGeoDetails > .geoEnviroGeosummary{
  transition: color 0.1s;
  transition: background-color 0.1s;
}

.geoEnviroGeoDetails[open] > .geoEnviroGeosummary{
  color: white;
}

.geoEnviroGeosummary:hover{
  background-color: #C1C1C1;
}

.geoEnviroGeosummary::-webkit-details-marker{
  display: none;
}

.geoEnviroGeoDetails{
  transition: max-height 0.5s ease-in-out;
  overflow: hidden;
  background-color: #F1F1F1;
  transition: 0.2s background linear;
  box-shadow: 0 4px 8px 0 rgba(0,0,0,0.1),0 4px 10px 0 rgba(0,0,0,0.09);
}

.geoEnviroGeoDetails[open] {
  max-height: 100vh;
}

.geoEnviroGeoDetails > *:not(summary){
  opacity: 0;
  transition: opacity 2s ease;
}

.geoEnviroGeoDetails[open] > *:not(summary){
  opacity:1;
}

.maroonTextColor{
  color: #5D1725
}

.blueTextColor{
  color: #00A3AD
}

.geoEnviroGeoDetails div p{
  margin-bottom: 0;
}

.unMargin{
  margin-bottom: 0;
}

.maroonWhite{
  background-color: #5D1725;
  color: white;
}

.testimonialBlock{
  color: white;
  background-image: url(https://www.online.msstate.edu/sites/www.online.msstate.edu/files/2025-04/Testimonials_MSStateOnline1%20%281%29.png);
  background-position: right; 
  margin-left: calc(-100vw / 2 + 50%); 
  width: 100vw;
  position: relative;
}

.testimonialBlock::before{
  content: "";
  position: absolute;
  inset: 0;
  background-color: rgba(93,23,37,0.7);
  z-index:1;
}

.testimonialBlock div{
  position: relative;
  z-index: 2;
}

.testimonialBlock div div{
  max-width:1300px;
}

.maroonBorder{
  border-style: solid;
  border-color: #5D1725
}

.blueBorder{
  border-style: solid;
  border-color: #00A3AD
}

.commonQuestionsSummary{
  list-style: none;
  padding-left: 1.5em;
  color: black;
  background-color: white;
}

.commonQuestionsSummary::-webkit-details-marker{
  display: none;
}

.commonQuestionsSummary::before{
  content: '';
  display: inline-block;
  background-image: url('https://www.online.msstate.edu/sites/www.online.msstate.edu/files/2022-10/42165_arrow_up_icon.png');
  background-size: contain;
  transform: rotate(-90deg);
  background-repeat: no-repeat;
  width: 15px;
  height: 15px;
  margin-right: 0.5em;
  vertical-align: middle;
  transition: all 0.3s ease;
} 

.geoEnviroGeoDetails[open] > .geoEnviroGeosummary{
  color: white;
}

.commonQuestionsDetails[open] > .commonQuestionsSummary::before{
  transform: rotate(0deg);
}

.commonQuestionsDetails{
  transition: max-height 0.5s ease-in-out;
  overflow: hidden;
  background-color: #F1F1F1;
}



.commonQuestionsDetails > *:not(summary){
  opacity: 0;
  transition: opacity 2s ease;
}

.commonQuestionsDetails[open] > *:not(summary){
  opacity:1;
}


.quickInner{background-color:#F1F1F1; color: black;}
.quickOuter{
  background-color:#FFB81C; 
}
.quickInner p {margin-bottom:0;}

.boxShadowPaper{
  box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 4px 10px 0 rgba(0,0,0,0.19);
}

.advisingBlock{
  width: 600px; 
  background-color:#FFFFFF;
  box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 4px 10px 0 rgba(0,0,0,0.19);
}

.advisingWidthDescriptionTitle{
  width: 100%;
}

@media(max-width: 767px){
.advisingWidthDescriptionTitle{
  width: 100%;
}}

/* ensure advising block resizes correctly */
@media (max-width: 767px)
{
  .advisingBlock
  {
    width: 325px; 
    text-align:center;
  }

  .advisingBlock div h4{
    margin-top: 20px;
  }
  
}

.downloadSec{
  background-color: #E1E1E1;
  max-width: 700px;
}

@media(max-width: 767px){
  .downloadSec{
    max-width: 400px;  
}}

.CurrButton{
  width: 280px;
  background-color: #007FA3;
  border-color: #007FA3;
}

.TimeButton{
  width: 280px;
  background-color: #642F6C;
  border-color: #642F6C;
}

.downloadButtonCont{
  height: 200px;
}

#programNavBar{
  list-style-type: none; 
  margin: 0; 
  padding: 0;
  background-color: black;
  z-index: 1000;
  display: inline;
  width: 100%;
  font-size: 0;
}

#programNavBar li {
  display: inline-block;
  margin: 0; 
  padding: 0;
  font-size: 1rem;
}

#programNavBar li a {
  color: #fff;
  text-decoration: none;
  padding: 18px 14px;
  display: inline-block;
  transition: background-color 0.2s;
}

#programNavBar li a:hover {
  background-color: #666;
}

#programNavBar li a.active{
  background-color: #5D1725; 
  font-weight: bold;
}

#programNavBarContainer{
  background-color: black;
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  z-index: 99999;
}

.outerProgramNavBarContainer{
  position: sticky;
  top: 0;
  z-index: 99999;
}

#programNavBarContainer details{
  display: flex;
  justify-content: center;
}

#programNavBarContainer details summary{
  color: white;
  display: none;
}

#programNavBarContainer details summary p{
  height: 60px; 
  margin-bottom: 0px; 
  text-align: left; 
  align-items: center; 
  display: flex; 
}

#programNavBarContainer details summary p::before{
  content: '';
  display: inline-block;
  background-image: url('https://www.online.msstate.edu/sites/www.online.msstate.edu/files/2025-06/out.png');
  background-size: contain;
  background-repeat: no-repeat;
  width: 30px;
  height: 30px;
  margin-right: 0.1em;
  vertical-align: middle;
  transform: rotate(-90deg);
} 

#programNavBarContainer details summary p::before{
  transition: all 0.3s ease;
}

#programNavBarContainer details[open] summary p::before{
  transform: rotate(0deg);
}

@media(max-width: 767px){
  #programNavBarContainer details summary{
    display: inline;
  }

  #programNavBar{
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    border-top-style: solid; 
    border-color: #FFB81C;
    border-width: 1px;
    margin-top: 5px;
  }
  
  #programNavBar li{
    text-align: center;
    width: 100%;
  }

  #programNavBar li a{
    text-align: center;
    width: 100%;
  }

  #programNavBarContainer details > *:not(summary){
    opacity: 0;
    transition: opacity 2s ease;
  }
  
  #programNavBarContainer details[open] > *:not(summary){
    opacity:1;
  }

  #programNavBarContainer details{
    display: inline;
  }

}
#programNavBarContainer details summary::-webkit-details-marker{
  display: none;
}

.F1F1F1color{
  background-color: #f1f1f1;
}

.accreditationBlock{
  width:200px; 
  margin-bottom:30px; 
  background-color:white; 
  border-bottom-style: solid; 
  border-color:#FFB81C; 
  border-width: 5px;
  box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 4px 10px 0 rgba(0,0,0,0.19);
}

.fieldCourseBlock{
  width:300px; 
  height: 555px;
  margin-bottom:30px; 
  background-color:white; 
  border-bottom-style: solid; 
  border-color:#C99700; 
  border-width: 5px;
  box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 4px 10px 0 rgba(0,0,0,0.19);
}

.careerOpportunities{
  list-style: none;
  padding-left: 1.5em;
}

.careerOpportunities li::before{
  content: '';
  display: inline-block;
  background-image: url('https://www.online.msstate.edu/sites/www.online.msstate.edu/files/2023-10/Icon%20feather-arrow-right-circle.png');
  background-size: contain;
  background-repeat: no-repeat;
  width: 20px;
  height: 20px;
  margin-right: 0.5em;
  vertical-align: middle;

}

.structureList li{
  margin-top: 1.5em;
}

.structureList li:first-child{
  margin-top: 0em;
}

#readMore1{
  display:inline;
}

#readMore2{
  display:inline;
}

#readMore3{
  display:inline;
}

.backBlue{
  background-color: #00A3AD;
  border-color: #00A3AD;
}

/*apply to a element wrapped around div*/
.clickableBlock{
  display: block;
}

.admissionDrop{
  border-left-style: solid;
  border-left-width: 10px;
}

.borderMSBlueDrop{
  border-color:#00A3AD
}

.borderMSOrangeDrop{
  border-color:#A9431E
}

.borderMSGreenDrop{
  border-color:#8F993E
}

.borderMSYellowDrop{
  border-color:#C99700
}

.baseDrop{
  border-color: #5D1725;
}

.geoEnviroGeoDetails[open] > .borderMSBlueDrop{
  background-color: #00A3AD;
}

.geoEnviroGeoDetails[open] > .borderMSOrangeDrop{
  background-color: #A9431E;
}

.geoEnviroGeoDetails[open] > .borderMSGreenDrop{
  background-color: #8F993E;
}

.geoEnviroGeoDetails[open] > .borderMSYellowDrop{
  background-color: #C99700;
}

.geoEnviroGeoDetails[open] > .baseDrop{
  background-color: #5D1725;
}

@media(max-width: 575px){
  .faculty-and-staff-cards{
    justify-content: center;
}}

.pgSec{
  scroll-margin-top: 60px;
}

.programHighlights li{
 margin-bottom: 10px;
}