:root {
    --font-MDRegular: 'Microgram DB Regular', sans-serif;
    --font-MDExtMed: 'Microgramma D Extended Medium', sans-serif;
    --font-MDBoldReg: 'MicrogrammaDBolExt Regular', sans-serif;
    --font-MDExtBold: 'MicrogrammaEF Extend Bold', sans-serif;

    --font-Figtree: 'Figtree', sans-serif;

    --container-width: 1640px;

    --color-deepBlue: #153797;
    --color-orange: #CB6410;
    --white: #ffffff;
    --black: #000000;

    --primHeadingFont: 48px;
	--subHeadingFont: 24px;
    --bodyFont: 20px;
    --menuFont: 20px;
	--btnFont: 20px;

    --primHeadingLh: 58px;
    --subHeadingLh: 24px;
    --bodyLh: 32px;
}

body.no-scroll {
    overflow: hidden;
    height: 100vh;
}
html, body { height: 100%; }
body,
body::before,
body::after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    overflow-x: hidden;
    font-family: var(--font-Figtree);
    font-size: var(--bodyFont);
}
a {
    color: inherit;
    text-decoration: none;
}
a:not(.primary-btn):hover {
    color: var(--color-orange);
}

.container {
    max-width: var(--container-width) !important;
    padding-left: 36px !important;
    padding-right: 36px !important;
    margin: 0 auto;
}

.header .navbar-brand img {
    max-width: 324px;
}

section {
    margin: 120px 0;
}
.inner-sec {
    position: relative;
    padding-top: 120px;
    padding-bottom: 120px;
    z-index: 1;
}

.content-flex-col {
    display: flex;
    flex-direction: column;
    gap: 20px
}
.g-10 {
    gap: 10px
}
.g-15 {
    gap: 15px
}
.g-25 {
    gap: 25px
}
.g-30 {
    gap: 30px
}
.g-35 {
    gap: 35px
}
.g-40 {
    gap: 40px
}
.g-50 {
    gap: 50px
}
.g-60 {
    gap: 60px
}

.title_align_center .common-header,
.content_align_center .content_wrap {
    text-align: center;
}

.primary-btn,
.navbar-nav .menu-btn a {
    min-width: 241px;
    font-family: var(--font-MDExtBold);
    text-transform: uppercase;
    color: var(--white);
    background-color: var(--color-orange);
    border-radius: 50px;
    padding: 15px 30px;
    text-decoration: none;  
    text-align: center;
    display: inline-block;
    font-size: var(--btnFont) !important;
    transition: all 0.5s ease;
    line-height: 20px;
}
.primary-btn:hover,
.navbar-nav .menu-btn a:hover {
    background-color: var(--color-deepBlue);
}


.common-header-row {
    display: flex;
    align-items: center;
    gap: 30px 50px;
    margin-bottom: 60px;
}
.common-header-row .ch-header {
    flex-basis: 80%;
}
.common-header-row .ch-btn {
    flex-basis: 20%;
}

.common-title {
    font-family: var(--font-MDBoldReg);
    font-size: var(--primHeadingFont);
    font-style: normal;
    font-weight: 400;
    line-height: var(--primHeadingLh);
    color: var(--color-deepBlue);
    text-transform: capitalize;
}
/*.common-title span {
    font-weight: 700;
}*/
.sub-heading {
    font-family: var( --font-MDBoldReg);
    font-size: var(--subHeadingFont);
    font-style: normal;
    font-weight: 400;
    line-height: var(--subHeadingLh);
    color: var(--color-orange);
}

.parah {
    display: flex;
    flex-direction: column;
    gap: 20px;
    font-family: var(--font-Figtree);
    font-size: var(--bodyFont);
    font-style: normal;
    font-weight: 400;
    line-height: var(--bodyLh);
    color: var(--black);
}
.parah .highlight,
.parah strong {
    font-weight: 700;
}
.parah a:hover {
    color: var(--color-orange);
}

.text_white * {
    color: var(--white) !important;
}

@media (max-width: 1550px) {
    section {
        margin: 75px 0 !important;
    }
    .inner-sec{
        padding-top: 75px;
        padding-bottom: 75px ;
    }
}
@media(max-width:992px) {
    :root {
        --primHeadingFont: 38px;
        --primHeadingLh: 44px;
    }
    .pt-100 {
        padding-top: 0px;
    }
}
@media(max-width:768px) {    
    .common-header-row {
        margin-bottom: 30px;
    }
    .common-header-row {
        flex-direction: column;
    }
    /*.common-header {
        text-align: center;
    }*/
    .common-header-row.left-align-all-screen {
        align-items: flex-start;
    }
    .common-header-row.left-align-all-screen .common-header {
        text-align: left;
    }

    .desk-hide {
        display: block;
        margin-top: 100px;
    }
    .mob-hide {
        display: none;
    }
}
@media(max-width:430px) {   
    .common-title {
        font-size: 32px;
    }
}