@import url(https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap);
@import url('https://fonts.googleapis.com/css?family=Open Sans');




.footerLinks h3,
.subscribe h3 {
    text-transform: uppercase;
    font-weight: 700
}

#contactPop .modal-dialog,
.banner,
.contact1-form,
.event-card,
.eventsCard,
.imgWithContent,
.newsCard,
.pafi-views-card,
.page-banner,
.reportCard,
.scroll-container,
.session,
.teacherBx,
.whatWeDoCard {
    overflow: hidden
}

.mainHeader,
a,
a:focus,
a:hover {
    transition: .4s
}

.listInline,
.megamenu ul,
.unorderList {
    list-style-type: none
}

.breadcrumb-item,
.icon,
.know-more,
.social-icons a,
.viewBtn,
.watch-recorded-btn a,
a,
a:focus,
a:hover {
    text-decoration: none
}

body {
    font-family: Inter, sans-serif;
    background: #fff;
    overflow: auto;
    font-size: 14px;
    padding-top: 0
}

img {
    max-width: 100%
}

button,
input {
    outline: 0;
    box-shadow: none
}

.owl-carousel .owl-item img {
    width: auto
}

.mobile {
    display: none !important
}

.copyrightArea .right-text,
.text-end {
    text-align: right
}

.fullWidth,
section.inrBanner>img {
    width: 100%
}

section {
    padding: 70px 0 30px
}

.banner {
    padding: 0 !important
}

.sectionHeading h2 {
    font-size: 40px;
    color: #333232;
    font-weight: 900
}

.bannerContent h1 span,
.sectionHeading h2 span,
.subscribe h3 span {
    color: #ff6d41
}

.sectionHeading h3 {
    font-size: 20px;
    color: #333232;
    font-weight: 400;
    margin: 0 0 5px
}

.mainHeader {
    z-index: 99;
    width: 100%;
    top: 0;
    left: 0;
    position: fixed
}

header.mainHeader.fixedHeader {
    background: #fff;
    box-shadow: 0 0 10px #0000001c;
    border-radius: 0 0 18px 18px
}

.listInline {
    display: flex;
    margin: 0;
    padding: 0;
    gap: 20px
}

.footerLinks li {
    margin-bottom: 5px
}

.socialIcons li a {
    padding: 5px 10px !important;
    border-radius: 50%
}

.unorderList {
    margin: 15px 0 0;
    padding: 0
}

.gap20 {
    gap: 20px
}

.searchbar {
    border: 1px solid #747474 !important;
    border-radius: 30px !important;
    padding: 7px 15px !important;
    width: 170px !important;
    background-color: #fff !important;
    color: #bfbfbf !important
}

.navbar-social {
    margin: 0 !important;
    padding: 0 !important
}

.categoriesBx,
section#popular .owl-stage-outer {
    margin-bottom: 30px
}

.fixedHeader nav {
    margin: 0;
    border-radius: 18px
}

nav {
    margin: 35px 60px;
    border-radius: 18px
}

.navbar-brand img {
    max-width: 245px
}

.navbar-nav {
    padding: 7px 15px !important;
    display: flex;
    justify-content: flex-end;
    width: 100%;
    align-items: center
}

nav#mainNav {
    background: #fff !important;
    padding: 0
}

nav#mainNav .nav-item>a {
    font-size: 13px;
    color: #000;
    font-weight: 500;
    padding: 5px;
    position: relative;
    display: flex;
    gap: 3px;
    align-items: center
}

nav#mainNav .nav-item {
    padding: 0 1px
}

nav#mainNav .nav-item.navBtn {
    padding-right: 0;
    padding-top: 5px
}

nav#mainNav .nav-item.navBtn a {
    cursor: pointer
}

nav#mainNav .nav-item.navBtn a:hover {
    background: #000;
    color: #fff !important
}

.categoriesBx,
.customSec,
.dropmenu,
.form-group,
.subMail,
.thumbnail {
    position: relative
}

.dropmenuWrp {
    position: absolute;
    left: 0;
    top: 100%;
    background: #fff;
    min-width: 150px;
    padding: 5px 0;
    box-shadow: 4px 10px 10px #0000002e;
    display: none
}

.dropmenuWrp li a {
    display: block;
    padding: 5px 10px;
    color: #5b3700;
    font-size: 14px
}

.dropmenu:hover .dropmenuWrp,
.filterBx .unorderList {
    display: block
}

.dropmenu:hover>a,
nav#mainNav .nav-item>a:hover {
    color: #000 !important
}

.dropmenuWrp li a:hover {
    background: #f5f5f5
}

.dropmenuToggle {
    position: absolute;
    right: 0;
    top: 19px;
    color: #fff
}

.bannerContent h3 {
    font-weight: 400;
    font-size: 50px;
    color: #333232;
    margin: 0
}

.bannerContent h1 {
    color: #333232;
    font-size: 56px;
    margin: 10px 0 20px;
    font-weight: 800
}

.searchBox input {
    width: 100%;
    border: 1px solid #cfcfcf;
    padding: 10px 150px 10px 45px;
    border-radius: 20px;
    font-size: 16px;
    color: #ddd
}

.searchBox {
    position: relative;
    width: 55%;
    margin-top: 20px
}

.searchBox>img {
    position: absolute;
    top: 15px;
    left: 20px
}

.searchBox input::placeholder {
    color: #ddd
}

.searchBox button.colorBtn {
    position: absolute;
    top: 0;
    right: 0;
    border: none;
    padding: 11px 28px !important;
    font-size: 16px
}

.blackBtn,
.blueBtn,
.colorBtn,
.greyBtn,
.lineBtn {
    display: inline-flex;
    padding: 10px 20px !important;
    background: #ff6d41;
    border-radius: 50px;
    color: #fff !important;
    position: relative;
    z-index: 1;
    text-transform: uppercase;
    align-items: center;
    gap: 10px;
    white-space: nowrap;
    border: none;
    cursor: pointer
}

.colorBtn,
.greyBtn {
    text-transform: none
}

.lineBtn {
    background: 0 0;
    border: 1px solid #ff6d41;
    color: #ff6d41 !important
}

.blackBtn {
    background: #333232
}

.greyBtn {
    background: #eaecfd;
    color: #616167 !important;
    border: none;
    font-size: 12px;
    outline: 0 !important
}

section.banner {
    position: relative;
    padding-bottom: 0
}

img.bannerImg {
    position: absolute;
    right: 0;
    bottom: 0;
    min-width: 530px;
    max-width: 100%
}

.bannerContent {
    position: relative;
    z-index: 9
}

section.banner .container {
    position: relative;
    margin: 150px auto 50px
}

.bannerContent .listInline {
    justify-content: center;
    margin-top: 50px;
    gap: 20px
}

.megamenu ul,
.trust {
    padding: 0
}

.trust h3 {
    font-size: 32px;
    line-height: 43px;
    font-weight: 500;
    color: #253f89
}

.trust h3 span {
    font-weight: 600;
    color: #3042fb
}

.trust .listInline {
    margin-top: 20px;
    align-items: center;
    justify-content: space-between
}

.explore {
    background: #f6f6f6
}

.para {
    font-size: 16px;
    color: #262626;
    line-height: 27px
}

.teacherBx {
    background: #f0f0f0;
    padding: 20px 0 0;
    border-radius: 30px;
    text-align: center
}

.teacherBx img {
    width: 120px;
    height: 120px;
    object-fit: scale-down;
    margin: 0 auto;
    border: 2px solid #fff;
    border-radius: 50%
}

.teacherBx h3 {
    font-size: 20px;
    line-height: 32px;
    color: #ff6d41;
    font-weight: 600;
    margin: 5px 0
}

.teacherBx .listInline li span,
.teacherBx p {
    color: #333232
}

.teacherBx p {
    font-size: 18px;
    font-weight: 500;
    margin: 0 0 5px
}

.teacherBx .listInline {
    justify-content: center;
    gap: 5px;
    color: #ffcd4e;
    margin: 0 0 10px
}

.teacherBx .listInline li {
    font-size: 17px
}

.teacherBx .d-flex a {
    width: 50%;
    justify-content: center;
    border-radius: 0
}

.teacherBx .d-flex {
    align-items: center
}

.owl-dots button {
    width: 10px;
    height: 10px;
    background: #c7c7c7 !important;
    border-radius: 50%
}

