@font-face {
    font-family: 'Avenir Light';
    font-style: normal;
    font-weight: 700; /* Bold */
    src: url('../fonts/avenir/AvenirLTStd-Light.otf') format('opentype');
}
@font-face {
    font-family: 'Avenir Light Oblique';
    font-style: normal;
    font-weight: 700; /* Bold */
    src: url('../fonts/avenir/AvenirLTStd-LightOblique.otf') format('opentype');
}
@font-face {
    font-family: 'Avenir Regular';
    font-style: normal;
    font-weight: 400; /* Regular */
    src: url('../fonts/avenir/AvenirLTStd-Roman.otf') format('opentype');
}
@font-face {
    font-family: 'Avenir Regular Oblique';
    font-style: normal;
    font-weight: 400; /* Regular */
    src: url('../fonts/avenir/AvenirLTStd-Oblique.otf') format('opentype');
}
@font-face {
    font-family: 'Avenir Medium';
    font-style: normal;
    font-weight: 700; /* Bold */
    src: url('../fonts/avenir/AvenirLTStd-Medium.otf') format('opentype');
}
@font-face {
    font-family: 'Avenir Medium Oblique';
    font-style: normal;
    font-weight: 700; /* Bold */
    src: url('../fonts/avenir/AvenirLTStd-MediumOblique.otf') format('opentype');
}
@font-face {
    font-family: 'Avenir Black';
    font-style: normal;
    font-weight: 700; /* Bold */
    src: url('../fonts/avenir/AvenirLTStd-Black.otf') format('opentype');
}
@font-face {
    font-family: 'Avenir Black Oblique';
    font-style: normal;
    font-weight: 700; /* Bold */
    src: url('../fonts/avenir/AvenirLTStd-BlackOblique.otf') format('opentype');
}
@font-face {
    font-family: 'Avenir Book';
    font-style: normal;
    font-weight: 700; /* Bold */
    src: url('../fonts/avenir/AvenirLTStd-Book.otf') format('opentype');
}
@font-face {
    font-family: 'Avenir Book Oblique';
    font-style: normal;
    font-weight: 700; /* Bold */
    src: url('../fonts/avenir/AvenirLTStd-BookOblique.otf') format('opentype');
}

:root {  
    --font-avenir-light:'Avenir Light';
    --font-avenir-lightOb:'Avenir Light Oblique';
    --font-avenir-regular:'Avenir Regular';
    --font-avenir-regularOb:'Avenir Regular Oblique';
    --font-avenir-medium:'Avenir Medium';
    --font-avenir-mediumOb:'Avenir Medium Oblique';
    --font-avenir-black:'Avenir Black';
    --font-avenir-blackOb:'Avenir Black Oblique';
    --font-avenir-book:'Avenir Book';
    --font-avenir-bookOb:'Avenir Book Oblique';
    --color-primary-blue:#1D428A;
    --color-primary-orange:#E77309;
    --color-btn-hover:#4497CB;
    --color-parah:#707070;
    --color-white:#fff;
    --color-black:#000;
    --transition-all:all 0.5s ease;
}

html, body {
    margin: 0;
    padding: 0;
    font-family: var(--font-avenir-book);
    box-sizing: border-box;
}

.container {
    max-width: 1468px !important;
    padding-left: 36px;
    padding-right: 36px;
}
section, footer {
    margin: 100px 0;
}
.inner-sec {
    padding-top: 100px;
    padding-bottom: 100px;
}

.primary-fill-btn {
	font-family: var(--font-avenir-black);
	color: var(--color-white);
	font-size: 29px;
	text-transform: capitalize;
	background-color: var(--color-primary-orange);
	padding: 22px 43px;
	border-radius: 50px;
	transition: var(--transition-all);
	text-align: center;
	display: inline-block;
	text-decoration: none;
}
.primary-fill-btn:hover {
	background-color: var(--color-btn-hover);
	color: var(--color-white);
}

.heading-1 {
    font-size: 62px;
    line-height: 64px;
    font-family: var(--font-avenir-black);
    color: var(--color-primary-blue);
    margin: 0;
}
.heading-1 em,
.parah em strong {
    font-family: var(--font-avenir-blackOb);
}
.heading-1 strong,
.parah strong {
    font-family: var(--font-avenir-black);
}
.heading-2 {
    font-size: 43px;
    line-height: 45px;
    font-family: var(--font-avenir-black);
    color:var(--color-primary-blue);
    margin: 0;
}
.heading-1.white,
.heading-2.white {
    color:var(--color-white);
}

.parah {
    display: flex;
    flex-direction: column;
    gap: 20px;
}
.parah * {
    margin: 0;
    color:var(--color-parah);
    font-size: 20px;
    line-height: 27px;
    font-family: var(--font-avenir-book);
}
.parah a {
    text-decoration: none;
    font-family: var(--font-avenir-black) !important;
}
.parah a:hover {
    color:var(--color-primary-orange);
}
.parah .f-black {
    font-family: var(--font-avenir-black);
}
.parah .f-blackOb {
    font-family: var(--font-avenir-blackOb);
}
.parah.white * {
    color:var(--color-white);
}
.font-25 {
    font-size: 25px !important;
}


.content-flex {
    display: flex;
    flex-direction: column;
    gap: 30px;
}
.content-flex.g-10 {
    gap: 10px;
}
.content-flex.g-20 {
    gap: 20px;
}

header {
    border-top:43px solid var(--color-primary-blue);
}
.header-wrap {
    display: flex;
    padding: 22px 0;
    justify-content: space-between;
    align-items: center;
    gap: 24px;
}
.header-wrap .img-wrap img {
    height: 141px;
    padding: 10px 0;
    object-fit: contain;
}

.banner-sec {
    margin: 0 0 10px 0 !important;
}
.banner-sec img {
    height: 100%;
    width: 100%;
    object-fit: cover;
    object-position: center;
}
.bg-blue {
    background-color: var(--color-primary-blue);
}

.copy-right {
    padding: 0 36px;
}
.copy-right ul {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    margin: 0;
    padding: 15px 0;
    list-style-type: none;
    gap: 30px;
}
.copy-right ul * {
    color:var(--color-parah);
    font-family: var(--font-avenir-book);
    font-size: 20px;
    text-decoration: none;
}
.copy-right ul a:hover {
    color:var(--color-primary-orange)
}

@media(max-width: 767px) {
    .heading-1 {
        font-size: 55px;
        line-height: 64px;
        text-wrap: balance;
    }
	.heading-2 {
        font-size: 35px;
        line-height: 40px;
        text-wrap: balance;
    }
    section {
        margin: 50px 0;
    }
    .inner-sec {
        padding-top: 50px;
        padding-bottom:50px;
    }
}
@media(max-width: 575px) {
    .header-wrap {
        flex-direction: column-reverse;
        justify-content: center
    }
    .copy-right ul {
        padding: 32px 0;
        flex-direction: column;
        text-align: center;
    }
}

@media(max-width: 430px) {
	.container {
		padding-left: 20px;
		padding-right: 20px;
	}
	.heading-1 {
        font-size: 45px;
        line-height: 50px;
        text-wrap: balance;
    }
}