*,
*::before,
*::after {
    box-sizing: border-box;
}

@media (prefers-reduced-motion: no-preference) {
    :root {
        scroll-behavior: smooth;
    }
}

body {
    margin: 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: "Georgia Regular";
}

p {
    font-family: "Inter Regular";
    font-size: 16px;
    line-height: 1.5;
    margin: 0;
    padding: 0;
}

a {
    font-family: "Inter Regular";
    text-decoration: none;
    display: inline-block;
    text-transform: capitalize;
}

span {
    font-family: "Inter Regular";
    text-transform: capitalize;
}

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

:focus-visible {
    outline: inherit !important;
}

/* width */
::-webkit-scrollbar {
    width: 5px;
}

/* Track */
::-webkit-scrollbar-track {
    background: #f1f1f1;
}

/* Handle */
::-webkit-scrollbar-thumb {
    background: #16467D;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
    background: #007bff;
}

/* Fonts */
@font-face {
    font-family: "Inter Black";
    src: url("../fonts/Inter/Inter-Black.ttf") format("truetype");
    font-weight: 900;
    font-style: normal;
    display: swap;
}

@font-face {
    font-family: "Inter ExtraBold";
    src: url("../fonts/Inter/Inter-ExtraBold.ttf") format("truetype");
    font-weight: 800;
    font-style: normal;
    display: swap;
}

@font-face {
    font-family: "Inter Bold";
    src: url("../fonts/Inter/Inter-Bold.ttf") format("truetype");
    font-weight: 700;
    font-style: normal;
    display: swap;
}

@font-face {
    font-family: "Inter SemiBold";
    src: url("../fonts/Inter/Inter-SemiBold.ttf") format("truetype");
    font-weight: 600;
    font-style: normal;
    display: swap;
}

@font-face {
    font-family: "Inter Medium";
    src: url("../fonts/Inter/Inter-Medium.ttf") format("truetype");
    font-weight: 500;
    font-style: normal;
    display: swap;
}

@font-face {
    font-family: "Inter Regular";
    src: url("../fonts/Inter/Inter-Regular.ttf") format("truetype");
    font-weight: 400;
    font-style: normal;
    display: swap;
}

@font-face {
    font-family: "Inter Light";
    src: url("../fonts/Inter/Inter-Light.ttf") format("truetype");
    font-weight: 300;
    font-style: normal;
    display: swap;
}

@font-face {
    font-family: "Georgia Regular";
    src: url("../fonts/Georgia/georgia-regular.ttf") format("truetype");
    font-weight: 400;
    font-style: normal;
    display: swap;
}

@font-face {
    font-family: "Georgia Bold";
    src: url("../fonts/Georgia/georgia-bold.ttf") format("truetype");
    font-weight: 700;
    font-style: normal;
    display: swap;
}

@font-face {
    font-family: "Georgia BoldItalic";
    src: url("../fonts/Georgia/georgia-bold-itlaic.ttf") format("truetype");
    font-weight: 700;
    font-style: italic;
    display: swap;
}

@font-face {
    font-family: "Georgia Italic";
    src: url("../fonts/Georgia/georgia-italic.ttf") format("truetype");
    font-weight: 400;
    font-style: italic;
    display: swap;
}

/* Responsive Img */
.img-fluid {
    max-width: 100%;
    height: auto;
    display: block;
}
/* Header Top Bar CSS Start */

.__topBar {
    background-color: #003D79;
    color: #ffffff;
    padding: 10px 0;
}

.__topBar span {
    font-size: 14px;
    margin: 0 10px;
    font-family: "Inter Medium";
}

/* Header Top Bar CSS End */

/* Header CSS Start */

.navbar {
    position: relative;
    left: 0;
    right: 0;
}

.navbar-nav {
    gap: 30px;
}

nav.navbar {
    padding: 20px 0;
}

.navbar-brand {
    padding: 0;
}

.navbar-nav {
    align-items: center;
}

.navbar-nav .nav-item .nav-link {
    font-size: 16px;
    line-height: 26px;
    font-weight: 500;
    color: #003D79;
    padding: 0;
    text-align: center;
    transition: all 0.3s ease-in-out;
}

.navbar-nav .nav-link.active,
.navbar-nav .nav-link.show,
.navbar-nav .nav-link:hover {
    color: #003D79;
    font-weight: 600;
}

.navbar-toggler:focus {
    text-decoration: none;
    outline: 0;
    box-shadow: inherit;
}

.navbar-toggler {
    border-color: #000000 !important;
}

/* Header CSS End */

/* Theme Button CSS Start */

.__primaryBtn {
    background-color: #003D79;
    color: #ffffff;
    text-align: center;
    display: block;
    padding: 10px 20px;
    width: max-content;
    border: 2px solid #003D79;
    transition: all 0.5s ease-in-out;
}

.__primaryBtn:hover {
    background-color: transparent;
    color: #000000;
    border-color: #000000;
}

/* Theme Button CSS End*/

/* Hero Section CSS Start */