.owl-dots {
    display: flex;
    gap: 5px;
    justify-content: center;
    position: absolute;
    left: 50%;
    transform: translate(-50%);
    bottom: 6px
}

.owl-dots button.owl-dot.active {
    background: #ef6b3e !important
}

.owl-nav {
    display: flex;
    justify-content: space-evenly
}

.catHeading,
.circleBx {
    align-items: center;
    display: flex
}

.categoriesBx>img {
    width: 100%;
    height: 250px;
    object-fit: cover;
    border-radius: 10px
}

.catHeading {
    position: absolute;
    bottom: 30px;
    width: 100%;
    background: #333232E0;
    justify-content: space-between;
    padding-left: 20px
}

.catHeading .colorBtn {
    border-radius: 0;
    border: none;
    cursor: pointer
}

.catHeading h3 {
    margin: 0;
    font-size: 20px;
    color: #fff;
    font-weight: 800
}

.applyWrp {
    display: flex;
    padding: 0
}

.circleBx {
    width: 20%;
    justify-content: center;
    text-align: center;
    border-radius: 50%;
    background: #f4f4f4;
    height: 244px;
    position: relative;
    border: 10px solid #fff
}

.circleBx:after,
.circleBx:before {
    content: "";
    border-radius: 50%;
    width: calc(100% + 20px);
    height: calc(100% + 20px);
    position: absolute;
    left: -10px;
    top: -10px;
    border-left: 3px dashed #ccc;
    border-top: 3px dashed #ccc;
    border-right: 3px solid #ff6d41;
    border-bottom: 3px solid #ff6d41;
    transform: rotate(45deg)
}

.circleBx:nth-child(2n):after,
.circleBx:nth-child(2n):before {
    border-right: 3px dashed #ccc;
    border-bottom: 3px dashed #ccc;
    border-left: 3px solid #ff6d41;
    border-top: 3px solid #ff6d41
}

.circleBx h3 {
    font-size: 22px;
    font-weight: 700;
    color: #ff6d41;
    margin: 5px 0
}

.circleBx p {
    margin: 0;
    font-size: 14px;
    color: #333232;
    font-weight: 400
}

.imgWithContent {
    border-radius: 35px 70px;
    background: #fff;
    transition: .5s
}

.imgWithContent:hover {
    background: #ff6d41;
    color: #fff;
    transition: .5s
}

.imgWithContent img {
    width: 100%;
    border-radius: 25px 50px
}

.imgWithContent h3 {
    margin: 0;
    font-size: 15px;
    padding: 15px;
    text-align: center
}

section.beTheTeacher p {
    font-size: 20px;
    margin: 0 0 10px;
    font-weight: 400
}

section.beTheTeacher h4 {
    color: #ff6d41;
    font-size: 24px;
    font-weight: 800;
    margin-bottom: 10px
}

.footer {
    background-image: url(../images/footer-new.webp);
    background-size: cover !important;
    padding: 50px 0 0
}

.footerLinks .d-flex {
    gap: 15px
}

.footerLinks .d-flex p,
.footerLinks .d-flex p a {
    margin: 0;
    font-size: 14px;
    color: #fff;
    align-items: center
}

.gallery2 .owl-carousel .owl-stage-outer {
    width: 100%;
    overflow-x: clip !important;
    overflow: visible;
    z-index: 99
}

.navbar-nav::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 20px;
    height: 20px;
    background-color: #fff;
    clip-path: polygon(0 0, 100% 0, 0 100%);
    border-radius: 18px 0 0
}

.footerLinks h3 {
    color: #d36f4d;
    position: relative;
    margin: 0 0 10px;
    padding-bottom: 10px;
    font-size: 21px;
    line-height: 100%;
    letter-spacing: 0;
    font-family: Lora, serif
}

.footerLinks ul li a {
    line-height: 2;
    color: #fff
}

.subscribe h3 {
    color: #fff;
    font-size: 20px
}

.subMail input {
    width: 100%;
    padding: 10px;
    font-size: 12px;
    background: #e5e7eb;
    border: none
}

.subMail button {
    position: absolute;
    right: 3px;
    top: 3px;
    cursor: pointer;
    border: none;
    border-radius: 0;
    padding: 7px 13px !important;
    font-size: 12px
}

.contactUs,
.tileBx {
    border-radius: 20px
}

.subscribe p {
    color: #fff;
    font-size: 12px;
    text-align: center;
    margin: 5px 0 30px
}

.subscribe ul {
    color: #fff;
    justify-content: center
}

.footer p.py-3.text-center.border-top {
    color: #fff;
    font-size: 14px;
    font-weight: 300
}

.contactUs {
    background: #fff;
    padding: 0
}

.contactUs h2 {
    font-size: 40px;
    font-weight: 600;
    line-height: 60px;
    color: #fff
}

.contactTile {
    display: flex;
    flex-wrap: wrap;
    gap: 30px
}

.tileBx {
    background: #1e326e;
    width: calc(50% - 15px);
    padding: 20px
}

.tileBx p {
    margin-top: 55px !important;
    font-size: 24px
}

.tileBx p a {
    color: #dcefd894
}

.contactBx h3 {
    color: #1a1a1a;
    margin: 10px 0 30px;
    font-size: 21px;
    font-weight: 600
}

.contactBx {
    padding: 30px;
    background: #fff
}

.form-control {
    background: #f2f2f2 !important;
    border: none;
    color: #000 !important;
    border-radius: 5px;
    font-size: 12px;
    outline: 0 !important;
    box-shadow: none !important;
    height: auto;
    padding: 10px 15px;
    resize: none
}

.form-control::placeholder {
    color: grey !important
}

button.close {
    position: absolute;
    right: 0;
    z-index: 9;
    background: #ef6b3e;
    font-size: 30px;
    width: 40px;
    height: 40px;
    opacity: 1;
    color: #fff
}

.dropMenu2Container,
.dropMenuContainer,
.dropmenu2>ul,
.dropmenu>ul {
    transform: translateY(50px);
    visibility: hidden;
    opacity: 0;
    transition: .5s
}

#contactPop .modal-dialog {
    max-width: 1200px;
    border-radius: 15px
}

#contactPop .modal-header {
    border: none;
    color: #fff;
    background: #fff
}

#contactPop .modal-header button {
    color: #000;
    opacity: 1;
    font-size: 32px
}

.contactAdditional h5 {
    font-size: 14px;
    color: #1a1a1a;
    text-align: center;
    margin: 0 0 20px
}

.contactAdditional {
    margin: 30px 0 0;
    border-top: 1px solid #e5e5e5;
    padding-top: 30px
}

.contactAdditional .d-flex {
    justify-content: center;
    gap: 30px
}

.contactAdditional .d-flex .lineBtn {
    font-weight: 700;
    color: #000 !important
}

div#passEye {
    position: absolute;
    right: 10px;
    bottom: 30px
}

#passEye i.fas.fa-eye-slash,
#passEye.showPassword i.far.fa-eye.showPass,
.customCheckbox input,
.customCheckboxLong input,
.filterBx .unorderList.active,
.indexCard:hover .indexEventCardText {
    display: none
}

#passEye.showPassword i.fas.fa-eye-slash,
.socialIcons li {
    display: inline-block
}

.customCheckbox,
.dropmenu,
.dropmenu2,
.filterSelected,
.indexCardOverlay,
.indexCardOverlay h3,
.indexEventCardOverlay,
.megamenu,
.ratingDrop,
.showResultBx {
    display: flex;
    display: flex
}

section.inrBanner {
    position: relative;
    padding: 60px 0 0
}

section.inrBanner .inerBannerContent {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    text-align: center;
    padding: 0 30px
}

.inerBannerContent h1 {
    margin: 0;
    font-size: 54px;
    color: #fff;
    font-weight: 800
}

.ratingDrop,
.showResultBx h3 {
    color: #424242;
    font-size: 14px
}

section.breadcrum {
    padding: 10px 0
}

section.breadcrum a {
    color: #bdbdbd
}

section.breadcrum li {
    color: #252b42;
    position: relative
}

section.breadcrum li:not(:last-child):after {
    content: ">";
    position: relative;
    top: 1px;
    right: -6px;
    color: #bdbdbd
}

section.showResult {
    background: #ececec;
    padding: 30px 0
}

