@charset "utf-8";
/*..............embedded fonts..............*/

@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Playfair+Display:ital,wght@0,400..900;1,400..900&display=swap');

/*..............embedded fonts..............*/
/*
font-family: "Playfair Display", serif;
font-family: "Inter", sans-serif;
*/
/*..............custom fonts..............*/


:root{
    /* ~-~-~-~-~ common transition ~-~-~-~-~ */
    --transition-common: all 0.6s ease 0s;
    /* ~-~-~-~-~ common transition ~-~-~-~-~ */

    /* ~-~-~-~-~ colors ~-~-~-~-~ */
    --clr-primary: #606060;
    --clr-secondary: #0B3568;
    --clr-white: #fff;
    --clr-black: #000;
    --clr-gray-light: #F6F6F6;
    --clr-red: #D10A16;
    /* ~-~-~-~-~ colors ~-~-~-~-~ */

    /* ~-~-~-~-~ other adjustments ~-~-~-~-~ */
    --margin-title: 0 0 20px 0;
    --border-radius-image: 10px;
    /* ~-~-~-~-~ other adjustments ~-~-~-~-~ */
}

:root{
    /* ~-~-~-~-~ declare font family & weight ~-~-~-~-~ */
    --ff-base: "Inter", sans-serif;
    --ff-title: "Playfair Display", serif;
    --fw-regular: 400;
    --fw-medium: 500;
    --fw-semibold: 700;
    --fw-bold: 700;
    /* ~-~-~-~-~ declare font family & weight ~-~-~-~-~ */

    /* ~-~-~-~-~ declare font size ~-~-~-~-~ */
    --f-size-XXXL: 60px;
    --f-size-XXL: 50px;
    --f-size-XL: 30px;
    --f-size-L: 24px;
    --f-size-M: 20px;
    --f-size-S: 16px;
    --f-size-Body: 18px;
    --f-size-Body-sm: 14px;
    /* ~-~-~-~-~ declare font size ~-~-~-~-~ */
}

body,p{ font-family: var(--ff-base); font-weight: var(--fw-medium); font-size: var(--f-size-Body); color: var(--clr-primary);}
h1,.h1,h2,.h2,h3,.h3,h4,.h4,h5,.h5{ font-family: var(--ff-title); font-weight: var(--fw-medium); color: var(--clr-secondary); margin: var(--margin-title);}
h1,.h1{ font-size: var(--f-size-XXXL);}
h2,.h2{ font-size: var(--f-size-XXL);}
h3,.h3{ font-size: var(--f-size-XL);}
h4,.h4{ font-size: var(--f-size-L);}
h5,.h5{ font-size: var(--f-size-M);}
h6,.h6{ font-size: var(--f-size-S); font-family: var(--ff-base); font-weight: var(--fw-medium); color: var(--clr-primary); margin: var(--margin-title);}
p{ margin: var(--margin-title);}

.text-white h1, .text-white h2, .text-white h3, .text-white h4, .text-white h5, .text-white h6, .text-white p{color: var(--clr-white);}

/*..............common styles..............*/
body { margin: 0; padding: 0; }
img{ max-width: 100%;}
a, img{ border:0; text-decoration: none; outline: none;}
a, a:link, a:visited, a:focus, a:hover { /*color: #179ae2;*/ outline: none; text-decoration: none; transition:all 0.3s ease 0s;}
a:hover{ text-decoration:none;}

input, textarea, select{ font-family: var(--ff-base); font-weight: var(--fw-medium); font-size: var(--f-size-Body); color: var(--clr-primary); outline: none;}


/* --- Button Styles --- */
.btn { border: none; display: inline-block; vertical-align: top; background: var(--clr-red); font-weight: var(--fw-semibold); color: #fff; 
    padding: 15px 40px; font-size: var(--f-size-Body); text-transform: capitalize; box-shadow: 0 6px 10px  rgba(209,10,22,0.4); border-radius: 0;}

.btn.border { background: transparent; color: var(--clr-red); border-color: 1px solid var(--clr-red) !important; box-shadow: inherit;}
/*.btn.border{ background: transparent; color: var(--clr-red); border: 1px solid var(--clr-white);}*/
.btn.border-wh{background-color: transparent; color: var(--clr-white); border: 1px solid var(--clr-white); box-shadow: 0 6px 10px  rgba(255,255,255,0.4); box-shadow: inherit;}

.btn:hover{background-color: var(--clr-secondary); color: var(--clr-white);}
.btn.border:hover {background-color: var(clr-secondary); color: var(--clr-white); border-color: var(--clr-red);}
/*.btn.border-wh{background-color: transparent; color: var(--clr-white); border-color: var(--clr-white);}*/

.btn.medium-size { /* Your custom Styles */ }
.btn.large-size { /* Your custom Styles */}

.btn:focus, button:focus{outline: none; box-shadow: none;}

input[type="submit"], input[type="submit"]:focus, input:focus, textarea:focus, select:focus, .form-control:focus { outline: none; box-shadow: none;}

/* --- Button Styles --- */

/*-- no-content-page-height-fixing(Start) --*/

body.error404, body.search.search-no-results{min-height: 100vh; display: flex; flex-direction: column;}
body.error404 footer, body.search.search-no-results footer { margin-top: auto;}

/*-- no-content-page-height-fixing(End) --*/


/*..............common styles..............*/

.click { display:none; /*color: #000; float: right; font-size: 28px;*/ position: relative;
    /*top: 0;
    right: 0;
    background-color: #777575;*/
    width: 40px;
    height: 40px;
}

.main_menu a.closebtn{
    display: none;
    }
.common-padding{padding-top: 120px; padding-bottom: 120px;}
.gray-bg{background-color: var(--clr-gray-light);}
.common-bg{background-repeat: no-repeat; background-size: cover;}


/*for header css*/
.main-header { /*background: rgba(30, 30, 34, 0.9);*/ padding: 15px 0;}
.headerRow{display: flex; flex-flow: row wrap; position: relative; align-items: center; /*justify-content: flex-end;*/ justify-content: space-between;}
.header-right { display: flex; flex-flow: row wrap; align-items: center;}

.header-btn-row{column-gap: 15px; display: flex; flex-flow: row wrap; margin-left: 40px;}

