/* Base CSS */
@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600;1,700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+Bengali:wght@100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap');

.alignleft {
    float: left;
    margin-right: 15px;
}

.alignright {
    float: right;
    margin-left: 15px;
}

.aligncenter {
    display: block;
    margin: 0 auto 15px;
}

a:focus {
    outline: 0 solid
}

img {
    max-width: 100%;
    height: auto;
    object-fit: cover;
}

a, button {
    transition: all .3s ease-in-out;
}

h1, h2, h3, h4, h5, h6 {
    margin: 0 0 15px;
    color: #1B1B21;
}

body {
    color: #1E1F20;
    font-weight: 400;
    font-family: "Noto Sans Bengali", sans-serif;

}

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

.selector-for-some-widget {
    box-sizing: content-box;
}

a:hover {
    text-decoration: none
}

.font-poppins {
    font-family: "Poppins", sans-serif !important;
}

.font-inter {
    font-family: "Inter", sans-serif !important;
}

/*---------------------- Header area start ----------------------*/
.header {
    background: #FDE8DE;
    padding: 25px 0;
    position: relative;
    z-index: 2;
}

.header .border-end {
    border-right: 1px solid #0000001f !important;
}

.header-nav ul li a {
    font-size: 14px;
    color: #516D9E;
    text-decoration: none;
    transition: .3s;
    font-weight: 500;
    font-family: "Poppins", sans-serif;

}

.header-nav ul>li:hover>a {
    color: #FF7128;
}

.header-nav>ul>li {
    position: relative;
    margin-left: 40px;
    padding: 10px 0;
}

.header-nav>ul>li:first-child {
    margin: 0;
}

.header-nav ul li ul {
    position: absolute;
    top: 150%;
    left: -18px;
    width: 180px;
    background: #fff;
    border-radius: 10px;
    box-shadow: 0 0 10px #ff70282c;
    transition: .3s;
    opacity: 0;
    visibility: hidden;
    list-style: none;
    margin: 0;
    padding: 14px 18px;
}

.header-nav ul li ul a {
    font-size: 13px
}

.header-nav ul li ul::after {
    position: absolute;
    top: -7px;
    left: 28px;
    height: 16px;
    width: 16px;
    content: '';
    background-color: #fff;
    z-index: 1;
    transform: rotate(45deg);
}

.header-nav ul li:hover>ul {
    top: 100%;
    opacity: 1;
    visibility: visible;
}

.header-nav ul li a.active {
    text-decoration: underline;
    color: #072E75;
}

.header-nav ul li a i {
    transition: .3s;
    font-size: 12px;
    margin-left: 3px;
}

.header-nav ul li:hover a i {
    transform: rotate(180deg);
}

.header-nav ul li ul li {
    margin-bottom: 2px;
}

.header-nav ul li ul li:last-child {
    margin-bottom: 0;
}

.theme-btn {
    font-size: 14px;
    font-weight: 700;
    color: #fff;
    text-decoration: none;
    background: #FF7128;
    transition: .3s;
    border: 1px solid #FF7128;
    border-radius: 50px;
    padding: 8px 25px;
    display: inline-flex;
    gap: 10px;
    justify-content: center;
    align-items: center;
    padding-top: 10px;
}

.theme-btn.large {
    padding: 12px 30px;
}

.theme-btn:hover {
    background: #FE712A21;
    color: #FF7128;
}

.theme-btn.btn-bordered {
    border-color: #6E47986E;
    color: #6E4798;
    background-color: transparent;
}

.theme-btn.btn-bordered:hover {
    background: #6E4798;
    color: #fff;
}

.header-btn>a:not(:first-child) {
    margin-left: 10px;
}

.theme-btn.theme-btn-bordered {
    background: transparent;
    color: #FF7D00;
}

.theme-btn.theme-btn-bordered:hover {
    background: #FF7D001A;
}

.btn-shadow {
    box-shadow: 1px 4px 20px #FF712861;
}

.hero-btns>a {
    margin-right: 13px;
    min-width: 110px;
    text-align: center;
}