.showResultBx {
    justify-content: space-between;
    align-items: center
}

.showResultBx h3 {
    font-weight: 500;
    margin: 0
}

.ratingDrop {
    gap: 20px;
    align-items: center
}

.ratingDrop select {
    background: #f9f9f9;
    padding: 10px;
    border: 1px solid #ddd;
    font-size: 14px;
    color: #737373;
    outline: 0;
    border-radius: 7px
}

.filterSelected {
    gap: 70px;
    align-items: center;
    margin-bottom: 50px
}

.filterSelected p {
    margin: 0;
    font-size: 19px;
    color: #424242;
    font-weight: 600
}

.filterSelected button,
.filterSelected>a {
    color: #bebdbd;
    border: none;
    background: 0 0;
    font-size: 19px;
    font-weight: 300;
    padding: 0
}

.filterBx {
    padding: 25px;
    background: #eae9e8;
    border-radius: 20px;
    margin-bottom: 30px
}

.filterBx h3 {
    font-size: 16px;
    font-weight: 700;
    color: #424242;
    margin: 0;
    cursor: pointer
}

.customCheckbox label,
.customCheckboxLong label {
    color: #333232;
    font-size: 14px;
    font-weight: 700;
    cursor: pointer
}

.customCheckbox {
    justify-content: space-between;
    padding-left: 0;
    margin-bottom: 15px
}

.customCheckbox label {
    position: relative;
    margin-left: 25px;
    margin-bottom: 0
}

.customCheckbox label:after {
    content: "";
    width: 20px;
    height: 20px;
    border: 1px solid #dcdcdc;
    position: absolute;
    left: -25px;
    background: #fff;
    border-radius: 6px
}

.customCheckbox input:checked~label:before {
    content: "";
    width: 14px;
    height: 14px;
    background: #ff6d41;
    position: absolute;
    left: -22px;
    top: 3px;
    z-index: 1;
    border-radius: 4px
}

.customCheckboxLong,
.purpose-list li,
.year-tabs {
    margin-bottom: 20px
}

.customCheckboxLong label {
    background: #fff;
    border: 1px solid #dcdcdc;
    padding: 3px 20px;
    border-radius: 9px;
    margin: 0
}

.customCheckboxLong input:checked~label {
    border: 1px solid #ff6d41
}

.pagination .listInline {
    gap: 0
}

.pagination .listInline button {
    padding: 6px 15px;
    border: 1px solid #e9e9e9;
    font-size: 14px;
    font-weight: 700;
    cursor: pointer
}

.pagination .listInline button.active {
    background: #000;
    color: #fff
}

.mainHeader .container {
    margin-right: 0 !important;
    padding-right: 0
}

.navbar-light .navbar-brand {
    margin: 0 40px !important
}

.dropMenu2Container,
.dropMenuContainer {
    position: absolute;
    left: 0;
    width: 100%;
    z-index: 999999;
    top: 98%;
    background: #fff;
    padding: 10px;
    border-radius: 18px
}

.megamenu:hover .dropMenu2Container,
.megamenu:hover .dropMenuContainer {
    visibility: visible;
    transform: translateY(0);
    transition: .5s;
    opacity: 1;
    box-shadow: 0 8px 10px #0000004a
}

.dropmenu,
.megamenu {
    align-items: center;
    gap: 0;
    margin-right: 5px
}

.dropMenu2Container h3,
.dropMenuContainer h3 {
    font-size: 18px;
    font-weight: 600;
    color: #d36f4d;
    position: relative;
    padding-bottom: 5px;
    margin-top: 10px;
    margin-bottom: 15px
}

.dropMenu2Container h3:after,
.dropMenuContainer h3:after {
    content: "";
    width: 60px;
    height: 2px;
    background: #d36f4d;
    position: absolute;
    left: 0;
    bottom: -5px
}

.dropmenu2>ul,
.dropmenu>ul {
    position: absolute;
    left: 0;
    list-style-type: none;
    padding: 5px;
    min-width: 200px;
    background: #fff;
    top: 100%;
    border-radius: 7px;
    box-shadow: 0 8px 10px #0000004a;
    z-index: 999
}

.dropmenu ul li a,
.dropmenu2 ul li a {
    display: block;
    padding: 5px 10px;
    background: #fff;
    color: #000;
    font-weight: 500;
    font-size: 13px;
    border-radius: 7px;
    width: 100%
}

.dropmenu ul li a:hover,
.dropmenu2 ul li a:hover {
    background: #d36f4d;
    color: #fff
}

.dropmenu2:hover>ul,
.dropmenu:hover>ul {
    opacity: 1;
    visibility: visible;
    transition: .5s;
    transform: translateY(0)
}

.dropmenu>ul .dropmenu ul {
    left: 100%;
    top: 0;
    box-shadow: 0 8px 10px #0000004a
}

.dropmenu .dropmenu>.fas,
.dropmenu2 .dropmenu2>.fas {
    position: absolute;
    right: 5px;
    top: 7px;
    transform: rotate(270deg)
}

.dropmenu2,
.megamenu {
    align-items: center;
    gap: 5px
}

.megamenu ul li a {
    color: #000;
    display: block;
    padding: 5px 0;
    font-weight: 500;
    border-radius: 10px
}

.megamenu ul li a:hover {
    color: #d36f4d
}

.dropmenu2>ul .dropmenu2 ul {
    left: -105% !important;
    top: 0;
    box-shadow: 0 8px 10px #0000004a
}

@media (min-width:992px) {
    .navbar-expand-lg .navbar-collapse {
        display: block !important
    }

    .searchbar {
        border: 1px solid #747474 !important;
        border-radius: 30px !important;
        padding: 7px 15px !important;
        width: auto
    }
}

.indexCard,
.indexEventCard {
    border-radius: 10px;
    overflow: hidden;
    cursor: pointer
}

@media screen and (min-width:1366px) {
    .mainHeader .container {
        max-width: 100% !important
    }

    footer .container {
        max-width: 95% !important
    }
}

.mainHeading h1 {
    font-size: 36px;
    color: #d36f4d;
    font-weight: 700;
    text-align: center;
    /* text-transform: capitalize; */
    margin-bottom: 20px;
    font-family: Lora, serif
}

section .sub-heading {
    margin-bottom: 20px;
    font-size: 16px !important;
    color: #1e1e1e;
    text-align: left !important;
    line-height: normal
}

.indexCard {
    position: relative;
    width: 100%;
    margin: 0;
    padding: 0;
    border: 0;
    height: 100% !important
}

.indexCardOverlay,
.researchCardText {
    position: absolute;
    text-align: center
}

.indexCardImg {
    width: 100%;
    height: 340px;
    object-fit: cover
}

.researchCardImg {
    width: 100% !important;
    height: 440px;
    object-fit: cover;
    border-radius: 10px !important;
    border: 1px solid #000
}

.researchCardText {
    background-color: #d36f4d;
    padding: 20px;
    bottom: 0;
    width: 100%;
    border-bottom-left-radius: 10px !important;
    border-bottom-right-radius: 10px !important
}

.researchCardText h2 {
    color: #fff;
    font-size: 22px
}

.bottomBannerContent h1,
.bottomBannerContent h2 {
    color: #222;
    line-height: 100%;
    letter-spacing: 0;
    font-family: Lora, serif
}

.indexCardOverlay {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    align-items: center;
    justify-content: center;
    background: rgba(45, 45, 45, .63);
    color: #fff;
    transition: .3s
}

.indexCard:hover .indexCardOverlay {
    background: rgba(211, 111, 77, .79)
}

.indexCardOverlay h3 {
    align-items: center;
    justify-content: center;
    font-size: 22px !important;
    font-weight: 700;
    margin: 0
}

.indexEventCard {
    position: relative;
    width: 100%;
    margin: 0;
    padding: 0;
    border: 0
}

.indexEventCardImg {
    width: 100% !important;
    height: 395px;
    object-fit: cover
}

.gallery2 {
    padding: 10px 0 30px
}

.trusted-member {
    padding: 40px 0 30px
}

.indexEventCardOverlay {
    align-items: flex-end;
    justify-content: flex-start;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 20px;
    align-items: flex-end;
    justify-content: flex-start;
    text-align: left;
    color: #fff
}

.bottomBannerContent,
.indexEventCardText {
    flex-direction: column;
    display: flex
}