.logo { /*position: absolute; top: 0; left: 0;*/ position: relative; margin-bottom: -85px; z-index: 1; width: 154px;}

/*.logo { float: left;}*/
/*.dnt-btn { float: right; margin-left: 10px; padding-top: 5px;}
.dnt-btn a { background: #97c88b; color: #fff; text-transform: uppercase; border-radius: 6px; padding: 10px 25px; letter-spacing: 1px;}*/

.main_menu ul { margin: 0; padding: 0; list-style: none;}
.main_menu ul li { list-style: none; display: inline-block; vertical-align: top; margin: 0 20px; text-transform: capitalize; position: relative; font-size: 16px;}
.main_menu ul li a { display: block; padding: 10px 0; color: var(--clr-secondary); position: relative;}
.main_menu ul li a:before{width: 0; height: 1px; background-color: var(--clr-red); content: ""; position: absolute; left: 0; right: 0; margin: 0 auto; bottom: 0;  transition: var(--transition-common);}
.main_menu ul li a:hover:before, .main_menu ul li.current-menu-item>a:before, .main_menu ul li.current-menu-parent.menu-item-has-children>a:before{width: 100%;}
.main_menu ul li:hover a, .main_menu ul li.current-menu-item a { color: var(--clr-red);}


.main_menu ul li.menu-item-has-children span { position: absolute; top: 9px; right: -14px; width: 10px; height: 24px;}

/*sub-menu-css(Start)*/
.main_menu ul li ul.sub-menu{position: absolute; width: 250px; left: 0; background-color: var(--clr-white); border: 1px solid #f6f6f6; overflow: hidden; top: 43px; z-index: 2; display: none;}
.main_menu ul li:hover ul.sub-menu{display: block;}
.main_menu ul li ul.sub-menu li{ margin: 0 10px; display: block;}
.main_menu ul li ul.sub-menu li a{padding: 8px 0px;}

.main_menu ul li.mob-link{display: none;}

/*sub-menu-css(End)*/

/*for header css*/

.slider-wrap { position: relative;}
.banner-pic{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    /*z-index: 1;*/
    overflow: hidden;
}
.banner-pic img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    /*position: absolute;
    top: 0;
    left: 0;*/
}
.bann-content{position: relative; /*padding: 180px 0;*/ overflow: hidden; min-height: 810px; display: flex; flex-flow: row wrap; align-items: center;}
.bann-content:before{position: absolute;
    top: 0;
    left: 0;
    width: 61%;
    height: 100%;
    content: "";
    /*background: linear-gradient(135deg, #0b1f4ce6 0%, #162c5eed 100%);*/
    background: rgba(11,53,104,0.84);
    backdrop-filter: blur(9px);
    clip-path: polygon(0 0, 100% 0, 68% 100%, 0% 100%);}
.bann-content:after{background: url(../images/banner-top-line.svg) no-repeat; position: absolute; left: 55%; top: -11px; width: 121px; height: 229px; background-size: 100%; content: "";}
.slider-wrap:after {background: url(../images/sec-bottom-left-element.svg) no-repeat; position: absolute; left: 0; bottom: -28px; width: 193px; height: 76px; background-size: 100%; content: ""; z-index: 1;}
.banner-wrapper {
    max-width: 750px;
    position: relative;
}
.banner-wrapper p {
    max-width: 716px;
}
.banner-wrapper h1, .banner-wrapper p{margin-bottom: 30px;}
.banner-btn-row {
    display: flex;
    flex-flow: row wrap;
    gap: 15px;
}
.sec-bottom-right-element {
    position: absolute;
    bottom: -38px;
    right: 0;
    z-index: 1;
}
.sec-bottom-left-element{
    position: absolute;
    bottom: -38px;
    left: 0;
    z-index: 1;
}
.sec-top-left-element{
    position: absolute;
    top: -38px;
    left: 0;
    z-index: 1;
}
/*for main sections css*/

/*main.main-section { padding: 80px 0;}*/



.sec-top-row h6{text-transform: uppercase; color: var(--clr-red);}
.flex{display: flex; flex-flow: row wrap;}

