@import url('https://fonts.googleapis.com/css2?family=Acme&family=Bebas+Neue&family=Dancing+Script:wght@400;500;600;700&family=Dosis:wght@200;300;400;500;600;700;800&family=EB+Garamond:wght@400;500;600;700;800&family=Girassol&family=Inclusive+Sans&family=Josefin+Sans&family=Kalam:wght@300;400;700&family=Kanit:wght@500&family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&family=Manrope:wght@200;300;400;500;600;700;800&family=Marck+Script&family=Montserrat:ital,wght@0,100;0,300;0,400;0,600;1,700&family=Mukta:wght@300&family=Nanum+Gothic:wght@800&family=Nanum+Pen+Script&family=Nunito+Sans:opsz,wght@6..12,200;6..12,300;6..12,400;6..12,500;6..12,600;6..12,700;6..12,800;6..12,900;6..12,1000&family=Oleo+Script:wght@400;700&family=Open+Sans:wght@300;400;500;600;700;800&family=Oswald:wght@300;500&family=PT+Sans&family=PT+Sans+Narrow&family=Playfair+Display:wght@400;500;600;700;800;900&family=Poppins:wght@100;400;500;600;700;800;900&family=Quicksand&family=Righteous&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;1,400&family=Rowdies:wght@300;400;700&family=Ubuntu:wght@300&family=Yuji+Boku&display=swap');




:root {
  --primary: #ffffff;
  --second: #b40002;
  --third: #222222;
  --fourth: #002351;
  --fifth: #4A8FD0;

}


* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  text-decoration: none;
  font-family: 'Poppins';

}

body {}

p {
  font-size: 15px;
  font-weight: 500;
}

/* ::-webkit-scrollbar {
  display: none;
}
 */
.container {
  width: 100%;
}

.wrapper {
  background: #fff;
  position: fixed;
  width: 100%;
  box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
  top: 0;
  z-index: 9999999;
}

.wrapper .logo {
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--second);
  gap: 12px;
}


.wrapper .logo img {
  width: 85px;
  object-fit: cover;
  filter: drop-shadow(20px 20px 10px white);

}

.wrapper .logo .sc-nm a {
  color: #fff;
  font-size: 36px;
  font-weight: bold;
  padding: 12px 5px 12px 12px;
  text-transform: uppercase;
}

.wrapper .logo .sc-nm span {
  color: #fff;
  font-size: 15px;
  font-weight: bold;
  text-transform: uppercase;
}

.wrapper .logo .sc-nm {
  display: flex;
  align-items: center;
}

.wrapper nav {
  width: 100%;
  display: flex;
  /* max-width: calc(100% - 100px); */
  /* margin: 0 auto; */
  height: 86px;
  align-items: center;
  background: #FFFFFF;
}

nav .content {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.content img {
  width: 66px;
  display: block;
}

.content h1 {
  text-transform: uppercase;
  display: block;
  color: var(--fourth);
  font-size: 16pt;
  font-family: 'Rowdies';
  font-weight: 600;
}

.content h1 span {
  font-family: 'Rowdies';
}

nav .content .links {
  margin: 0 18px;
  display: flex;
}


.content .links li {
  list-style: none;
  border-right: 1px solid #2a537656;

}

.content .links li a {
  color: var(--fourth);
  font-size: 16px;
  font-weight: 600;
  padding: 9px 14px;
  transition: all 0.3s ease;

  overflow: hidden;
  text-transform: capitalize;
}

.content .links #hi li a {
  color: var(--fourth);
  font-size: 13px;
  font-weight: 500;
  padding: 9px 14px;
  transition: all 0.3s ease;
  overflow: hidden;
}

.content .links #hi li a:hover {
  color: var(--second);
  transform: scale(1.1);
  border-right: 1px solid var(--second);
}

.content .links li a:hover {
  color: var(--second);
}

