* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

html {
  font-size: 62.5%;
  overflow-x: hidden;
  scroll-behavior: smooth;
}
body {
  font-family: "Montserrat", sans-serif;
  line-height: 1;
  font-weight: 400;
  overflow-x: hidden;
}

/* Main Heading*/
.logo-1,
.logo-2 {
  height: 5rem;
}
.click-srmu-logo {
  color: white;
  text-align: center;
}

.header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  background-color: #192a56;
  padding: 0 4.8rem;
  height: 18rem;
  position: relative;
}
.footer {
  display: flex;
  background-color: #5c940d;
  color: white;
  height: 5rem;
  align-items: center;
  justify-content: center;
}

.main-nav-list {
  display: flex;
  list-style: none;
  align-items: center;
  gap: 4rem;
}

.main-nav-link-1:link,
.main-nav-link-1:visited,
.main-nav-link-2:link,
.main-nav-link-2:visited,
.main-nav-link-3:link,
.main-nav-link-3:visited,
.main-nav-link-4:link,
.main-nav-link-4:visited,
.main-nav-link-5:link,
.main-nav-link-5:visited,
.main-nav-link-6:link,
.main-nav-link-6:visited {
  display: inline-block;
  text-decoration: none;
  color: white;
  font-weight: 500;
  font-size: 1.5rem;
  transition: all 0.3s;
}

.main-nav-link-1:hover,
.main-nav-link-1:active {
  color: #e16d3f;
}
.main-nav-link-2:hover,
.main-nav-link-2:active {
  color: #5c940d;
}
.main-nav-link-3:hover,
.main-nav-link-3:active {
  color: aqua;
}
.main-nav-link-4:hover,
.main-nav-link-4:active {
  color: #ffc576;
}
.main-nav-link-5:hover,
.main-nav-link-5:active {
  color: #d4e6f1;
}
.main-nav-link-6:hover,
.main-nav-link-6:active {
  color: #e1c4ee;
}
.heading-primary {
  font-size: 5rem;
  line-height: 1.05;
  margin-bottom: 3.2rem;
  text-align: center;
  letter-spacing: 0.1rem;
  background-color: #192a56;
  color: white;
}
.heading-secondary {
  font-size: 3.8rem;
  line-height: 1.2;
  margin-top: 3.2rem;
  margin-bottom: 3.2rem;
  text-align: center;
  color: #192a56;
}
.heading-tertiary-1 {
  font-size: 3rem;
  line-height: 1.2;
  margin-bottom: 3.2rem;
  margin-top: 3.2rem;
  text-align: center;
  background-color: #d9480f;
  color: white;
}
.heading-tertiary-2 {
  font-size: 3rem;
  line-height: 1.2;
  margin-bottom: 3.2rem;
  margin-top: 3.2rem;
  text-align: center;
  background-color: #5c940d;
  color: white;
}
.heading-tertiary-3 {
  font-size: 3rem;
  line-height: 1.2;
  margin-bottom: 3.2rem;
  margin-top: 3.2rem;
  text-align: center;
  background-color: #cc7f15;
  color: white;
}
.heading-tertiary-4 {
  font-size: 2rem;
  line-height: 2;
  margin-bottom: 3.2rem;
  margin-top: 0.1rem;
  text-align: center;
  background-color: #d9480f;
  color: white;
}
.heading-tertiary-5 {
  font-size: 2rem;
  line-height: 2;
  margin-bottom: 3.2rem;
  margin-top: 0.1rem;
  text-align: center;
  background-color: #5c940d;
  color: white;
}
.heading-tertiary-6 {
  font-size: 2rem;
  line-height: 2;
  margin-bottom: 3.2rem;
  margin-top: 0.1rem;
  text-align: center;
  background-color: #cc7f15;
  color: white;
}
.heading-tertiary-7 {
  font-size: 3rem;
  line-height: 1.2;
  margin-bottom: 3.2rem;
  margin-top: 3.2rem;
  text-align: center;
  background-color: #2980b9;
  color: white;
}
.heading-tertiary-8 {
  font-size: 2rem;
  line-height: 2;
  margin-bottom: 3.2rem;
  margin-top: 3.2rem;
  text-align: center;
  background-color: #2980b9;
  color: white;
}
.heading-tertiary-9 {
  font-size: 3rem;
  line-height: 1.2;
  margin-bottom: 3.2rem;
  margin-top: 3.2rem;
  text-align: center;
  background-color: #8e44ad;
  color: white;
}
.heading-tertiary-10 {
  font-size: 2rem;
  line-height: 2;
  margin-bottom: 3.2rem;
  margin-top: 3.2rem;
  text-align: center;
  background-color: #8e44ad;
  color: white;
}
.heading-tertiary-11 {
  font-size: 3rem;
  line-height: 1.2;
  margin-bottom: 3.2rem;
  margin-top: 3.2rem;
  text-align: center;
  background-color: #c0392b;
  color: white;
}
.heading-tertiary-12 {
  font-size: 2rem;
  line-height: 2;
  margin-bottom: 3.2rem;
  margin-top: 3.2rem;
  text-align: center;
  background-color: #c0392b;
  color: white;
}
.heading-tertiary-13 {
  font-size: 3rem;
  line-height: 1.2;
  margin-bottom: 3.2rem;
  margin-top: 3.2rem;
  text-align: center;
  background-color: #58b19f;
  color: white;
}
.heading-tertiary-14 {
  font-size: 2rem;
  line-height: 2;
  margin-bottom: 3.2rem;
  margin-top: 3.2rem;
  text-align: center;
  background-color: #58b19f;
  color: white;
}
.heading-tertiary-15 {
  font-size: 3rem;
  line-height: 1.2;
  margin-bottom: 3.2rem;
  margin-top: 3.2rem;
  text-align: center;
  background-color: #192a56;
  color: white;
}
.heading-tertiary-16 {
  font-size: 2rem;
  line-height: 2;
  margin-bottom: 3.2rem;
  margin-top: 3.2rem;
  text-align: center;
  background-color: #192a56;
  color: white;
}

