container {
    display: flex;
    gap: 20px;
}

.text-section {
    width: 65%;
}

.image-section {
    width: 35%;
}

.image-section img {
    width: 100%;
    border-radius: 10px;
}

.speaker {
    color: #a00000;
    font-weight: bold;
    display: inline-block;
    width: 110px;
}
h2{
color:#B82729;
}
.qrimg {
  display: block;
  float: right;
  width: 130px;
}
img {
  max-width: 95%;
  padding: 5px;
  text-align: center;
}
.line {
    margin-bottom: 10px;
}

.indent {
    margin-left: 110px;
}

.title {
    text-align: center;
    font-size: 24px;
    font-weight: bold;
    background: #7a9a4b;
    color: white;
    display: inline-block;
    padding: 8px 20px;
    border-radius: 5px;
    margin-bottom: 15px;
}

table {
    width: 100%;
    border-collapse: collapse;
}

th, td {
    border: 1px dotted #999;
    padding: 10px;
    vertical-align: top;
}

th {
    background-color: #d9d6c8;
    font-size: 18px;
}

td {
    background-color: #f5f3ea;
}

.col-word {
    width: 25%;
}

.col-arth {
    width: 20%;
}

.col-hindi {
    width: 15%;
}

.col-english {
    width: 15%;
}

.col-write {
    width: 25%;
}

.box{
background-color:#F2BDBE;
padding:2px 2px 2px 2px;
}

header {
    display: inline-block;
    background-color: #8aa64b;
    color: white;
    padding: 10px 20px;
    border-radius: 25px;
    font-size: 22px;
    font-weight: bold;
}

/* Question Title */
.question-title {
    color: #8b0000;
    font-size: 20px;
    margin-top: 20px;
    margin-bottom: 10px;
}

/* Questions */
.question {
    margin-left: 20px;
    font-size: 18px;
    margin-bottom: 10px;
}

/* Option style */
.option {
    margin-left: 40px;
}
.blank {
    display: inline-block;
    border-bottom: 2px dotted #999;
    width: 150px;
    margin: 0 10px;
}
.blank-line {
    border-bottom: 2px dotted #999;
    height: 20px;
    margin: 10px 0;
}

.answer {
    color: red;
    font-weight: bold;
    margin-left: 10px;
}

/* Wrapper */
.study-container {
    background: #f7f9ef;
    padding: 20px;
    border-radius: 10px;
}

/* Header */
.study-header {
    background: #7b3fa0;
    color: #fff;
    padding: 10px 20px;
    border-radius: 20px;
    font-size: 22px;
    font-weight: bold;
    display: inline-block;
}

/* Section Title */
.study-section-title {
    margin-top: 25px;
    font-size: 20px;
    font-weight: bold;
}

/* Table Styling */
.study-table {
    width: 100%;
    border-collapse: collapse;
    margin-top: 10px;
}

.study-table th,
.study-table td {
    border: 2px dotted #8aa64b;
    padding: 10px;
    text-align: center;
}

.study-table th {
    background: #e8efd0;
}

/* Paragraph */
.study-paragraph {
    margin-top: 20px;
    font-size: 18px;
    line-height: 1.8;
}

/* Subheading */
.study-subheading {
    color: #2a6ebd;
    font-size: 22px;
    margin-top: 25px;
    font-weight: bold;
}

/* Shloka */
.study-shloka {
    color: #8b0000;
    font-size: 20px;
    line-height: 2;
    margin-top: 10px;
}

/* Explanation */
.study-explanation {
    margin-top: 10px;
    font-size: 17px;
}

.activity-wrapper {
    background: #f6efe2;
    padding: 20px;
    border-radius: 10px;
}

/* Top Heading */
.activity-main-title {
    background: #a07c2b;
    color: #fff;
    padding: 10px 20px;
    border-radius: 25px;
    display: inline-block;
    font-size: 20px;
    font-weight: bold;
}

/* Question Block */
.activity-block {
    margin-top: 20px;
}

/* Question Heading */
.activity-qtitle {
    color: #8b0000;
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 8px;
}

/* Paragraph */
.activity-text {
    font-size: 18px;
    line-height: 1.8;
}

/* Example */
.activity-example {
    margin-top: 10px;
    font-style: italic;
}

/* Bottom dashed line */
.activity-divider {
    margin-top: 20px;
    border-bottom: 2px dashed #d39b2a;
}