.theme-btn.font-poppins {
    padding-top: 9px;
}

/*---------------------- Header area end ----------------------*/

/*---------------------- Hero section start ----------------------*/
.hero-area {
    position: relative;
    z-index: 1;
    padding-top: 0;
    padding-bottom: 155px;
    background: url(../img/bg/hero-bg.png);
    background-repeat: no-repeat;
    background-position: bottom center;
    background-size: cover;
}

.hero-thumb {
    margin-right: -80px;
    margin-left: -25px;
}

.hero-content h1 {
    font-size: 40px;
    color: #072E75;
    font-weight: 700;
    line-height: 1.2;
    margin-bottom: 18px;
}

.text-orange {
    color: #FF7128 !important;
}

.hero-content p {
    color: #516074;
    font-size: 18px;
    margin-bottom: 20px;
    padding-bottom: 10px;
}

.hero-content {
    max-width: 645px;
    padding-top: 15px;
}

/*---------------------- Hero section end ----------------------*/

/*---------------------- Section section start ----------------------*/
.section-title {
    padding-bottom: 20px;
}

.h2 {
    font-size: 30px;
    font-weight: 700;
    color: #072E75;
    line-height: 1.23;
    margin-bottom: 15px;
}

.title-border {
    background-color: #6E4798;
    max-width: 65px;
    width: 100%;
    height: 4px;
    margin: 0 auto;
}

.video-wrapper {
    margin: 40px auto;
    position: relative;
    z-index: 2;
    padding: 0 4px;
}

.video-wrapper iframe {
    box-shadow: 0px 22px 19px #0000003d;
    margin-bottom: 20px;
    border-radius: 7px;
    height: 530px;
}

.section-title p {
    color: #6F7071;
    font-size: 18px;
    font-weight: 500;
    line-height: 1.5;
}

.text-lg {
    font-weight: 500;
    color: #6F7071;
    line-height: 1.5;
    font-size: 22px;
    margin-bottom: 20px;
}

/*---------------------- Section section end ----------------------*/

/*---------------------- Vision section start ----------------------*/
.vision-area {
    background-color: #292742;
}

.vision-wrapper {
    padding: 60px 0;
}

.video-wrapper.has-min-mb {
    margin-bottom: -40px;
}

.vision-list-item {
    margin-bottom: 40px;
}

.vision-list-item-content h5 {
    font-size: 20px;
    color: #D9D9DF;
    font-weight: 600;
    line-height: 1.1;
    margin-bottom: 8px;
}

.vision-list-item-content p {
    font-size: 16px;
    font-weight: 500;
    color: #fff;
    line-height: 1.5;
    opacity: 40%;
    margin: 0;
}

.vision-list-item-count {
    height: 70px;
    width: 70px;
    background: #6E479863;
    border-radius: 50px;
    font-size: 28px;
    color: #fff;
    line-height: 1;
    margin-right: 17px;
    font-family: "Poppins", sans-serif !important;
    position: relative;
    top: -6px;
    flex: 0 0 auto;
}

.vision-list-item:last-child {
    margin-bottom: 0;
}

.vision-thumb {
    margin-right: -95px;
}

.has-minus-mt {
    margin-top: -42px;
    margin-bottom: -100px;
}

/*---------------------- Vision section end ----------------------*/



/*---------------------- Help section end ----------------------*/
.shc-thumb {
    min-height: 205px;
    width: 100%;
    border-radius: 15px;
}

.shc-thumb img {
    width: 100%;
    min-height: 205px;
    transition: .2s linear;
}

.single-help-card:hover .shc-thumb img {
    transform: scale(1.03);
}

.help-card-detail {
    max-width: 85%;
    min-height: 195px;
    padding: 24px 18px;
    border: 1px solid #E6E6E6;
    border-radius: 12px;
    box-shadow: 10px 20px 60px 0 rgba(60, 84, 94, 0.05);
    margin-top: -38px;
    transition: all .3s ease-in-out;
}

