#regWhite .card-button a:hover {
    color: #fff;
    background: #85b358;
}

#regGrey .card-button a:hover {
    color: #fff;
    background: #85b358;
}

.webp .mh { background-image: linear-gradient(to bottom right, #000000cc, #00000042), url("/uploaded/Image/mastheads/sm/CloudComputing.webp"); }
.no-webp .mh { background-image: linear-gradient(to bottom right, #000000cc, #00000042), url("/uploaded/Image/mastheads/sm/CloudComputing.jpeg"); }

 @media (max-width: 450px) {
.webp .mh {background-image: linear-gradient(to bottom right,#00000033,#00000088), url("/uploaded/Image/mastheads/mobile/450_CloudComputing.webp");}
.no-webp .mh {background-image: linear-gradient(to bottom right,#00000033,#00000088), url("/uploaded/Image/mastheads/mobile/450_CloudComputing.jpeg");}
}

.alumni-container {
margin-bottom: -1%;
background-color: #fff;
}

.logo {
    display: flex;
    align-items: center;
    padding: 10px;
}

html{scroll-behavior:smooth}

.iconLeft:before {
font-family: "Font Awesome 5 Duotone"; 
font-weight: 900; 
content: "\f56c";
display:none;
}


#regGrey .card-span {
    align-self: auto;
}

.card-container {
    grid-gap: 10px;
    border-style: solid;
    border-color: #1d4f91;
    border-width: 1px;
    padding: 10px;
    border-radius: 8px;
    background-color: #fff;
}

.card-container {
    display: grid;
    grid-gap: 10px;
}

#regBlue .across-six {
    height: fit-content;
}

#regGrey .across-three {
    height: fit-content;
}

.ButtonBottom {width:98%;}

.Buttons-1R {
    color: #fff!important;
    text-align: center;
    background-color: #1d4f91;
    width: 100%;
    display: inline-block;
    border: 0px solid #FFF;
    padding: 1% 1%;
    font-weight: 300!important;
    font-size: 1.2em;
    border-radius: 5px 5px 5px 5px;
}

.Buttons-1R:hover {
    font-weight: 400!important;
}

#regBlue a {
    font-weight: bold;
    color: #2a24ff;
}

#regBlue a:hover {
    color: #2a24ff;
    text-decoration: underline;
    font-weight: bold;
}

#regBlue .card-headingTitle {
    font-size: 1.7em !important;
}

#regBlue .card-headingTitle {
    text-align: left !important;
}

/*---------------------- FORM START  ------------------------------- */

.FormR {width: 95%; float:right; background-color: transparent; padding: 2%;padding-top:0px;}

#ssform {padding: 14px;}

input[type=button], input[type=text], input[type=password], input[type=email] {

    -webkit-appearance: none;
    box-shadow: 0 0 3px #5cd053;
    border: 1px solid #28921f!important;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    font-size: 1.1em!important;
    margin-bottom: 1%!important;
    margin-right: 1%;
    width: 97%!important;
    float: left;
    padding: 5px;
    border-radius: 3px 3px 3px 3px;
	}

input[type=submit] {
    cursor: pointer;
    -webkit-appearance: none;
    background-color: #85b358;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    width: 100%;
    border: 0;
    text-align: center;
    font-family: 'Ubuntu';
    font-weight: lighter;
    color: #fff;
    font-size: 1.5em;
    text-transform: uppercase;
    padding: 8px 16px;
    border-radius: 5px 5px 5px 5px;
}

.regSubscribe {background-color: transparent!important;}

#b6e3d1c7-dfad-4761-9fd6-50097bda0550 {
    width: 99.5% !important;
    -webkit-appearance: none;
    box-shadow: 0 0 5px #5cd053;
    border: 1px solid #28921f!important;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    font-size: 1.0em!important;
    margin-bottom: 3%;
    margin-right: 1%;
    padding: 5px;
    color: #7e7e7e;
    border-radius: 3px 3px 3px 3px;
}
 

/*---------------------- FORM END  ------------------------------- */

/*----------------- Blue Section Start ------------------*/

#regGrey .card-headingTitle {font-size: 1.5em !important; text-align: left !Important;}
#regGrey .Inner {background-color:transparent}
#regGrey .card-span{box-shadow:0 5px 14px -5px #505050;}
#regGrey .card-span{background:#f3f3f3;}
#regGrey  .accordion__item{border-bottom:none !important;}
#regGrey  .accordion__item{border-top:solid 1px #c3c3c3;}
#BlueTitle {border-width:2px;}
#GreyCentered {margin: 10px 20% 30px 20%;}
#Hidden {visibility:hidden;}
.IconImage {height:75px; padding: 6px 0 4px 0;}
.IconImage img {height:100%;}

/*----------------- Blue Section End ------------------*/

/*-------------------------------- MEDIA START  ---------------------------------------*/

@media (max-width: 1020px) {
.ButtonBottom { width: 90%; margin: 0px;}
}

@media (max-width: 600px) {
    .logo {grid-column: span 6;}
   .ButtonBottom { width: 90%; margin: 0px;}
}

@media (max-width: 500px) {
    .logo {grid-column: span 6;}
   .ButtonBottom { width: 90%; margin: 0px;}
}

@media (max-width: 400px) {
   .logo {grid-column: span 6;}
  .ButtonBottom { width: 90%; margin: 0px;}
}
/*---------------------------------------------  MEDIA END  ---------------------------------------------*/