.wrapper .menu-icon {
  font-size: 18px;
  cursor: pointer;
  line-height: 70px;
  width: 70px;
  display: none;
}

input[type=checkbox].hiddens {
  display: none;
}

.content .links ul {
  position: absolute;
  top: 100px;
  z-index: -1;
  opacity: 0;
  visibility: hidden;
  background: #FFFFFF;
  color: var(--second);
  padding-top: 12px;
}

.content .links li:hover ul {
  top: 61px;
  /* transform: rotateY(360deg); */
  opacity: 1;
  visibility: visible;
  transition: all 0.5s ease;
}

.content .links ul li a {
  display: block;
  width: 100%;
  line-height: 30px;
  border-radius: 0px !important;

}

.content .links li ul li {
  border-right: none;
  border-bottom: 1px solid #dbdbdb;
  ;
}

.content .links li label {
  display: none;
  padding: 36px 0;
}

/* Slider */


.slider-main-bg {
  margin-top: 62px;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.swiper {
  width: 100%;
  height: 500px;
}

.swiper-slide img {
  width: 100%;
  height: 608px;
  object-fit: cover;
}

.texts {
  position: absolute;
  /* left: 6rem; */
  top: 0rem;
  width: 100%;
  height: 100%;
  background-color: #1d1d1d80;
  padding: 1rem;
  opacity: 1;
  transition: all ease-in-out .5s;

}

.texts:hover {
  opacity: 0;
}

.texts .slide-text {
  position: relative;
  top: 40%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  font-size: 28pt;
  color: #fff;
  padding-left: 86px;
}

.swiper .swiper-button-prev,
.swiper .swiper-button-next {
  color: var(--fourth);
}

.swiper .swiper-pagination-bullet-active {
  background: var(--fourth);
}


/* Body Start */

/* about section */
.about_sec {
  width: 100%;
  margin-top: 20px;
  margin-bottom: 50px;
  display: grid;
  grid-template-columns: 1fr 2fr;
  justify-content: center;
  align-items: center;
  gap: 48px;
  padding: 0 80px;
  background-image: url(../images/1318765_1445.jpg) ;
  background-position: center;
  background-size: cover;
}

.about_sec img {
  width: 100%;
  border: 2px solid var(--fourth);
  padding: 5px;
  background-color: #fff;
}

.about_sec .about_text {
  width: 100%;
  display: flex;
  flex-direction: column;
  padding: 68px 100px 10px;
  gap: 10px;
}

.about_text h1 {
  font-size: 24pt;
  color: var(--fourth);
}

.about_text p {
  padding: 0 50px 0 0;
  text-align: justify;
}

.about_text button {
  align-self: flex-start;
  border: none;
  background-color: var(--second);
  color: var(--primary);
  padding: 5px 12px;
}

.normal_cards {
  margin-top: 12px;
  padding:12px 14px 12px 12px;
  display: flex;
  flex-direction: column;
  
}

.normal_cards .norm_box {
  width: 100%;
  background-color: #4A8FD0;
  padding: 70px 0;
  border-bottom: 2px solid #fff;
  border-radius: 24px;
}

.normal_cards .norm_box p {
  color: var(--primary);
  padding-left: 48px;
}
.normal_cards .norm_box p span{
    font-size: 45px;
}
.normal_cards .norm_box h2 {
  color: #fff;
  font-weight: 500;
  padding-left: 48px;
  text-transform: uppercase;
}

.small_box_card {
  width: 100%;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  justify-content: space-around;
}

.small_box {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 24px;
  background-color: var(--fourth);
  border: 2px solid var(--primary);
  transition: all 0.3s ease;
}

.small_box:hover {
  background-color: #B40002;
}

.small_box p {
  color: #fff;
  font-size: 17pt;
  font-weight: 500;
  text-transform: uppercase;

  transition: all 0.3s ease;
  position: absolute;
}

.small_box:hover>span {
  visibility: visible;
  opacity: 1;
}

.small_box:hover>p {
  visibility: hidden;
  opacity: 0;
}

.small_box span {
  color: #fff;
  font-size: 44pt;
  transition: all 0.3s ease;
    visibility: hidden;
  opacity: 0;
}

.events {
  width: 100%;
  margin: 26px 0;
  display: flex;
  justify-content: center;

}

.events_body {
  width: 90%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  box-shadow: rgba(17, 12, 46, 0.15) 0px 48px 100px 0px;
  padding: 0 50px 50px;
}

.events_body h1 {
  color: var(--fourth);
  font-size: 24pt;
  font-size: 500;
  letter-spacing: -1px;
}

.events_body h1::after {
  content: '';
  display: block;
  width: 50px;
  height: 5px;
  background-color: var(--second);
  margin: 8px 0;
}

.event_card_flex {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px solid #0F4D6B60;
}

.all_events {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.event_card_flex button {
  border: none;
  background-color: var(--second);
  color: #fff;
  padding: 5px 12px;
  text-transform: uppercase;
}

.event_card {
  padding: 40px 0;
}

.event_card p {
  color: var(--fourth);
}

.event_card span {
    color: #656565;
    font-size: 13px;

}

.event_card:hover>p {
  color: var(--second);
}

.event_card:hover>span {
  color: var(--second);
}

.event_card_flex:hover {
  border-bottom: 1px solid var(--second);
}

.events_body .see_all {
  align-self: center;
  margin-top: 24px;
}

.events_body .see_all button {
  border: none;
  background-color: var(--second);
  color: #fff;
  padding: 8px 24px;
  text-transform: uppercase;
  font-size: 15pt;
  letter-spacing: -1px;
}

.prin_msg {
  width: 100%;
  display: grid;
  grid-template-columns: 1fr 2fr;
  justify-content: center;
  align-items: center;
  gap: 24px;
}

.prin_msg .prin_text {
  width: 100%;
  display: flex;
  flex-direction: column;
  padding: 100px 0;
  gap: 24px;
  background-image: url(../images/flower.png);
  background-repeat: no-repeat;
}

.prin_text h1 {
  font-size: 24pt;
  color: var(--fourth);
}

.normal_cards img {
  width: 100%;
  border: 1px solid #dddd;
  border-radius: 24px;
}

.prin_text p {
  padding: 0 50px 0 0;
  text-align: justify;
}

.prin_text button {
  align-self: flex-start;
  border: none;
  background-color: var(--second);
  color: var(--primary);
  padding: 5px 12px;
}

.home_gallery {
  width: 100%;
  display: grid;
  grid-template-columns: 2fr 1fr;
  margin: 100px 0;
  gap: 24px;
}

.col_img {
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.col_img button {
  border: 1px solid var(--second);
 
  background-color: var(--primary);
  padding: 3px 14px;
  align-self: center;
  text-transform: uppercase;
  font-size: 13pt;
  font-weight: 400;
  margin-top: 46px;
  transition: all 0.3s linear;
}

.col_img button a{
  color: var(--fourth);
}

.col_img button:hover {
  color: var(--primary);
  background-color: var(--second);
  border: none;
}
.col_img button:hover >a{
  color: var(--primary);
}

.col_img .first_grid {
  width: 100%;
  display: grid;
  grid-template-columns: 2fr 1fr;
  gap: 24px;
  padding-left: 24px;
}

.first_grid .first_grid_col {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 24px;

}

.first_grid_col .two_grid_img {
  width: 100%;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 24px;
}

.first_grid_col img {
  position: relative;
  z-index: 99;
  width: 100%;
  transition: all 0.3s ease-in-out;
  border-radius: 24px;
}

.first_grid_col iframe {
  border-radius: 24px;
}

.first_grid_col img:hover {
  box-shadow: 0px 0px 3px 2px var(--second);
}

.notices {
  width: 100%;
  display: flex;
  flex-direction: column;
  background-color: #fff;
  border-radius: 12px;
  box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
}

.notices h1 {
  font-size: 24pt;
  color: var(--fourth);
  letter-spacing: -1px;
  margin-bottom: 15px;
}

.notices h1::after {
  content: '';
  display: block;
  background-color: var(--second);
  width: 150px;
  height: 3px;
  margin: 0 auto;
}

.notices marquee p {
  padding: 10px 12px;
  margin-bottom: 8px;
  color: var(--fourth);
}

footer {
  width: 100%;
  margin-top: 50px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  position: relative;
  bottom: 0;
}

.footer_head {
  width: 100%;
  background-color: #fff;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 12px 0;
  box-shadow: rgba(0, 0, 0, 0.16) 0px 10px 36px 0px, rgba(0, 0, 0, 0.06) 0px 0px 0px 1px;
}

.footer_head img {
  width: 100px;
}

.footer_head h2 {
  color: var(--fourth);
}

.footer_first {
  width: 100%;
  background-color: var(--fourth);
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  justify-content: space-between;
  padding: 80px 24px;
  gap: 24px;
}

.footer_first .f_f_col {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.f_f_col h2 {
  color: #fff;
  font-weight: 400;
}

.f_f_col p {
  font-family: 'Nunito Sans';
  color: #fff;
  font-weight: 200;
  line-height: 1.5;
  letter-spacing: 1px;
}

.footer_second {
  display: flex;
  padding: 14px 0;
}

.footer_second p {
  font-size: 13px;
}

.f_col_grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
}


/* Home Page Design End */

/* Other Pages Design Start */

.pages_head {
  width: 100%;
  border-bottom: 1px solid #d6d6d6;
  margin-top: 62px;
  background-image: url(../images/opened-backpack-with-school-supplies.jpg);
  background-position: left;
  background-size: cover;
  display: flex;
  justify-content: center;
  align-items: center;
}

.pages_head h1 {
  text-align: center;
  font-size: 27pt;
  color: #ffffff;
  width: 100%;
  padding: 65px 0;
  background-color: #0f4c6b63;
  text-shadow: 7px 2px 6px #696969, 0 0 1em #dadada, 0 0 0.2em #dddddd;
}

.pages_head h1::after {
  content: '';
  display: block;
  width: 80px;
  height: 5px;
  background-color: var(--second);
  margin: 0 auto;
}


/* Gallery */

.for-gal {
  margin-bottom: 50px;
  padding: 24px;
}

.gallery {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  justify-content: center;
  grid-gap: 30px;
}

.gal-col {
  display: flex;
  flex-direction: column;
  align-items: center;
  box-shadow: rgba(0, 0, 0, 0.16) 0px 10px 36px 0px, rgba(0, 0, 0, 0.06) 0px 0px 0px 1px;
  padding: 12px;
  border-radius: 12px;
  background-color: #ffffff;
}

.gal-col p {
  width: 100%;
  color: var(--fourth);
  padding: 10px;
  text-align: center;
}

.gallery img {
  width: 100%;
  height: 200px;
  border-radius: 12px;
}

.photo_text {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 50px;
}

.p_text_img {
  width: 80%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background-color: #F4F6F8;
  padding: 100px;
  gap: 18px;
  box-shadow: rgba(0, 0, 0, 0.16) 0px 10px 36px 0px, rgba(0, 0, 0, 0.06) 0px 0px 0px 1px;
}

.p_text_img h1 {
  align-self: flex-start;
  color: var(--fourth);
}

.p_text_img h1::after {
  content: '';
  display: block;
  background-color: var(--second);
  width: 50px;
  height: 3px;
}

.im_t {
    width: 100%;
  display: flex;
  align-items: center;
  gap: 36px;
}

.im_t h2 {
  color: #0F4D6B;
}

.p_text_img .im_t img {
  width: 350px;
  border-radius: 5px;
}

.p_text_img .im_t p {
  text-align: justify;
  color: var(--fourth);
}

.exam {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 50px;

}

.exam_pdf_body {
  width: 80%;
  display: grid;
  grid-template-columns: 1fr 1fr;
  align-items: center;
  justify-content: space-between;
  background-color: #F4F6F8;
  gap: 24px;
  padding: 50px;
}

.pdf {
  display: flex;
  align-items: center;
  gap: 8px;
  background-color: var(--second);
  padding: 14px;
  transform: skewy(1deg);
  border-radius: 5px;
  box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
}

.pdf span {
  font-size: 32pt;
  color: var(--primary);
}

.pdf p {
  font-size: 14pt;
  color: var(--primary);
}

.rank {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.rank_holders {
  width: 90%;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  align-items: center;
  justify-content: center;
  padding: 24px;
  gap: 24px;
}

.rank_class {
  padding: 12px;
  background-color: var(--second);
  border-radius: 5px;
  box-shadow: rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px, rgba(10, 37, 64, 0.35) 0px -2px 6px 0px inset;
}

.rank_class p {
  color: #fff;
  text-align: center;
  font-size: 16pt;
  text-transform: uppercase;
}

.student_rank {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.stu_rank_photos {
  width: 90%;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  justify-content: center;
  align-items: center;
  gap: 24px;
  padding: 24px;
}

.stu_rank_photos .stu {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 5px;
  background-color: #fff;
  padding: 12px;
  border-radius: 5px;
}

.stu_rank_photos .stu p {
  color: var(--second);
}

.stu_rank_photos .stu img {
  width: 150px;
  height: 150px;
  border-radius: 50%;
  border: 1px solid var(--second);
}

.stu_rank_photos .stu span {
  color: var(--fourth);
  font-weight: 500;
}


.syllabus {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.syllabus_body {
  width: 60%;
  display: flex;
  flex-direction: column;
  gap: 24px;
  margin-top: 36px;
}

.for_syl_flex {
  display: flex;
  justify-content: space-around;
  align-items: center;
  background-color: #fff;
  border-radius: 5px;
}

.for_syl_flex span {
  padding-right: 12px;
  font-size: 25pt;
  color: var(--fifth);
}

.syllabus_boxes {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 5px;

  padding: 24px;
}

.syllabus_boxes h1 {
  color: var(--fourth);
}

.syllabus_boxes p {
  color: #e600048a;
}

.staff_body {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.staff_grid {
  width: 95%;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  justify-content: center;
  margin-top: 56px;
  gap: 36px;
}

.staff {
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 24px;
  background: #0F4D6B;

  background: linear-gradient(90deg, #0F4D6B 0%, #bdbdbd 100%);

  background: -moz-linear-gradient(90deg, #0F4D6B 0%, #bdbdbd 100%);

  background: -webkit-linear-gradient(90deg, #003563 0%, #001c79 100%);

  filter: progid: DXImageTransform.Microsoft.gradient(startColorstr="#0061FF", endColorstr="#60EFFF", GradientType=1);
  gap: 5px;
  border-radius: 8px;
  box-shadow: 0px 0px 3px 2px var(--fifth);
}

.staff img {
  width: 100%;
  height: 250px;
  border: 2px solid var(--primary);
  border-radius: 8px;
}

.staff p {
  font-size: 14pt;
}

.staff p, span {
  color: #fff;
}

.staff p::after {
  content: '';
  display: block;
  width: 56px;
  height: 3px;
  background-color: var(--second);
  margin: 4px auto;
}


.news-detail {
  width: 90%;
  display: grid;
  grid-template-columns: 2fr 1fr;
  justify-content: center;
  padding: 24px;
  margin-bottom: 36px;
}

.left-news {
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding: 24px;
}

.left-news p {
  text-align: justify;
}

.left-news img {
  width: 70%;
  object-fit: contain;
  border-radius: 12px;
}

.right-news {
  display: flex;
  flex-direction: column;
  gap: 24px;
  padding: 24px;
  box-shadow: rgba(0, 0, 0, 0.02) 0px 1px 3px 0px, rgba(27, 31, 35, 0.15) 0px 0px 0px 1px;
  border-radius: 12px;

  background-color: #ffffff;
}

.right-news h2 {
  color: var(--fourth);
}

.right-news h2:after {
  height: 3px;
  width: 50px;
  background: var(--second);
  content: " ";
  display: block;
  margin: 5px 0;
}

.activity {
  display: flex;
  gap: 8px;
  padding-bottom: 24px;
  border-bottom: 1px solid #E60004;
}

.activity p {
  color: #0F4D6B;
}

.activity p:hover {
  color: var(--second);
}

.activity img {
  width: 100px;
  border-radius: 5px;
}


.video-con {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 36px;
}

.video_gal {
  width: 80%;
  display: grid;
  grid-template-columns: 1fr 1fr;
  justify-content: center;
  align-items: center;
  gap: 24px;
}

.video_gal .video {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  border: 5px solid var(--primary);

}

.video iframe {
  width: 100%;
  height: 250px;
  border-top-left-radius: 24px;
  border-top-right-radius: 24px;
}

.video p {
  font-weight: 400;
  font-size: 12pt;
  padding: 8px 16px;
  text-transform: capitalize;
  text-align: left;
  background-color: var(--primary);
  border-top: 2px solid var(--fifth);
  border-bottom-left-radius: 24px;
  border-bottom-right-radius: 24px;
  box-shadow: rgba(0, 0, 0, 0.02) 0px 1px 3px 0px, rgba(27, 31, 35, 0.15) 0px 0px 0px 1px;
}

.cen {
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-top: 36px;
}

.contact {
  width: 80%;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 36px;
  box-shadow: rgba(0, 0, 0, 0.02) 0px 1px 3px 0px, rgba(27, 31, 35, 0.15) 0px 0px 0px 1px;
  margin-bottom: 36px;
  padding: 24px;
}

.con-flex {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.con-flex p i {
  color: var(--second);
}about_text

.contact h2 {
  color: var(--fourth);
}

.contact h2:after {
  height: 3px;
  width: 50px;
  background: var(--primary);
  content: " ";
  display: block;
  margin: 5px 0;
}

.logo_name{
  display: flex;
  align-items: center;
  gap: 12px;
  padding-left: 10px;
}


.grid_cards {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.grid_3_cards {
  width: 80%;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  justify-content: center;
  align-items: center;
  padding: 18px;
  box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}

.card_body {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 18px;
  justify-content: center;
  align-items: center;
  border-right: 1px solid #cdcdcd;
  background-color: #fff;
  padding: 24px 0;
}

.card_body img {
  width: 80px;
}

.card_body h2 {
  color: var(--fourth);
  font-weight: 500;
}

.card_body p {
  text-align: center;
}

.card_body button {
  background-color: var(--fourth);
  color: #fff;
  border: none;
  padding: 6px 12px;
}

.footer_second img {
    width:140px;
    padding-top: 2px;
}

.manda {
  position: relative;
  display: flex;
  width: 100%;
  justify-content: center;
  align-items: center;
  z-index: 99999999;
}

.manda p {
  position: fixed;
  top: 0;
  right: 0;
  background-color: #E60004;
  color: #fff;
  padding: 1px 10px 3px 10px;
}

.mand{
  width: 100%;
  margin: 20px 0 50px 0;
  display: flex;
  flex-direction: column;
  gap: 24px ;
  justify-content: center;
  align-items: center;
  padding: 0 36px;
} 


table {
  font-family: arial, sans-serif;
  border-collapse: collapse;
  width: 100%;
}

td, th {
  border: 1px solid #dddddd;
  text-align: left;
  padding: 18px;
  line-height: 2;
}