.single-help-card:hover .help-card-detail {
    box-shadow: 10px 20px 60px 0 rgba(60, 84, 94, 0.15);
}

.help-card-border {
    width: 42px;
    height: 4px;
    display: block;
    border-radius: 25px;
    background-color: #F3722F;
}

.help-card-detail .hc-title {
    font-size: 18px;
    color: #072E75;
}

.help-card-detail p {
    color: #717070;
    line-height: 1.3;
}

.help-card-detail .help-card-btn {
    color: #092C3A;
    line-height: 1;
    margin-top: 6px
}

.help-card-detail .help-card-btn span img {
    width: 6px;
    margin-left: 6px;
    transition: .3s;
}

.help-card-detail .help-card-btn:hover {
    color: #F3722F;
}

.help-card-detail .help-card-btn:hover img {
    filter: invert(49%) sepia(93%) saturate(1058%) hue-rotate(340deg) brightness(97%) contrast(96%);
    margin-left: 8px;
}

.hc-thumb-border {
    border: 1px solid #c5c5c5;
    border-radius: 15px;
}

/*---------------------- Help section end ----------------------*/




/*---------------------- EventGallery section end ----------------------*/
.event-gallery-section {
    background-color: #292742;
}

.event-gallery-slider.swiper.mySwiper.swiper-initialized.swiper-horizontal {
    margin-right: -1100px;
}

.single-event-gallery-card {
    background: url("../img/thumbs/gallery-1.png") no-repeat center / cover;
    /* width: calc(33.33% - 18px) !important */
}

.gallery-bg-2 {
    background-image: url("../img/thumbs/gallery-2.png");
}

.gallery-bg-3 {
    background-image: url("../img/thumbs/gallery-3.png");
}

.single-event-gallery-card::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.93) 0%, rgba(0, 0, 0, 0.55) 34%, rgba(0, 0, 0, 0) 50%, rgb(0, 0, 0) 100%);
}

.event-details {
    padding: 25px 30px;
    min-height: 350px;
    position: relative;
    z-index: 1;
    color: #fff;
}

.event-details a {
    color: #fff;
}

.event-date {
    font-size: 12px;
    border: 1px solid #fff;
    border-radius: 30px;
}

.event-date span img {
    width: 13px;
    margin-top: -2px;
}

.event-date {
    font-size: 12px;
    border: 1px solid #fff;
    border-radius: 30px;
    padding: 3px 5px;
    margin-bottom: 10px !important;
}

.event-title {
    display: inline-block;
    color: #fff;
    max-width: 218px;
    line-height: 1.25;
}

.event-title:hover {
    color: #FF7D00;
}

.theme-btn.btn-bordered.event-detail-btn-2 {
    border-color: #fff;
    color: #fff;
}

.theme-btn.btn-bordered.event-detail-btn-2:hover {
    border-color: #6E4798;
}

.eg-slider-btns .swiper-button-next::after, .eg-slider-btns .swiper-button-prev::after {
    display: none;
}

.eg-slider-btns .swiper-button-next, .eg-slider-btns .swiper-button-prev {
    position: unset;
    width: auto;
    height: auto;
    margin-top: 0;
}

.eg-slider-btns {
    display: flex;
    align-items: center;
    width: 110px;
    justify-content: space-between;
    flex-direction: row-reverse;
    margin-left: 30px;
}

.eg-btn span {
    width: 45px;
    height: 45px;
    border: 2px solid #fff;
    border-radius: 20px;
    background-color: transparent;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    transition: all .3s ease-in-out;
}

.eg-btn:hover span {
    border-color: #FF7D00;
    background-color: #FF7D00;
}

.bg-shape img {
    width: 100%;
}

.eg-bg-shape {
    margin-top: -130px;
}

/*---------------------- EventGallery section end ----------------------*/




/*---------------------- Resources section start ----------------------*/
.resources-section {
    margin-top: -150px;
    position: relative;
}

.resources-inner {

    background-color: #FEF1EA;
}

.resources-head {
    padding-bottom: 40px;
}