.indexEventCard:hover .indexEventCardOverlay,
.whatWeDoCard:hover .whatWeDoCardContent {
    background: #d36f4d
}

.indexEventCardOverlay h1 {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px !important;
    font-weight: 700;
    margin: 0
}

.forMembersIndex {
    display: flex;
    flex-wrap: wrap;
    justify-content: center
}

.forMembersIndexSeparator {
    width: 80%;
    height: 1px;
    background-color: #ccc
}

.forMembersIndexImg {
    max-width: 100px;
    height: fit-content;
    padding-bottom: 10px
}

.col-md-2 forMembersIndex {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center
}

.bottomBannerImg {
    width: 100%;
    height: 360px;
    object-fit: cover
}

.bottomBannerContent {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    justify-content: center;
    align-items: center;
    color: #fff;
    text-align: center
}

.bottomBannerContent h1 {
    font-weight: 800;
    font-size: 41.8px;
    text-align: center;
    margin-bottom: 20px
}

.bottomBannerContent h2 {
    font-weight: 700;
    font-size: 29px;
    text-align: center
}

.leadershipMemberImg {
    width: 300px;
    height: 330px;
    border-radius: 10px;
    object-fit: cover
}

.publicAffairsCard {
    background: #f8f8f8;
    padding: 20px;
    border-radius: 12px;
    box-shadow: 0 0 16.6px 0 #00000017;
    text-align: center;
    min-height: 180px;
    display: flex;
    flex-direction: column;
    justify-content: left;
    align-items: left;
    border: 1px solid #fff;
    margin: 10px
}

.publicAffairsImg {
    width: 80px;
    height: 80px;
    object-fit: cover;
    background-color: #f8f8f8;
    mix-blend-mode: multiply
}

.publicAffairsContent {
    font-size: 12.5px;
    color: #313131;
    font-weight: 600;
    flex-grow: 1;
    display: flex;
    justify-content: left;
    text-align: left
}

.whatWeDoCard {
    position: relative;
    border-radius: 10px;
    width: 100%;
    cursor: pointer;
    align-items: center;
    align-content: center;
    justify-content: center;
    margin: 0;
    padding: 0;
    border: 0;
    box-shadow: 1px 1px 4px rgba(0, 0, 0, .2)
}

.banner,
.whatWeDoCardContent {
    position: relative;
    align-items: center
}

.whatWeDoCard:hover .whatWeDoCardContent h1,
.whatWeDoCard:hover .whatWeDoCardContent h3 {
    color: #fff;
    transition: color .3s
}

.whatWeDoCard:hover .underline {
    width: 40px;
    height: 1px;
    background-color: #fff;
    margin: 5px auto 10px;
    transition: color .3s
}

.whatWeDoCardImg {
    width: 100%;
    height: 180px;
    object-fit: cover;
    padding-top: 7px
}

.whatWeDoCardContent {
    width: 100%;
    height: 100%;
    justify-content: center;
    color: #fff;
    text-align: left;
    transition: .3s;
    min-height: 123px;
    background-color: #fff;
    padding: 17px 10px 8px
}

.underline {
    width: 40px;
    height: 1px;
    background-color: #313131;
    margin: 5px auto 10px
}

.whatWeDoCardContent h1 {
    font-size: 18px;
    color: #313131;
    font-weight: 600;
    font-family: Lora, serif
}

.whatWeDoCardContent h3 {
    font-size: 13px;
    color: #595959;
    font-weight: 400
}

.upcoming-events .owl-nav {
    text-align: center;
    justify-content: center;
    display: flex;
    gap: 130px;
    margin-top: 40px
}

#customers-testimonials .owl-nav .owl-next,
#customers-testimonials .owl-nav .owl-prev,
.upcoming-events .owl-nav .owl-next,
.upcoming-events .owl-nav .owl-prev {
    color: #d36f4d !important;
    font-size: 35px !important;
    position: relative;
    z-index: 99
}

.upcoming-events .owl-dots {
    text-align: center;
    top: -27px;
    position: relative
}

.eventsCard {
    position: relative;
    border-radius: 13px;
    cursor: pointer;
    margin: 0;
    padding: 0;
    border: 1px solid #dee2e6;
    box-shadow: 0 21.29px 53.23px 0 #d36F4D1A;
    height: 100%
}

.eventImg {
    width: 100%;
    height: auto;
    object-fit: cover
}

.eventCardContent {
    position: relative;
    background: #fff;
    border-radius: 13px;
    padding: 15px 15px 10px 10px
}

.bannerOrangeBtn,
.orangeBtn {
    background: #d36f4d;
    color: #fff;
    text-align: center
}

.orangeBtn {
    font-size: 13px;
    font-weight: 400;
    height: 34px;
    border-radius: 5px;
    flex-wrap: wrap;
    padding: 10px;
    align-items: center;
    white-space: normal;
    align-content: center;
    gap: 6px
}

.banner,
.logo-item {
    justify-content: center
}

.bannerOrangeBtn {
    border-radius: 14px;
    padding: 10px 15px;
    font-weight: 700;
    font-size: 18.03px;
    line-height: 100%;
    letter-spacing: 0
}

.bannerOrangeBtn:hover {
    border: 1px solid #fff;
    color: #fff;
    background-color: inherit
}

.orangeBtn:hover {
    border: 1px solid #d36f4d;
    color: #d36f4d;
    background-color: #fff;
    transition: color .3s, background-color .3s
}

.banner {
    width: 100%;
    display: flex
}

.banner-image img,
.page-banner-image img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.banner-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9
}

.banner-caption {
    position: absolute;
    text-align: center;
    color: #fff;
    z-index: 9;
    bottom: 80px
}

.banner-caption h2 {
    font-weight: 800;
    font-size: 57.9px;
    line-height: 100%;
    letter-spacing: 0;
    color: #000;
    margin-bottom: 15px;
    font-family: Lora, serif
}

.banner-caption button {
    padding: 6px 8px;
    border: 1px solid;
    background: 0 0;
    color: #fff;
    cursor: pointer;
    border-radius: 10px;
    transition: .3s;
    z-index: 99;
    font-weight: 700;
    font-size: 16px
}

.newsCaption-title,
.page-banner-caption h2 {
    font-weight: 800;
    line-height: 100%;
    font-family: Lora, serif;
    letter-spacing: 0
}

.page-banner {
    position: relative;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 440px
}

.page-banner-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(34, 34, 34, .75);
    z-index: 9
}

.page-banner-caption {
    position: absolute;
    text-align: center;
    color: #fff;
    z-index: 9;
    top: 250px
}

.page-banner-caption h2 {
    font-size: 40px;
    margin-bottom: 40px;
    text-transform: uppercase
}

.newsCard {
    position: relative;
    width: 500px;
    height: 250px;
    margin: 5rem auto;
    background-color: #fff;
    color: #fff;
    box-shadow: 0 3px 6px rgba(0, 0, 0, .16), 0 3px 6px rgba(0, 0, 0, .23)
}

.newsCaption,
.newsCaption2 {
    position: absolute;
    top: auto;
    text-align: center;
    left: 0;
    height: 100%;
    padding: 30px;
    width: 100%;
    bottom: 0
}

.team-card .team-text,
.whoWeAreImg {
    box-shadow: 0 0 14.03px 0 #31343A1F
}

.newsCaption {
    background: #d36F4DC9;
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: opacity .1s .3s, -webkit-transform .4s;
    transition: transform .4s, opacity .1s .3s, -webkit-transform .4s
}

.newsCaption2 {
    background: #d36f4d;
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: opacity .1s .3s, -webkit-transform .4s;
    transition: transform .4s, opacity .1s .3s, -webkit-transform .4s
}

.newsCaption-title {
    margin-top: 0;
    color: #fff;
    font-size: 22px;
    text-align: left
}

.newsCaption-content {
    margin: 0;
    color: #fff;
    text-align: left;
    font-weight: 600;
    font-size: 16px;
    line-height: 170%;
    letter-spacing: 0;
    padding-bottom: 15px
}

.newsCaption-link {
    color: #fff;
    background-color: transparent;
    border: 1px solid #fff;
    border-radius: 10px;
    padding: 5px;
    margin-top: 10px;
    font-weight: 600
}

