@import url("https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400..900;1,400..900&display=swap");

html {
 background-color: #1e1e1e;
}
body {
 font-family: "Playfair Display", georgia, times new roman, serif;
}
.playfair-display {
 font-family: "Playfair Display", serif;
 font-optical-sizing: auto;
 font-weight: 400;
 font-style: normal;
}

.introduction-sec {
 background-color: #ffffff;
 padding: 75px 0 110px;
}
.historyCaption {
 font-weight: bold;
}
.introduction-sec .text-box {
 height: 100%;
 display: flex;
 flex-direction: column;
 justify-content: center;
}
.introduction-sec .text-box p {
 color: #1e1e1e;
 font-size: 16px;
 font-weight: 800;
 font-family: playfiar, serif;
 margin-bottom: 20px;
}

.introduction-sec .text-box h4 {
 text-align: center;
 color: #1e1e1e;
 font-size: 24px;
 font-weight: 900;
 font-family: playFair, Georgia, "Times New Roman", Times, serif;
 font-style: normal;
 margin-bottom: 48px;
}

.introduction-sec .text-box p {
 color: #1e1e1e;
 font-size: 16px;
 font-weight: 800;
 font-family: playFair, Georgia, "Times New Roman", Times, serif;
 margin-bottom: 20px;
}

.introduction-sec .text-box p i {
 font-style: Normal;
 font-weight: 900;
}

/* .introduction-sec .text-box p:first-child::first-letter {
 padding: 0 0.3rem;
 margin: 0 0.3rem 0 0;

 font-size: 4rem;
 float: left;
 line-height: 1;
} */
.dropCap {
 padding: 0 0.3rem;
 margin: 0 0.3rem 0 0;

 font-size: 4rem;
 float: left;
 line-height: 1;
}

.imageLeft {
 width: 360px;
 margin: 20px 20px 5px 20px;
}
.text {
 width: 80%;
 margin: 10px auto;
}