.head-letter h6 {
  font-size: 1.5rem;
}
.head-letter h5 {
  font-size: 3rem;
  margin-top: 1rem;
}
.head-letter .editor {
  font-size: 1rem;
  padding-right: 20px;
  text-align: right;
  margin-top: 0.5rem;
}
.main-head-text-1 {
  font-size: 4rem;
}
.main-head-text-2 {
  font-size: 3rem;
}

.sub-head-text {
  line-height: 5rem;
  font-size: 2rem;
  margin-top: 2rem;
}
.line-1 {
  background-color: #192a56;
  margin-top: 3.2rem;
  height: 1rem;
}
.editor-main,
.editor {
  margin-top: 1rem;
  color: #5c940d;
}
.head-letter .chief-editor {
  margin-top: 0.75rem;
  font-size: 1.1rem;
  text-align: right;
  color: white;
  margin-right: 1rem;
}
.link1 {
  text-decoration: none;
  color: #d9480f;
}
.link2 {
  text-decoration: none;
  color: #5c940d;
}
.link3 {
  text-decoration: none;
  color: #1864ab;
}
.link4 {
  text-decoration: none;
  color: #8f590f;
}
.link5 {
  text-decoration: none;
  color: #15405d;
}
.link6 {
  text-decoration: none;
  color: #633079;
}
.link7 {
  text-decoration: none;
  color: #ad3327;
}
.link8 {
  text-decoration: none;
  color: #142245;
}

.link {
  text-decoration: none;
}
.icon-alkesh {
  color: #1864ab;
}
.icon-fdp1 {
  color: #d9480f;
}
.icon-fdp2 {
  color: #5c940d;
}
.icon-fdp3 {
  color: #1b9cfc;
}
.events-dec .icon-color {
  color: #1b9cfc;
}
hr {
  border-style: none;
  border-top-style: dotted;
  border-color: grey;
  border-width: 0.5rem;
  width: 5%;
  margin-left: 47%;
  margin-top: 2rem;
  margin-bottom: 2rem;
}

