* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

:root {
    --theme-color: #0074C7;
    --white-color: #fff;
    --dark-blue: #001B7D;
    --black-color: #000;
}

body {
    font-family: "Poppins", sans-serif;
}

.same-heading {
    font-size: 65px;
    font-weight: 700;
    color: var(--theme-color);
}

.same-heading span {
    color: var(--dark-blue);
    display: block;
}

.para {
    color: var(--black-color);
    font-size: 16px;
    font-weight: 500;
}

.same-btn {
    color: var(--white-color);
    background-color: var(--dark-blue);
    padding: 12px 26px;
    border-radius: 20px;
    text-decoration: none;
}

.white-btn {
    color: var(--dark-blue);
    background-color: var(--white-color);
    padding: 12px 26px;
    border-radius: 20px;
    text-decoration: none;
}

/* header start */
.header {
    background-color: var(--theme-color);
    padding: 20px 0px;
}

.header .navbar {
    padding: 0;
}

.header .nav-item .nav-link {
    padding: 0;
    font-size: 16px;
    font-weight: 700;
    color: var(--white-color);
}

.header .navbar-nav {
    gap: 10px;
}

.header .navbar-brand {
    color: var(--white-color);
    font-size: 40px;
    font-weight: 700;
    padding: 0;
}

.header .nav-item {
    display: flex;
    align-items: center;
    justify-content: center;
}

.header .nav-item .nav-link.active {
    border: 1px solid var(--white-color);
    display: flex;
    width: 70px;
    height: 30px;
    border-radius: 100px;
    justify-content: center;
    align-items: center;
}

/* header end */

/* home banner start */
.home-banner {
    background-image: url("../images/home-banner.png");
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    padding: 150px 0px 0px;
}

.home-banner-content h1 {
    text-align: center;
    font-size: 65px;
    font-weight: 700;
    color: var(--white-color);
    margin-bottom: 0;
}

.home-banner-left img {
    width: 100%;
}

.home-banner-right img {
    width: 100%;
}

.home-banner-left {
    display: flex;
    align-items: flex-end;
    justify-content: flex-end;
    flex-direction: column;
    height: 100%;
}

.home-banner-right {
    display: flex;
    align-items: flex-end;
    justify-content: flex-end;
    flex-direction: column;
    height: 100%;
}

.home-banner-content {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    height: 100%;
}

/* home banner end */

