/* FONT IMPORT */
@import url(layout.min.css);
/* Google Font */
@import url('https://fonts.googleapis.com/css2?family=Questrial&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300..700;1,300..700&display=swap');
/* Local Font */
/* @font-face {
	font-family: "Font Name";
	src: url("../fonts/fontpath.ttf");
  } */

:root {
    --white: #fff;
    --black: #000;
    --primary: #ff0000;
    --secondary: #333333;
}

html {
    scroll-behavior: smooth;
    height: 100%;
}

body {
    position: relative;
    background: #fff;
    overflow-x: hidden;
    height: 100%;
    font-family: "Questrial", sans-serif;
}

section {
    position: relative;
}

h1,
h2 {
    font-family: "Cormorant Garamond", serif;
}

.img-auto {
    display: block;
    max-width: 100%;
    margin: 0 auto;
}

a,
button {
    text-decoration: none !important;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

a:hover,
button:hover {
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

ul {
    padding: 0;
    margin: 0;
    list-style: none;
}

figure {
    margin: 0;
}

/* PRELOADER */

.preLoader {
    width: 100%;
    height: 100%;
    z-index: 1111;
    display: flex;
    align-items: center;
    justify-content: center;
    position: fixed;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
}

.preLoader.black {
    background-color: var(--white);
    z-index: 11113;
}

.preLoader.white {
    z-index: 11112;
    background-color: var(--black);
}

/* PRELOADER */

/* Main Banner Css Start */

.mainBanner {
    /* background: url(../images/mainBanner.png)center/cover fixed; */
    height: 1170px;
    display: flex;
    align-items: end;
}

.bannerOverlay {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: end;
    justify-content: center;
    padding-bottom: 3.125rem;
}

.mainBanner video {
    height: 100%;
    width: 100%;
    object-fit: cover;
}

.banImage img {
    width: 55%;
}

/* Main Banner Css End */

/* Second Banner Css Start */

.secondBanner {
    background: url(../images/mainBg.png)center/cover;
    padding: 9.375rem 0;
}

.bannerContent h1 {
    color: #312D1B;
    text-transform: uppercase;
    font-size: 5.125rem;
    font-weight: 400;
    line-height: 1;
    width: 90%;
    margin: auto;
}

/* Second Banner Css End */

/* About Sec Css Start */

.aboutSec {
    padding: 6.25rem 0;
}

.aboutContent h2 {
    color: var(--black);
    font-size: 3.25rem;
    font-weight: 400;
}

.aboutContent p {
    color: var(--black);
    font-family: 'Cormorant Garamond';
    font-weight: 400;
    margin: 2.25rem 0 3.125rem 0;
}

.aboutContent .btn-group {
    gap: 12px;
    align-items: center;
}

.aboutContent .btn-group a {
    color: var(--black);
    text-transform: capitalize;
    font-size: 0.875rem;
    border: 1px solid var(--black);
    border-radius: 50px;
    padding: 0.875rem 2em;
    display: inline-block;
}

.aboutContent .btn-group a:hover {
    background: var(--black);
    color: var(--white);
}

.aboutContent {
    margin-left: 3rem;
}

/* About Sec Css End */

/* Box Sec Css Start */

.boxSec {
    background: #003C98;
    padding: 6.25rem 12.5rem 3rem 12.5rem;
}

.mainBox h3 {
    font-size: 22px;
    color: var(--black);
    text-align: center;
    display: block;
    margin: 0;
    font-weight: bold;
    font-family: 'Cormorant Garamond';
}

.mainBox {
    perspective: 1000px;
}

.flip-inner {
    position: relative;
    width: 100%;
    height: 100%;
    transition: transform 0.8s;
    transform-style: preserve-3d;
    aspect-ratio: 1 / 1;
}

.mainBox:hover .flip-inner {
    transform: rotateY(180deg);
}

/* Front & Back common */
.flip-front,
.flip-back {
    position: absolute;
    width: 100%;
    height: 100%;
    backface-visibility: hidden;
    top: 0;
    left: 0;
}

/* Front */
.flip-front img {
    width: 100%;
    height: auto;
    display: block;
}

/* Back */
.flip-back {
    background: #fff;
    color: #000;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    transform: rotateY(180deg);
    padding: 20px;
    text-align: center;
    height: 414px;
}

/* Box Sec Css End */

/* Footer Css Start */

footer {
    background: #E5EAF7;
    padding: 3.125rem 1.5625rem 0 6.25rem;
}

.footerlogo ul li a {
    color: #4F4A30;
    font-size: 0.8125rem;
    letter-spacing: 0.65px;
}

.footerlogo ul {
    margin-top: 1.5625rem;
}

.list li a {
    text-transform: uppercase;
    color: #4F4A30;
    font-size: 0.8125rem;
}

.list,
.newsletter {
    margin-top: 3.125rem;
}

.newsletter h4 {
    color: #4F4A30;
    font-size: 1rem;
    text-transform: uppercase;
    margin-bottom: 1.875rem;
}

.newsletter .form-control {
    width: 100%;
    background: transparent;
    border: unset;
    outline: unset;
    box-shadow: unset;
    border-bottom: 1px solid rgb(79 74 48 / 60%);
    border-radius: unset;
}

.newsletter .form-check {
    margin: 1.375rem 0;
}

.newsletter label {
    color: #4F4A30;
}

.newsletter button {
    outline: unset;
    background: #D8D1B2;
    border: 1px solid #8F8B78;
    font-size: 0.8125rem;
    color: #4F4A30;
    border-radius: 1rem;
    padding: 10px 10em;
}

.copyRight {
    padding: 7.5rem 0 1.25rem 0;
    display: flex;
align-items: center;
justify-content: space-between;
}

.copyRight p {
    margin: 0;
    color: #4F4A30;
    font-size: 0.875rem;
    letter-spacing: 1.4px;
}

.newsletter button:hover {
    background: var(--black);
    border-color: black;
    color: white;
}

/* Footer Css End */

/* Inner Css Start */

.aboutInner {
    padding: 13.75rem 4.6875rem 3.75rem 4.6875rem;
    background: #F1F2EF;
}

.aboutText h2 {
    text-transform: uppercase;
    color: #4F4A30;
    font-size: 5rem;
    font-weight: 400;
}

.aboutText figure {
    margin: 1.25rem 0 4.375rem 0;
}

.aboutText h3 {
    text-transform: uppercase;
    color: #4F4A30;
    font-size: 1.6875rem;
    font-family: "Cormorant Garamond", serif;
    font-weight: bold;
    margin-bottom: 2.5rem;
}

.aboutText p {
    color: #4F4A30;
    font-size: 1.6875rem;
    font-family: "Cormorant Garamond", serif;
    margin-bottom: 0;
}

.aboutText p+p {
    margin-top: 2rem;
}

.librariesInner {
    padding: 3.125rem 12.5rem;
}

.innerPages header {
    position: relative;
}

.librariesImage {
    margin-bottom: 2.5rem;
}

.librariesImage img {
    border-radius: 50px;
}

.librariesHeadings h2 {
    color: var(--black);
    text-transform: capitalize;
    font-size: 25px;
    line-height: 1.1;
    font-weight: 400;
    margin-bottom: 20px;
}

.librariesText li {
    color: var(--black);
    font-family: 'Cormorant Garamond';
    list-style: disc;
    list-style-position: inside;
    line-height: 1.85;
}

.bookBanner {
    background: #E5EAF7;
    padding: 5rem 0;
}

.bookBanner h2 {
    text-transform: uppercase;
    font-size: 3.125rem;
    font-weight: 400;
    color: #4F4A30;
}

.libraryBooks {
    padding: 5rem 0;
}

.libraryBooks {
    padding: 5rem 0;
    background: #F1F2EF;
}

.libraryBooks .aboutContent p {
    margin: 2rem 0;
    width: 90%;
    line-height: 1.6;
}

.bookInner {
    padding: 8.75rem 0 3.125rem 0;
    background: #F1F2EF;
}

.bookInner .aboutContent p {
    width: 100%;
}

.bookInner .aboutContent h3,
.booksContentss h3 {
    color: var(--black);
    font-family: 'Cormorant Garamond';
    font-size: 1.5625rem;
    font-weight: bold;
    text-transform: capitalize;
}

.bookInner .aboutContent h3+h3 {
    margin-top: 2rem;
}

.bookInner .aboutContent {
    margin-left: 0;
}

.bookInner .row+.row {
    margin-top: 5rem;
}

.booksContentss P {
    font-family: 'Cormorant Garamond';
    color: var(--black);
    margin: 1.5rem 0;
}

.glossaryText p,
.glossaryText a {
    color: #4F4A30;
    font-size: 1.75rem;
    font-family: 'Cormorant Garamond';
    width: 98%;
}

.glossaryInner h2 {
    font-size: 3.3125rem;
}

.glossaryText a {
    display: block;
    text-transform: capitalize;
    margin-top: 3rem;
}

.contactInner {
    padding: 5rem 6.875rem 15.625rem 4.6875rem;
}

.contactInner h2 {
    font-size: 3.3125rem;
    text-transform: uppercase;
    color: #4F4A30;
    font-weight: 400;
}

.contactHeadings {
    margin-bottom: 5rem;
}

.contactText ul li a {
    color: #4F4A30;
    font-family: 'Cormorant Garamond';
    font-size: 1.75rem;
}

.contactText ul li+li {
    margin-top: 1.375rem;
}

.contactText ul {
    margin-top: 2.5rem;
}

.contactForm label {
    color: #4F4A30;
    font-size: 1.4375rem;
    font-family: 'Cormorant Garamond';
}

.contactForm .form-control {
    background: #FAFAFA;
    height: 53px;
    border: 1px solid #A9A9A9;
    border-radius: unset;
    outline: unset;
    box-shadow: unset;
}

.contactForm textarea {
    height: 100px !important;
    resize: none;
}

.contactForm .form-group {
    margin-bottom: 1.25rem;
}

.contactForm button {
    width: 100%;
    text-transform: uppercase;
    color: #4F4A30;
    font-size: 0.875rem;
    outline: unset;
    border: 1px solid #8F8B78;
    border-radius: 15px;
    background: #D8D1B2;
    padding: 0.8125rem 0;
}

.contactForm {
    margin-top: 2rem;
}



/* Inner Css End */