@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700&display=swap');
:root {
    --white-color: #ffffff;   
    --theme-color: #112D46;   
    --seconadary-color: #BA1F31;   
    --blue10-color: #102D46;   
    --blue-color: #123C59;   
    --black-color: #000000; 
    --grey-color: #F6F6F6; 
    --base-black-color: #333333; 
}
/* color setup */
.g-7, .gy-7 {
    --bs-gutter-y: 5rem;
}
.g-7, .gx-7 {
    --bs-gutter-x: 5rem;
}
.site-footer .footer-top,
header nav.navbar{
	font-family: 'Montserrat', sans-serif;
}
.z-1{z-index: 1;}
.text-white{color:var(--white-color);}
.text-theme{color:var(--theme-color);}
.text-seconadary{color:var(--seconadary-color);}
.text-blue10{color:var(--blue10-color);}
.text-blue{color:var(--blue-color);}
.text-black{color:var(--black-color);}
.text-grey{color:var(--grey-color);}
.text-base-black{color:var(--base-black-color);}
.bg-white{background-color: var(--white-color);}
.bg-theme{background-color: var(--theme-color);}
.bg-seconadary{background-color: var(--seconadary-color);}
.bg-blue10{background-color: var(--blue10-color);}
.bg-blue{background-color: var(--yellow-color);}
.bg-black{background-color: var(--black-color);}
.bg-grey{background-color: var(--grey-color);}
.bg-base-black{background-color: var(--sky-color);}
html{ 
    scroll-behavior: smooth;
    font-size: 62.5%;
}
body{
    font-size: 1.6rem;
    font-weight: 400;
    line-height: 2.4rem;
    color: var(--base-black-color);
    font-family: "Roboto", serif;
}
.roboto{
    font-family: "Roboto", serif;
}
.inter{
    font-family: "Inter", serif;
}
.nexa,h1,.h1,h2,.h2,h3,.h3,h4,.h4,h5,.h5,h6,.h6{
    font-family: 'nexa_text';
}
.fw-200{
    font-weight: 200;
}
.fw-300{
    font-weight: 300;
}
.fw-400{
    font-weight: 400;
}
.fw-500{
    font-weight: 500;
}
.fw-600{
    font-weight: 600;
}
.fw-700,.state-tab-content h3{
    font-weight: 700;
}
.fw-800{
    font-weight: 800;
}
.pt-40{
    padding-top: 4rem;
}
.pb-40{
    padding-bottom: 4rem;
}
.p-40{
    padding: 4rem;
}
.pt-50{
    padding-top: 5rem;
}
.pb-50{
    padding-bottom: 5rem;
}
.pt-60{
    padding-top: 6rem;
}
.pb-60{
    padding-bottom: 6rem;
}
.mt-80{
    margin-top: 8rem;
}
.mb-80{
    margin-bottom: 8rem;
}
.pt-80{
    padding-top: 8rem;
}
.pb-80{
    padding-bottom: 8rem;
}
.pt-100{
    padding-top: 10rem;
}
.pb-100{
    padding-bottom: 10rem;
}
.ps-100{
    padding-left: 10rem;
}
.pe-100{
    padding-right: 10rem;
}
.p-100{
    padding: 10rem;
}
h1,.h1{
    font-size: 9.6rem;
    line-height: 8.2rem;
}
h2,.h2{
    font-size: 4.8rem;
    line-height: 6rem;
}
h3,.h3{
    font-size: 3.6rem;
    line-height: 4.8rem;
}
h4,.h4{
    font-size: 3.2rem;
    line-height: 4.8rem;
}
h5,.h5{
    font-size: 2.4rem;
    line-height: 3.2rem;
}
h6,.h6{
    font-size: 1.2rem;
    line-height: 1.2rem;
    letter-spacing: 3%;
}
.ls-12{
    letter-spacing: 1.2px;
}
.lh-24{
    line-height: 2.4rem;
}
.font-14{
    font-size: 1.4rem;
    line-height: normal;
}
.font-18{
    font-size: 1.8rem;
    line-height: 2.4rem;
}
.font-20{
    font-size: 2rem;
    line-height: 3rem;
}
.radius-15{
    border-radius: 1.5rem;
}
.box-shadow-1{
    box-shadow: 0px 8px 8px 0px rgba(0, 0, 0, 0.15);
}
.theme-btn{
    background-color: var(--seconadary-color);
    color: var(--white-color);
    padding: 1rem 2.8rem;
    border-radius: 5rem;
    box-shadow: 0px 1px 2px 0px #1018280D;
    display: inline-block;
	cursor: pointer;
	border: 0;
    font-weight: 700;
    font-family: 'nexa_text';
}
.theme-btn:hover {
    background-color: var(--theme-color);
    color: var(--white-color);
}
.theme-btn2{
    background-color: var(--blue-color);
}
.footer-top .theme-btn,
.header-right .theme-btn{
	font-size: 20px;
	font-weight: 400;
	font-family: 'Montserrat', sans-serif;
}
.section-header {
    border-bottom: 1px solid #E3E3F2;
    padding: 0 0 2rem;
}
.section-header:after {
    content: "";
    position: absolute;
    width: 6.5rem;
    height: 6px;
    background-image: linear-gradient(90deg, #BB2032 0%, #FF5050 100%);
    bottom: -6px;
}
:focus-visible ,.form-control:focus,.form-select:focus{
    outline: none;
    box-shadow: none;
    border-color: initial;
}
.bg-img{
    background-size: cover;
    background-repeat: no-repeat;
}
/* scrollbar */
html,
body {
  scroll-behavior: smooth;
}
::-webkit-scrollbar {
    width: 5px;
    height: 7px;
}
::-webkit-scrollbar-track {
    box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    -webkit-border-radius: 10px;
    border-radius: 10px;
}

::-webkit-scrollbar-thumb {
    -webkit-border-radius: 10px;
    border-radius: 10px;
    box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5);
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5);
}
::-webkit-scrollbar-thumb:window-inactive {
    background: rgb(198, 198, 198);
}
a{
    text-decoration: none;
}
/* header */
a:hover {
    color: inherit;
    transition: all .2s linear;
}
.top-header .navbar-nav .nav-item {
    padding: 0 2.5rem;
}
.top-header .navbar-nav .nav-link {
    padding: 0;
    display: inline-block;
    color: var(--white-color);
    font-size: 2rem;
    line-height: 7.2rem;
/*     border-bottom: 6px solid transparent; */
	position: relative;
}
/* .top-header .navbar-nav .nav-link:hover {
    border-color: var(--theme-color);
} */
.top-header .navbar-nav li:hover .nav-link:after{
	content: '';
	position: absolute;
	left: 0;
	right: 0;
	background-color: var(--theme-color);
	height: 6px;
	bottom:0;
}
.top-header{
    padding: 1rem 0;
}
.top-header.static-header,
.top-header.fixed {
    background-color: var(--white-color);
    padding: 0;
}
.home .top-header.fixed .default-logo{
    display: inline-block;
}
.home .top-header.fixed .home-logo{
    display: none;
}
.top-header.static-header .navbar-nav .nav-link,
.top-header.fixed .navbar-nav .nav-link{
    color: #032E34;
}
.main-logo {
    max-width: 14.7rem;
}
.default-logo,.home .home-logo{
    display: inline-block;
}
.home-logo,.home .default-logo{
    display: none;
}
/* footer  */
/* .footer-top .footer-h2 {
    padding-top: 8.6rem;
    padding-bottom: 35.4rem;
} */
/* .footer-top h2 span {
    color: #5DB8F2;
    margin-left: 14rem;
} */
.footer-bottom .footer-bottom-link li a {
    padding-left: 2rem;
    margin-left: 2rem;
    border-left: 1px solid var(--white-color);
    color: var(--white-color);
}
.footer-bottom {
    padding: 15.5rem 0 0;
}
.container-right {
    margin-right: 0;
    margin-left: calc(50vw - 620px);
    padding-right: 4rem;
}
/* banner section  */
.banner-section::before{
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: linear-gradient(180deg, rgba(47, 47, 47, 0.5) 0%, rgba(47, 47, 47, 0) 14.58%);
}
.banner-section-slide::after{
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: #2F2F2F33;
}
.banner-section .banner-text {
/*     padding: 42.9rem 0 16.8rem; */
	padding-bottom: 16.8rem;
    padding-top: clamp(240px, 50vh, 400px);
}
.banner-box{
    box-shadow: 23px 19px 25px 0px #00000026;
    padding: 2.7rem 5.3rem 2.7rem 3.3rem;
    border-radius: 2.5rem;
    margin-bottom: 3.2rem;
    font-size: 2.2rem;
    line-height: 2.8rem;
}
.banner-section .theme-btn{
    margin-left: 3.5rem;
}
/* feature section  */
.feature-box .feature-box-single {
    width: 17.2rem;
    padding: 3.9rem 2.3rem 2rem;
    background: linear-gradient(180deg, #102C46 0%, #174977 100%);
    box-shadow: 0px 8px 8px 0px #00000026;
}
.feature-box {
    column-gap: 2.5rem;
    margin-bottom: 7.2rem;
}
.feature-box .feature-box-single .h2 {
    font-size: 4.2rem;
    line-height: 6.3rem;
    color: #BCDCF1;
    margin: 0;
}
.feature-box .feature-box-single p {
    line-height: 1.8rem;
}
.feature-bottom .theme-desc-box{
    max-width: 60.3rem;
}
.feature-top {
    margin-top: -10rem;
}
.feature-top img {
    position: absolute;
    right: 0;
    bottom: 0;
}
.feature-bottom {
    padding: 8.7rem 0 0;
}
.theme-desc-box{
    max-width: 49.6rem;
}
.theme-desc-img img{
    box-shadow: 0px 8px 8px 0px #00000026;
}
.feature-section{
    padding-bottom: 10rem;
}
/* feature slider  */
.feature-slider-section .feature-slider {
    padding: 9.5rem 0 0;
}
.feature-slider-section .feature-slider .single-feature {
    box-shadow: 0px 8px 8px 0px #00000026;
    height: 50rem;
    margin: 1.1rem;
}
.feature-slider .single-feature .feature-thumbnail , .feature-slider .single-feature .feature-thumbnail img{
    border-radius: 15px 15px 0 0;
}
.feature-slider .single-feature .feature-thumbnail img{
    height: 17.8rem;
}
/* .feature-slider .owl-stage-outer{
    padding: 1rem;
} */
.feature-slider .single-feature .feature-thumbnail {
    border-bottom: 6px solid #BCDCF1;
}
.feature-slider .single-feature .feature-desc{
    padding: 2.1rem 3.3rem 3rem 2.4rem;
    height: calc(100% - 18.4rem);
}
.featured-campaign .feature-bottom-right h2,
.feature-slider .single-feature .feature-desc .h5{
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;  
    overflow: hidden;
}
.feature-slider .single-feature .feature-desc p{
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;  
    overflow: hidden;
    font-size: 1.8rem;
    line-height: 2.4rem;
}
.featured-campaign .theme-desc-img img{
    height: 400px;
    object-fit: cover;
}
.single-feature .feature-desc .learn-link{
    font-size: 1.8rem;
    line-height: 2.6rem;
    opacity: 0;
    padding: 4rem 0 0;
}
.single-feature:hover .feature-desc .learn-link{
    opacity: 1;
}
.feature-slider .single-feature .feature-thumbnail:after {
    content: "";
    position: absolute;
    bottom: -5px;
    left: 0;
    width: 65px;
    height: 6px;
    background-image: linear-gradient(90deg, #BB2032 0%, #FF5050 100%);
    transition: width 0.5s ease-in-out;
}
.feature-slider .single-feature:hover .feature-thumbnail:after {
    width: 100%;
}
.owl-nav {
    margin: 4rem 0 0 1rem;
}
.owl-carousel .owl-nav button.owl-prev ,.owl-carousel .owl-nav button.owl-next {
    width: 5.6rem;
    height: 5.6rem;
    font-size: 0;
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="56" height="56" viewBox="0 0 56 56" fill="none"><rect x="0.5" y="0.5" width="55" height="55" rx="27.5" fill="white"/><rect x="0.5" y="0.5" width="55" height="55" rx="27.5" stroke="%23E2E2E2"/><path d="M35 28H21M21 28L28 35M21 28L28 21" stroke="%231E6A9E" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>');
    background-repeat: no-repeat;
    background-size: contain;
    margin-right: 3.2rem;
}
.owl-carousel .owl-nav button.owl-next {
    transform: rotate(180deg);
}
.owl-carousel .owl-nav button.owl-prev.disabled, .owl-carousel .owl-nav button.owl-next.disabled {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="56" height="56" viewBox="0 0 56 56" fill="none"><rect x="0.5" y="0.5" width="55" height="55" rx="27.5" fill="white"/><rect x="0.5" y="0.5" width="55" height="55" rx="27.5" stroke="%23E2E2E2"/><path d="M35 28H21M21 28L28 35M21 28L28 21" stroke="%23ADADAD" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>');
}
/* join us section  */
.join-us-section{
    padding: 14.5rem 16.6rem;
}
.join-us-box{
    padding: 17rem 4.7rem 6.3rem 4rem;
    max-width: 100%;
    width: 101.2rem;
    background-repeat: no-repeat;
    background-position: center bottom;
}
.join-us-box .join-us-right {
    width: 44.6rem;
    margin: 6.4rem 0 0 auto;
}
/* explore issue section  */
.explore-issue-section{
    padding: 19.6rem 0 20.6rem;
}
/* map section  */
.map-section .map-section-top {
    padding: 10rem 0 0;
}
.map-section .map-section-bottom {
    padding: 0 0 10rem;
}
.page-default-header{
    display: grid;
    min-height: 500px;
    background-color: #000000;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    padding: 40px 0;
}
.list-issues {
    margin-top: -55px;
}
.list-issues .issue-card {
    border-radius: 15px;
    background: #20699C;
    box-shadow: 0px 8px 8px 0px rgba(0, 0, 0, 0.15);
    padding: 24px 10px 24px 30px;
    min-height: 500px;
    margin-bottom: 54px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    cursor: pointer;
    transition: transform 0.3s ease-in-out;
}
.list-issues .issue-card:hover {
    transform: translateY(-20px);
}
.list-issues .issue-card strong{
    font-weight: 800;
}
.dynamic-issue-modal .modal-content{
    padding: 41px 50px 100px;
}
.dynamic-issue-modal .btn-close-modal{
    position: absolute;
    right: 25px;
    top: 25px;
    background: none;
    border: 0;
}
.dynamic-issue-modal .issue-modal-body{
    color: #102D46;
    font-size: 22px;
    font-weight: 400;
    line-height: 28px;
}
.campaign-detail-wrap{
    padding: 100px 0;
}
.campaign-detail-wrap .campaign-intro{
    font-size: 22px;
    font-weight: 300;
    line-height: 28px;
    margin-bottom: 30px;
    color: #102D46;
}
.campaign-detail-wrap .campaign-featured-img{
    box-shadow: 0px 8px 8px 0px rgba(0, 0, 0, 0.15);
    margin-bottom: 10px;
}
.campaign-detail-wrap .campaign-content{
    font-size: 18px;
    font-weight: 400;
    line-height: 26px;
    margin-top: 20px;
}
.campaign-detail-wrap .campaign-content h2,
.campaign-detail-wrap .campaign-content h3,
.campaign-detail-wrap .campaign-content h4{
    margin-top: 60px;
}
.campaign-detail-wrap .campaign-content ul,
.campaign-detail-wrap .campaign-content ol{
    margin-bottom: 20px;
}
iframe{
    width:100%;   
    height:100%;
    max-width: 100%;
    min-height:100%;
    border-radius:20px;
}
.site-footer{
    background-image: url(../images/footer-bg.png);
	background-size: cover;
    background-repeat: no-repeat;
}
.footer-bottom img.img-fluid{
    width: 232px;
}