/*Contents*/
.gallery-01-col-vision {
  font-family: "Montserrat", sans-serif;
  font-family: "Kalam", cursive;
  background-color: #d9480f;
  color: white;
  height: auto;
  padding: 10rem 10rem;
}
.gallery-01-col-ece {
  font-family: "Montserrat", sans-serif;
  font-family: "Kalam", cursive;
  background-color: #1864ab;
  color: white;
  height: auto;
  padding: 10rem 10rem;
}
.gallery-01-col-editordesk {
  font-family: "Montserrat", sans-serif;
  font-family: "Kalam", cursive;
  background-color: #5c940d;
  color: white;
  height: auto;
  padding: 10rem 10rem;
}
.gallery-01-col-innovation {
  font-family: "Montserrat", sans-serif;
  font-family: "Kalam", cursive;
  background-color: #d69944;
  color: white;
  height: auto;
  padding: 10rem 10rem;
}

.gallery-02-cols {
  display: flex;
  gap: 15rem;
  text-align: center;
  justify-content: center;
  font-size: 2rem;
}

.gallery-01-col {
  display: grid;
  grid-template-columns: 1fr;
  text-align: center;
  font-size: 2rem;
}
.gallery-03-cols {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  /*gap: 15rem;*/
  text-align: center;
  justify-content: center;
  font-size: 2rem;
}
.gallery-03-col {
  display: flex;
  gap: 5rem;
  text-align: center;
  justify-content: center;
  font-size: 2rem;
}

.gallery-05-cols {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  text-align: center;
  font-size: 2rem;
  margin-bottom: 2rem;
}
.gallery-06-cols {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  text-align: center;
  justify-content: center;
  font-size: 2rem;
}
.gallery-07-cols {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  text-align: center;
  justify-content: center;
  font-size: 2rem;
}
.patron-heading {
  text-align: center;
  color: #d9480f;
  font-size: 1.5rem;
  margin-bottom: 2rem;
  margin-top: 2rem;
}
.student-heading {
  text-align: center;
  color: #d9480f;
  font-size: 1rem;
  margin-bottom: 2rem;
  margin-top: 4rem;
}
.deptt-info {
  margin-top: 2rem;
  margin-bottom: 5rem;
}
.gallery-projects,
.gallery-mma {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: (2, 1fr);
  text-align: center;
  justify-content: center;
  row-gap: 2rem;
  column-gap: 2rem;
}
.gallery-visit-1 {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: (2, 1fr);
  text-align: center;
  justify-content: center;
  row-gap: 2rem;
  column-gap: 2rem;
}
.gallery--bos {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: (2, 1fr);
  text-align: center;
  justify-content: center;
  row-gap: 2rem;
  column-gap: 2rem;
}
.gallery--tday {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: (2, 1fr);
  text-align: center;
  justify-content: center;
  row-gap: 2rem;
  column-gap: 2rem;
}
.gallery-decoration-1 {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: (3, 1fr);
  text-align: center;
  justify-content: center;
  row-gap: 2rem;
  column-gap: 2rem;
}
.new-joinee {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  text-align: center;
  justify-content: center;
  row-gap: 2rem;
  column-gap: 2rem;
  margin-bottom: 4rem;
}
.fdp1-img,
.fdp2-img {
  display: flex;
  gap: 5rem;
  justify-content: center;
  margin-top: 5.4rem;
}
.img-fdp1-session {
  height: 30rem;
  width: 20rem;
  border-radius: 12px;
  box-shadow: 20px 20px 20px 10px rgb(230, 201, 190);
}
.img-fdp2-session {
  height: 20rem;
  width: 30rem;
  border-radius: 12px;
  box-shadow: 20px 20px 20px 10px rgb(188, 224, 217);
}

.img-fdp3-session {
  height: 40rem;
  width: 50rem;
  border-radius: 12px;
  box-shadow: 20px 20px 20px 10px rgb(230, 201, 190);
}

