@charset "utf-8";
@import url(https://fonts.googleapis.com/css2?family=Lato:wght@300;400;700&family=Plus+Jakarta+Sans:wght@300;400;600;700&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Lato&family=Plus+Jakarta+Sans:wght@300;400;600;700&display=swap);
@import url(https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+JP:wght@300;400;500;700&display=swap);
@import url(https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+Arabic:wght@300;400;500;700&display=swap);

.f12 {
    font-size: .75rem
}

.f13 {
    font-size: .813rem
}

@media(max-width: 767px) {
    .f13 {
        font-size:13px
    }
}

.f14 {
    font-size: .875rem
}

.f15 {
    font-size: .938rem
}

.f16 {
    font-size: .833vw
}

@media(max-width: 767px) {
    .f16 {
        font-size:1pc
    }
}

.f17 {
    font-size: .88vw
}

@media(max-width: 767px) {
    .f17 {
        font-size:1pc
    }
}

.f18 {
    font-size: .9375vw
}

@media screen and (min-width: 2500px) {
    .f18 {
        font-size:.6vw
    }
}

@media(max-width: 767px) {
    .f18 {
        font-size:1pc
    }
}

.f20 {
    font-size: 1.04vw
}

@media(max-width: 767px) {
    .f20 {
        font-size:1rem
    }
}

.f24 {
    font-size: 1.25vw
}

@media(max-width: 767px) {
    .f24 {
        font-size:1.313rem
    }
}

.f28 {
    font-size: 1.45vw
}

@media(max-width: 767px) {
    .f28 {
        font-size:.938rem
    }
}

.f30 {
    font-size: 1.5vw
}

@media(max-width: 767px) {
    .f30 {
        font-size:30px
    }
}

.f32 {
    font-size: 1.66vw
}

@media(max-width: 767px) {
    .f32 {
        font-size:1.06rem
    }
}

.f48 {
    font-size: 2.5vw
}

@media(max-width: 767px) {
    .f48 {
        font-size:3pc
    }
}

.f54 {
    font-size: 2.81vw;
    line-height: 3.64vw
}

@media(max-width: 767px) {
    .f54 {
        font-size:1.81px;
        line-height: 4.375rem
    }
}

.f63 {
    font-size: 3.28vw;
    line-height: 3.64vw
}

@media(max-width: 767px) {
    .f63 {
        font-size:2.12rem;
        line-height: 4.375rem
    }
}

.font-jakarta {
    font-family: Plus Jakarta Sans,sans-serif
}

.heading1 {
    font-size: 2.188rem;
    line-height: 3.25rem
}

@media(min-width: 1900px) {
    .heading1 {
        font-size:3.25rem;
        line-height: 4.875rem
    }
}

@media(max-width: 767px) {
    .heading1 {
        font-size:2rem;
        line-height: 3.625rem
    }
}

.heading2 {
    font-size: 2.5vw;
    line-height: 3.125vw
}

@media(max-width: 767px) {
    .heading2 {
        font-size:1.75rem;
        line-height: 2.625rem
    }
}

.heading3 {
    font-size: 1.375rem;
    line-height: 2.063rem
}

@media(min-width: 1900px) {
    .heading3 {
        font-size:2rem;
        line-height: 3rem
    }
}

@media(max-width: 767px) {
    .heading3 {
        font-size:1.313rem;
        line-height: 1.688rem
    }
}

.heading4 {
    font-size: 1rem;
    line-height: 1.5rem
}

@media(min-width: 1900px) {
    .heading4 {
        font-size:1.5rem;
        line-height: 2.25rem
    }
}

@media(max-width: 767px) {
    .heading4 {
        font-size:1.125rem;
        line-height: 1.75rem
    }
}


/*Spacing Start*/
.mb-5{
    margin-bottom: 3.125rem; /*50px*/ 
}

.mb-6{
    margin-bottom: 3.75rem; /*60px*/ 
}

.mb-7{
    margin-bottom: 4.375rem; /*70px*/
}

.mb-8{
    margin-bottom: 5rem; /*80px*/ 
}

.mb-9{
    margin-bottom: 5.625rem; /*90px*/ 
}

.me-5{
    margin-left: 3.125rem;
}

.me-6{
    margin-left: 3.75rem;
}

.me-7{
    margin-left: 4.375rem;
}

.me-8{
    margin-left: 5rem;
}

.me-9{
    margin-left: 5.625rem;
}

.pt-5{
    padding-top: 3.125rem;
}

.pt-6{
    padding-top: 3.75rem;
}

.pt-7{
    padding-top: 4.375rem;
}

.pt-8{
    padding-top: 5rem;
}

.pt-9{
    padding-top: 5.625rem;
}
/*Spacing end*/

/*Base Start*/
body {
    background: #fff;
    color: #000;
    font: normal normal normal 1.041vw/1.56vw Lato,sans-serif;
    margin: 0
}

@media(max-width: 767px) {
    body {
        font:normal normal normal 1.125rem/1.75rem Lato,sans-serif
    }
}

.container.responsivegrid,.root.container {
    max-width: 100%!important;
    padding: 0!important
}

.aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--default--12 {
    float: none
}

.paginationShow {
    width: 50%;
    margin: 0 auto;
    text-align: center;
    font-size: 18px;
    font-weight: bold;
    text-transform: capitalize;
    margin-bottom: 28px;
}
#btn_prev, #btn_next {
    padding-right: 5px;
    padding-left: 5px;
}
@media(min-width: 1900px) {
    .container {
        max-width:1640px
    }
}