.priority-row{gap: 30px;}
.priority-icon-box{padding: 50px 15px; width: calc(20% - 24px); background-color: var(--clr-white); position: relative;}
.priority-icon{background-color: rgba(209, 10, 22, 0.1); width: 100px; height: 100px; margin: 0 auto 25px; border-radius: 100%; display: flex; align-items: center; justify-content: center; transition: var(--transition-common);}
.priority-icon-box:hover{ /*box-shadow: 0 0 12px -1px rgba(209, 10, 22, 0.4);*/ box-shadow: 0 0 0px 1px var(--clr-red);}
.priority-icon-box:hover .priority-icon{background-color: rgba(209, 10, 22, 1);}
.priority-icon img{/*transition: var(--transition-common);*/ width: 50px;}
.priority-icon-box:hover .priority-icon img{filter: brightness(0) invert(1) !important;}
.priority-icon-content{max-width: 170px; margin: 0 auto; /*padding-bottom: 50px;*/}
.priority-btn{width: 50px; height: 50px; border-radius: 50px; margin: 0 auto; background-color: #F3DFE0; display: flex; align-items: center; justify-content: center; color: var(--clr-red); position: absolute; bottom: -25px; left: 0; right: 0; box-shadow: 0px 0px 0px 7px var(--clr-gray-light); transition: var(--transition-common);}
.priority-icon-box:hover .priority-btn{color: var(--clr-white); background-color: var(--clr-red);}

.priority-icon-box:hover .priority-btn:after{position: absolute;
    top: -7px;
    width: 64px;
    height: 33px;
    content: "";
    border-radius: 100px 100px 0 0;
    border-top: 1px solid var(--clr-red);
    border-left: 1px solid var(--clr-red);
    border-right: 1px solid var(--clr-red);}



.hom-featured-pic-box{position: relative; padding: 0 0 60px 80px;}
.hom-featured-pic-lg{position: relative; padding-top: 107%; overflow: hidden;}
.hom-featured-pic-lg img, .hom-featured-pic-sm img{position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover;}
.hom-featured-pic-sm{position: absolute; bottom: 0; padding-top: 36%; width: 315px; border: 9px solid #fff;}
.sec-top-row-border { border-bottom: 1px solid #CCCCCC; padding-bottom: 20px; margin-bottom: 40px;}

.pic-left{left: 0;}
.pic-right{right: 0;}

.text-link{color: var(--clr-red);}
.text-link span{margin-left: 3px; transition: var(--transition-common); font-size: 13px;}
.text-link:hover span{margin-left: 8px;}
.hom-blog-pic{position: relative; padding-top: 56%; overflow: hidden;}
.hom-blog-pic img{position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; transition: var(--transition-common);}
.hom-blog-pic a { width: 100%; display: block; height: 100%; position: absolute; top: 0; left: 0;}
.hover-pic:hover img{transform: scale(1.1) rotate(-2deg);}

.hom-blog-content{padding-top: 30px;}
.hom-blog-content h6{color: #2E6C9E; font-size: var(--f-size-Body-sm); text-transform: uppercase;}
.hom-blog-content h4 a{color: var(--clr-secondary);}
.hom-blog-content h4:hover a{color: var(--clr-red);}

.hom-stronger-sec{padding: 170px 0; position: relative;}
.hom-stronger-sec:before{background: rgba(11, 53, 104, 0.8); position: absolute; top: 0; left: 0; content: ""; width: 100%; height: 100%;}
.stronger-btn-row{display: flex; flex-flow: row wrap; justify-content: center; align-items: center; column-gap: 15px;}
.stronger-btn-row.btn-left{justify-content: flex-start;}
.hom-stronger-sec .container { position: relative;}
.left-gap{padding-left: 70px;}
.right-gap{padding-right: 70px;}




/*for main sections css*/


/*for footer sections css*/


.ftr-top {  padding: 60px 0; /*border-bottom: 1px solid #CCCCCC;*/}
.ftr-logo { margin: 0 auto 50px; width: 150px;}
.ftr-menu ul { margin: 0; padding: 0; list-style: none; display: flex; flex-flow: row wrap; justify-content: center;}
.ftr-menu ul li { text-transform:capitalize; position: relative; padding: 0 26px;}
.ftr-menu ul li:not(:last-child):before{width: 1px; position: absolute; background-color: #CCCCCC; height: 18px; top: 50%; transform: translateY(-50%); right: 0; content: "";}
.ftr-menu ul li a { color: var(--clr-secondary); }
.ftr-menu ul li a:hover { color: var(--clr-red);}


.ftr-btm { padding: 35px 0; text-align: center; border-top: 1px solid #CCCCCC;}
.ftr-btm p { margin-bottom: 0;}

/*for footer sections css*/

/*-- INNER-PAGES(Start) --*/

.inner-banner .banner-pic{
    min-height: 560px;
}
.inner-banner .bann-content:after {
    left: 54.4%;
    transform: rotate(8deg);
    top: -20px;
}
.inner-banner .bann-content {
    min-height: 560px;
}
.inner-banner .banner-wrapper h6, .inner-banner .banner-wrapper p {text-transform: uppercase; margin-bottom: 5px;}
.inner-banner .banner-wrapper h1{margin-bottom: 0;}

/*-- About-page(Start) --*/

.about-pic-box{position: relative; padding: 0 55px 65px 0px;}
.about-pic-lg{position: relative; padding-top: 75%; overflow: hidden;}
.about-pic-lg img, .about-pic-sm img{position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover;}
.about-pic-sm { position: absolute; bottom: 0; padding-top: 34%; width: 390px; border: 9px solid #fff;}

.about-mission-box{position: relative; height: 100%; padding: 0 65px;}
.col-lg-4:not(:last-child) .about-mission-box:after{position: absolute; right: -12px; top: 0; width: 1px; height: 100%; background-color: #CCCCCC; content: "";}

.about-mission-icon, .about-impact-icon{background-color: rgba(209, 10, 22, 0.1); width: 100px; height: 100px; margin-bottom: 30px; border-radius: 100%; display: flex; align-items: center; justify-content: center; transition: var(--transition-common);}
.about-mission-box:hover .about-mission-icon, .about-impact-box:hover .about-impact-icon {background-color: rgba(209, 10, 22, 1);}
.about-mission-icon img, .about-impact-icon img {/*transition: var(--transition-common);*/ width: 50px;}
.about-mission-box:hover .about-mission-icon img, .about-impact-box:hover .about-impact-icon img  {filter: brightness(0) invert(1) !important;}

.about-mission-content h3 a{color: var(--clr-secondary);}
.about-mission-content h3 a:hover{color: var(--clr-red);}

.about-building-content{max-width: 535px;}
/*.about-building-pic { width: calc(100vw - 51vw);}*/
.about-building-pic {
    /*margin-right: calc(-50vw + 50%);
    width: calc(100% + 50vw - 50%);*/
    margin-right: calc(-50vw + 50%);
    width: calc(50% + 50vw - 50%);
    height: 100%;
    min-height: 500px;
  }

  .about-building-pic img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}

.about-building-sec { overflow: hidden;}
.about-impact-row{display: flex; flex-flow: row wrap; column-gap: 125px;}
.about-impact-box{ width: calc(20% - 100px); position: relative;}
.about-impact-box:not(:last-child):after{height: 100%; width: calc(20% - 100px); position: absolute; background: url(../images/impact-icon-arrow.svg) no-repeat right center; width: 51px; height: 8px; background-size: 100%; top: 46px; /*right: -87px;*/ right: -47px; content: "";}
.about-impact-content h4 a{color: var(--clr-secondary);}
.about-impact-content h4 a:hover{color: var(--clr-red);}

/*-- About-page(End) --*/

/*-- Contact-page(Start) --*/

.contact-left { max-width: 550px;}
.contact-info-list ul{padding: 0; list-style: none;}
.contact-info-list ul li{display: flex; flex-flow: row wrap; margin-bottom: 40px; transition: var(--transition-common);}
.contact-info-list ul li:last-child{ margin-bottom: 0px;}
.con-icon{background-color: rgba(209, 10, 22, 0.1);
    width: 60px;
    height: 60px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center; transition: var(--transition-common);}
.con-info-right{width: calc(100% - 60px); padding-left: 30px;}
.con-info-right h4{margin-bottom: 10px;}
.con-info-right a{color: var(--clr-primary);}
.con-info-right a:hover{color: var(--clr-red);}

.contact-reasons-box {
    border-top: 1px solid #CCCCCC;
    padding-top: 60px;
    margin-top: 60px;
}
.reasons-list ul{padding: 0; margin: 0; list-style: none;}
.reasons-list ul li{ margin-bottom: 15px; position: relative; padding-left: 40px;}
.reasons-list ul li:before{position: absolute; left: 0; top: 0; background: url(../images/tick-star.svg) no-repeat left top; width: 25px; height: 25px; background-size: 100%; content: "";}

.contact-right{background-color: var(--clr-white); max-width: 920px; padding: 60px 40px;}
.form-control{height: 60px; background-color: #F6F6F6; border-radius: 0; border: none;}
.input-label{color: var(--clr-secondary); font-size: var(--f-size-M); font-family: var(--ff-title); font-weight: var(--fw-medium); margin-bottom: 8px;}
.contact-right .btn{width: 100%;}
.contact-right .form-check-input { border-radius: 0 !important; margin-right: 7px;}
.contact-right textarea.form-control { height: auto; min-height: 300px;}
.wpcf7-response-output{text-align: center;}
.wpcf7-form.invalid .wpcf7-response-output{color: var(--clr-red);}
.wpcf7 form.sent .wpcf7-response-output { color: #209d2b;}
.wpcf7-form.invalid .form-control.wpcf7-not-valid{box-shadow: 0 0 0 1px var(--clr-red);}
.wpcf7-not-valid-tip{display: none;}
.contact-right .wpcf7-checkbox span.wpcf7-list-item.first.last { margin-left: 0;}
.contact-right .wpcf7-checkbox.wpcf7-not-valid span.wpcf7-list-item-label { color: var(--clr-red);}

/*-- Contact-page(End) --*/

/*-- Leadership-page(Start) --*/

.leader-content { max-width: 580px;}
.team-box{background-color: var(--clr-white); height: 100%;}
.team-pic{ background-color: #D9D9D9; width: 100%; padding-top: 70%; overflow: hidden; text-align: center; position: relative;}
.team-pic img{position: absolute; left: 0; right: 0; margin: 0 auto; top: 0; width: 100%; height: 100%; object-fit: cover; object-position: top center;}
.team-content{padding: 40px;}
.team-content h6{color: var(--clr-red); margin-bottom: 10px; text-transform: uppercase;}
.team-content h4 a{color: var(--clr-secondary);}
.team-content h4 a:hover{color: var(--clr-red);}

/*-- Leadership-page(End) --*/

/*-- Policy & Advocacy-page(Start) --*/

.policy-advocacy-pic{ 
    margin-left: calc(-50vw + 100%);
    width: calc(100% + 50vw - 100%);
  height: 100%;
  min-height: 500px;
}
.policy-advocacy-pic img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}
.economic-box {
    max-width: 450px;
}
.programs-box{
    max-width: 450px;
    margin-left: auto;
}
/*-- Policy & Advocacy-page(End) --*/

/*-- Initiative-page(Start) --*/

.btn-vertical-row {
    display: flex;
    flex-direction: column;
    gap: 15px;
}
/*-- Initiative-page(End) --*/

/*-- Get Involved-page(Start) --*/

.get-involved-box{padding: 40px; background-color: var(--clr-white); height: 100%;}
.get-involved-content h4 a{color: var(--clr-secondary);}
.get-involved-content h4 a:hover{color: var(--clr-red);}
.get-involved-content { max-width: 370px; margin: 0 auto;}

/*-- Get Involved-page(End) --*/

/*-- News-page(Start) --*/

/*.news-category-tabs{border: 1px solid #CCCCCC;}*/
.news-category-tabs li.nav-item { border-top: 1px solid #CCCCCC; border-bottom: 1px solid #CCCCCC; border-right: 1px solid #CCCCCC; border-left: 1px solid #CCCCCC;
        margin: 4px;}
/*.news-category-tabs li.nav-item:first-child { border-left: 1px solid #CCCCCC;}*/
.news-category-tabs li.nav-item a.nav-link { color: var(--clr-red); font-size: var(--f-size-Body); font-weight: var(--fw-medium); border-radius: 0; padding: 10px 40px;}
.news-category-tabs li.nav-item a.nav-link.active, .news-category-tabs li.nav-item a.nav-link:hover{background-color: var(--clr-red); color: var(--clr-white);}
.pagination.custom-pagination li.page-item a.page-link { color: var(--clr-secondary); border: 2px solid #DFE3E8 !important; padding: 4px 12px; font-size: var(--f-size-body); border-radius: 7px; min-width: 36px; min-height: 36px;}
.pagination.custom-pagination li.page-item a.page-link:hover{background-color: var(--clr-red); color: var(--clr-white); border-color: var(--clr-red);}
.pagination.custom-pagination li.page-item.active .page-link.current{background-color: var(--clr-red); color: var(--clr-white); border-radius: 7px; border-color: var(--clr-red); min-width: 36px; min-height: 36px;}
ul.pagination.custom-pagination { gap: 9px;}

/*-- News-page(End) --*/

/*-- News-Details-page(End) --*/

.single-img{padding-top: 31%; position: relative; overflow: hidden;}
.single-img img{position: absolute; top: 0; left: 0; object-fit: cover; width: 100%; height: 100%;}

body.single-post .single-article .entry-content p img { width: 100%;}

/*-- News-Details-page(End) --*/

/*-- INNER-PAGES(End) --*/

/*Media Query css*/

@media only screen and ( min-width:1401px ) {
    .container { max-width: 1230px;}

}

@media only screen and ( min-width:1601px ) {
    .container { max-width: 1430px;}

}


@media only screen and ( min-width:1801px ) {
    .container { max-width: 1630px;}

}




@media only screen and ( min-width:1921px ) {

    body{max-width: 1920px!important; margin: 0 auto!important;}
    header { max-width: 1920px; margin: 0 auto; }
    
}

@media only screen and ( max-width:1800px ) {
    :root{
        --f-size-XXXL: 55px;
        --f-size-XXL: 40px;
        --f-size-XL: 28px;


        /*--f-size-XXXL: 65px;
        --f-size-XXL: 50px;
        --f-size-XL: 30px;
        --f-size-L: 24px;
        --f-size-M: 20px;
        --f-size-S: 16px;
        --f-size-Body: 18px;
        --f-size-Body-sm: 14px;*/
    }
    .banner-wrapper p { max-width: 650px;}
    /*.main_menu ul li { margin: 0 12px;}*/
    .logo { width: 134px;}
    .btn { padding: 10px 30px;}
    .common-padding { padding-top: 100px; padding-bottom: 100px;}
    .news-category-tabs li.nav-item a.nav-link { padding: 8px 20px;}
    .contact-right { padding: 50px 40px;}

}
@media only screen and ( max-width:1600px ) {
    :root{
        --f-size-XXXL: 50px;
        --f-size-XXL: 38px;
        --f-size-XL: 26px;
        --f-size-L: 22px;
        --f-size-M: 19px;
        --f-size-S: 15px;
        --f-size-Body: 16px;


        /*--f-size-XXXL: 55px;
        --f-size-XXL: 40px;
        --f-size-XL: 28px;
        
        --f-size-L: 24px;
        --f-size-M: 20px;
        --f-size-S: 16px;
        --f-size-Body: 18px;
        --f-size-Body-sm: 14px;*/
    }
    .header-btn-row { column-gap: 10px; margin-left: 10px;}
    .logo { width: 114px; margin-bottom: -60px;}
    .main_menu ul li { margin: 0 15px;}
    .header-btn-row .btn { padding: 7px 25px;}
    .banner-wrapper { max-width: 710px;}
    .inner-banner .banner-wrapper { max-width: 650px;}

    .banner-wrapper p { max-width: 560px;}
    .bann-content { min-height: 610px;}
    .bann-content:after {left: 55.6%; width: 90px; height: 170px;}
    .inner-banner .bann-content:after { left: 55%; top: -20px; width: 90px; height: 170px;}
    .inner-banner .bann-content, .inner-banner .banner-pic{min-height: 460px;}
    .slider-wrap:after { width: 150px; height: 59px;}
    .priority-icon { width: 80px; height: 80px; margin: 0 auto 15px;}
    .about-mission-icon, .about-impact-icon { width: 80px; height: 80px; margin-bottom: 20px;}
    .priority-icon img, .about-mission-icon img, .about-impact-icon img { width: 40px;}
    .common-padding { padding-top: 80px; padding-bottom: 80px;}
    .left-gap{padding-left: 60px;}
    .right-gap{padding-right: 60px;}
    .priority-icon-box { padding: 40px 10px; width: calc(20% - 16px);}
    .priority-row { gap: 20px;}
    .about-mission-box { padding: 0 40px;}
    .about-impact-row { column-gap: 85px;}
    .about-impact-box { width: calc(20% - 68px);}
    .about-impact-box:not(:last-child):after { width: 41px; height: 8px; right: -37px;}
    .news-category-tabs li.nav-item a.nav-link { padding: 6px 14px;}
    .hom-featured-pic-sm, .about-pic-sm { border-width: 5px;}
    .hom-featured-pic-sm, .about-pic-sm { width: 270px;}
    .hom-blog-content { padding-top: 20px;}
    .hom-blog-content h6 { margin-bottom: 12px;}
    .hom-stronger-sec { padding: 98px 0;}
    .ftr-top { padding: 40px 0;}
    .ftr-logo { margin: 0 auto 40px; width: 120px;}
    .ftr-btm { padding: 25px 0;}
    .hom-featured-pic-box { padding: 0 0 40px 60px;}
    .about-pic-box { padding: 0 35px 45px 0px;}
    .sec-bottom-right-element, .sec-bottom-left-element, .sec-top-left-element { height: 59px; width: 150px; bottom: -30px;}
    .sec-top-row-border { padding-bottom: 10px; margin-bottom: 30px;}
    .team-content { padding: 30px;}
    .reasons-list ul li { padding-left: 30px;}
    .reasons-list ul li:before { width: 20px; height: 20px;}
    .get-involved-box { padding: 30px;}
    .contact-right { padding: 40px 40px;}
    .contact-reasons-box{ padding-top: 50px; margin-top: 50px;}
    .form-control {height: 50px;}

    
    
    
     

}
@media only screen and ( max-width: 1500px ) {
    :root{
        --f-size-XXXL: 45px;
        --f-size-XXL: 36px;
        --f-size-XL: 24px;
        --f-size-L: 20px;
        --f-size-M: 18px;
        --f-size-S: 14px;
        --f-size-Body: 15px;
        --f-size-Body-sm: 13px;

        /*--f-size-XXXL: 50px;
        --f-size-XXL: 38px;
        --f-size-XL: 26px;
        
        --f-size-L: 22px;
        --f-size-M: 19px;
        --f-size-S: 15px;
        --f-size-Body: 16px;
        --f-size-Body-sm: 14px;*/
    }
    .banner-wrapper { max-width: 680px;}
    .inner-banner .banner-wrapper { max-width: 610px;}
    .left-gap{padding-left: 50px;}
    .right-gap{padding-right: 50px;}
    .news-category-tabs li.nav-item a.nav-link { padding: 6px 10px;}
    .ftr-menu ul li { padding: 0 14px;}
    .team-content { padding: 20px;}
    .reasons-list ul li { padding-left: 27px; margin-bottom: 11px;}
    .reasons-list ul li:before { width: 17px; height: 17px; top: 2px;}
    .get-involved-box { padding: 20px;}


}
@media only screen and ( max-width:1400px ) {
    :root{
        --f-size-XXXL: 40px;
        --f-size-XXL: 34px;


        /*--f-size-XXXL: 45px;
        --f-size-XXL: 36px;
        --f-size-XL: 24px;
        --f-size-L: 20px;
        --f-size-M: 18px;
        --f-size-S: 14px;
        --f-size-Body: 15px;
        --f-size-Body-sm: 13px;*/
    }
    .logo {  width: 100px; margin-bottom: -48px;}
    .main_menu ul li { font-size: 15px; margin: 0 10px;}
    .header-btn-row .btn { padding: 5px 20px; font-size: 14px;}
    .header-btn-row { column-gap: 7px;}
    .main-header { padding: 10px 0;}
    .banner-wrapper { max-width: 570px;}
    .inner-banner .banner-wrapper { max-width: 560px;}
    .banner-wrapper p { max-width: 510px;}
    .bann-content { min-height: 510px;}
    .bann-content:after { left: 56.2%; width: 70px; height: 132px;}
    .inner-banner .bann-content, .inner-banner .banner-pic { min-height: 380px;}
    .inner-banner .bann-content:after { left: 56%; width: 70px; height: 132px;}
    .banner-wrapper h1, .banner-wrapper p { margin-bottom: 20px;}
    .common-padding { padding-top: 60px; padding-bottom: 60px;}
    .left-gap{padding-left: 30px;}
    .right-gap{padding-right: 30px;}
    .hom-featured-pic-box { padding: 0 0 40px 40px;}
    .about-pic-box { padding: 0 25px 35px 0px;}
    .hom-featured-pic-sm, .about-pic-sm { border-width: 3px;}
    .hom-featured-pic-sm, .about-pic-sm { width: 230px;}
    .about-mission-box { padding: 0 20px;}
    .contact-right { padding: 30px 30px;}
    .contact-reasons-box{ padding-top: 40px; margin-top: 40px;}

}


@media only screen and ( max-width:1199px ) {

    :root{
        --f-size-XXXL: 35px;
        --f-size-XXL: 30px;
        --f-size-XL: 22px;
        --f-size-L: 18px;
        --f-size-M: 16px;

        
        /*--f-size-XXXL: 40px;
        --f-size-XXL: 34px;
        
        --f-size-XL: 24px;
        --f-size-L: 20px;
        --f-size-M: 18px;
        --f-size-S: 14px;
        --f-size-Body: 15px;
        --f-size-Body-sm: 13px;*/
    }
    .inner-banner .banner-wrapper {
        max-width: 480px;
    }
    .banner-wrapper p { max-width: 460px;}
    .banner-wrapper {
        max-width: 530px;
    }
    .bann-content:after {
        left: 56.6%;
        width: 60px;
        height: 115px;
    }
    .inner-banner .bann-content:after {
        left: 56.3%;
        width: 60px;
        height: 115px;
        transform: rotate(4deg);
    }
    .slider-wrap:after {
        width: 120px;
        height: 47px;
        bottom: -23px;
    }
    .left-gap{padding-left: 15px;}
    .right-gap{padding-right: 15px;}
    .ftr-logo { margin: 0 auto 30px; width: 90px;}
    .hom-featured-pic-box { padding: 0 0 30px 30px;}
    .about-pic-box { padding: 0 20px 30px 0px;}
    .sec-bottom-right-element, .sec-bottom-left-element, .sec-top-left-element { height: 47px; width: 120px; bottom: -24px;}
    .sec-top-row-border { padding-bottom: 0px; margin-bottom: 20px;}
    .hom-stronger-sec { padding: 78px 0;}
    .common-padding { padding-top: 50px; padding-bottom: 50px;}
    .ftr-top { padding: 20px 0;}
    .ftr-btm { padding: 15px 0;}
    .about-impact-row {
        column-gap: 55px;
    }
    .about-impact-box {
        width: calc(20% - 44px);
    }
    .about-impact-box:not(:last-child):after {
        width: 31px;
        right: -20px;
    }
    .team-content { padding: 15px;}
    .get-involved-box { padding: 20px 12px;}
    .form-control { height: 40px;}

    .priority-icon-box:hover .priority-icon { background-color: #F3DFE0;}
    .priority-icon-box:hover .priority-btn{background-color: #F3DFE0; color: var(--clr-red);}
    .about-mission-box:hover .about-mission-icon, .about-impact-box:hover .about-impact-icon{background-color: #F3DFE0;}
    .about-mission-box:hover .about-mission-icon img, .about-impact-box:hover .about-impact-icon img, 
    .priority-icon-box:hover .priority-icon img { filter: inherit !important;}
    .news-category-tabs li.nav-item a.nav-link { padding: 6px 6px; font-size: 13px;}
    .priority-icon-box:hover .priority-btn:after{display: none;}
    .priority-icon-box:hover{box-shadow: inherit;}
    
   

}
@media only screen and ( max-width:1024px ) {

}
@media only screen and ( max-width: 991px ) {

    :root{
        --f-size-XXXL: 32px;
        --f-size-XXL: 28px;
        --f-size-XL: 20px;
        


        /*--f-size-XXXL: 35px;
        --f-size-XXL: 30px;
        --f-size-XL: 22px;
        --f-size-L: 18px;
        --f-size-M: 16px;

        --f-size-S: 14px;
        --f-size-Body: 15px;
        --f-size-Body-sm: 13px;*/
    }
    .main_menu ul li {
        font-size: 14px;
        margin: 0 9px;
    }
    .banner-wrapper {
        max-width: 400px;
    }
    .inner-banner .banner-wrapper {
        max-width: 365px;
    }
    .banner-wrapper p {
        max-width: 350px;
    }
    .bann-content:after {
        width: 50px;
        height: 97px;
        transform: rotate(-6deg);
    }
    .inner-banner .bann-content:after {
        left: 56.3%;
        width: 50px;
        height: 97px;
        transform: rotate(-2deg);
    }
    .slider-wrap:after {
        width: 100px;
        height: 39px;
        bottom: -18px;
    }
    .priority-icon-box { padding: 30px 10px; width: calc(33.33% - 16px);}
    .priority-icon { width: 70px; height: 70px;}
    .about-mission-icon, .about-impact-icon { width: 70px; height: 70px; margin-bottom: 15px;}
    .priority-icon img, .about-mission-icon img, .about-impact-icon img { width: 38px;}
    .hom-featured-content{padding-top: 30px;}

    .left-gap{padding-left: 0px;}
    .right-gap{padding-right: 0px;}
    .leader-content { max-width: inherit; padding-top: 30px;}
    .leader-pic img { width: 100%;}
    .ftr-menu ul li { padding: 0 11px;}
    .ftr-top { padding: 30px 0;}
    .priority-row { justify-content: center;}
    .hom-featured-pic-box { padding: 0 0 20px 20px;}
    .about-pic-box { padding: 0 20px 20px 0px;}
    .hom-featured-pic-sm{ padding-top: 28%;}
    .about-pic-sm { padding-top: 18%;}
    .hom-featured-pic-sm, .about-pic-sm { width: 170px;}
    .sec-bottom-right-element, .sec-bottom-left-element, .sec-top-left-element { height: 39px; width: 100px; bottom: -19px;}
    .col-lg-4:not(:last-child) .about-mission-box:after { top: inherit; width: 1px; height: 1px; width: 100%; bottom: 0; right: 0; left: 0;}
    .about-mission-box { padding: 0 0px;}
    .about-building-pic { margin-right: 0; width: 100%; height: auto; min-height: inherit;}
    .policy-advocacy-pic { margin-left: 0; width: 100%; height: auto; min-height: inherit;}
    .about-building-sec, .policy-advocacy-sec{padding-top: 50px; padding-bottom: 50px;}
    .about-building-content, .policy-advocacy-content{padding-top: 30px;}

    .about-impact-row { column-gap: 25px;}
    .about-impact-box { width: calc(33% - 15px); margin-bottom: 15px;}
    .about-impact-box:not(:last-child):after{display: none;}
    .economic-box { max-width: inherit; padding-bottom: 30px;}
    .programs-box { max-width: inherit; margin-left: 0; padding-top: 20px;}
    .economic-pic img { width: 100%;}
    .about-building-content{max-width: inherit;}
    .contact-left { max-width: inherit; padding-bottom: 40px;}
    .contact-reasons-box { padding-top: 30px; margin-top: 30px;}
    .con-icon { width: 50px; height: 50px; border-radius: 7px}
    .con-info-right { width: calc(100% - 50px); padding-left: 20px;}
    .contact-info-list ul li { margin-bottom: 15px;}
    .con-info-right h4 { margin-bottom: 4px;}





}

@media only screen and ( min-width: 768px ) {
    .main_menu{
        display: block !important;
    }
    #mySidenav{
        width: auto !important;
    }
}

@media only screen and ( max-width: 767px ) {

    /*-- toggle-new-menu-icon to cross-icon(Start) --*/
  /*{position: relative;
  padding: 1.5rem;}*/
    .menu-toggle {
  /*position: absolute;
  right: 0;
  top: 0;*/
  /*transform: translate(0, -50%);*/
  /*height: 26px;
  width: 29px;*/
}
.menu-toggle, .menu-toggle:hover {
  color: #000;
}

.menu-toggle-bar {
  display: block;
  position: absolute;
  top: 50%;
  margin-top: -1px;
  right: 0;
  margin: 0 auto;
  left: 0;
  width: 26px;
  height: 2px;
  border-radius: 4px;
  background-color: var(--clr-black);
  transition: all 0.3s ease;
}
.menu-toggle-bar.menu-toggle-bar--top {
  transform: translate(0, -9px);
}
.menu-toggle-bar.menu-toggle-bar--bottom {
  transform: translate(0, 8px);
}
.nav-open .menu-toggle-bar.menu-toggle-bar--top {
  transform: translate(0, 0) rotate(45deg);
}
.nav-open .menu-toggle-bar.menu-toggle-bar--middle {
  opacity: 0;
}
.nav-open .menu-toggle-bar.menu-toggle-bar--bottom {
  transform: translate(0, 0) rotate(-45deg);
}
    /*-- toggle-new-menu-icon to cross-icon(End) --*/

    .click{
        display: block;
        cursor: pointer;
        /*order: 2;*/
        position: absolute;
        right: 0;
    }
    .main_menu a.closebtn{
        color: #000;
        display: block;
    }
    /*.main_menu{
        display: none;
        width: 100%;
        position: relative;
    }
    .main_menu ul {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1;
    background: #fff;
    width: 100%;
    }
    .main_menu ul li{
       display: block;
    }
    .main_menu ul li a {
    padding: 6px 0px;
    }*/

    /*-- For_mob_menu(Start) --*/
    .main_menu {
        /*height: 100%;*/
    min-height: calc(100vh - 51px);
    width: 100%;
    position: fixed;
    z-index: 1;
    top: 51px;
    bottom: 0;
    background-color: rgba(255, 255, 255, 0.97);
    overflow-x: hidden;
    transition: 0.5s;
    padding-top: 60px;
    z-index: 999;
    right: -100%;
    }
    body.logged-in.admin-bar .main_menu { top: 97px;}
    body.nav-open .main_menu {
    right: 0 !important;
    }

    .main_menu a {
        /*padding: 8px 8px 8px 32px;
        text-decoration: none;
        font-size: 25px;
        color: #818181;*/
        display: block;
        transition: 0.3s;
    }

    .main_menu a:hover {
        color: #333;
    }

    .main_menu .closebtn {
        position: absolute;
        top: 0;
        right: 25px;
        font-size: 36px;
        margin-left: 50px;
    }
    body.scrollOff{height: 100vh; overflow: hidden; position: relative;}
    /*body.scrollOff:before { position: fixed; top: 0; left: 0; width: 100%; height: 100%; content: ""; background-color: rgba(0, 0, 0, 0.5); z-index: 1;}*/

    .main_menu ul li:hover ul.sub-menu { display: none;}
    .main_menu ul li.menu-item-has-children.active ul.sub-menu{display: block;}
    ul.sub-menu { position: relative; left: 0; width: 100%; border-radius: 0px; top: 0px;}
    .main_menu ul li.menu-item-has-children span { top: 12px; right: 0px; width: 14px; height: 18px;}
    .main_menu ul li{display: block;}
    .main_menu ul li ul.sub-menu{position: relative; width: 100%; top: 0px;}

    .main_menu ul li.mob-link{display: block;}
    .desktop-link{display: none;}
    .header-btn-row { margin-left: 0px; /*order: 2; margin-right: 12px;*/ margin-right: 60px;}
    /*.header-right { order: 3;}*/
    .logo { width: 80px;}
    body.nav-open .headerRow .logo { z-index: 9999; position: relative;}

    /*-- For_mob_menu(End) --*/

  
    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
        width: 95%;
    }

    :root{
        --f-size-XXXL: 30px;
        --f-size-XXL: 26px;
        --f-size-XL: 19px;
        --f-size-L: 17px;
        --f-size-M: 15px;
        --f-size-S: 13px;
        --f-size-Body: 14px;
        --f-size-Body-sm: 12px;
        --margin-title: 0 0 15px 0;


        /*--f-size-XXXL: 35px;
        --f-size-XXL: 30px;
        --f-size-XL: 22px;
        --f-size-L: 18px;
        --f-size-M: 16px;

        --f-size-S: 14px;
        --f-size-Body: 15px;
        --f-size-Body-sm: 13px;*/
    }
    .bann-content:after, .slider-wrap:after{display: none;}
    .banner-pic { position: relative;}
    .banner-wrapper, .inner-banner .banner-wrapper, .banner-wrapper p { max-width: inherit;}
    .bann-content { min-height: auto; padding: 30px 0; background-color: rgba(11,53,104,0.84); text-align: center;}
    .bann-content:before, .sec-bottom-right-element, .sec-bottom-left-element, .sec-top-left-element {display: none;}

    .inner-banner .bann-content, .inner-banner .banner-pic{min-height: inherit;}
    .banner-btn-row { gap: 10px; justify-content: center;}
    .click { height: 30px;}
    .news-category-tabs li.nav-item { width: 50%; text-align: center;}
    .priority-icon, .about-mission-icon, .about-impact-icon {
        width: 60px;
        height: 60px;
    }
    .priority-icon img, .about-mission-icon img, .about-impact-icon img{
        width: 30px;
    }
    .priority-row {
        gap: 15px;
    }
    .priority-icon-box {
        padding: 30px 10px;
        width: calc(33.33% - 10px);
    }
    .about-pic-sm {
        width: 110px;
    }
    .about-pic-box {
        padding: 0 15px 15px 0px;
    }
    .sec-top-row-border { margin-bottom: 15px;}
    .ftr-menu ul { flex-direction: column; gap: 5px; text-align: center;}
    .ftr-menu ul li:not(:last-child):before{display: none;}
    .common-padding { padding-top: 40px; padding-bottom: 40px;}
    .ftr-top { padding: 20px 0;}
    .about-building-sec, .policy-advocacy-sec{padding-top: 40px; padding-bottom: 40px;}
    .about-impact-row { column-gap: 15px;}
    .about-impact-box { width: calc(33% - 9px);}

    .reasons-list ul li { padding-left: 22px; margin-bottom: 10px;}
    .reasons-list ul li:before { width: 14px; height: 14px; top: 3px;}
    .about-building-content, .policy-advocacy-content { padding-top: 20px;}
    .contact-right { padding: 20px 20px;}
    .contact-left { padding-bottom: 30px;}
    .con-icon { width: 40px; height: 40px; border-radius: 4px;}
    .con-icon img { width: 19px;}
    .con-info-right { width: calc(100% - 40px); padding-left: 15px;}
    

    

}
@media only screen and ( max-width: 575px ) {
    :root{
        --f-size-XXXL: 26px;
        --f-size-XXL: 24px;



        

        /*--f-size-XXXL: 30px;
        --f-size-XXL: 26px;
        --f-size-XL: 19px;
        --f-size-L: 17px;
        --f-size-M: 15px;
        --f-size-S: 13px;
        --f-size-Body: 14px;
        --f-size-Body-sm: 12px;*/
    }
    .priority-icon-box { padding: 20px 10px 30px; width: calc(50.33% - 10px);}
    .hom-featured-pic-sm { width: 130px;}
        .hom-featured-pic-box {
        padding: 0 0 0px 0px;
    }
    .about-pic-box {
        padding: 0 0px 0px 0px;
    }
    .about-impact-box {
        width: calc(50% - 9px);
    }
    
    .contact-reasons-box { padding-top: 20px; margin-top: 20px;}


}
@media only screen and ( max-width: 480px ) {
    :root{
        --f-size-XXXL: 24px;
        --f-size-XXL: 22px;
        --f-size-XL: 18px;
        --f-size-L: 16px;

        /*--f-size-XXXL: 26px;
        --f-size-XXL: 24px;
        
        --f-size-XL: 19px;
        --f-size-L: 17px;
        --f-size-M: 15px;
        --f-size-S: 13px;
        --f-size-Body: 14px;
        --f-size-Body-sm: 12px;*/
    }
    .news-category-tabs li.nav-item { width: 100%;}
    .about-pic-sm {
        padding-top: 21%;
    }
    .hom-featured-pic-sm {
        width: 138px;
    }
    .ftr-logo {
        margin: 0 auto 15px;
    }
    .stronger-btn-row { column-gap: 10px;}
    .btn {
        padding: 8px 15px;
    }
    .logo {
        width: 70px;
        margin-bottom: -39px;
    }
    .ftr-logo {
        width: 80px;
    }
    .header-btn-row {
        margin-right: 50px;
    }
    .about-building-sec, .policy-advocacy-sec{padding-top: 30px; padding-bottom: 30px;}
    .common-padding { padding-top: 30px; padding-bottom: 30px;}
    .about-building-content, .policy-advocacy-content{padding-top: 20px;}
    .hom-featured-content, .hom-featured-content { padding-top: 20px;}
    .contact-right { padding: 15px 15px;}

}

@media only screen and ( max-width: 380px ) {
    :root{
        --f-size-XXXL: 22px;
        --f-size-XXL: 20px;
        --f-size-XL: 19px;


        /*--f-size-XXXL: 24px;
        --f-size-XXL: 22px;
        --f-size-XL: 18px;
        --f-size-L: 16px;

        --f-size-M: 15px;
        --f-size-S: 13px;
        --f-size-Body: 14px;
        --f-size-Body-sm: 12px;*/
    }
    .priority-icon-box { width: 100%;}
    .hom-featured-pic-sm { width: 100px;}
    .about-pic-sm { width: 90px;}
    .header-btn-row { margin-right: 45px;}
    .header-btn-row .btn { padding: 5px 15px; font-size: 13px;}
    .bann-content { padding: 20px 0;}
    .about-mission-icon, .about-impact-icon { margin-bottom: 10px;}
    .priority-icon, .about-mission-icon, .about-impact-icon { width: 50px; height: 50px;}
    .priority-icon img, .about-mission-icon img, .about-impact-icon img{ width: 25px;}
    .stronger-btn-row{display: flex; flex-direction: column; gap: 10px;}
    .stronger-btn-row .btn{width: 100%;}
    .click { height: 29px;}

}

/*Media Query css*/