.white-btn {
    color: #d36f4d;
    background-color: #fff;
    border: 1px solid #fff;
    border-radius: 8px;
    padding: 5px;
    margin-top: 10px;
    font-weight: 700;
    font-size: 15.87px;
    line-height: 150%
}

.orange-btn {
    background-color: inherit
}

.orange-btn:hover {
    color: #fff;
    background-color: #d36f4d;
    border: 1px solid #d36f4d
}

.membership-btn:hover,
.newsCaption-link:hover,
.value-card.active .value-description,
.value-card:hover .value-description,
.value-card:hover .value-title {
    color: #fff
}

.news-Slide-up:hover .newsCaption,
.news-Slide-up:hover .newsCaption2 {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition: opacity .1s, -webkit-transform .4s;
    transition: transform .4s, opacity .1s, -webkit-transform .4s
}

.logo-container {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 0;
    align-items: center;
    justify-items: center;
    padding: 20px
}

.breadcrumb,
.icon,
.logo-item,
.purpose-list li {
    display: flex;
    align-items: center
}

.logo-item {
    border: 1px solid #ddd;
    padding: 0;
    width: 100%;
    height: 90px
}

.logo-item img {
    max-width: 100px;
    max-height: 115px;
    object-fit: contain
}

.logo-item:first-of-type,
.logo-item:nth-of-type(6),
.principles-item:first-of-type,
.principles-item:nth-of-type(4) {
    border-left: none;
    border-top: none
}

.logo-item:nth-of-type(10),
.logo-item:nth-of-type(5),
.principles-item:nth-of-type(4),
.principles-item:nth-of-type(6) {
    border-right: none
}

.logo-item:nth-child(-n+5),
.principles-item:nth-child(-n+3) {
    border-top: none
}

.logo-item:nth-last-child(-n+5),
.principles-item:nth-last-child(-n+3) {
    border-bottom: none
}

.copyrightArea {
    background-color: #000
}

.what-we-do {
    padding: 20px 0 50px !important
}

.copyrightArea .left-text {
    text-align: left
}

.circle,
.play-button {
    top: 50%;
    transform: translate(-50%, -50%)
}

@media (max-width:480px) {
    .contact1-container {
        display: block !important
    }
}

@media (max-width:1400px) {
    .navbar-light .navbar-brand {
        margin: 0 15px !important
    }

    nav#mainNav .nav-item>a {
        font-size: 12px
    }
}

.whoWeAreImg {
    width: 100%;
    height: 350px;
    border-radius: 15px;
    object-fit: cover
}

.timeline-image img,
.value-card {
    width: 100%;
    box-shadow: 0 4px 10px rgba(0, 0, 0, .1)
}

.purpose-list {
    list-style: none;
    padding: 0
}

.purpose-list li i {
    color: #d45527;
    margin-right: 10px;
    font-size: 18px
}

.purpose-list li strong {
    font-size: 16px
}

.value-card {
    padding: 20px;
    border-radius: 10px;
    background-color: #fff;
    text-align: start;
    transition: .3s;
    display: flex
}

.membership-btn,
.team-card .team-text h5,
.team-card .team-text p {
    text-align: center;
    font-weight: 700
}

.value-card:hover {
    background: #d36f4d !important;
    transform: translateY(-5px)
}

.value-card.active {
    background-color: #c76548 !important;
    color: #fff
}

.value-img {
    width: 40px;
    height: 40px;
    object-fit: fill;
    color: #d36f4d
}

.value-card i {
    font-size: 30px;
    margin-bottom: 10px
}

.value-title {
    font-weight: 700;
    font-size: 18px;
    margin-bottom: 5px;
    font-family: Lora, serif
}

.value-description {
    font-size: 14px;
    color: #000
}

.quick-links-tab-box:hover img,
.value-card:hover img {
    filter: brightness(0) invert(1)
}

.breadcrumb {
    font-size: 14px;
    color: #999;
    background-color: transparent;
    margin: 0;
    padding: .75rem 0
}

.breadcrumb-item {
    color: #999;
    font-size: 13px
}

.breadcrumb-item:hover {
    color: #666
}

.breadcrumb-item.active {
    color: #7b7b7b;
    font-weight: 400;
    font-size: 13px;
    line-height: 100%;
    letter-spacing: 0;
    text-transform: uppercase
}

.separator {
    margin: 0 5px;
    color: #999
}

.team-text div {
    min-height: 110px
}

.team-image img {
    width: 100%;
    height: 300px;
    object-fit: cover;
    border-radius: 8px
}

.team-card .team-text {
    background: #fff;
    padding: 15px 5px;
    border-radius: 8px;
    z-index: 9;
    position: relative;
    top: -50px;
    width: 88%;
    left: 16px
}

.border-right {
    border-right: 1px solid #dfd7d7
}

.membership-btn {
    background: #d36f4d;
    color: #fff;
    border-radius: 11px;
    padding: 30px;
    font-size: 18.03px;
    line-height: 100%;
    font-family: Lora, serif
}

.team-card .team-text h5 {
    font-size: 18.1px;
    line-height: 100%;
    letter-spacing: 0;
    color: #d36f4d;
    font-family: Lora, serif
}

.team-card .team-text p {
    font-size: 12px;
    vertical-align: middle;
    /* text-transform: capitalize; */
    padding-bottom: 5px;
    color: #313131;
    margin-bottom: 0
}

.team-text .normal-text {
    font-weight: 700 !important;
    font-size: 11px !important;
    margin-bottom: 15px !important
}

.filter {
    border-radius: 50px;
    color: #434343 !important;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none
}

.form-control.filter {
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="20" height="20"><path fill="black" d="M7 10l5 5 5-5z"/></svg>') !important;
    background-repeat: no-repeat !important;
    background-position: right 12px center !important;
    background-size: 16px !important
}

select::-ms-expand {
    display: none
}

.socialIcons {
    display: flex;
    gap: 5px;
    list-style: none;
    padding: 0
}

.icon {
    width: 30px;
    height: 30px;
    justify-content: center;
    border-radius: 50%;
    background-color: rgba(255, 255, 255, .1);
    transition: background-color .3s, transform .2s;
    color: #fff
}

.icon i {
    font-size: 16px;
    color: #fff
}

.icon:hover {
    background-color: rgba(255, 255, 255, .2);
    transform: scale(1.1)
}

.wireframeScroll .owl-carousel {
    width: 110%;
    position: relative;
    left: -10%
}

.galleryImg {
    width: 100% !important;
    height: 350px;
    padding: 10px;
    object-fit: contain;
    background: #f7f7f7;
    border-radius: 10px
}

.annual-forum-partner-img-item img,
.pafi-views-img,
.thumbnail img {
    object-fit: cover
}

.principles-container {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    border: 0
}

.principles-item {
    align-items: center;
    justify-content: center;
    border: 1px solid #ddd;
    padding: 20px;
    text-align: left;
    background-color: transparent
}

.timeline {
    position: relative;
    max-width: 1000px;
    margin: auto
}

.timeline::after {
    content: '';
    position: absolute;
    width: 2px;
    background-color: #e0e0e0;
    top: 0;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%)
}

.timeline-block {
    display: flex;
    justify-content: space-between;
    margin: 40px 0;
    position: relative
}

.timeline-block:nth-child(2n) {
    flex-direction: row-reverse !important
}

.timeline-block:nth-child(odd) {
    flex-direction: row
}

.timeline-content,
.timeline-image {
    width: 45%;
    padding: 10px
}

.timeline-image img {
    border-radius: 10px
}

.timeline-content h3 {
    color: #e9743d;
    margin-top: 0
}

.timeline-content ul {
    padding-left: 20px
}

.circle {
    position: absolute;
    left: 50%;
    width: 14px;
    height: 14px;
    background-color: #e9743d;
    border-radius: 50%;
    z-index: 1
}

.pafi-views-card {
    position: relative;
    border-radius: 13px;
    cursor: pointer;
    margin: 0;
    padding: 15px;
    border: 1px solid #e8e8ea
}

.pafi-views-img {
    width: 100%;
    height: auto;
    border-radius: 13px
}

.pafi-views-card-content {
    position: relative;
    background: 0 0;
    border-radius: 13px;
    margin: 10px 15px
}

.quick-links-tabs {
    display: flex;
    gap: 20px;
    justify-content: center;
    flex-wrap: wrap;
    margin-top: 20px
}