.skip-lnk {
    background-color: #2a4dc0;
    color: #fff;
    font-weight: 700;
    padding: .2rem 1rem;
    position: absolute;
    text-decoration: none;
    -webkit-transform: translate3d(.125rem,-5rem,0);
    transform: translate3d(.125rem,-5rem,0);
    -webkit-transition: -webkit-transform .3s ease-out;
    transition: -webkit-transform .3s ease-out;
    transition: transform .3s ease-out;
    transition: transform .3s ease-out,-webkit-transform .3s ease-out;
    z-index: 10
}

.skip-lnk:focus {
    outline: .125rem solid #fff;
    -webkit-transform: translate3d(.125rem,.125rem,0);
    transform: translate3d(.125rem,.125rem,0)
}

.skip-lnk:hover {
    color: #fff
}

@media print {
    .skip-lnk {
        display: none
    }
}


/*Base End*/


/*Breadcrumb start*/
.cursor-pointer {
    cursor: pointer
}

.breadcrumb {
    background: url(../images/common/breadcrumb_bg.png) 0 0 no-repeat padding-box;
    background-position: 50%;
    background-size: cover;
    color: #fff;
    font: inherit;
    font-size: .75rem;
    letter-spacing: .5px;
    margin-bottom: 0;
    padding-bottom: 0;
    width: 100%
}

.breadcrumb h1 {
    font: normal normal 700 2.7vw/4.0625vw Plus Jakarta Sans,sans-serif
}

@media(max-width: 767px) {
    .breadcrumb h1 {
        font-size:2pc;
        line-height: 36px
    }
}

@media(min-width: 768px)and (max-width:991px) {
    .breadcrumb {
        background-size:150%
    }
}

@media(max-width: 767px) {
    .breadcrumb {
        background:url(../images/common/breadcrumb_bg_mobile.svg) 0 0 no-repeat padding-box;
        background-position: 50%;
        background-size: cover;
        font-size: .75rem;
        width: 100%
    }
}

.breadcrumb .cmp-breadcrumb {
    padding: 1rem 1rem .4rem 0
}

@media(max-width: 767px) {
    .breadcrumb .cmp-breadcrumb {
        padding:1rem
    }
}

.breadcrumb .breadcrumb-item-link {
    border-radius: 0;
    color: #fff;
    display: inline-block;
    font: inherit;
    font-size: .75rem;
    letter-spacing: .08px;
    line-height: 19px;
    text-decoration: underline
}

.breadcrumb .breadcrumb-item-link:hover {
    text-decoration: none
}

@media(min-width: 1900px) {
    .breadcrumb .breadcrumb-item-link {
        font-size:1rem
    }
}

@media(max-width: 767px) {
    .breadcrumb .breadcrumb-item-link {
        font-size:.875rem
    }
}

.breadcrumb .breadcrumb-list {
    -webkit-padding-start: unset;
    list-style: none;
    margin-bottom: .25rem;
    padding-inline-start:unset;width: 100%
}

.breadcrumb .breadcrumb-item {
    display: inline;
    letter-spacing: .08px;
    line-height: 19px;
    padding-left: 0
}

.breadcrumb .breadcrumb-item:after {
    content: ">";
    font-family: monospace;
    margin: 0 .2rem
}

.breadcrumb .breadcrumb-item:before {
    content: ""
}

@media(min-width: 1900px) {
    .breadcrumb .breadcrumb-item {
        font-size:1rem
    }
}

@media(max-width: 767px) {
    .breadcrumb .breadcrumb-item {
        font-size:.875rem
    }
}

.breadcrumb .breadcrumb-item-active:after {
    display: none
}

.breadcrumb .breadcrumb-item-active .breadcrumb-item-link {
    cursor: default;
    text-decoration: none
}

.breadcrumb .breadcrumb-item-active .breadcrumb-item-link:hover {
    color: inherit;
    text-decoration: none
}

.breadcrumb.login {
    background: none;
    margin: 0
}

@media(max-width: 767px) {
    .breadcrumb.login {
        padding-left:25px
    }
}

.breadcrumb.login .breadcrumb-item a {
    color: #2a4dc0
}

@media(max-width: 767px) {
    .breadcrumb.login .breadcrumb-item a {
        color:#fff
    }
}

.breadcrumb.login .breadcrumb-item.active {
    color: #191919
}

@media(max-width: 767px) {
    .breadcrumb.login .breadcrumb-item.active {
        color:#fff
    }
}

.breadcrumb.login .breadcrumb-item:after {
    color: #2a4dc0
}

.breadcrumb.login .breadcrumb-item:last-child:after {
    content: none
}

.breadcrumb {
    margin-top: 75pt
}

@media(max-width: 767px) {
    .breadcrumb {
        margin-top:145px
    }
}

/*Breadcrumb end*/