.single-resource {
    padding: 48px;
    min-height: 265px;
    border: .5px solid rgba(41, 39, 66, 0.05);
}

.resource-icon {
    width: 54px;
    height: 54px;
    border-radius: 50%;
    margin-bottom: 25px;
    display: inline-block;
}

.resource-title {
    color: #12141D;
    font-size: 19px;
    margin-bottom: 10px;
}

.resource-para {
    font-size: 14px;
    color: #12141D;
}

.resources-cards::after {
    border: 2px solid #FEF1EA;
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.resource-content {
    position: relative;
    z-index: 1;
}

/*---------------------- Resources section end ----------------------*/

/*---------------------- UpcomingEvents section start ----------------------*/
.upcoming-events-section {
    padding: 110px 0 100px;
}

.upcoming-single-event {
    border: 2px solid rgba(0, 0, 0, 0.08);
    border-radius: 16px;
    box-shadow: 0 19px 30px 0 rgba(60, 84, 94, 0.1);
    transition: all .3s ease-in-out;
    height: 100%;
}

.upcoming-single-event:hover {
    box-shadow: 0 19px 30px 0 rgba(60, 84, 94, 0.15);
}

.ue-thumb {
    margin: 8px 8px 20px;
    border-radius: 10px;
    height: 220px;
}

.ue-thumb img {
    border-radius: 8px;
    transition: .3s linear;
    width: 100%;
    height: 100%;
}

.upcoming-single-event:hover .ue-thumb img {
    transform: scale(1.03);
}

.ue-title a {
    font-size: 18px;
    font-weight: 700;
    color: #253546;
    margin-bottom: 10px;
    display: inline-block;
    text-decoration: none;
    line-height: 1.3;
    max-width: 330px;
}

.ue-title a:hover {
    color: #FF7D00;
}

.ue-location, .ue-time {
    font-size: 12px;
    color: #767676;
}

.ue-participants-thumb img {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    border: 1px solid #fff;
    margin-left: -10px;
}

.ue-participants-thumb img:first-child {
    margin-left: 0;
}

.ue-content {
    padding: 0 16px 10px;
}

.ue-card-bottom {
    border-top: 1px solid #DCE0E8;
}

.ue-countdown span img {
    margin-top: -4px;
}

/*---------------------- UpcomingEvents section end ----------------------*/



/*---------------------- OurGallery section start ----------------------*/

.our-gallery-item {
    border-radius: 20px;
    overflow: hidden;
    margin-bottom: 25px;
}

.ogc-bg-1, .ogc-bg-4 {
    background: url("../img/thumbs/our-gallery-1.png") no-repeat center / cover;
    min-height: 580px;
    padding: 20px 24px;
}

.ogc-bg-4 {
    background-image: url("../img/thumbs/our-gallery-4.png");
}

.og-h::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(to bottom, #00000000 44%, #000 100%);
}

.our-gallery-text {
    position: relative;
    z-index: 1;
}

.og-title {
    font-size: 18px;
    font-weight: 700;
    color: #fff;
    margin-bottom: 16px;
}

.our-gallery-text a {
    color: #fff;
}

.our-gallery-text a:hover {
    color: #FF7D00;
}

.ogc-bg-2, .ogc-bg-3 {
    background: url("../img/thumbs/our-gallery-2.png") no-repeat center / cover;
    min-height: 275px;
    padding: 20px 24px;
}

.ogc-bg-3 {
    background-image: url("../img/thumbs/our-gallery-3.png");
}

.og-v::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(to bottom, #00000000 4%, #000 76%);
}

.og-v::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.2);
}

/*---------------------- OurGallery section end ----------------------*/

/*---------------------- Volunteer section start ----------------------*/
.volunteer-section {
    background-color: #292742;
    margin-top: -75px;
}

.volunteer-content h2 {
    font-size: 30px;
    max-width: 380px;
}

.volunteer-content p {
    font-weight: 500;
    font-size: 20px;
    margin-bottom: 40px;
    color: rgba(255, 255, 255, 0.4);
}

.volunteer-content .theme-btn {
    height: 60px;
    width: 300px;
}