.img {
  height: 10rem;
  width: 10rem;
  border-radius: 50px;
  border: 3px solid #192a56;
  align-items: center;
}
.img-stu {
  height: 8rem;
  width: 8rem;
  border-radius: 50px;
  border: 3px solid #192a56;
}
.img-small {
  height: 5rem;
  width: 5rem;
  border-radius: 50px;
  border: 2px solid #98320b;
  position: absolute;
  margin-left: 1rem;
  margin-bottom: 2rem;
}
.img-small-2 {
  height: 5rem;
  width: 5rem;
  border-radius: 50px;
  border: 2px solid #5c940d;
  position: absolute;
  margin-left: 1rem;
}
.img-small-3 {
  height: 5rem;
  width: 5rem;
  border-radius: 50px;
  border: 2px solid #cc7f15;
  position: absolute;
  margin-left: 1rem;
}
.img-small-4 {
  height: 5rem;
  width: 5rem;
  border-radius: 50px;
  border: 2px solid #633079;
  position: absolute;
  margin-left: 1rem;
}
.img-small-6 {
  height: 5rem;
  width: 5rem;
  border-radius: 50px;
  border: 2px solid #ad3327;
  position: absolute;
  margin-left: 1rem;
}
.img-small-7 {
  height: 5rem;
  width: 5rem;
  border-radius: 50px;
  border: 2px solid #356a5f;
  position: absolute;
  margin-left: 1rem;
}
.img-small-8 {
  height: 5rem;
  width: 5rem;
  border-radius: 50px;
  border: 2px solid #142245;
  position: absolute;
  margin-left: 1rem;
}
.img-new-faculty {
  height: 10rem;
  width: 10rem;
  border-radius: 50px;
  border: 3px solid #8f590f;
  box-shadow: 10px 10px 10px 5px rgb(230, 196, 149);
}
.img-new-rscholar {
  height: 10rem;
  width: 10rem;
  border-radius: 50px;
  border: 3px solid #2980b9;
  box-shadow: 20px 20px 20px 10px rgb(222, 235, 244);
}
.gallery--seminar {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: (2, 1fr);
  text-align: center;
  justify-content: center;
  row-gap: 2rem;
  column-gap: 2rem;
}
.img-notice-sih {
  height: 80rem;
  width: 60rem;
  border-radius: 12px;
  box-shadow: 20px 20px 20px 10px rgb(222, 235, 244);
}
.small-text-2 {
  margin-bottom: 1rem;
}
.small-text-4 {
  margin-bottom: 1rem;
  text-align: right;
  margin-right: 2rem;
}

.name {
  padding-bottom: 1rem;
  padding-top: 1rem;
  color: #192a56;
}
.name-small {
  color: #1864ab;
}
.name-1 {
  padding-bottom: 0.5rem;
  padding-top: 0.5rem;
  text-align: left;
}

.events-june,
.events-july,
.events-august-1,
.events-august-3,
.events-august-4,
.events-august-5,
.events-sep,
.events-oct,
.events-nov,
.events-dec,
.events-feb {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  justify-items: center;
  align-content: center;
}
.events-august-2 {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  justify-items: center;
  align-content: center;
}

.event {
  font-size: 2rem;
  margin-top: 3.2rem;
  margin-bottom: 2rem;
  line-height: 2;
}
.event-july-pub,
.event-july-conf,
.event-july-book,
.event-july-lecture {
  font-size: 3rem;
  margin-top: 3.2rem;
  margin-bottom: 2rem;
  line-height: 2;
}
.events-june,
.event-1 {
  color: #98320b;
}
.events-oct,
.event-1 {
  color: #633079;
}
.events-july .event-1,
.events-july .event-2,
.events-july .event-4,
.events-july .event-5,
.events-july .event-6 {
  color: #2e4a07;
}
.session {
  list-style: none;
  text-decoration: none;
  color: rgb(217, 72, 15);

  font-size: 1.75rem;
  line-height: 4.25rem;
}
.events-july .session {
  list-style: none;
  text-decoration: none;
  color: #5c940d;
  font-size: 1.75rem;
  line-height: 4.25rem;
}
.award-pic {
  height: 40rem;
  width: 50rem;
  border-radius: 2%;
  box-shadow: 20px 20px 20px 10px rgb(230, 201, 190);
}
.award-1,
.award-2 {
  color: #98320b;
}
.award-ia1 {
  color: #8f590f;
}