.__hero {
    position: relative;
    z-index: 10;
    padding: 120px 0;
    background-color: #16467D;
    color: #ffffff;
}

.__hero .__bannerImg {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -10;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: bottom;
}

.__hero .__primaryBtn:hover {
    color: #ffffff;
    border-color: #ffffff;
}

.__hero .__content h1,
.__takeAction .__content h2,
.__newsAndUpdates .__content h2 {
    font-size: 45px;
    line-height: 1.3;
    padding: 0 0 10px;
    color: #000000;
}

.__hero p {
    font-size: 16px;
    line-height: 1.5;
    padding: 0 0 20px;
    color: #000000;
}

/* Hero Section CSS End */

/* Take Action Section CSS Start */

.__takeAction .__content {
    padding: 0 0 40px;
}

.__takeAction {
    position: relative;
    padding: 80px 0;
}

.__takeAction .__box img {
    margin: 0 0 10px;
}

.__takeAction .__box h4 {
    font-size: 20px;
    line-height: 1.3;
    color: #000000;
}

.__takeAction .__takeActionCard {
    position: relative;
    z-index: 20;
    background-color: #0863BE;
    color: #ffffff;
    padding: 80px 20px;
    border-radius: 0 150px 0 0;
    margin-top: -160px;
}

.__takeAction .__takeActionCard p {
    font-size: 16px;
    line-height: 1.5;
    padding: 20px 0;
}

/* Take Action Section CSS End */

/* Fake Amazons Section CSS Start */

.__fakeAmazons {
    background-color: #F3F3F3;
    padding: 20px 0;
}

.__fakeAmazons .__content h2 {
    font-size: 50px;
    line-height: 1.3;
    color: #000000;
}

.__fakeAmazons .__content h4 {
    font-size: 35px;
    line-height: 1.3;
    color: #0A68C4;
    padding: 30px 0 10px;
}

.__fakeAmazons .__content p,
.__fakeLogos .__content p {
    font-size: 16px;
    line-height: 1.5;
    font-family: "Inter Medium";
    padding: 0 0 25px;
    color: #000000;
}

/* Fake Amazons Section CSS End */

/* Fake Logos Section CSS Start */

.__fakeLogos {
    padding: 60px 0;
}

/* Fake Logos Section CSS End */

/* Publishers Recommended Section CSS Start */

.__publishersRecommended {
    padding: 20px 0;
    background-color: #003D79;
    color: #ffffff;
}

.__publishersRecommended .__content:not(.col-lg-6 .__content) {
    border-right: 2px solid #ffffff;
}

.__publishersRecommended .__content h2 {
    font-size: 50px;
    line-height: 1.3;
    padding: 30px 0;
}

.__publishersRecommended .__content p {
    font-size: 16px;
    line-height: 1.5;
}

.__publishersRecommended .__content .__primaryBtn {
    color: #003D79;
    background-color: #ffffff;
    margin: 20px 0 0;
    font-family: "Inter Medium";
    padding: 10px 30px;
}

/* Publishers Recommended Section CSS End */

/* News And Updates Section CSS Start */

.__newsAndUpdates {
    padding: 60px 0;
}

.__newsAndUpdates .__content:not(.__newsCards .__content) {
    border-bottom: 2px solid #dee2e6;
}

.__newsAndUpdates .__newsCards span {
    background-color: #BCDEFF;
    padding: 8px 20px;
    color: #003D79;
    font-size: 16px;
    line-height: 1.5;
    border-radius: 5px;
    margin: 0 0 20px;
}

.__newsAndUpdates .__newsCards h3 {
    font-size: 28px;
    line-height: 1.3;
    padding: 0 0 10px;
    color: #003D79;
}

.__newsAndUpdates .__newsCards h4 {
    font-size: 25px;
    line-height: 1.3;
    padding: 0 0 10px;
    color: #003D79;
}


.__newsAndUpdates .__newsCards p {
    font-size: 14px;
    line-height: 1.5;
}

.__newsAndUpdates .__newsCards a {
    font-size: 14px;
    line-height: 1.5;
}

.__newsAndUpdates .__newsCards .__primaryBtn {
    margin: 20px 0 0;
}

/* News And Updates Section CSS End */

/* Footer CSS Start */

footer .__footer {
    padding: 50px 0;
    background-color: #F3F3F3;
}

footer .__footer .__content p {
    font-size: 14px;
    line-height: 1.5;
    color: #000000;
}

footer .__footer h4 {
    font-size: 23px;
    line-height: 1.3;
    font-family: "Inter SemiBold";
    margin: 0 0 20px;
}

footer .__footer a {
    display: block;
    font-size: 16px;
    line-height: 1.3;
    color: #000000;
    margin: 0 0 10px;
}

footer .__bottomBar {
    padding: 15px 0;
    background-color: #003D79;
}

footer .__bottomBar a,
footer .__bottomBar span {
    display: block;
    font-size: 16px;
    line-height: 1.3;
    color: #B4B4B4;
    margin: 0;
}
/* Footer CSS End */