.vounteer-wrapper {
    padding: 65px 0;
}

/*---------------------- Volunteer section end ----------------------*/

/*---------------------- Download section start ----------------------*/
.download-section {
    margin-top: -80px;
    padding-bottom: 100px;
}

.download-wrapper {
    background: url("../img/bg/download-bg.png") no-repeat center / 100% 100%;
    min-height: 530px;
    padding: 90px 80px;
    border-radius: 15px;
}

.download-heading {
    font-size: 42px;
    color: #072E75;
    line-height: 1.3;
    max-width: 425px;
}

.download-para {
    padding: 30px 0 35px;
    color: #728090;
    max-width: 325px;
}

.download-app-btns {
    gap: 18px;
}

.download-app {
    width: 145px;
    height: 45px;
    display: inline-block;
    transition: all .3s ease-in-out;
    border-radius: 5px;
    overflow: hidden;
}

.download-app:hover {
    opacity: .85;
}

.download-app img {
    width: 100%;
}

/*---------------------- Download section end ----------------------*/




/*---------------------- Merchandise section start ----------------------*/
.merchandise-section {
    padding-bottom: 100px;
}

.single-product-item {
    padding: 6px;
    border-radius: 16px;
    border: 2px solid rgba(0, 0, 0, 0.08);
    box-shadow: 0 19px 30px 0 rgba(60, 84, 94, 0.1);
    transition: all .3s ease-in-out;
    margin-bottom: 25px;
}

.single-product-item:hover {
    box-shadow: 0 19px 30px 0 rgba(60, 84, 94, 0.15);
}

.product-thumb {
    height: 218px;
    width: 100%;
    border-radius: 8px;
}

.product-thumb img {
    width: 100%;
    height: 100%;
    transition: .3s;
}

.single-product-item:hover .product-thumb img {
    transform: scale(1.03);
}

.single-product-item p {
    margin-bottom: 0;
}

.product-details {
    padding: 12px 18px 20px;
}

.product-title {
    color: #253546;
    font-size: 18px;
}

.product-title:hover {
    color: #FF7D00;
}

.pr-stars img {
    width: 13px;
    margin-right: 1px;
}

.pr-stars {
    margin-right: 10px;
}

.product-ratings {
    margin-bottom: 20px;
}

.product-price {
    font-weight: 500;
    font-size: 24px;
    color: #FF7D00;
    margin-bottom: 2px;
}

.product-prev-price {
    color: #9C9C9C;
    font-size: 14px;
    margin-right: 10px;
}

.discount-percent {
    font-weight: 500;
}

.theme-btn.product-buy-btn {
    padding: 5px 10px;
    height: 36px;
    width: 107px;
}

/*---------------------- Merchandise section end ----------------------*/

/*---------------------- Blogs section start ----------------------*/
.blogs-section {
    padding-bottom: 110px;
}

.blog-date-time {
    padding-top: 8px;
}

.blog-card p {
    margin-bottom: 0;
}

.blog-thumb {
    width: 100%;
    height: 360px;
    border-radius: 6px;
    margin-bottom: 24px;
}

.blog-thumb img {
    width: 100%;
    height: 100%;
    transition: all .2s linear;
}

.blog-card:hover .blog-thumb img {
    transform: scale(1.02);
}

.blog-title {
    font-size: 20px;
    color: #072E75;
    margin-bottom: 10px;
    line-height: 1.4;
    display: inline-block;
}

.blog-title:hover {
    color: #FF7D00;
}

.blog-para {
    color: #6E6E6E;
    font-size: 14px;
    line-height: 1.8;
    max-width: 325px;
}

.blog-content {
    min-height: 215px;
}

.blog-date-time p {
    font-size: 14px;
    font-weight: 300;
    color: #6E6E6E;
}

.blog-date-time img {
    margin-top: -2px;
}

.mini-blog-card .blog-title {
    font-size: 18px;
}

.mini-blog-card {
    padding: 50px 0;
    border-bottom: 1px solid #DDDDDD;
}