/* the-book-sec start */
.the-book-image-main {
    background: linear-gradient(180deg, #00A4EF 0%, #000067 129.73%);
    padding: 100px 40px 50px;
}

.the-book-image {
    margin-bottom: 50px;
}

.the-book-image img {
    width: 100%;
}

.the-book-content h2 {
    margin-bottom: 20px;
}

.the-book-content p {
    margin-bottom: 20px;
}

.the-book-btn {
    display: flex;
    align-items: center;
}

.the-book-content {
    padding: 0px 100px 0px 30px;
}

/* the-book-sec end */

/* the-author-sec start */
.the-author-sec {
    background: linear-gradient(180deg, #00A4EF 0%, #000067 129.73%);
    padding: 100px 0px;
}

.the-author-content p {
    color: var(--white-color);
}

.the-author-content h2 {
    color: var(--white-color);
    margin-bottom: 20px;
}

.the-author-content h2 span {
    color: var(--black-color);
}

.the-author-btn {
    display: flex;
    align-items: center;
    margin-top: 40px;
}

/* the-author-sec end */

/* video-sec start */

.video-sec {
    background-color: var(--black-color);
    padding: 280px 0px;
}

.video-play-btn {
    text-align: center;
}

.video-play-btn button {
    background-color: unset;
    outline: none;
    border: none;
}

/* video-sec end */

/* the-method sec start */
.the-method-picture {
    background: linear-gradient(180deg, #00A4EF 0%, #000067 129.73%);
    padding: 100px 40px;
}

.the-method-picture img {
    width: 100%;
}

.the-method-content {
    padding: 100px;
}

.the-method-content h2 {
    margin-bottom: 60px;
}

.the-method-btn {
    display: flex;
    align-items: center;
    margin-top: 40px;
}

/* the-method sec end */

/* the-benefits sec start */
.the-benefits-sec {
    background: linear-gradient(180deg, #00A4EF 0%, #000067 100%);
    padding: 100px 0px;
}

.the-benefits-content {
    padding: 0px 70px;
}

.the-benefits-content h2 {
    color: var(--dark-blue);
    margin-bottom: 25px;
}

.the-benefits-content p {
    color: var(--white-color);
}

.the-benefits-content .the-benefits-inner-content h5 {
    color: var(--black-color);
    font-weight: 800;
    font-size: 20px;
}

.the-benefits-inner-content {
    margin-bottom: 40px;
}

.the-benefits-btn {
    display: flex;
    align-items: center;
    margin-top: 40px;
}

.the-benefits-btn a {
    background-color: var(--theme-color);
}

.the-benefits-inner-content p {
    margin-bottom: 0;
}

.the-benefits-picture img {
    width: 100%;
}

/* the-benefits sec end */

/* the applications sec start */
.the-applications-picture {
    background: linear-gradient(180deg, #00A4EF 0%, #000067 129.73%);
    padding: 100px 40px;
}

.the-applications-picture img {
    width: 100%;
}

.the-applications-content {
    padding: 80px;
}

.the-applications-content h2 {
    margin-bottom: 30px;
}

.the-applications-content ul {
    margin: 20px 0px;
    padding-left: 20px;
    list-style-type: square;
}

.the-applications-content ul::marker {
    color: var(--theme-color) !important;
}

.the-applications-content ul li {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 20px;
}

.the-applications-btn {
    display: flex;
    align-items: center;
    margin-top: 40px;
}

/* the applications sec end */

/* the-beneficiaries sec start */
.the-beneficiaries-sec {
    background: linear-gradient(180deg, #00A4EF 0%, #000067 100%);
    padding: 100px 0px;
}

.the-beneficiaries-picture {
    padding: 0px 50px;
}

.the-beneficiaries-picture img {
    width: 100%;
}

.the-beneficiaries-content p {
    color: var(--white-color);
}

.the-beneficiaries-content h2 {
    color: var(--dark-blue);
    margin-bottom: 40px;
}

.the-beneficiaries-content ul {
    margin: 40px 0px;
    list-style-type: square;
}

.the-beneficiaries-content ul li {
    font-size: 20px;
    color: var(--white-color);
    margin-bottom: 15px;
}

.the-beneficiaries-content .the-beneficiaries-btn {
    display: flex;
    align-items: center;
    margin-top: 40px;
}

.the-beneficiaries-content .the-beneficiaries-btn a {
    background-color: var(--theme-color);
}

.the-beneficiaries-content {
    padding-right: 80px;
}

/* the-beneficiaries sec end */

/*the-chapters sec start*/
.the-chapters-picture {
    background: linear-gradient(180deg, #00A4EF 0%, #000067 129.73%);
    padding: 100px 80px;
    height: 100%;
}

.the-chapters-picture img {
    width: 100%;
}

.the-chapters-content {
    padding: 100px;
}

.the-chapters-content h2 {
    margin-bottom: 40px;
}

.the-chapters-content .the-chapters-btn {
    display: flex;
    align-items: center;
    margin-top: 40px;
}

.the-chapters-content ul {
    margin: 40px 0px;
    list-style-type: square;
}

.the-chapters-content ul li {
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 15px;
}

/*the-chapters sec end*/

/*testimonials sec start*/
.testimonials-sec {
    background: linear-gradient(180deg, #0078CA 0%, #000F73 100%);
    padding: 100px 0px;
}

.testimonials-content {
    text-align: center;
}

.testimonials-content h3 {
    margin-bottom: 40px;
    font-size: 50px;
    font-weight: 700;
    color: var(--white-color);
}

.testimonials-content h2 {
    color: var(--black-color);
}

.testi-slides {
    margin-top: 60px;
}

.testi-box {
    background-color: var(--white-color);
    padding: 50px 40px;
    height: 450px;
}

.testi-box p {
    text-align: start;
}

.testi-box h4 {
    text-align: start;
    font-size: 14px;
    font-weight: 800;
    margin-top: 50px;
}

.testi-box .testi-stars {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin-bottom: 40px;
}

.testi-box .testi-stars i {
    color: #FFC107;
}

.testi-slides .owl-dots {
    margin-top: 60px !important;
}

/*testimonials sec end*/

/* blogs sec start */
.blogs-sec {
    padding: 100px 0px;
}

.blogs-content {
    text-align: center;
    margin-bottom: 60px;
}

.blogs-content h3 {
    font-size: 50px;
    font-weight: 800;
    color: var(--black-color);
    margin-bottom: 20px;
}

.blogs-content h2 {
    color: var(--dark-blue);
}

.blog-box {
    background: linear-gradient(180deg, #0164B9 0%, #001477 100%);
    padding: 20px 20px 50px 20px;
    border-radius: 30px;
}

.blog-box img {
    width: 100%;
}

.blog-box-content h3 {
    color: var(--white-color);
    text-align: center;
    margin: 30px 0px;
    font-size: 26px;
    font-weight: 600;
}

.blog-box-btn {
    display: flex;
    justify-content: center;
    align-items: center;
}

/* blogs sec end */

/* contact sec start */
.contact-sec {
    background: linear-gradient(180deg, #0078CA 0%, #000F73 100%);
    padding: 60px 0px;
}

.contact-sec-picture img {
    width: 100%;
}

.contact-sec-content h2 {
    font-size: 30px;
    color: var(--white-color);
    text-align: center;
    margin-bottom: 40px;
}

.contact-sec-content form input {
    width: 100%;
    height: 50px;
    margin-bottom: 7px;
    border-radius: 100px;
    border: unset;
    outline: unset;
    padding: 0px 15px;
}

.contact-sec-content form input::placeholder {
    font-weight: 500;
    color: var(--black-color);
    font-size: 16px;
}

.contact-sec-content form textarea {
    width: 100%;
    height: 100px;
    margin-bottom: 7px;
    border-radius: 30px;
    border: unset;
    outline: unset;
    padding: 15px;
    resize: none;
}

.contact-sec-content form textarea::placeholder {
    font-size: 16px;
    font-weight: 500;
    color: var(--black-color);
}

.contact-sec-content form button {
    background-color: #073064;
    width: 100%;
    height: 50px;
    border-radius: 100px;
    outline: none;
    border: none;
    color: var(--white-color);
    font-size: 20px;
    font-weight: 500;
}

.contact-sec-content p {
    color: var(--white-color);
    text-align: center;
    font-size: 20px;
    font-weight: 500;
    margin-top: 20px;
    margin-bottom: 0;
}

/* contact sec end */

/* footer sec start */
.footer {
    padding: 12px 0px;
    background-color: var(--theme-color);
}

.footer-content ul {
    padding: 0;
    margin: 0;
    display: flex;
    align-items: center;
    justify-content: space-around;
    list-style-type: none;
}

.footer-content ul li {
    font-size: 16px;
    font-weight: 500;
    color: var(--white-color);
}

.footer-content ul li a {
    font-size: 16px;
    font-weight: 500;
    color: var(--white-color);
    text-decoration: none;
}

.footer-social-link ul {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 10px;
    list-style-type: none;
    margin: 0;
}

.footer-social-link ul li a {
    width: 44px;
    height: 44px;
    background-color: var(--white-color);
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    border-radius: 100px;
    border: 1px solid var(--dark-blue);
}

.footer-social-link ul li a i {
    color: var(--dark-blue);
}

/* footer sec end */