.Paper-1,
.Paper-3,
.book-1,
.MoU-1 {
  height: 35rem;
  width: 55rem;
  border-radius: 2%;
  box-shadow: 20px 20px 20px 10px rgb(230, 201, 190);
}
.book-2,
.lecture-1 {
  box-shadow: 20px 20px 20px 10px rgb(221, 244, 190);
}
.lecture-1 {
  height: 45rem;
  width: 30rem;
  border-radius: 2%;
}
.Paper-2 {
  height: 48rem;
  width: 55rem;
  border-radius: 2%;
  box-shadow: 20px 20px 20px 10px rgb(221, 244, 190);
}
.img-project {
  height: 25rem;
  width: 28rem;
  border-radius: 5%;
  box-shadow: 20px 20px 20px 10px rgb(230, 201, 190);
  margin-top: 3rem;
}
.img-bos {
  height: 20rem;
  width: 30rem;
  border-radius: 5%;
  box-shadow: 20px 20px 20px 10px rgb(222, 235, 244);
  margin-top: 3rem;
}
.img-tday {
  height: 20rem;
  width: 30rem;
  border-radius: 5%;
  box-shadow: 20px 20px 20px 10px rgb(222, 235, 244);
  margin-top: 3rem;
}
.img-seminar {
  height: 20rem;
  width: 30rem;
  border-radius: 5%;
  box-shadow: 20px 20px 20px 10px rgb(222, 235, 244);
  margin-top: 3rem;
}
.img-visit-1 {
  height: 30rem;
  width: 50rem;
  border-radius: 5%;
  box-shadow: 20px 20px 20px 10px rgb(230, 196, 149);
  margin-top: 3rem;
  margin-bottom: 3rem;
}