.mini-blog-wrapper {
    min-height: 125px;
}

.mini-blog-card:first-child {
    padding-top: 0;
}

.mini-blog-card:last-child {
    padding-bottom: 0;
    border-bottom: none;
}

.mini-blog-content {
    max-width: 234px;
}

.mini-blog-thumb {
    width: 102px;
    height: 102px;
    border-radius: 6px;
}

.mini-blog-thumb img {
    width: 100%;
    height: 100%;
    transition: all .25s linear;
}

.mini-blog-card:hover .mini-blog-thumb img {
    transform: scale(1.03);
}

/*---------------------- Blogs section end ----------------------*/

/*---------------------- NewsLetter section start ----------------------*/
.news-letter-wrapper {
    background: url("../img/bg/news-letter-bg.png") no-repeat center / cover;
    min-height: 450px;
    padding: 80px;
    border-radius: 22px;
}

.news-letter-content {
    max-width: 515px;
}

.news-letter-para {
    margin-bottom: 35px;
    color: #6E6E6E;
    line-height: 1.8;
}

.news-letter-form {
    max-width: 370px;
}

.news-letter-form input {
    width: 100%;
    height: 45px;
    border: 1px solid #ededed;
    border-radius: 50px;
    padding: 11px 120px 9px 20px;
    display: flex;
    align-items: center;
    color: #072E75;
    background-color: #FFF;
    font-size: 13px;
    caret-color: #FF7128;
    font-family: "Inter", sans-serif !important;
    transition: all .2s ease-in-out;
    box-shadow: 0 0 14px 0 rgba(0, 0, 0, 0.03);
}

.news-letter-form input::placeholder {
    color: #979797;
    opacity: 1;
}

.news-letter-form input:focus {
    outline: none;
    border: 1px solid #FF7128;
}

.subscribe-btn {
    height: 37px;
    width: 111px;
    margin-right: 4px;
}

/*---------------------- NewsLetter section end ----------------------*/



/*---------------------- HelpLine slider + Partners slider section end ----------------------*/
.helpline-section {
    padding: 100px 0 80px;
}

.helpline-slider .swiper-wrapper, .partners-slider .swiper-wrapper {
    transition-timing-function: linear;
}

.helpline-logo, .partners-logo {
    height: 111px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.partners-wrapper {
    padding: 20px 0 30px;
}

.partners-logo {
    height: 106px;
}

/*---------------------- HelpLine slider + Partners slider section end ----------------------*/

/*---------------------- Footer area start ----------------------*/
.footer-top {
    background-image: url("../img/bg/footer-bg.png");
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-position: top center;
    padding: 130px 0 90px;
    min-height: 450px;
}

.footer-para {
    font-size: 14px;
    font-weight: 500;
    color: #7e7e7e;
    line-height: 1.5;
}

.footer-left {
    max-width: 470px;
}

.footer-wid-heading {
    color: #072E75;
    margin-bottom: 28px;
}

.footer-widget ul li {
    margin-bottom: 13px;
}

.footer-widget ul li:last-child {
    margin-bottom: 0;
}

.footer-widget ul li a {
    color: #728090;
}

.footer-widget ul li a:hover {
    color: #FF7D00;
}

.footer-bottom {
    background-color: #131632;
}

.copyright-text {
    font-size: 14px;
}

.footer-thumb-bg {
    max-width: 517px;
}

/*---------------------- Footer area end ----------------------*/


/*---------------------- Preloader area start ----------------------*/

.page-preloader {
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 999999;
    transition: .3s;
    background: #FDE8DE;
    display: flex;
    align-items: center;
    justify-content: center;
}

.pulse-logo img.first-logo {
    max-width: 120px;
}

.pulse-logo {
    max-width: 220px;
    height: auto;
    animation: pulse 1.2s infinite;
}

@keyframes pulse {
    0% {
        transform: scale(1);
    }

    50% {
        transform: scale(1.14);
    }

    100% {
        transform: scale(1);
    }
}

/*---------------------- Preloader area end ----------------------*/