.elementor-41734 .elementor-element.elementor-element-e7fac7c{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-41734 .elementor-element.elementor-element-509fc46{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}/* Start custom CSS for html, class: .elementor-element-aa0994f *//*********************************

EXAM POST CONTAINER

**********************************/



.pyqs-post-container {

  width: 100%;

  max-width: 100%;

  margin: 0 auto;

  display: flex;

  flex-direction: column;

  gap: 30px;

  font-family: inherit;

  color: #1f2937;

}



/*********************************

TABLE OF CONTENTS - CONSISTENT CARD HEADER

**********************************/



/* Make TOC card behave like other cards (no inner padding) */

.exam-toc-card {

  background: #ffffff;

  border: 1px solid #e5e7eb;

  border-radius: 6px;

  box-shadow: 0 5px 25px rgba(0, 0, 0, 0.05);

  padding: 0; /* removed inner padding, now handled by list */

}



/* Transform TOC title into a card header (like .exam-card-header) */

.exam-toc-title {

  display: flex;

  align-items: center;

  gap: 15px;

  background: #f8fafc;

  border-bottom: 1px solid #e5e7eb;

  padding: 10px 15px;

  margin: 0;

  font-size: 24px;

  font-weight: 700;

  color: #1f2937;

  line-height: 1.4;

  border-left: none; /* remove previous border style */

}



/* Badge (similar to .exam-card-number) */

.exam-toc-title::before {

  content: "📋";

  width: 42px;

  height: 42px;

  min-width: 42px;

  background: #2563eb;

  border-radius: 50%;

  display: inline-flex;

  align-items: center;

  justify-content: center;

  color: white;

  font-size: 20px;

  font-weight: 700;

  flex-shrink: 0;

}



/* List container gets the same inner spacing as .exam-card-content */

.exam-toc-list {

  margin: 0;

  padding: 25px; /* matches .exam-card-content padding */

  list-style: none;

  display: grid;

  gap: 12px;

}



.exam-toc-list li {

  margin: 0;

}



.exam-toc-list a {

  display: flex;

  align-items: center;

  gap: 10px;

  padding: 14px 18px;

  border-radius: 10px;

  background: #f8fafc;

  border: 1px solid #e5e7eb;

  color: #1f2937;

  text-decoration: none;

  font-weight: 500;

  transition: all 0.3s ease;

}



.exam-toc-list a:hover {

  background: #eff6ff;

  border-color: #2563eb;

  color: #2563eb;

  transform: translateX(5px);

  box-shadow: 0 4px 12px rgba(37, 99, 235, 0.12);

}



.exam-toc-list a::before {

  content: "✓";

  width: 24px;

  height: 24px;

  border-radius: 50%;

  background: #dbeafe;

  color: #2563eb;

  display: flex;

  align-items: center;

  justify-content: center;

  font-size: 12px;

  font-weight: 700;

  flex-shrink: 0;

}



/*********************************

CARD

**********************************/



.exam-card {

  background: #fff;

  border: 1px solid #e5e7eb;

  border-radius: 6px;

  overflow: hidden;

  box-shadow: 0 5px 25px rgba(0, 0, 0, 0.05);

}



/*********************************

CARD HEADER

**********************************/



.exam-card-header {

  display: flex;

  align-items: center;

  gap: 15px;

  padding: 10px 15px;

  background: #f8fafc;

  border-bottom: 1px solid #e5e7eb;

}



.exam-card-number {

  width: 42px;

  height: 42px;

  min-width: 42px;

  border-radius: 50%;

  background: #2563eb;

  color: #fff;

  display: flex;

  align-items: center;

  justify-content: center;

  font-weight: 700;

}



.exam-card-header h2 {

  margin: 0;

  font-size: 24px;

  font-weight: 700;

  line-height: 1.4;

}



/*********************************

CARD CONTENT

**********************************/



.exam-card-content {

  padding: 25px;

}



.exam-card-content p {

  margin-bottom: 18px;

  line-height: 1.8;

}



.exam-card-content ul,

.exam-card-content ol {

  padding-left: 22px;

  margin: 15px 0;

}



.exam-card-content li {

  margin-bottom: 10px;

  line-height: 1.7;

}



/*********************************

NOTE BOX

**********************************/



.exam-note {

  background: #fffbeb;

  border-left: 5px solid #f59e0b;

  padding: 18px;

  border-radius: 10px;

  margin: 20px 0;

}



/*********************************

ALERT BOX

**********************************/



.exam-alert {

  background: #fef2f2;

  border-left: 5px solid #dc2626;

  padding: 18px;

  border-radius: 10px;

  margin: 20px 0;

}



/*********************************

INFO BOX

**********************************/



.exam-info {

  background: #eff6ff;

  border-left: 5px solid #2563eb;

  padding: 18px;

  border-radius: 10px;

  margin: 20px 0;

}



/*********************************

TABLE

**********************************/



.responsive-table.responsive-table {

  font-family: Arial, sans-serif;

  border-collapse: collapse;

  width: 100%;

}



.responsive-table th,

.responsive-table td {

  border: 1px solid #9ca3af;

  text-align: left;

  padding: 8px;

}



.responsive-table th {

  background-color: #2563eb;

  color: #ffffff;

  font-weight: 600;

}



.responsive-table tr:nth-child(even) {

  background: #f8fafc;

}



/*********************************

LINKS

**********************************/



.exam-card-content a {

  color: #2563eb;

  text-decoration: none;

  font-weight: 600;

}



.exam-card-content a:hover {

  text-decoration: underline;

}



/*********************************

PDF

**********************************/



.exam-pdf {

  margin-top: 20px;

}



.exam-pdf iframe {

  width: 100%;

  height: 850px;

  border: none;

  border-radius: 12px;

}



/*********************************

SMOOTH SCROLL

**********************************/



html {

  scroll-behavior: smooth;

}



/*********************************

MOBILE

**********************************/



@media (max-width: 768px) {

  .pyqs-post-container {

    gap: 20px;

  }



  .exam-toc-card {

    padding: 0;

  }



  .exam-toc-title {

    font-size: 18px;

    padding: 10px 15px;

  }



  .exam-toc-title::before {

    width: 36px;

    height: 36px;

    min-width: 36px;

    font-size: 16px;

  }



  .exam-toc-list {

    padding: 18px !important;

  }



  .exam-toc-list a {

    padding: 12px 15px;

    font-size: 15px;

  }



  .exam-card-header {

    padding: 16px;

  }



  .exam-card-header h2 {

    font-size: 18px;

  }



  .exam-card-content {

    padding: 18px;

  }



  .exam-card-number {

    width: 36px;

    height: 36px;

    min-width: 36px;

    font-size: 14px;

  }



  .responsive-table {

    font-size: 14px;

  }



  .responsive-table th,

  .responsive-table td {

    padding: 10px;

  }



  .exam-pdf iframe {

    height: 500px;

  }

}/* End custom CSS */