:root {
  --about_primary-heading-text-color: #2b2b2b;
  --about_text-color: #3a2f24;
  --about_button-text-color: #1f3a32;
  --about_golden-border-color-1: #b67e04;
  --about_golden-border-color-2: #e0b860;
  --about_bg-paper-texture1: url("../assets/backgroundImage/body_bg_1.avif");
  --about_bg-button: url("../assets/backgroundImage/buttonBackground.avif");
  --about_font-home-heading: "Pirata One", serif;
  --about_font-heading: "Cinzel", serif;
  --about_font-text: "Inter", sans-serif;
}
body {
  background: var(--about_bg-paper-texture1) no-repeat top/cover;
}

.about_page {
  position: relative;
}
/* Top Icons  */
.about_page .top_left_icon {
  position: absolute;
  top: 0;
  left: 0;
  width: 100px;
  height: auto;
}
.about_page .top_center_icon {
  position: absolute;
  top: -30px;
  left: 50%;
  transform: translateX(-50%);
  width: 250px;
  height: auto;
}
.about_page .top_right_icon {
  position: absolute;
  top: 0;
  right: 0;
  width: 100px;
  height: auto;
}

/* Responsive icon sizes*/
@media (max-width: 768px) {
  .about_page .top_left_icon {
    width: 80px;
    height: auto;
  }
  .about_page .top_center_icon {
    width: 200px;
    height: auto;
    top: -20px;
  }
  .about_page .top_right_icon {
    width: 80px;
    height: auto;
  }
}

/* Titles */
.about_page_title{
padding-top: 40px;
font-family: var(--about_font-heading);
font-size: 42px;
text-align:center;
margin-bottom:20px;
}
/* divider  */
.divider{
    width: 100%;
    margin: 0px 0px 1px 0px;
    padding-bottom: 2px;
    border: 4px ridge var(--about_golden-border-color-1);
    box-shadow: 5px 5px 10px var(--about_primary-heading-text-color);
}

/* About page First Section  */
.about_first_sec{
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
}
.about_first_sec .about_first_sec_img{
    width: 75%;
    height: auto;
}
.about_first_sec_inside_img_div{
    padding-top: 20px;
    display: grid;;
    grid-template-columns: repeat(3, 1fr);
    gap: 10px;
}
.about_first_sec_inside_img_div .about_img_box{
    width: 100%;
    height: 200px;
    border: 4px ridge var(--about_golden-border-color-1);
    box-shadow: 2px 2px 5px var(--about_primary-heading-text-color);
}
.about_first_sec_inside_img_div .about_img_box .about_img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

/* Responsive first section */
@media (max-width: 768px) {
    .about_first_sec{
        grid-template-columns: repeat(1, 1fr);
    }
    .about_first_sec .about_first_sec_img{
        width: 90%;
    }
    .about_first_sec_inside_img_div{
        grid-template-columns: repeat(2, 1fr);
    }
}

/* About page Second Section  */ 
.about_second_sec{
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 20px;
    padding: 40px 0px;
}
.about_table {
width:100%;
border-collapse:collapse;
background: #e0b76063;
}
.about_table th,
.about_table td {
border:2px ridge var(--about_golden-border-color-1);
padding:10px;
text-align:left;
font-family: var(--about_font-text);
}
.about_table tbody tr {
cursor:pointer;
}