.viewBtn {
    color: #d36f4d;
    border: 1px solid #d36f4d;
    display: inline-flex;
    align-items: center;
    font-weight: 500;
    font-family: "Open Sans";
    padding: 0 10px;
    border-radius: .25rem;
    transition: .3s
}

.breadcrumb,
.quick-links-tab-box,
.recorded-sessions h2,
h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: Lora, serif
}

.viewBtn:active,
.viewBtn:focus,
.viewBtn:hover,
.viewBtn:visited {
    color: #d36f4d;
    text-decoration: none
}

.contact1-info i,
.viewBtn i {
    margin-right: 8px
}

.reportCard {
    position: relative;
    border-radius: 13px;
    cursor: pointer;
    margin: 0;
    padding: 0;
    border: 2px solid #e4e4e4;
    box-shadow: 0 21.29px 53.23px 0 #d36F4D1A
}

.more-button {
    color: #fff;
    background-color: #d36f4d
}

.quicklink {
    display: relative;
    border-radius: 7px;
    width: 100%;
    height: 120%
}

.quick-links-tab-box {
    padding: 10px 20px;
    border-radius: 8px;
    background-color: #fff;
    box-shadow: 0 3px 6px rgba(0, 0, 0, .1);
    color: #333;
    transition: .3s;
    cursor: pointer;
    text-align: left;
    font-weight: 700;
    font-size: 14px;
    text-transform: capitalize;
    width: 290px
}

.quick-link-content {
    display: flex;
    align-items: center;
    gap: 10px;
    justify-content: center
}

.quick-links-tab-box img {
    width: 25px;
    height: 25px;
    margin-bottom: 8px
}

.quick-links-tab-box:hover {
    background-color: #d8663d;
    color: #fff
}

.videoCardContent {
    position: relative;
    background-color: #fff;
    border-bottom: 13px;
    padding: 10px 15px
}

.annual-forum-partner-img-item {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 150px
}

.recorded-sessions {
    text-align: center;
    padding: 60px 20px;
    background-color: #fafafa
}

.recorded-sessions h2 {
    margin-bottom: 40px;
    font-weight: 800;
    font-size: 36px;
    color: #d36f4d;
    text-transform: capitalize
}

.carousel {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: 15px
}

.session {
    background: #fff;
    border-radius: 8px;
    text-align: left;
    box-shadow: 0 4.13px 14.75px 0 #0000001A
}

.thumbnail img {
    width: 100%;
    height: 100%;
    display: block
}

.play-button {
    position: absolute;
    left: 50%;
    font-size: 3rem;
    color: #fff;
    background: rgba(0, 0, 0, .5);
    padding: 10px 20px;
    border-radius: 50%;
    pointer-events: none
}

.session h3 {
    padding: 15px 20px 5px;
    color: #333;
    font-weight: 600;
    font-size: 14px;
    text-align: left
}

.session .date {
    padding: 0 20px 15px;
    color: #e94e1b;
    font-weight: 400;
    font-size: 13px;
    text-align: left
}

.nav {
    font-size: 2rem;
    background: 0 0;
    border: none;
    color: #e94e1b;
    cursor: pointer
}

.sponsor-section {
    text-align: center;
    padding: 40px 0 30px;
    background-color: #fff
}

.sponsor-section .mainHeading h1 {
    font-family: Inter;
    text-transform: capitalize;
    font-size: 20px;
    font-weight: 600;
    text-align: center;
    color: #c74f39;
    margin-bottom: 20px;
    text-transform: uppercase
}

.sponsor-logos {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 25px
}

.sponsor-logos img {
    max-height: 60px;
    max-width: 160px;
    object-fit: contain;
    transition: transform .3s
}

.annual-forum-partner-img-item:hover,
.sponsor-logos img:hover {
    transform: scale(1.05)
}

.sponsor-logo-group {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 20px;
    margin-bottom: 30px
}

.annual-forum-partner-img-item {
    background: #fff;
    border: 1px solid #eee;
    border-radius: 8px;
    padding: 10px 16px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, .05);
    display: flex;
    align-items: center;
    justify-content: center;
    height: 150px;
    min-width: 220px;
    max-width: 250px;
    transition: transform .2s
}

.annual-forum-partner-img-item img {
    max-height: 100%;
    max-width: 100%;
    object-fit: contain
}

.council-section {
    padding: 60px 20px;
    text-align: center;
    background: #f9f9f9
}

.council-button-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
    max-width: 1000px;
    margin: 0 auto;
    padding: 40px 15px
}

.council-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 15px;
    border-radius: 8px;
    border: none;
    background: #fff;
    box-shadow: 0 4px 10px rgba(0, 0, 0, .08);
    font-weight: 700;
    color: #333;
    transition: .3s;
    cursor: pointer
}

.council-btn:hover {
    background-color: #d76b45;
    transform: translateY(-2px)
}

@media (max-width:1024px) {
    .council-button-grid {
        grid-template-columns: repeat(2, 1fr)
    }
}

@media (max-width:600px) {
    .council-button-grid {
        grid-template-columns: 1fr
    }
}

.council-content {
    text-align: center;
    padding: 60px 20px
}

.container {
    margin: 0 auto
}

.section-title {
    font-size: 2rem;
    color: #d76b45;
    font-weight: 700;
    margin-bottom: 20px
}

.section-description {
    font-size: 1rem;
    line-height: 1.6;
    color: #555;
    margin-bottom: 40px
}

.desc,
.event-card h3,
.event-title,
.know-more,
.orange-btn {
    font-size: 12px
}

.event-card {
    max-width: 380px;
    width: 100%;
    margin: 20px auto;
    background: #fff;
    border-radius: 12px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, .1);
    transition: transform .3s;
    padding-bottom: 20px;
    font-family: "Open Sans", sans-serif
}

.event-card:hover {
    transform: translateY(-5px)
}

.card-image img {
    width: 100%;
    display: block;
    border-top-left-radius: 12px;
    border-top-right-radius: 12px
}

.card-header-row {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 12px 16px 4px
}

.event-card h3 {
    color: #222;
    font-weight: 600;
    flex: 1;
    margin: 0
}

.event-card .date {
    color: #d76b45;
    font-weight: 600;
    font-size: 12px;
    white-space: nowrap;
    margin: 0
}

.desc {
    color: #555;
    padding: 0 16px 12px;
    font-weight: 400;
    line-height: 1.5;
    text-align: left;
    margin-top: 4px
}

.know-more {
    display: inline-block;
    background-color: #d76b45;
    color: #fff;
    padding: 6px 12px;
    border-radius: 4px;
    font-weight: 400;
    margin: 0 0 0 16px
}

.know-more:hover {
    background-color: #b45532
}

.orange-btn {
    color: #d36f4d;
    background-color: inherit;
    border: 1px solid #d36f4d;
    border-radius: 8px;
    padding: 3px 20px;
    margin-top: 20px;
    font-weight: 700;
    margin-right: auto
}

.event-title-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 15px;
    margin-bottom: 15px;
    flex-wrap: wrap
}

.event-title {
    color: #000;
    font-family: Lora, serif;
    font-weight: 600;
    flex: 1;
    text-align: left
}

.event-date {
    color: #d36f4d;
    font-family: Lora, serif;
    font-weight: 400;
    font-size: 10px;
    white-space: nowrap;
    text-align: right
}

.main-image {
    width: 100%;
    border-top-left-radius: 20px;
    display: block
}

.overlay-image {
    position: absolute;
    bottom: -15%;
    left: 50%;
    transform: translateX(-50%);
    width: 65%;
    border-radius: 8px;
    box-shadow: 0 4px 12px rgba(0, 123, 255, .4);
    border: 3px solid #fff;
    z-index: 2
}

.contact1-section {
    padding: 40px;
    background: #fff
}

.contact1-container {
    border-radius: 8px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: stretch;
    padding: 10px;
    box-shadow: #dad9d9 0 0 20px;
    border: none
}

.contact1-info {
    background-color: #303030;
    color: #fff;
    padding: 30px 30px 50px;
    flex: 1;
    border-radius: 8px
}

.contact1-info h2 {
    color: #d36f4d;
    font-weight: 1000;
    font-style: bold;
    font-size: 30px
}