.img-fdp {
  height: 30rem;
  width: 38rem;
  border-radius: 5%;
  box-shadow: 20px 20px 20px 10px rgb(221, 244, 190);
  margin-top: 3rem;
}
.gallery-fdp {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  align-items: center;
  margin-left: 8rem;
  column-gap: normal;
  column-gap: 6rem;
}
.head-event-3 {
  text-align: center;
  color: #2e4a07;
  margin-top: 1rem;
  line-height: 1.5;
  margin-bottom: 3rem;
}
.event .head-head-event-3 {
  color: #2e4a07;
  text-align: center;
}
.img-innovation-1,
.img-innovation-2 {
  height: 40rem;
  width: 50rem;
  border-radius: 5%;
  box-shadow: 20px 20px 20px 10px rgb(230, 196, 149);
}
.img-patent-1 {
  height: 30rem;
  width: 60rem;
  border-radius: 5%;
  box-shadow: 20px 20px 20px 10px rgb(222, 235, 244);
  margin-top: 10rem;
}
.img-patent-2,
.img-book-3 {
  height: 30rem;
  width: 50rem;
  border-radius: 5%;
  box-shadow: 20px 20px 20px 10px rgb(210, 180, 222);
  margin-top: 10rem;
}
.img-patent-3 {
  height: 30rem;
  width: 50rem;
  border-radius: 5%;
  box-shadow: 20px 20px 20px 10px rgb(217, 136, 128);
  margin-top: 10rem;
}
.img-patent-4 {
  height: 30rem;
  width: 50rem;
  border-radius: 5%;
  box-shadow: 20px 20px 20px 10px rgb(163, 170, 187);
  margin-top: 10rem;
}
.img-phd-1 {
  height: 40rem;
  width: 30rem;
  border-radius: 5%;
  box-shadow: 20px 20px 20px 10px rgb(210, 180, 222);
  margin-top: 0rem;
}
.img-reviewer-1 {
  height: 30rem;
  width: 50rem;
  border-radius: 5%;
  box-shadow: 20px 20px 20px 10px rgb(210, 180, 222);
  margin-top: 10rem;
}
.img-iicrmeet-1 {
  height: 30rem;
  width: 40rem;
  border-radius: 5%;
  box-shadow: 20px 20px 20px 10px rgb(230, 196, 149);
}
.img-intechopen-1,
.img-intechopen-2 {
  height: 50rem;
  width: 40rem;
  border-radius: 5%;
  box-shadow: 20px 20px 20px 10px rgb(210, 180, 222);
  margin-top: 0rem;
}
.img-youtube-1 {
  height: 40rem;
  width: 60rem;
  border-radius: 5%;
  box-shadow: 20px 20px 20px 10px rgb(210, 180, 222);
  margin-top: 0rem;
}
.img-mma {
  height: 40rem;
  width: 60rem;
  border-radius: 5%;
  box-shadow: 20px 20px 20px 10px rgb(210, 180, 222);
  margin-top: 5rem;
  margin-bottom: 5rem;
}
.img-book-4,
.img-feli-1,
.img-logo-1 {
  height: 30rem;
  width: 50rem;
  border-radius: 5%;
  box-shadow: 20px 20px 20px 10px rgb(217, 136, 128);
  margin-top: 10rem;
}
.img-fdp-1-mrai,
.img-epatent-1-jay,
.img-workshop-1-jay {
  height: 30rem;
  width: 50rem;
  border-radius: 5%;
  box-shadow: 20px 20px 20px 10px rgb(217, 136, 128);
  margin-top: 0rem;
}
.img-reviewer-2,
.img-xplore1-jay {
  height: 50rem;
  width: 40rem;
  border-radius: 5%;
  box-shadow: 20px 20px 20px 10px rgb(217, 136, 128);
  margin-top: 0rem;
}
.img-deco-1 {
  height: 30rem;
  width: 40rem;
  border-radius: 5%;
  box-shadow: 20px 20px 20px 10px rgb(217, 136, 128);
  margin-bottom: 5rem;
}
.img-workshopmrai-1 {
  height: 60rem;
  width: 50rem;
  border-radius: 5%;
  box-shadow: 20px 20px 20px 10px rgb(188, 224, 217);
  margin-top: 0rem;
}
.img-reviewermop-1 {
  height: 40rem;
  width: 50rem;
  border-radius: 5%;
  box-shadow: 20px 20px 20px 10px rgb(188, 224, 217);
  margin-top: 0rem;
}
.img-reviewermop-2 {
  height: 40rem;
  width: 50rem;
  border-radius: 5%;
  box-shadow: 20px 20px 20px 10px rgb(163, 170, 187);
  margin-top: 0rem;
}
.img-reviewer-3 {
  height: 50rem;
  width: 40rem;
  border-radius: 5%;
  box-shadow: 20px 20px 20px 10px rgb(163, 170, 187);
  margin-top: 0rem;
}
.img-phdviva-1 {
  height: 40rem;
  width: 50rem;
  border-radius: 5%;
  box-shadow: 20px 20px 20px 10px rgb(188, 224, 217);
  margin-top: 0rem;
}
.img-book-5 {
  height: 30rem;
  width: 50rem;
  border-radius: 5%;
  box-shadow: 20px 20px 20px 10px rgb(163, 170, 187);
  margin-top: 10rem;
}
.img-book-6 {
  height: 50rem;
  width: 40rem;
  border-radius: 5%;
  box-shadow: 20px 20px 20px 10px rgb(163, 170, 187);
  margin-top: 10rem;
}
.aug-event-1 {
  color: #8f590f;
  text-align: center;
}
.oct-event-1 {
  color: #633079;
  text-align: center;
}
.sep-event-1 {
  color: #15405d;
  text-align: center;
}
.events-sep-color {
  color: #15405d;
}
.events-oct-color {
  color: #633079;
}
.nov-event-1 {
  color: #ad3327;
}
.events-nov-color {
  color: #ad3327;
}
.events-dec-color {
  color: #356a5f;
}
.dec-event-1 {
  color: #356a5f;
}
.feb-event-1 {
  color: #142245;
}
.events-feb-color {
  color: #142245;
}
.visit-text {
  text-align: center;
}