.contact1-info h3 {
    color: #d36f4d;
    text-align: left;
    margin-top: 20px;
    font-weight: 800
}

.contact1-info .position {
    text-align: left;
    font-weight: 400;
    font-size: 16px;
    margin-bottom: 20px
}

.recordedSessionSlider .owl-nav {
    display: flex;
    justify-content: space-between;
    bottom: 180px;
    position: relative;
    left: -60px;
    width: calc(100% + 120px)
}

.supporterSlider .owl-nav {
    display: flex;
    justify-content: space-between;
    bottom: 135px;
    position: relative;
    left: -60px;
    width: calc(100% + 120px)
}

.contact1-info .address {
    line-height: 1.5;
    font-weight: 600;
    font-size: 20px;
    margin-bottom: 0;
    font-family: Lora, serif
}

.social-icons a {
    color: #fff;
    margin-right: 10px;
    font-size: 18px
}

.contact1-form {
    background: #fff;
    flex: 1.5;
    padding: 40px 40px 0
}

.contact1-form .row {
    display: flex
}

.contact1-form .row:first-of-type {
    margin-bottom: 40px
}

.contact1-form input {
    width: calc(50% - 25px);
    padding: 10px;
    border: none;
    border-bottom: 2px solid #ccc;
    margin-right: 20px;
    outline: 0
}

.contact1-form .row input,
.newsletter-content {
    flex: 1
}

.contact1-form textarea {
    width: 100%;
    padding: 0;
    border: none;
    border-bottom: 2px solid #ccc;
    outline: 0;
    resize: none;
    margin-top: 52px;
    margin-bottom: 20px;
    margin-right: 10px;
    height: 30px
}

.contact1-form button {
    background-color: #d66c3f;
    color: #fff;
    padding: 15px 30px;
    border: none;
    cursor: pointer;
    border-radius: 4px;
    align-items: right;
    text-align: center;
    margin-top: 30px
}

.contact1-form button:hover {
    background-color: #c25730
}

.newsletter-section {
    padding: 40px;
    font-family: Arial, sans-serif;
    background: #fff
}

.newsletter-container {
    display: flex;
    gap: 40px
}

.newsletter-sidebar ul {
    list-style: none;
    padding: 0;
    border-right: none;
    border-top: 1px solid #ddd
}

.newsletter-sidebar li a {
    transition: .3s;
    gap: 10px;
    display: flex;
    border-bottom: 1px solid #e3e0e0;
    margin: 0;
    padding: 12px 10px;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
    font-weight: 400;
    font-size: 16px
}

.newsletter-sidebar li:hover {
    color: #d66c3f;
    border-bottom: 3px solid #d66c3f;
    font-weight: 700
}

.year-tabs button {
    padding: 5px 20px;
    margin-right: 10px;
    border: none;
    background: #eee;
    border-radius: 10px;
    cursor: pointer
}

.year-tabs .active {
    background: #d66c3f;
    color: #fff
}

.month-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
    gap: 15px
}

.month-card {
    background: #dedede;
    font-size: 16px;
    padding: 10px;
    align-items: center;
    transition: background .2s;
    border-radius: 10px;
    border: 1px solid #fffefe;
    box-shadow: #e6e4e4 0 0 5px
}

.banner-below-contain,
.orange_btn {
    background: #d36f4d;
    text-align: center
}

.month-card i {
    color: #d66c3f;
    cursor: pointer
}

.button .li :hover {
    background-color: #d66c3f;
    color: #fff
}

.nav-pills .nav-link.active,
.nav-pills .show>.nav-link {
    border: 1px solid #d1d1d1;
    border-radius: 10px;
    color: #fff;
    font-size: 16px;
    background-color: #d36f4d
}

.nav-pills .nav-link {
    border: 1px solid #d1d1d1;
    border-radius: 10px;
    color: #313131;
    font-size: 16px
}

button:focus {
    outline: 0 !important
}

.banner-below-contain {
    padding: 5px 70px 3px;
    color: #fff
}

.orange_btn {
    color: #fff;
    border-radius: 14px;
    padding: 10px 15px;
    font-weight: 700;
    font-size: 18.03px;
    line-height: 100%;
    letter-spacing: 0;
    font-family: Lora, serif
}

.orange_btn:hover {
    border: 1px solid #fff;
    color: #fff
}

.modal_input {
    background: #fff !important;
    border: 1px solid #9e9e9e73 !important
}

.scroll-container {
    box-shadow: 0 0 10px 0 rgb(211 111 77 / 32%);
    border-radius: 5px;
    overflow-y: scroll
}

.scroll-content {
    width: 100%;
    height: 100%
}

.timelineList {
    padding: 15px;
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 0;
    margin-right: 10px;
    border-radius: 20px
}

.dateTab,
.testimonial_img {
    justify-content: center;
    display: grid
}

.dateTab {
    background: #d36f4d;
    width: 80px;
    height: auto;
    border-radius: 5px;
    text-align: center;
    padding: 10px 10px 5px;
    align-content: end;
    color: #fff
}

.dateTab h3 {
    font-size: 35px
}

.timelineContent {
    width: calc(100% - 85px);
    padding-left: 30px
}

.timelineContent h5 {
    color: #ac8718;
    margin-bottom: 5px
}

.readLess {
    color: #a7a7a7;
    font-size: 10px
}

.scroll-container::-webkit-scrollbar {
    width: 4px
}

.owl-item.active.center .shadow-effect::after,
.shadow-effect::after {
    content: "";
    position: absolute;
    bottom: -15px;
    left: 50%;
    transform: translateX(-50%);
    width: 0;
    height: 0;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent
}

.scroll-container::-webkit-scrollbar-thumb {
    background-color: #d36f4d;
    border-radius: 5px
}

.shadow-effect {
    padding: 20px 20px 20px 30px;
    border-radius: 4px;
    text-align: center;
    box-shadow: 0 19px 38px rgba(0, 0, 0, .1), 0 15px 12px rgba(0, 0, 0, .02);
    position: relative;
    font-size: 16px
}

.shadow-effect p::before {
    content: "“";
    font-size: 93px;
    color: #fff;
    position: absolute;
    top: -10px;
    left: -12px;
    line-height: 1;
    font-family: serif
}

.owl-item.active.center .shadow-effect::after {
    border-top: 15px solid #d36f4d
}

.shadow-effect::after {
    border-top: 15px solid #fff
}

#customers-testimonials .shadow-effect p {
    font-family: inherit;
    font-size: 17px;
    line-height: 1.5;
    margin: 0 0 17px;
    font-weight: 300;
    padding: 10px 5px 0 35px;
    position: relative;
    text-align: justify
}

#customers-testimonials .item {
    text-align: center;
    padding: 0;
    margin-bottom: 0;
    opacity: .2;
    -webkit-transform: scale3d(.8, .8, 1);
    transform: scale3d(.8, .8, 1);
    -webkit-transition: .3s ease-in-out;
    -moz-transition: .3s ease-in-out;
    transition: .3s ease-in-out
}

#customers-testimonials .owl-item.active.center .item {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1)
}

#customers-testimonials .owl-item.active.center .shadow-effect {
    background: #d36f4d;
    border-radius: 15px;
    color: #fff;
    box-shadow: 0 6px 15px 0 #00000059
}

#customers-testimonials .owl-dots {
    display: flex !important;
    text-align: center;
    top: -27px;
    position: relative
}

#customers-testimonials .owl-nav {
    text-align: center;
    justify-content: center;
    display: flex;
    gap: var(--nav-gap, 130px)
}

.eventsCardHeading {
    color: #d36f4d;
    text-align: center;
    font-weight: bolder;
    font-size: 19px;
    max-lines: 5px;
    margin-bottom: 20px;
    font-family: Lora, serif
}

.eventsCardDescription {
    color: #000;
    text-align: center;
    font-size: 13px
}

.eventsCardDescriptionDates {
    justify-content: space-between;
    margin-top: 20px;
    margin-bottom: 20px;
    flex-wrap: wrap
}

.eventsCardDescriptionDates>div {
    color: #d36f4d;
    text-align: center;
    font-weight: 700;
    font-size: 15px
}

.trusted-member a.member_filters {
    border: 1px solid #d36f4d;
    color: #d36f4d;
    font-weight: 700;
    padding: 5px 10px;
    border-radius: 10px;
    font-family: Lora, serif
}

.trusted-member a.active {
    background: #d36f4d !important;
    color: #fff !important
}

.member_filters_header {
    display: flex;
    list-style: none;
    gap: 16px;
    font-size: 18px;
    flex-wrap: wrap
}

@media(max-width:480px) {
    .sticky_button_right {
        right: -12% !important
    }
}

.sticky_button_right {
    transform: rotate(270deg);
    position: fixed;
    top: 34%;
    right: -46px;
    z-index: 999;
    background-color: #9f181c;
    border-radius: 5px 5px 0 0;
    font-size: 14px;
    color: #fff;
    line-height: 1.33;
    padding: 8px 18px;
    font-weight: 700;
    cursor: pointer;
    border: 0
}

.nameHeading,
.team-card .team-text h6 {
    color: #d36f4d;
    font-weight: 700
}

@media(max-width:768px) {
    .npfWidget-sticky_button_right {
        right: -15%;
        z-index: 99999
    }
}

.team-card .team-text h6 {
    font-size: 14.1px;
    line-height: 100%;
    letter-spacing: 0;
    text-align: center
}

.watch-recorded-btn a {
    font-family: Inter, sans-serif;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 40px;
    padding: 0 18px;
    font-size: 16px;
    font-weight: 400;
    color: #333;
    border: 1px solid #333;
    border-radius: 6px;
    background-color: transparent;
    line-height: 1;
    transition: .3s;
    max-width: 100%;
    box-sizing: border-box
}

.watch-recorded-btn {
    display: flex;
    justify-content: flex-end;
    padding-right: 20px;
    margin: 20px 0
}

@media (max-width:768px) {
    .logo-container {
        grid-template-columns: repeat(2, 1fr)
    }

    .banner-image img {
        height: 485px
    }

    .banner-caption h2 {
        font-weight: 700;
        font-size: 30px;
        line-height: 130%
    }

    .copyrightArea {
        text-align: center !important
    }

    .copyrightArea .left-text,
    .copyrightArea .right-text,
    .timeline-block {
        text-align: center
    }

    .logo-item:nth-child(odd) {
        border-left: none
    }

    .logo-item:nth-child(2n) {
        border-right: none
    }

    .logo-item:nth-of-type(5) {
        border-right: 1px solid #ddd
    }

    .logo-item {
        padding: 0
    }

    .bottomBannerContent h1 {
        font-size: 28.8px
    }

    .bottomBannerContent h2 {
        font-size: 16.86px
    }

    .page-banner {
        height: 100%;
        padding: 0 !important
    }

    .page-banner-caption {
        top: 60px
    }

    .page-banner-caption h2 {
        font-size: 25px
    }

    section {
        padding: 15px 0 30px !important
    }

    .navbar-brand img {
        max-width: 225px !important
    }

    .timeline-block {
        flex-direction: column !important;
        align-items: center
    }

    .timeline-content,
    .timeline-image {
        width: 90%
    }

    .border-right {
        border: none
    }

    .membership-btn {
        padding: 10px;
        font-size: 12.03px
    }

    .watch-recorded-btn a {
        height: 36px;
        font-size: 15px;
        padding: 0 14px
    }

    .mainMenu {
        width: 100% !important
    }
}

@media (max-width:480px) {
    .watch-recorded-btn a {
        height: 32px;
        font-size: 14px;
        padding: 0 10px
    }
}

.watch-recorded-btn a:hover {
    background-color: #333;
    color: #fff
}

.custom-youtube-modal {
    display: none;
    position: fixed;
    z-index: 1050;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgba(0, 0, 0, .6)
}

.custom-youtube-modal-content {
    position: relative;
    background-color: #fff;
    margin: 5% auto;
    padding: 0;
    border: 10px solid #fff;
    width: 80%;
    max-width: 800px;
    border-radius: 8px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, .3)
}

.custom-youtube-modal-content iframe {
    width: 100%;
    height: 450px;
    border: none;
    border-radius: 6px
}

.custom-close-btn {
    position: absolute;
    top: -18px;
    right: -18px;
    background: #ffc107;
    color: #000;
    font-size: 20px;
    font-weight: 700;
    border-radius: 50%;
    width: 32px;
    height: 32px;
    line-height: 32px;
    text-align: center;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 0 3px rgba(0, 0, 0, .3)
}

.loading,
.loading:before {
    position: fixed;
    top: 0;
    left: 0
}

.mainMenu {
    width: fit-content;
    float: right
}

.loading {
    z-index: 999;
    height: 2em;
    width: 2em;
    overflow: show;
    margin: auto;
    bottom: 0;
    right: 0
}

.loading:before {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    background: radial-gradient(#c95521c7, #c9552173);
    background: -webkit-radial-gradient(#c95521c7, #c9552173)
}

.loading:not(:required) {
    font: 0/0 a;
    color: transparent;
    text-shadow: none;
    background-color: transparent;
    border: 0
}

.loading:not(:required):after {
    content: '';
    display: block;
    font-size: 10px;
    width: 1em;
    height: 1em;
    margin-top: -.5em;
    -webkit-animation: 150ms linear infinite spinner;
    -moz-animation: 150ms linear infinite spinner;
    -ms-animation: spinner 150ms infinite linear;
    -o-animation: 150ms linear infinite spinner;
    animation: 150ms linear infinite spinner;
    border-radius: .5em;
    -webkit-box-shadow: rgba(255, 255, 255, .75) 1.5em 0 0 0, rgba(255, 255, 255, .75) 1.1em 1.1em 0 0, rgba(255, 255, 255, .75) 0 1.5em 0 0, rgba(255, 255, 255, .75) -1.1em 1.1em 0 0, rgba(255, 255, 255, .75) -1.5em 0 0 0, rgba(255, 255, 255, .75) -1.1em -1.1em 0 0, rgba(255, 255, 255, .75) 0 -1.5em 0 0, rgba(255, 255, 255, .75) 1.1em -1.1em 0 0;
    box-shadow: rgba(255, 255, 255, .75) 1.5em 0 0 0, rgba(255, 255, 255, .75) 1.1em 1.1em 0 0, rgba(255, 255, 255, .75) 0 1.5em 0 0, rgba(255, 255, 255, .75) -1.1em 1.1em 0 0, rgba(255, 255, 255, .75) -1.5em 0 0 0, rgba(255, 255, 255, .75) -1.1em -1.1em 0 0, rgba(255, 255, 255, .75) 0 -1.5em 0 0, rgba(255, 255, 255, .75) 1.1em -1.1em 0 0
}

@-webkit-keyframes spinner {
    0% {
        -webkit-transform: rotate(0);
        -moz-transform: rotate(0);
        -ms-transform: rotate(0);
        -o-transform: rotate(0);
        transform: rotate(0)
    }

    100% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@-moz-keyframes spinner {
    0% {
        -webkit-transform: rotate(0);
        -moz-transform: rotate(0);
        -ms-transform: rotate(0);
        -o-transform: rotate(0);
        transform: rotate(0)
    }

    100% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@-o-keyframes spinner {
    0% {
        -webkit-transform: rotate(0);
        -moz-transform: rotate(0);
        -ms-transform: rotate(0);
        -o-transform: rotate(0);
        transform: rotate(0)
    }

    100% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes spinner {
    0% {
        -webkit-transform: rotate(0);
        -moz-transform: rotate(0);
        -ms-transform: rotate(0);
        -o-transform: rotate(0);
        transform: rotate(0)
    }

    100% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}


/* -------------------------------------------------------------
   FONT AWESOME OVERRIDES — inject font-display: swap (critical)
-------------------------------------------------------------- */

@font-face {
    font-family: 'Font Awesome 5 Free';
    font-style: normal;
    font-weight: 900;
    font-display: swap;
    src: url('https://use.fontawesome.com/releases/v5.15.4/webfonts/fa-solid-900.woff2') format('woff2');
}

@font-face {
    font-family: 'Font Awesome 5 Free';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('https://use.fontawesome.com/releases/v5.15.4/webfonts/fa-regular-400.woff2') format('woff2');
}

@font-face {
    font-family: 'Font Awesome 5 Brands';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('https://use.fontawesome.com/releases/v5.15.4/webfonts/fa-brands-400.woff2') format('woff2');
}

.carousel-indicators li {
    background-color: #d36f4d !important;
}