@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=Oswald:wght@200..700&display=swap');

/*..............embedded fonts..............*/
/*
      font-family: "Inter", sans-serif;
      font-family: "Oswald", sans-serif;
*/
/*..............embedded fonts..............*/

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

    /* ~-~-~-~-~ colors ~-~-~-~-~ */
    --clr-primary: #616161;
    --clr-secondary: #000;
    --clr-yellow: #fcd31D;
    --clr-white: #fff;
    --clr-blue: #0353B2;
    /* ~-~-~-~-~ colors ~-~-~-~-~ */

    /* ~-~-~-~-~ other adjustments ~-~-~-~-~ */
    --margin-title: 0 0 20px 0;
    --broder-radius: 20px;
    /* ~-~-~-~-~ other adjustments ~-~-~-~-~ */
}

:root{
    /* ~-~-~-~-~ declare font family & weight ~-~-~-~-~ */
    --ff-base: "Inter", sans-serif;
    --ff-title: "Oswald", sans-serif;
    --fw-regular: 400;
    --fw-medium: 500;
    --fw-semi-bold: 600;
    --fw-bold: 700;
    --fw-ex-bold: 800;
    --fw-black: 900;
    
    /* ~-~-~-~-~ declare font family & weight ~-~-~-~-~ */

    /* ~-~-~-~-~ declare font size ~-~-~-~-~ */
    --f-size-XXXL: 80px;
    --f-size-XXL: 45px;
    --f-size-XL: 30px;
    --f-size-L: 24px;
    --f-size-M: 20px;
    --f-size-S: 18px;
    --f-size-Body: 18px;
    /* ~-~-~-~-~ declare font size ~-~-~-~-~ */
}

body,p{ font-family: var(--ff-base); font-weight: var(--fw-regular); font-size: var(--f-size-Body); color: var(--clr-primary);}
h1,.h1,h2,.h2,h3,.h3,h4,.h4,h5,.h5,h6,.h6{ font-family: var(--ff-title); font-weight: var(--fw-semi-bold); color: var(--clr-secondary); margin: var(--margin-title);}
h1,.h1{ font-size: var(--f-size-XXXL);}
h2,.h2{ font-size: var(--f-size-XXL); text-transform: uppercase;}
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);}
p{ margin: var(--margin-title); 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);}
h2 b{color: var(--clr-blue);}

/*..............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-regular); font-size: var(--f-size-Body); color: var(--clr-primary); outline: none;}
/*input[type="submit"]{ font-family: 'Josefin Sans', sans-serif; font-weight: 500; font-size: 16px; transition:all 0.3s ease 0s; outline: none;}*/


/* --- Button Styles --- */
.btn { border: 0; display: inline-block; vertical-align: top; background: var(--clr-yellow); color: var(--clr-secondary); border-radius: 8px !important; font-family: var(--ff-title); font-weight: var(--fw-medium); padding: 18px 79px 18px 25px; font-size: 15px; text-transform: uppercase; position: relative;}
.btn::before {
    background-image: url(../images/arrow-btn-blk.svg);
    background-repeat: no-repeat;
    background-size: 100%;
    width: 12px;
    height: 8px;
    content: "";
    position: absolute;
    right: 35px;
    top: 44%;
    transform: translate(-50%);
    transition: var(--transition-common);}
.btn.border:before{background-image: url(../images/arrow-btn-yellow.svg);}
.btn:hover::before { right: 25px;}
.btn.border { background: transparent; color: var(--clr-white); border: 1px solid var(--clr-yellow) !important; }
.btn:hover{background-color: #d4b439; color: var(--clr-secondary);}
.btn.border:hover{border-color: #d4b439 !important;}

.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: absolute;
    top: 0;
    right: 0;
    background-color: #777575;*/
    position: relative;
    width: 50px;
    height: 50px;}
.main_menu a.closebtn{ display: none;}
.common-padding{padding-top: 100px; padding-bottom: 100px;}
.blue-light-bg{background-color: #EFF5FE;}
.gray-bg{background-color: #F3F4F5;}
.gray-light-bg{background-color: #F8F9FA;}


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

/*-- header-donate-sec(Start)--*/
.header-donate-sec{
    position: sticky;
    top: 0;
    left: 0;
    background-color: var(--clr-yellow);
    padding: 14px 0;
}
body.stickyHeader .header-donate-sec { z-index: -1; transform: translateY(-200px);}
.header-donate-left h6{text-transform: uppercase; margin-bottom: 0;}
.header-donate-right{display: flex; flex-flow: row wrap; align-items: center; justify-content: flex-end; position: relative;}
.header-donate-list ul{list-style: none; display: flex; flex-flow: row wrap; column-gap: 10px; margin-right: 50px; padding: 0; margin-left: 0; margin-bottom: 0;}
.header-donate-list ul li a{border-radius: 8px; padding: 15px 30px; background-color: var(--clr-white); display: inline-block; font-family: var(--ff-title); font-weight: var(--fw-medium); color: var(--clr-secondary); text-transform: uppercase; transform: var(--transition-common);}
.header-donate-list ul li a:hover{background-color: var(--clr-blue); color: var(--clr-white);}

.header-donate-cross{width: 24px; height: 24px; background-color: var(--clr-white); border-radius: 4px; display: flex; flex-flow: row wrap;  justify-content: center; cursor: pointer; transform: var(--transition-common); position: absolute;
    right: 0;
    top: 18px;}
.header-donate-cross:hover{background-color: #fa1b1b;}
.header-donate-cross:hover img{filter: brightness(1) invert(1);}
/*.header-donate-sec{transform: var(--transition-common); opacity: 1; visibility: visible;
    transform: translateY(0);
    transition: var(--transition-common);}*/
/*body.header-donate-hide .header-donate-sec{opacity: 0; height: 0; overflow: hidden;*/    /* position: absolute;
    top: 0;
    left: 0;
    right: 0;
    overflow: hidden; opacity: 0;
    visibility: hidden;
    transform: translateY(-100px); padding: 0; transform: var(--transition-common);}*/
/*body.header-donate-hide .main-header{top: 0;}*/
body.header-donate-hide .main-header{top: 0; position: fixed; left: 0; width: 100%; background-color: rgba(30, 30, 34, 0.9);}

/*-- For-stickyHeader(Start) --*/
/*.main-header{  -webkit-transition: all 0.5s ease;
  -moz-transition: position 10s;
  -ms-transition: position 10s;
  -o-transition: position 10s;
  transition: var(--transition-common);}*/
.stickyHeader .main-header{position: fixed; top:0; right: 0; left: 0; width: 100%; z-index: 5; background-color: rgba(11, 36, 74, 0.98);}


/*@keyframes smoothScroll {
  0% {
    transform: translateY(-40px);
  }
  100% {
    transform: translateY(0px);
  }
}*/
/*-- For-stickyHeader(End) --*/

/*-- header-donate-sec(End)--*/

/*for header css*/
.main-header .container-fluid, .header-donate-sec .container-fluid{padding-left: 80px; padding-right: 80px;}
.main-header { /*background: rgba(30, 30, 34, 0.9);*/ padding: 20px 0; background: rgba(0,0,0,0.1); border-bottom: 1px solid rgba(255,255,255,0.15); position: absolute; top: 85px; width: 100%; z-index: 1; /*left: 0;*/}
.main-header .container, .header-donate-sec .container{padding-left: 70px; padding-left: 80px;}
.headerRow{display: flex; flex-flow: row wrap; justify-content: space-between; align-items: center;}
.header-right{display: flex; flex-flow: row wrap; justify-content: flex-end; align-items: center;}
.header-btn-wrap{display: flex; flex-flow: row wrap; justify-content: flex-end; align-items: center; column-gap: 10px; margin-left: 50px;}
.header-right .btn:before{display: none;}
/*.header-right .btn,*/ .btn.no-arrow{ padding: 18px 45px 18px 45px;}

.logo { width: 198px;}

/*.main_menu { float: right; }*/
.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: uppercase; position: relative;}
.main_menu ul li a { display: block; padding: 15px 0; color: var(--clr-white); font-family: var(--ff-title); font-weight: var(--fw-medium);}
.main_menu ul li:hover>a, .main_menu ul li.current-menu-item>a { color: var(--clr-yellow);}

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

/*sub-menu-css(Start)*/
.main_menu ul li ul.sub-menu{position: absolute; width: 220px; left: 0; background-color: var(--clr-white); border: 1px solid #DDDDDD; border-radius: 10px; overflow: hidden; top: 100%; 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 0px; display: block;}
.main_menu ul li ul.sub-menu li a{padding: 8px 0px; padding: 6px 15px; color: var(--clr-blue);}
.main_menu ul li ul.sub-menu li a:hover, .main_menu ul li ul.sub-menu li.current-menu-item>a{background-color: var(--clr-blue); color: var(--clr-white);}

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

/*for header css*/

.slider-wrap { position: relative; /*overflow: hidden; padding-top: 56%;*/}
.slider-wrap:before { position: absolute; left: 0; top: 0; width: 100%; height: 100%; content: ""; background: linear-gradient(to right, #052050, rgba(5, 32, 80, 0.9), rgba(5, 32, 80, 0.5)); }
.slider-wrap h1{text-transform: uppercase; color: var(--clr-white);}
.slider-wrap h1 b{ color: var(--clr-yellow);}
.bann-left h1 {margin-top: 10px;}

.slider-wrap>video, .slider-wrap>img{width: 100%; height: 100%; object-fit: cover; /*position: absolute; top: 0; left: 0;*/ line-height: 0; margin: 0; padding: 0; display: block;}

.bann-left {
    position: absolute;
    /*top: 50%;*/
    top: 57%;
    transform: translateY(-50%);
    max-width: 580px;
}
.banner-btn-row { display: flex; flex-flow: row wrap; column-gap: 20px;}
.btn.border:hover::before { filter: brightness(0);}
.bann-right{
    position: absolute;
    /*bottom: -56px;*/
    bottom: -46px;
    max-width: 595px;
    /*left: 60%;*/
    left: calc(100vw - 40%);
}
.bann-form{background-color: var(--clr-white); border-radius: var(--broder-radius); /*padding: 40px;*/ padding: 30px 30px; box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.2);}
.bann-form p a { color: var(--clr-blue);}
.bann-form p a:hover{ color: var(--clr-secondary);}
.bann-form h3{text-transform: uppercase; /*display: flex; flex-flow: row wrap; align-items: center;*/ position: relative; padding-left: 80px;}
.bann-form h3 span{width: 60px; height: 60px; display: flex; align-items: center; justify-content: center; border-radius: 50%; background-color: rgba(3, 83, 178, 0.1); overflow: hidden; position: absolute; left: 0; top: -10px;}
.form-control, .form-select {
    background-color: #f3f3f3;
    border-radius: 10px !important;
    height: 70px;
    border: none;
}
.form-control:focus, .form-select:focus { background-color: #f3f3f3;}
textarea.form-control{height: auto;}
.bann-form .form-check.form-check-inline { max-width: 40%; width: 40%; color: #616161; font-weight: 500; /*margin-bottom: 15px;*/ margin-bottom: 8px; margin-right: 0;  padding-left: 0;}
.custom-radio.form-check .form-check-input[type=radio] {
    border-radius: 4px;
}
.bann-form .form-check.form-check-inline .wpcf7-list-item{margin-left: 0;}
.custom-radio.form-check .form-check-input:checked[type=radio] {
    background-image: url(../images/tick-radio.png); background-size: 11px 8px; background-color: #0353B2;
}
.bann-form h5 {text-transform: uppercase; margin-bottom: 15px;}
.bann-form .btn {width: 100%;}
.bann-left.title-bg h6 {max-width: 360px; background-image: url(../images/title-bg-banner.svg);}
.bann-form p { margin-bottom: 14px;}


/*for main sections css*/



/*-- district-sec(Start) --*/

.title-bg>h6{background: url(../images/title-bg.svg) no-repeat left; background-size: cover; padding: 3px 10px; text-transform: capitalize; min-width: 210px; width: 100%; /*min-height: 35px;*/ text-transform: uppercase; display: inline;}

.text-white.title-bg>h6{color: var(--clr-secondary);}
.slider-wrap .bann-left>h6{ padding: 14px 25px;}
.inner-banner .bann-left>h6{ padding: 14px 15px;}
.sec-title-row.title-bg.text-center>h6 { margin: 0 auto 20px;}
.title-bg h2 { margin-top: 10px;}
.district-box{display: flex; flex-flow: row wrap; align-items: center; justify-content: space-between; padding: 30px; background-color: #f9f9f9; border: 1px solid rgba(0,0,0,0.1); border-radius: var(--broder-radius); overflow: hidden; transition: var(--transition-common);}
.district-box:hover{box-shadow: 0 2px 6px 1px rgba(0,0,0,0.1);}
.district-icon{background-color: rgba(3, 83, 178, 0.15); width: 90px; height: 90px; border-radius: 50%; order: 2;}
.district-icon a{display: flex; align-items: center; justify-content: center; width: 100%; height: 100%;}
.district-content{width: calc(100% - 90px); padding-right: 15px; order: 1;}
.district-content h5{margin-bottom: 8px; font-weight: var(--fw-semi-bold); text-transform: uppercase;}
.district-content h5 a{color: var(--clr-secondary);}
.district-content h5 a:hover{color: var(--clr-blue);}
.district-content p{margin-bottom: 8px;}
.district-sec-border .container{border-bottom: 1px solid #e0e0e0; padding-bottom: 100px;}

.main-title-width>h2{max-width: 470px;}
.main-title-width.text-center>h2{margin: 0 auto 20px;}

/*-- about-hom-sec(Start) --*/

.tick-list ul{padding-left: 0; display: flex; flex-flow: row wrap; list-style: none; column-gap: 10px; margin: 80px 0 0;}
.tick-list ul li{width: 49%; margin-bottom: 15px; position: relative; padding-left: 37px; font-weight: var(--fw-medium);}
.tick-list ul li:before{width: 26px; height: 26px; border-radius: 50px; background-color: var(--clr-yellow); display: flex; align-items: center; justify-content: center; left: 0; top: -1px; content: ""; background-image: url(../images/tick-list-icon.svg); background-repeat: no-repeat; background-size: 14px; background-position: center center; position: absolute; color: var(--clr-secondary);}
.about-hom-pic-box { max-width: 850px;}

.pic-overlay-box{position: relative; padding: 35px; max-width: 700px; margin-left: auto;}
.pic-overlay-box img { position: relative;}
.about-hom-square-small-box{ background: rgba(255, 204, 0, 0.8); width: 96px; height: 96px; border-radius: 12px; position: absolute; left: 80px; bottom: 0px;}
.image-box-right.about-hom-pic-box { margin-left: auto;}
.pic-overlay-box:before{
    width: 90%;
    height: 50%;
    background-color: var(--clr-blue);
    position: absolute;
    left: 0;
    top: 0;
    content: "";
    z-index: 0;
}
.pic-overlay-top-right:before{
    left: inherit;
    right: 0;
}
.pic-overlay-bottom-left:before{
    top: inherit;
    bottom: 0;
}

/*-- involved-hom-sec(Start) --*/

.involved-box{ padding: 0 15px; position: relative; height: 100%;}
.involved-box:after{ position: absolute; right: 0; top: 0; bottom: 0; content: ""; background-color: #e0e0e0; width: 1px; height: 100%;}
.col-xl-3.col-sm-6:last-child .involved-box:after{display: none;}
.involved-icon, .priorities-focused-icon {width: 120px; height: 120px; border-radius: 50%; display: flex; align-items: center; justify-content: center; margin: 0 auto 30px; background-color: var(--clr-blue);}
.involved-content, .priorities-focused-bottom { max-width: 277px;  margin: 0 auto;}
.text-link{color: var(--clr-blue); transition: var(--transition-common); text-transform: uppercase; font-weight: var(--fw-medium); font-size: 16px; font-family: var(--ff-title);}
.text-link span{transition: var(--transition-common); color: var(--clr-secondary); margin-left: 5px;}
.text-link:hover{color: var(--clr-secondary);}
.text-link:hover span{margin-left: 10px; color: var(--clr-blue);}
.involved-content h4, .priorities-focused-bottom h4, .priorities-focused-bottom h5{text-transform: uppercase; margin-bottom: 15px;}
.involved-content h4 a, .priorities-focused-bottom h4 a, .priorities-focused-bottom h5 a{color: var(--clr-secondary);}
.involved-content h4 a:hover, .priorities-focused-bottom h4 a:hover, .priorities-focused-bottom h5 a:hover{color: var(--clr-blue);}
.priorities-hom-pic-box.pic-overlay-box:before{ max-width: 678px; background-color: var(--clr-yellow);}

/*-- priorities-accordion(Start) --*/

.accordion-header-icon{width: 94px; height: 94px; border-radius: 100px; background-color: rgba(3, 83, 178, 0.15); overflow: hidden; display: flex; align-items: center; justify-content: center; margin-right: 30px;}
.priorities-accordion .accordion-header .accordion-button{font-size: var(--f-size-M); font-weight: var(--fw-semi-bold); text-transform: uppercase;     }
.priorities-accordion .accordion-button:not(.collapsed){background-color: transparent; border-bottom: none;}
/*.priorities-accordion .accordion-header{ border-bottom: none;}*/
.priorities-accordion .accordion-item{ margin-bottom: 20px; border-radius: var(--broder-radius); overflow: hidden; border: 1px solid rgba(0,0,0,0.15);}
.priorities-accordion .accordion-button:not(.collapsed){box-shadow: none;}
.priorities-accordion .accordion-body { width: calc(100% - 125px); margin-left: auto; padding-top: 0;}
.priorities-accordion .accordion-button::after{background-image: url(../images/accordion-pluse-icon.svg); background-size: 14px; background-color: var(--clr-yellow);
    width: 45px;
    height: 45px;
    border-radius: 50px;
     background-position: center center;}
.priorities-accordion .accordion-button:not(.collapsed)::after{background-image: url(../images/accordion-minus-icon.svg); /*width: 15px; height: 15px;*/}


/*-- priorities-accordion(End) --*/

/*-- news-hom-sec(Start) --*/

.news-box, .category-box{border: 1px solid #e0e0e0; height: 100%;}
.news-pic {position: relative; padding-top: 57%; overflow: hidden;}
.category-pic {position: relative; padding-top: 75%; overflow: hidden;}
.news-pic>img, .category-pic img {position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; transition: var(--transition-common); transform: scale(1);}
.hover-pic:hover>img, .category-pic:hover img{transform: scale(1.1);}
.news-date{position: absolute; bottom: 0; left: 40px; border-radius: 10px 10px 0 0; background-color: var(--clr-blue); color: var(--clr-white); font-size: 16px; font-weight: var(--fw-medium); text-transform: uppercase; padding: 4px 12px;}
.pic-full-link{position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
.news-content, .category-content{padding: 40px;}
.news-content h5, .category-content h5 {text-transform: uppercase;}
.news-content h5 a{color: var(--clr-secondary);}
.news-content h5 a:hover{color: var(--clr-blue);}


/*-- news-hom-sec(End) --*/

/*-- join-hom-sec(Start) --*/

.join-hom-sec{position: relative; padding: 60px 0;}
.join-hom-sec:before{left: 0; bottom: 0; width: 100%; height: 100%; background: linear-gradient(to right, var(--clr-blue), rgba(3, 83, 178, 1), rgba(3, 83, 178, 1), rgba(3, 83, 178, 1), rgba(3, 83, 178, 0.05)); content: ""; position: absolute;}
.join-hom-bg{background-repeat: no-repeat; background-position: right bottom; background-size: auto 100%;}
.join-hom-content h2 b { color: var(--clr-yellow);}

.join-hom-from-box{padding: 30px; border-radius: var(--broder-radius); background-color: var(--clr-white);}
.join-hom-from-box .btn{width: 100%;}
.join-hom-sec .row{ position: relative;}

/*-- join-hom-sec(End) --*/

/*for main sections css*/


/*for footer sections css*/

.ftr-bg { background: #052050;}
.ftr-top { padding: 80px 0 50px; border-bottom: 1px solid rgba(255, 255, 255, 0.5);}
.ftr-logo { width: 258px;}
.ftr-menu ul { margin: 0; padding: 0; list-style: none; column-gap: 40px; display: flex; flex-flow: row wrap; justify-content: flex-end;}
.ftr-menu ul li { text-transform: uppercase; }
.ftr-menu ul li a { color: var(--clr-white); font-family: var(--ff-title);}
.ftr-menu ul li a:hover { color: var(--clr-yellow);}

.ftr-middle { padding-top: 50px; padding-bottom: 30px;}
.ftr-middle h4 { margin-bottom: 0px;}
.ftr-middle .ftr-col h4 { max-width: 410px;}

.ftr-btm { padding-bottom: 50px;}
.ftr-btm-address p, .ftr-copyright p { margin-bottom: 0; color: #E2EFFE;}
.ftr-copyright{text-align: right;}

.ftr-col h4 { text-transform: uppercase; font-weight: var(--fw-semi-bold);}

ul.ftr-social { margin: 0 0; padding: 0; list-style: none;  display: flex; flex-flow: row wrap; justify-content: flex-end; column-gap: 15px;}
ul.ftr-social li { list-style: none; font-size: var(--f-size-Body);}
ul.ftr-social li a{width: 64px; height: 64px; border-radius: 100px; background-color: rgba(255, 255, 255, 0.1); display: flex; align-items: center; justify-content: center; color: var(--clr-white);}
ul.ftr-social li a:hover{background-color: rgba(255, 255, 255, 0.5); color: var(--clr-white);}


/*for footer sections css*/

/*-- Inner-Pages(Start) --*/

/*-- About-Page(Start) --*/

/*.inner-banner{ padding-top: 175px; padding-bottom: 100px;}*/
/*.inner-banner{background-color: #001D4A; padding-top: 175px; padding-bottom: 100px;}
.slider-wrap.inner-banner:before{display: none;}

.inner-bann-pic {
    position: relative;
    max-width: 450px;
    padding: 20px;
    margin-left: auto;
}

.inner-bann-pic:before {
    position: absolute;
    bottom: 0;
    right: 0;
    background: #0D2211;
    content: "";
    width: 96px;
    height: 96px;
    border-radius: var(--broder-radius);
}
.inner-bann-pic img {
    position: relative;
}*/

.inner-banner:before {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    content: "";
    background: linear-gradient(to right, #052050, rgba(5, 32, 80, 0.9), rgba(5, 32, 80, 0));
}
.inner-banner::after {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    content: "";
    background: linear-gradient(to bottom, rgba(5, 32, 80, 0.9), rgba(5, 32, 80, 0), rgba(5, 32, 80, 0.9));
}

.inner-banner .bann-left { max-width: 850px; bottom: 100px; top: inherit; transform: inherit; z-index: 1;}
.inner-banner .bann-left.title-bg h6 { background-image: url(../images/title-bg.svg); background-size: auto;}

.about-voice-box{border: 1px solid #F3F4F6; border-radius: 4px; background-color: var(--clr-white); padding: 30px; height: 100%;}
.about-voice-icon{width: 64px; height: 64px; border-radius: 12px; margin: 0 auto 20px; background-color: #0056B3; display: flex; align-items: center; justify-content: center;}
.about-voice-content{/*max-width: 290px;*/ max-width: 280px; margin: 0 auto;}
.about-voice-content h5{text-transform: uppercase; margin-bottom: 15px; color: #001D4A;}
.about-voice-content h5 a{color: #001D4A;}
.about-voice-content h5 a:hover{color: var(--clr-blue);}
.about-community-icon-list ul{display: flex; flex-flow: row wrap; padding: 0; margin: 0;}
.about-community-icon-list ul li{display: flex; flex-flow: row wrap; margin-bottom: 20px; width: 45%;}
.about-community-list-icon{width: 20px;}
.about-community-list-content{width: calc(100% - 20px); padding-left: 15px;}
.about-community-list-content h6{margin-bottom: 7px;}
.about-community-list-content h6, .about-community-list-content h6 a{color: #001D4A;}
.about-community-list-content h6 a:hover{color: var(--clr-blue);}

.about-community-pic-row ul{padding: 0; margin: 0; display: flex; flex-flow: row wrap; list-style: none; column-gap: 20px;}
.about-community-pic-row ul li{width: 48%; padding: 20px; position: relative; padding-top: 36%;}
.about-community-pic-row ul li img{position: absolute; top: 6%; left: 5%; width: 90%; height: 90%; object-fit: cover;}
.about-community-pic-row ul li:before{position: absolute; top: 0; left: 0; width: 96px; height: 96px; border-radius: 12px; background-color: var(--clr-yellow); content: "";}
.about-community-pic-row ul li:last-child:before{position: absolute; top: inherit; left: inherit; bottom: 0; right: 0; width: 96px; height: 96px; border-radius: 12px; background-color: rgba(3, 86, 179, 0.2);}
.about-community-pic-row ul li:last-child{margin-top: 30px;}
.about-together-content {max-width: 554px;}


.about-together-box{padding: 20px; background-color: var(--clr-white); border-radius: 4px; border: 1px solid #F3F4F6; box-shadow: 0px 1px 2px 0px #0000000D; height: 100%;}
.about-together-icon{width: 40px;}
.about-together-bottom{padding-top: 10px;}
.about-together-bottom h5{margin-bottom: 6px; text-transform: uppercase;}
.about-together-bottom p{margin-bottom: 6px;}

/*-- About-Page(End) --*/

/*-- Priorities-Page(End) --*/
.priorities-focused-box{background-color: #F9F9F9; border: 1px solid rgba(0,0,0,0.1); border-radius: var(--broder-radius); overflow: hidden; height: 100%; padding: 60px; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.02); transition: var(--transition-common);}
.priorities-focused-box:hover { box-shadow: 0 8px 20px rgba(0, 0, 0, 0.08);}
.depth-right .priorities-accordion .accordion-body { width: 100%;}
.depth-right { max-width: 785px; margin-left: auto;}



/*-- Priorities-Page(End) --*/


/*-- Legislation-Page(End) --*/

.tick-list.tick-list-full-with ul li{width: 100%;}
.policy-work-content {
    max-width: 550px;
    margin-left: auto;
}
.tick-list.policy-work-content ul, .tick-list.meets-purpose-box ul {
    border-top: 1px solid rgba(0, 0, 0, 0.2);
    padding-top: 50px;
}
.tick-list.tick-list-full-with ul li h5{text-transform: uppercase;}

/*-- step-process-sec(Start)--*/

/* ==============================
   PROCESS SECTION
================================= */

/*.process-section {
    background: #fff;
}*/

.process-timeline {
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 16px;
    /*max-width: 1050px;*/
    margin: 0 auto;
    padding-top: 20px;
}


/* Connecting horizontal line */
.process-timeline::before {
    content: "";
    position: absolute;
    top: 74px;
    left: 10%;
    right: 10%;
    height: 2px;
    background: #D8D8D8;
    z-index: 0;
}


/* Individual item */
.process-item {
    position: relative;
    /*z-index: 1;*/
    width: 25%;
    text-align: center;
}
.process-item:after {
    width: 12px;
    height: 12px;
    border: 2px solid #D8D8D8;
    position: absolute;
    top: 49px;
    content: "";
    right: -12px;
    border-radius: 100px;
    background: var(--clr-white);
}
.process-item:last-child:after{display: none;}
/* Icon area */
.process-icon-wrap {
    position: relative;
    margin: 0 auto 0px;
    z-index: 1;
}


/* Number */
.process-number {
    position: absolute;
    top: -18px;
    right: 0;
    left: 0;
    margin: 0 auto;
    width: 38px;
    height: 38px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--clr-yellow);
    color: var(--clr-secondary);
    border-radius: 50%;
    /*font-size: 10px;
    font-weight: 700;*/
    z-index: 5;
    font-family: var(--ff-title);
    font-size: var(--f-size-S);
    font-weight: var(--fw-medium);
}


/* Circle */
.process-icon {
    width: 118px;
    height: 118px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(99, 99, 99, 0.2);
    border-radius: 50%;
    background: #fff;
    color: #164da0;
    /*font-size: 23px;*/
    transition: all 0.3s ease;
}


/* First active circle */
.process-item.active .process-icon {
    background: var(--clr-blue);
    border-color: #2458aa;
    color: var(--clr-white);
    box-shadow: 0 12px 22px rgba(36, 88, 170, 0.30);
}


/* Card */
.process-card {
    min-height: 145px;
    padding: 83px 60px 72px;
    background: #F9F9F9;
    border: 1px solid rgba(0,0,0,0.1);
    border-radius: var(--broder-radius);
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.02);
    transition: all 0.3s ease;
    transform: translateY(-30px);
}


/* Heading */
.process-card h4 {
    margin: 0 0 14px;
}


/* Paragraph */
.process-card p {
    margin: 0;
}


/* Hover */
.process-item:hover .process-icon {
    background: #2458aa;
    border-color: #2458aa;
    color: #fff;

    /*transform: translateY(-3px);*/

    box-shadow: 0 10px 20px rgba(36, 88, 170, 0.20);
}

.process-item:hover .process-card, .process-item.active .process-card {
    /*transform: translateY(-3px);*/
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.08);
}
.process-item.active .process-icon img, .process-item:hover .process-icon img {
    filter: brightness(100);
}
/*-- step-process-sec(End)--*/
.meets-purpose-box{max-width: 590px;}
.legislation-bills-box .priorities-focused-icon{background-color: rgba(3, 86, 179, 0.1);}
.priorities-focused-box.legislation-bills-box { background-color: #FFF;}

.small-square-element{width: 60px; height: 60px; border-radius: 12px; background-color: rgba(0, 86, 179, 0.2); position: absolute; right: 10px; top: 79px;}


/*-- Legislation-Page(End) --*/

/*-- News-Page(Start) --*/
    /*-- pagination-css(Start) --*/
    .pagination-row li.page-item{margin: 0 4px;}
    .pagination-row a.page-link { color: var(--clr-primary); border-radius: 4px; font-size: 14px;}
    .pagination-row a.page-link:hover, .pagination-row li.page-item.active a.page-link { color: var(--clr-secondary); border-color: #0353B2; background-color: var(--clr-white);}
    .pagination-row li.page-item:first-child a:hover, .pagination-row li.page-item:last-child a:hover{background-color: var(--clr-primary); color: var(--clr-white); border-color: var(--clr-primary);}

    /*-- pagination-css(End) --*/

/*-- News-Page(End) --*/

/*-- News-Details-Page(Start) --*/
    
    .no-banner main{margin-top: 133px;}
    .no-banner .main-header{background-color: rgba(11, 36, 74, 0.98);}
    .related-news-title h2 b{color: var(--clr-yellow);}
    .news-details-top-width{max-width: 1024px; margin: 0 auto;}
    .news-details-date { border-radius: 10px 10px 0 0; background-color: var(--clr-blue); color: var(--clr-white); font-size: 16px; font-weight: var(--fw-medium); text-transform: uppercase; padding: 4px 12px; display: inline-block; margin: 0 auto 15px;}
        .news-details-pic { margin-top: 60px; /*box-shadow: 0 3px 7px 0px rgba(0, 0, 0, 0.3);*/}
        .news-details-row h3{text-transform: uppercase;}

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

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

.volunteer-blockquote{padding-left: 14px; padding-top: 3px; padding-bottom: 3px; border-left: 7px solid var(--clr-yellow);}
.volunteer-blockquote p{font-size: 16px; color: var(--clr-blue); text-transform: uppercase; font-family: var(--ff-title); font-weight: var(--fw-medium); margin-bottom: 7px;}

.pic-volunteer-box{position: relative; padding: 30px;}
.pic-volunteer-box:before{position: absolute; width: 302px; height: 302px; background-color: var(--clr-yellow); left: 0; top: 0; content: "";}
.pic-volunteer-box>img{position: relative;}
.pic-volunteer-box.square-right:before{left: inherit; right: 0;}
.pic-volunteer-box.blue-square:before{background-color: var(--clr-blue);}


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

/*-- Contact-Page(Start) --*/

.contact-touch-box.title-bg { max-width: 650px;}
.con-details-list ul{list-style: none; padding: 0; margin: 0;}
.con-details-list ul li{margin-bottom: 10px; display: flex; flex-flow: row wrap; column-gap: 15px;}
.con-icon{width: 48px; height: 48px; background-color: #EFF5FE; border-radius: 10px; display: flex; justify-content: center; align-items: center;}
.con-info{width: calc(100% - 65px); padding-left: 12px;}
.con-info h6{margin-bottom: 4px; text-transform: uppercase;}

.con-info a{color: var(--clr-primary);}
.con-info a:hover{color: var(--clr-blue);}

.contact-box{background-color: var(--clr-white); border-radius: var(--broder-radius); padding: 60px; box-shadow: 0px 3px 15px 1px rgba(0, 0, 0, 0.1);}
.contact-box .btn { width: 100%;}

.pic-volunteer-box.square-bottom:before{top: inherit; bottom: 0;}

/*-- Contact-Page(End) --*/

/*-- Bio-Page(Start) --*/

.more-about-row h3{text-transform: uppercase; margin-top: 10px;}
.more-about-row{margin-bottom: 30px;}
.bio-image-row{display: flex; flex-flow: row wrap; column-gap: 30px;}
.bio-hr-image-box{width: 48%;}
.bio-hr-right { max-width: 760px; margin-left: auto;}
.bio-voice-sec .about-voice-icon { border-radius: 100px;}
.bio-voice-sec .about-voice-box {background-color: #EFF5FE;}
.bio-voice-sec .about-voice-content h5, .bio-voice-sec .about-voice-content h5 a{color: var(--clr-secondary);}

/*-- Bio-Page(End) --*/

.wpcf7-response-output{text-align: center;}
form.invalid .wpcf7-response-output{color: #dc3232;}
form.sent .wpcf7-response-output { color: #269631;}
.form-control.wpcf7-not-valid, .form-select.wpcf7-not-valid{border:1px solid #ff0202;}
.wpcf7-not-valid-tip{display: none;}
.wpcf7 form .wpcf7-response-output { margin: 1em 0.5em 1em;}
.bann-right .bann-form .wpcf7 form .wpcf7-response-output { margin: 0.3em 0.5em 1em;}
.bann-right .bann-form .wpcf7-spinner, .join-hom-from-box .wpcf7-spinner, .contact-box .wpcf7-spinner{ display: block; margin: 5px auto 0;}

.not-found-box { background-color: #EFF5FE; border: 1px solid #F3F4F5; border-radius: var(--border-radius); padding: 70px 30px; box-shadow: 0 3px 10px -1px rgba(0, 0, 0, 0.15);}
.not-found-btn-row { column-gap: 15px; display: flex; flex-flow: row wrap; justify-content: center;}


/*-- About-Assembly-Page(Start) --*/

.assembly-image-box{position: relative; }
.assembly-image-box>img, .assembly-east-sec .priorities-hom-pic-box>img, .assembly-east-sec .pic-volunteer-box>img{position: relative; z-index: 1;}
.small-top-square-element-yellow{background-color: #FFCC00; width: 90px; height: 90px; border-radius: 12px; position: absolute; right: 80px; top: -60px;}
.small-bottom-square-element-blue{background-color: rgba(0, 86, 179, 20%); width: 64px; height: 64px; border-radius: 12px; position: absolute; left: 75px; bottom: -30px;}
.assembly-east-right{max-width: 660px; margin: 0 auto;}
.assembly-east-sec .small-top-square-element-blue{top: -20px; background-color: rgba(0, 86, 179, 20%);}
.small-bottom-square-element-yellow{background-color: #FFCC00; width: 90px; height: 90px; border-radius: 12px; position: absolute; right: 180px; bottom: -20px;}
.common-bg{background-repeat: no-repeat; background-position: center center; background-size: cover;}
.blue-overlay-right, .blue-overlay-top-bottom {position: relative;}
.blue-overlay-right .row, .blue-overlay-top-bottom .row{position: relative; z-index: 1;}
.blue-overlay-right:before{position: absolute; right: 0; width: 100%; height: 100%; top: 0; background: linear-gradient(to right, rgba(5,32,80,0), rgba(5,32,80,0.8), rgba(5,32,80,1)); content: "";}
.blue-overlay-top-bottom:after{position: absolute; right: 0; width: 100%; height: 100%; top: 0; background: linear-gradient(to top, rgba(5,32,80,1), rgba(5,32,80,0), rgba(5,32,80,1)); content: "";}
.text-white h2 b{color: var(--clr-yellow);}
.assembly-east-sec .pic-volunteer-box:before { background: var(--clr-blue);}


/*-- About-Assembly-Page(End) --*/


/*-- Affordability-Plan-Page(Start) --*/

.affordabil-plan-pic, .affordabil-plan-bottom-pic{position: relative; padding: 35px;}
.affordabil-plan-pic img, .affordabil-plan-bottom-pic img {position: relative; width: 100%; z-index: 1;}
.affordabil-plan-pic:before{    
    width: 90%;
    height: 80%;
    background-color: var(--clr-yellow);
    position: absolute;
    left: 0;
    top: 0;
    content: "";
    z-index: 0;}
.affordabil-plan-pic:after{background-color: rgba(0, 86, 179, 20%); width: 64px; height: 64px; border-radius: 12px; position: absolute; right: 150px; bottom: 0px; content: "";}
.affordabil-plan-content{max-width: 700px;}
.affordabil-plan-alternate-wrapper:nth-child(2n + 1) .affordabil-plan-content{margin-left: auto;}
.affordabil-plan-alternate-wrapper:nth-child(2n + 2) .row{flex-direction: row-reverse;}
.affordabil-plan-alternate-wrapper:nth-child(2n + 2) .affordabil-plan-pic:before{ top: inherit; bottom: 0; background-color: var(--clr-blue);}
.affordabil-plan-alternate-wrapper:nth-child(2n + 2) .affordabil-plan-pic:after{background-color: var(--clr-yellow); top: 70px; right: 0px; bottom: inherit;}

.affordabil-plan-alternate-wrapper:nth-child(3n + 3) .affordabil-plan-pic:before{ top: inherit; bottom: 0;}
.affordabil-plan-alternate-wrapper:nth-child(3n + 3) .affordabil-plan-pic:after{bottom: inherit; top: 0px; left: 230px; right: inherit;}


.affordabil-plan-bottom-pic:before{    
    width: 90%;
    height: 80%;
    background-color: var(--clr-yellow);
    position: absolute;
    right: 0;
    bottom: 0;
    content: "";
    z-index: 0;
}
.affordabil-plan-bottom-pic:after {
    background-color: rgba(0, 86, 179, 20%);
    width: 64px;
    height: 64px;
    border-radius: 12px;
    position: absolute;
    left: 0px;
    top: 70px;
    content: "";
}
.affordabil-plan-bottom-content{max-width: 650px; margin-left:  auto;}
.affordabil-plan-bottom-alternate-wrapper:nth-child(2n + 2) .row { flex-direction: row-reverse;}
.affordabil-plan-bottom-alternate-wrapper:nth-child(2n + 2) .affordabil-plan-bottom-content { margin-left: 0;}
.affordabil-plan-bottom-alternate-wrapper:nth-child(2n + 2) .affordabil-plan-bottom-pic:before{background-color: var(--clr-blue); left: 0; right: inherit;}
.affordabil-plan-bottom-alternate-wrapper:nth-child(2n + 2) .affordabil-plan-bottom-pic:after{background-color: rgba(255, 204, 0, 0.8); top: 0; left: 110px;}
.affordabil-plan-bottom-alternate-wrapper:nth-child(3n + 3) .affordabil-plan-bottom-pic:after{top: 0; left: 50px;}



.renters-column-content{
    column-count: 2;
    column-gap: 50px;
}
.renters-pic {
    margin: 20px 0 40px;
    position: relative;
    padding-top: 34%;
    /*overflow: hidden;*/
}
.renters-pic img {position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover;}
.renters-pic:before{background: rgba(255, 204, 0, 0.8); width: 96px; height: 96px; border-radius: 12px; position: absolute; left: 108px; top: -48px; position: absolute; content: ""; z-index: 1;} 
.blue-overlay-left:before{position: absolute;
    right: 0;
    width: 100%;
    height: 100%;
    top: 0;
    background: linear-gradient(to left, rgba(5, 32, 80, 0), rgba(5, 32, 80, 0.8), rgba(5, 32, 80, 1));
    content: "";}
.blue-overlay{position: relative;}
.blue-overlay:before{ position:absolute; top:0; left:0; width:100%; height:100%; content: ""; background: linear-gradient(to right, rgba(5,32,80,1), rgba(5,32,80,0.9), rgba(5,32,80,0.8), rgba(5,32,80,0.9), rgba(5,32,80,1));}
.blue-overlay .row{position: relative;}

/*-- Affordability-Plan-Page(End) --*/

/*-- Results-Page(Start) --*/

.results-leading-sec{position: relative; padding-top: 75px; /*margin-bottom: 70px;*/}
.results-leading-sec:before{position: absolute; left: 0; top: 0; bottom: 70px; content: ""; background: linear-gradient(to right, var(--clr-yellow) 47%, #052050 47%); width: 100%; height: 100%;}

.results-top-alternate-pic, .results-bottom-alternate-pic, .real-police-top-alternate-pic, .real-police-bottom-alternate-pic, .rescue-health-alternate-pic {position: relative; padding: 35px;}
.results-top-alternate-pic img, .results-bottom-alternate-pic img, .real-police-top-alternate-pic img, .real-police-bottom-alternate-pic img, .real-police-top-alternate-pic img, .results-bottom-alternate-pic img, .rescue-health-alternate-pic img { width: 100%; position: relative; width: 100%; z-index: 1;}
.results-top-alternate-pic:before {
    width: 90%;
    height: 80%;
    background-color: var(--clr-yellow);
    position: absolute;
    left: 0;
    bottom: 0;
    content: "";
    z-index: 0;
}
.results-top-alternate-pic:after {
    background-color: var(--clr-yellow);
    width: 96px;
    height: 96px;
    border-radius: 12px;
    position: absolute;
    right: 120px;
    top: 0px;
    content: "";
}
.results-top-alternate-content{max-width: 640px; margin: 0 auto;}
.results-top-alternate-wrapper:nth-child(2n + 2) .results-top-alternate-content{margin: 0 0;}
.results-top-alternate-wrapper:nth-child(2n + 2) .row { flex-direction: row-reverse;}
.results-top-alternate-wrapper:nth-child(2n + 2) .results-top-alternate-pic:before{background-color: var(--clr-blue); left: inherit; top: inherit; right: 0; bottom: 0;}
.results-top-alternate-wrapper:nth-child(2n + 2) .results-top-alternate-pic:after{background-color: rgba(0, 86, 179, 0.2); top: 80px; left: 0; right: inherit; bottom: inherit;}


/*-- results-bottom-alternate(Start) --*/

.results-bottom-alternate-pic:before {
    width: 90%;
    height: 80%;
    background-color: var(--clr-blue);
    position: absolute;
    left: 0;
    bottom: 0;
    content: "";
    z-index: 0;
}
.results-bottom-alternate-pic:after {
    background-color: var(--clr-yellow);
    width: 96px;
    height: 96px;
    border-radius: 12px;
    position: absolute;
    right: 0px;
    top: 100px;
    content: "";
}
.results-bottom-alternate-wrapper:nth-child(2n + 1) .row { flex-direction: row-reverse;}
.results-bottom-alternate-wrapper:nth-child(2n + 2) .results-bottom-alternate-pic:after{ background-color: rgba(0, 86, 179, 0.2); top: 0; left: 140px; right: inherit;}
.results-bottom-alternate-wrapper:nth-child(2n + 2) .results-bottom-alternate-pic:before{left: inherit; right: 0; background-color: var(--clr-yellow);}
.results-bottom-alternate-content{max-width: 640px;}
.results-bottom-alternate-wrapper:nth-child(2n + 2) .results-bottom-alternate-content{margin: 0 auto;}

/*-- results-bottom-alternate(End) --*/

.results-leading-content-col:after{position: absolute; right: 0; bottom: -50px; content: ""; background: rgba(255, 204, 0, 0.8); width: 96px; height: 96px; border-radius: 12px;}

/* Left image */

.linden-image-col { position: static;}

/*.results-leading-sec .row{position: relative;}*/
.results-leading-pic{position: absolute; margin-bottom: -70px; top: 75px; bottom: 0; left: 0; width: 51%; z-index: 1;}
.results-leading-pic img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;}
.results-leading-pic img{width: 100%;}
.results-leading-content-col { position: relative;}
.results-leading-content { margin-bottom: 100px;}




.pt-ext{padding-top: 170px;}
.advance-historic-top-row {max-width: 540px; margin: 0 auto;}

.results-builbing-list{border-bottom: 1px solid rgba(0,0,0,0.2); border-left: 1px solid rgba(0,0,0,0.2); border-right: 1px solid rgba(0,0,0,0.2); display: flex; flex-flow: row wrap; gap: 15px; justify-content: space-between;}
.results-builbing-box{width: calc(33.33% - 15px); position: relative;}
.results-builbing-box:after{position: absolute; background-color: rgba(0,0,0,0.2); width: 1px; height: 100%; content: ""; right: -12px; top: 0;}
.results-builbing-box:last-child:after{display: none;}
.results-builbing-content-top{display: flex; flex-flow: row wrap; align-items: center; margin-bottom: 20px;}
.results-builbing-content-number{width: 56px; height: 56px; border-radius: 100px; overflow: hidden; background-color: var(--clr-yellow); display: flex; align-items: center; justify-content: center; font-size: var(--f-size-S); font-weight: var(--fw-medium); color: var(--clr-secondary); font-family: var(--ff-title);}
.results-builbing-content-title{width: calc(100% - 56px); padding-left: 15px;}
.results-builbing-content-title h3{margin-bottom: 0;}
.results-builbing-pic{position: relative; padding-top: 48%; overflow: hidden;}
.results-builbing-pic img{position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover;}
.results-builbing-content{padding: 50px 20px;}
.advance-historic-sec .renters-pic:before{display: none;}


/*-- Results-Page(End) --*/

/*-- Rescue-Plan-Page(Start) --*/

.real-police-top-alternate-pic:before{
    width: 90%;
    height: 80%;
    background-color: var(--clr-blue);
    position: absolute;
    left: 0;
    bottom: 0;
    content: "";
    z-index: 0;
}
.real-police-top-alternate-pic:after {
    background-color: rgba(255, 204, 0, 80%);
    width: 94px;
    height: 94px;
    border-radius: 12px;
    position: absolute;
    right: 170px;
    top: 0px;
    content: "";
}
.real-police-top-alternate-content{max-width: 745px; margin-left: auto;}
.real-police-top-alternate-wrapper:nth-child(2n + 2) .row { flex-direction: row-reverse;}
.real-police-top-alternate-wrapper:nth-child(2n + 2) .real-police-top-alternate-content{ margin-left: 0;}
.real-police-top-alternate-wrapper:nth-child(2n + 2) .real-police-top-alternate-pic:before{background-color: var(--clr-yellow); top: 0; bottom: inherit;}
.real-police-top-alternate-wrapper:nth-child(2n + 2) .real-police-top-alternate-pic:after{background-color: rgba(0, 86, 179, 0.2); bottom: 0; top: inherit; right: 135px;}
.real-police-top-alternate-wrapper:nth-child(3n + 3) .real-police-top-alternate-pic:before{ right: 0; left: inherit;}
.real-police-top-alternate-wrapper:nth-child(3n + 3) .real-police-top-alternate-pic:after{top: 120px; left: 0; right: inherit;}


.police-tick-list ul{list-style: none; padding-left: 0; margin-bottom: 0;}
.police-tick-list ul li:after{width: 1px; height: 100%; background-color: var(--clr-yellow); position: absolute; left: 12px; top: 20px; content: "";}
.police-tick-list ul li:last-child:after{display: none;}
.police-tick-list ul li{position: relative; margin-bottom: 20px; padding-left: 50px;}
.police-tick-list ul li:before{width: 26px; height: 26px; background-color: var(--clr-yellow); border-radius: 50px; display: flex; align-items: center; justify-content: center; background-image: url(../images/real-tick-icon.svg); background-repeat: no-repeat; background-size: 9px; background-position: center center; position: absolute; left: 0; top: 0; content: "";}



.real-police-top-alternate-content h2, .results-leading-content h2, .rescue-health-alternate-content h2 {margin-top: 0; margin-bottom: 30px;}

.leading-right-pic .results-leading-pic{right: 0; left: inherit;}
.results-leading-sec.leading-right-pic:before{background: linear-gradient(to right, #052050 53%, var(--clr-yellow) 53%);}
.techno-hub-sec .results-leading-content-col:after{display: none;}

.rescue-health-alternate-pic:before{    
    width: 90%;
    height: 80%;
    background-color: var(--clr-yellow);
    position: absolute;
    left: 0;
    top: 0;
    content: "";
    z-index: 0;
}
.rescue-health-alternate-wrapper:nth-child(2n + 2) .row{flex-direction: row-reverse;}
.rescue-health-alternate-wrapper:nth-child(2n + 2) .rescue-health-alternate-pic:before{bottom: 0; top: inherit; background-color: var(--clr-blue);}
.rescue-health-alternate-wrapper:nth-child(3n + 3) .rescue-health-alternate-pic:before{bottom: 0; top: inherit;}
.rescue-health-alternate-content{max-width: 720px; margin-left: auto;}
.rescue-health-alternate-wrapper:nth-child(2n + 2) .rescue-health-alternate-content{ margin-left: 0;}

/*-- Rescue-Plan-Page(End) --*/

/*-- Inner-Pages(End) --*/

/*-- New-fixing(02-09-2026)(Start)  --*/


body.home .slider-wrap {
    height: calc(100vh - 115px);
}
body.home .bann-form .form-control, body.home .bann-form .form-select {
    border-radius: 7px !important;
    height: 50px;
}
.header-right .btn { font-size: 20px; padding: 13px 38px 14px 37px;}

/*-- New-fixing(02-09-2026)(End)  --*/

/*Media Query css*/

/*@media only screen and ( min-width: 2999px ) {
    .main-header .container-fluid, .header-donate-sec .container-fluid{max-width: 1760px;}
}*/
@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;}
    /*.main-header .container-fluid, .header-donate-sec .container-fluid{max-width: 1760px;}*/
}
@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: 62px;
    }
    /*-- step-process-sec(Start)--*/
    .process-card { padding: 63px 20px 53px; transform: translateY(-15px);}
    .process-icon { width: 100px; height: 100px;}
    .process-number { top: -15px; font-size: 16px; width: 28px; height: 28px;}
    .process-timeline::before { top: 64px;}
    .process-item:after { top: 39px;}
    
    /*-- step-process-sec(End)--*/

    .form-control, .form-select { border-radius: 7px !important; height: 60px;}
    .bann-right { left: calc(100vw - 44%);}
    /*.text-white.title-bg>h6 { padding: 10px 20px;}*/
    .slider-wrap .bann-left>h6{ padding: 10px 20px;}
    /*.inner-banner .bann-left>h6{ padding: 14px 15px;}*/
    .common-padding { padding-top: 80px; padding-bottom: 80px;}
    .district-sec-border .container { padding-bottom: 80px;}
    .ftr-top { padding: 60px 0 40px;}
    .ftr-middle { padding-top: 40px;  padding-bottom: 20px;}
    .ftr-btm { padding-bottom: 40px;}
    ul.ftr-social { column-gap: 10px;}
    ul.ftr-social li a { width: 54px; height: 54px;}
    .pic-overlay-box, .results-top-alternate-pic, .results-bottom-alternate-pic, .real-police-top-alternate-pic, .real-police-bottom-alternate-pic, .rescue-health-alternate-pic, .affordabil-plan-pic, .affordabil-plan-bottom-pic{ padding: 25px;}
    .tick-list ul { margin: 60px 0 0;}
    .involved-icon, .priorities-focused-icon { width: 100px; height: 100px;}
    .accordion-header-icon { width: 80px; height: 80px; margin-right: 20px;}
    .priorities-accordion .accordion-body { width: calc(100% - 100px);}
    .priorities-accordion .accordion-button::after { background-size: 12px; width: 35px; height: 35px;}
    .news-content, .category-content { padding: 30px;}
    .news-date { left: 30px; border-radius: 8px 8px 0 0; padding: 3px 11px; font-size: 15px;}
    .inner-banner .bann-left { bottom: 80px;}
    .priorities-focused-box { padding: 40px 30px;}
    .news-details-pic { margin-top: 50px;}
    .pic-volunteer-box { padding: 25px;}
    .contact-box { padding: 50px;}
    .small-square-element{ border-radius: 10px; right: 0px;}
    .not-found-box { padding: 50px 20px;}


    .real-police-top-alternate-pic:after { width: 74px; height: 74px; border-radius: 8px; right: 100px;}
    .real-police-top-alternate-wrapper:nth-child(2n + 2) .real-police-top-alternate-pic:after { right: 85px;}
    .real-police-top-alternate-wrapper:nth-child(3n + 3) .real-police-top-alternate-pic:after { top: 70px;}
    .pt-ext { padding-top: 140px;}
    .results-builbing-content { padding: 30px 10px;}



}
@media only screen and ( max-width:1600px ) {
    :root{
        --f-size-XXXL: 58px;
        --f-size-XXL: 40px;
    }
    .logo { width: 150px;}
    .btn.no-arrow { padding: 15px 40px 15px 40px;}
    .header-right .btn { padding: 12px 35px 12px 35px;}
    .btn::before { right: 15px; top: 42%;}
    .btn:hover::before { right: 10px;}
    .btn { border-radius: 6px !important; padding: 15px 53px 15px 25px;}
    .ftr-logo { width: 200px;}

    .process-card { padding: 43px 15px 33px;  min-height: 230px;}
    .about-community-pic-row ul { column-gap: 12px;}
    .form-control, .form-select { height: 50px;}
    .bann-right { left: calc(100vw - 50%); bottom: -36px;}
    .bann-form { padding: 30px}
    /*.text-white.title-bg>h6 { padding: 7px 15px;}*/
    .slider-wrap .bann-left>h6{ padding: 7px 15px;}
    .inner-banner .bann-left>h6{ padding: 10px 14px;}

    .tick-list.policy-work-content ul, .tick-list.meets-purpose-box ul { padding-top: 40px;}
    .tick-list ul { margin: 40px 0 0;}
    .tick-list ul li:before { width: 18px; height: 18px; top: 2px; font-size: 12px; background-size: 10px;}
    .tick-list ul li { width: 48%; margin-bottom: 12px; padding-left: 28px;}
    .district-icon { width: 80px; height: 80px;}
    .district-content { width: calc(100% - 80px); padding-right: 8px;}

    .accordion-header-icon { width: 60px; height: 60px; margin-right: 10px; padding: 15px;}
    .priorities-accordion .accordion-body { width: calc(100% - 70px);}
    .priorities-accordion .accordion-button::after { background-size: 10px; width: 25px; height: 25px;}
    .news-content, .category-content { padding: 20px;}
    .news-date { left: 20px;}
    .priorities-focused-box { padding: 20px 15px;}
    .no-banner main { margin-top: 111px;}
    .news-details-pic { margin-top: 40px;}
    .contact-box { padding: 40px;}
    .police-tick-list ul li {  margin-bottom: 18px; padding-left: 40px;}
    .police-tick-list ul li:before { width: 20px; height: 20px; background-size: 8px;}
    .police-tick-list ul li:after { left: 10px;}
    .affordabil-plan-pic:after { width: 64px; height: 64px; border-radius: 6px; right: 70px;}
    .affordabil-plan-alternate-wrapper:nth-child(2n + 2) .affordabil-plan-pic:after { top: 50px;}
    .affordabil-plan-alternate-wrapper:nth-child(3n + 3) .affordabil-plan-pic:after { left: 100px;}
    .affordabil-plan-bottom-pic:after { width: 54px; height: 54px; border-radius: 7px; top: 50px;}
    .affordabil-plan-bottom-alternate-wrapper:nth-child(2n + 2) .affordabil-plan-bottom-pic:after { left: 70px;}
    .renters-column-content { column-gap: 25px;}
    .renters-pic { margin: 10px 0 30px;}

    .results-top-alternate-pic:after { width: 64px; height: 64px; border-radius: 8px; right: 70px;}
    .results-top-alternate-wrapper:nth-child(2n + 2) .results-top-alternate-pic:after { top: 50px}
    .results-leading-content-col:after { bottom: -30px; width: 64px; height: 64px; border-radius: 8px;}
    .about-hom-square-small-box{width: 64px; height: 64px; border-radius: 8px; left: 50px; bottom: -9px;}
    .renters-pic:before{width: 64px; height: 64px; border-radius: 8px; left: 48px; top: -28px;}
    .results-builbing-content { padding: 20px 10px;}
    .small-top-square-element-yellow { width: 64px; height: 64px; border-radius: 8px; right: 50px; top: -30px;}
    .small-bottom-square-element-blue { width: 54px; height: 54px; border-radius: 8px; left: 55px; bottom: -20px;}
    .small-bottom-square-element-yellow { width: 64px; height: 64px; border-radius: 8px; bottom: 0px; right: 100px;}
    .assembly-east-sec .small-top-square-element-blue { top: 0px;}
    .about-community-pic-row ul li:before, .about-community-pic-row ul li:last-child:before { width: 64px; height: 64px; border-radius: 8px;}
    .about-community-pic-row ul li:first-child img { top: 4%;}
    .about-community-pic-row ul li:last-child img { left: 6%;}

    
    

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

    }
    .header-donate-list ul li a { padding: 10px 20px;}
    .main_menu ul li { margin: 0 15px;}
    .btn.no-arrow { padding: 12px 35px 12px 35px;}
    .header-right .btn { padding: 10px 30px 10px 30px;}
    .btn { padding: 12px 40px 12px 15px;}
    .btn::before { right: 10px; top: 42%;}
    .btn:hover::before{right: 6px;}
    .header-btn-wrap { margin-left: 25px;}
    .main-header { top: 75px;}
    .district-box { padding: 20px;}
    .form-control, .form-select { height: 45px;}
    .common-padding { padding-top: 70px; padding-bottom: 70px;}
    .district-sec-border .container { padding-bottom: 70px;}

    .ftr-top { padding: 50px 0 40px;}
    .ftr-middle { padding-top: 40px; padding-bottom: 20px;}
    .ftr-btm { padding-bottom: 40px;}
    .pic-overlay-box, .pic-volunteer-box, .results-top-alternate-pic, .results-bottom-alternate-pic, .real-police-top-alternate-pic, .real-police-bottom-alternate-pic, .rescue-health-alternate-pic, .affordabil-plan-pic, .affordabil-plan-bottom-pic { padding: 20px;}

    .join-hom-from-box { padding: 25px;}
    .about-voice-box { padding: 20px;}
    .about-voice-icon { width: 60px; height: 60px; border-radius: 9px;}
    .small-square-element { border-radius: 8px; right: -10px;}
    .not-found-box { padding: 40px 15px;}
    .pt-ext { padding-top: 130px;}

    .results-bottom-alternate-wrapper:nth-child(2n + 2) .results-bottom-alternate-pic:after { top: -20px;}
    .results-top-alternate-wrapper:nth-child(2n + 2) .results-top-alternate-pic:after {left: -10px;}
    .results-top-alternate-pic:after { top: -10px;}
    

    

}
@media only screen and ( max-width:1400px ) {
    :root{
        --f-size-XXXL: 45px;
        --f-size-XXL: 35px;
        --f-size-XL: 26px;
        --f-size-L: 20px;
        --f-size-M: 18px;
        --f-size-S: 16px;
        --f-size-Body: 16px;

        --broder-radius: 15px;
    }
    .header-btn-wrap {
        margin-left: 15px;
    }
    .btn.no-arrow {
        padding: 8px 22px 8px 22px;
    }
    .main_menu ul li {
        margin: 0 12px;
    }
    .logo {
        width: 130px;
    }
    .header-donate-list ul li a {
        padding: 6px 15px;
        font-size: 16px;
    }
    .header-donate-cross { width: 18px; height: 18px; top: 10px;}
    .header-donate-list ul { column-gap: 5px; margin-right: 30px;}
    .main-header { top: 64px; padding: 12px 0;}
    .ftr-logo { width: 170px;}
    .bann-right { max-width: 550px; left: calc(100vw - 49%);}
    .bann-left { max-width: 520px;}
    .bann-form h3 span { width: 50px; height: 50px;}
    .bann-form h3 { padding-left: 65px; margin-bottom: 15px;}
    .bann-form p { margin-bottom: 15px;}
    .bann-form .mb-3 { margin-bottom: 0.5rem !important;}
    .bann-form .mt-3 { margin-top: 0.5rem !important;}
    .bann-form h5 { margin-bottom: 12px;}
    .bann-form .form-check.form-check-inline { margin-bottom: 8px;}
    .bann-left h1 { margin-bottom: 10px;}
    .involved-icon, .priorities-focused-icon { width: 80px; height: 80px; padding: 20px; margin: 0 auto 20px;}
    .news-content, .category-content { padding: 15px;}
    .news-date { left: 15px; border-radius: 6px 6px 0 0; padding: 2px 9px; font-size: 14px;}
    .join-hom-from-box { padding: 20px;}
    .no-banner main { margin-top: 86px;}
    .contact-box { padding: 30px;}
    

}


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

    /*-- toggle-new-menu-icon to cross-icon(Start) --*/
/*    a {
    cursor: pointer;
    caret-color: transparent;
}
a:focus,
a:active, .click:focus, .click:active {
    outline: none;
    caret-color: transparent;
}*/
.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: 3px;
  border-radius: 4px;
  background-color: var(--clr-white);
  transition: all 0.3s ease;
}
.menu-toggle-bar.menu-toggle-bar--top {
  transform: translate(0, -8px);
}
.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;
    }
    .main_menu a.closebtn{
        color: #000;
        display: block;
    }

    /*-- For_mob_menu(Start) --*/
    .main_menu {
        /*height: 100%;*/
    min-height: calc(100vh - 150px);
    width: 100%;
    position: fixed;
    z-index: 1;
    top: 150px;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.97);
    overflow-x: hidden;
    transition: 0.5s;
    padding-top: 30px;
    z-index: 999;
    right: -100%;
    padding-left: 70px;
    padding-right: 70px;
    }
    body.header-donate-hide .main_menu, body.stickyHeader .main_menu{ min-height: calc(100vh - 86px); top: 86px;}
    body.nav-open .main_menu { right: 0 !important;}

    .main_menu a {
        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;}

    .for-mob, .main_menu ul li.for-mob {display: block;}

    .for-desktop{display: none;}

    .header-right .main_menu ul li.for-mob { margin: 15px 0;}
    .main_menu ul li a { padding: 10px 0;}
    .main-header { z-index: 3;}
    .header-right .main_menu ul li.for-mob a{padding: 8px 15px 8px 15px; color: var(--clr-secondary); background: var(--clr-yellow); text-align: center; border-radius: 6px !important;}

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

    :root{
        --f-size-XXXL: 40px;
        --f-size-XXL: 30px;
        --f-size-XL: 24px;

        --broder-radius: 10px;
    }

    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
        width: 95%;
    }
    .header-donate-list ul li a {
        padding: 6px 14px;
    }
.district-icon { width: 60px; height: 60px;}
.district-icon img { width: 35px;}
.district-content { width: calc(100% - 60px); padding-right: 10px;}
.bann-right {  max-width: 460px; left: calc(100vw - 49%);}
.bann-left { max-width: 450px;}
.bann-form { padding: 20px;}


/*-- step-process-sec(Start)--*/
.process-icon {
        width: 80px;
        height: 80px;
    }
    .process-icon img { width: 32px;}
    .process-number {
        top: -14px;
        font-size: 13px;
        width: 24px;
        height: 24px;
    }
    .process-card{transform: translateY(-8px); padding: 23px 15px 23px; min-height: 190px;}

/*-- step-process-sec(End)--*/

    .bann-left { top: 58%;}
    .ftr-logo { width: 140px;}
    .ftr-menu ul { column-gap: 30px;}
    .common-padding { padding-top: 60px; padding-bottom: 60px;}
    .district-sec-border .container { padding-bottom: 60px;}
    .ftr-top {padding: 30px 0 30px;}
    .ftr-middle { padding-top: 30px;}
    .ftr-btm { padding-bottom: 25px;}
    ul.ftr-social li a { width: 44px; height: 44px;}
    .tick-list ul li { width: 100%;}
    .pic-overlay-box {  height: 100%;}
    /*.pic-volunteer-box, .results-top-alternate-pic, .results-bottom-alternate-pic, .real-police-top-alternate-pic, .real-police-bottom-alternate-pic, .rescue-health-alternate-pic, .affordabil-plan-pic, .affordabil-plan-bottom-pic { padding: 10px;}*/
    .pic-overlay-box img, .results-top-alternate-pic img, .results-bottom-alternate-pic img, .real-police-top-alternate-pic img, .real-police-bottom-alternate-pic img, .rescue-health-alternate-pic img, .affordabil-plan-pic img, .affordabil-plan-bottom-pic img { height: 100%; width: 100%; object-fit: cover;}

    .priorities-content, .about-hom-right, .her-story-content, .depth-right, .policy-work-content, .meets-purpose-box, .volunteer-content, .contact-matters-content, .bio-hr-right, .more-about-right, .real-police-top-alternate-content, .rescue-health-alternate-content, .results-leading-content, .affordabil-plan-bottom-content, .affordabil-plan-content, .results-top-alternate-content, .results-top-alternate-wrapper:nth-child(2n + 2) .results-top-alternate-content, .results-bottom-alternate-content, .results-bottom-alternate-wrapper:nth-child(2n + 2) .results-bottom-alternate-content { margin-top: 30px;}
    .accordion-header-icon { width: 50px; height: 50px; padding: 12px;}
    .priorities-accordion .accordion-body { width: calc(100% - 60px);}
    button.accordion-button, .accordion-body { padding: 0.8rem;}
    .priorities-accordion .accordion-button::after { background-size: 9px; width: 20px; height: 20px;}
    .involved-box:after { top: inherit; bottom: 0; width: 100%; height: 1px; display: none;}
    /*.col-xl-3.col-sm-6:last-child .involved-box:after{display: block;}*/
    .involved-box { padding: 20px 15px;}
    .involved-icon, .priorities-focused-icon { width: 70px; height: 70px; padding: 17px; margin: 0 auto 15px;}
    .priorities-accordion .accordion-item { margin-bottom: 10px;}
    .join-hom-from-box { padding: 15px;}
    .inner-banner .bann-left {bottom: 60px;}
    .about-community-list-content { padding-left: 10px;}
    .about-together-box { padding: 15px;}
    .about-community-icon-list ul li { margin-bottom: 15px; width: 50%;}
    .news-details-date { border-radius: 7px 7px 0 0; font-size: 15px; padding: 2px 10px; margin: 0 auto 10px;}
    .news-details-pic { margin-top: 30px;}
    .small-square-element { width: 50px; height: 50px;}
    .bio-hr-right, .real-police-top-alternate-content, .rescue-health-alternate-content, .affordabil-plan-bottom-content, .affordabil-plan-content, .results-top-alternate-content, .results-bottom-alternate-content { max-width: inherit;}

    .bio-hr-pic { max-width: 650px; margin: 0 auto;}
    .results-leading-pic { position: relative; top: 0px; margin-bottom: 0px; width: 100%;}
    .results-leading-sec.leading-right-pic:before { background: linear-gradient(to top, #052050 53%, var(--clr-yellow) 53%);}
    .results-leading-sec:before { bottom: 0px; background: linear-gradient(to top, #052050 53%, var(--clr-yellow) 53%);}
    .results-leading-content { margin-bottom: 60px;}
    .results-leading-sec { padding-top: 60px;}
    .affordabil-plan-alternate-wrapper:nth-child(2n + 1) .affordabil-plan-content { margin-left: 0;}
    .renters-pic { margin: 5px 0 20px;}
    .renters-column-content { column-gap: 0px; column-count: 1;}
    .results-builbing-list{border: none;}
    .results-builbing-box { width: 100%; height: auto; border: 1px solid rgba(0,0,0,0.2);}
    .results-builbing-box:after { right: 0px; display: none;}
    .results-builbing-content { padding: 20px 20px;}
    .results-builbing-content-top { margin-bottom: 15px;}
    .small-top-square-element-yellow { right: 20px; top: -20px;}
    .small-bottom-square-element-blue { left: 25px;}
    .small-bottom-square-element-yellow { right: 40px;}
    



}

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

}

@media only screen and ( max-width: 991px ) {
    :root{
        --f-size-XXXL: 38px;
        --f-size-XXL: 28px;
    }

    .header-donate-list ul li a {
        padding: 4px 7px;
        font-size: 14px;
    }
    .header-donate-list ul {
        column-gap: 4px;
        margin-right: 25px;
    }
    .header-donate-cross { width: 14px; height: 14px; top: 8px;}
    .main-header .container-fluid, .header-donate-sec .container-fluid { padding-left: 50px; padding-right: 50px;}
    .main_menu { padding-left: 40px; padding-right: 40px;}

    /*-- step-process-sec(Start)--*/

    .process-icon {
        width: 70px;
        height: 70px;
    }
    .process-timeline {
        gap: 12px;
    }
    .process-card {
        transform: translateY(-4px);
        padding: 15px 10px 12px;
        min-height: 220px;
    }
        .process-timeline::before {
        top: 53px;
    }
    .process-item:after {
        top: 28px;
    }
/*-- step-process-sec(End)--*/

.bann-left { position: relative; top: 0; transform: inherit; max-width: inherit; width: 100%; padding-top: 40px; padding-bottom: 30px;}
.bann-right{position: relative; bottom: inherit; left: inherit; max-width: inherit; width: 100%; padding-bottom: 40px;}
.slider-wrap { position: relative; background-color: var(--clr-blue);}
.inner-banner .bann-left { bottom: inherit;}
.ftr-logo { width: 120px;}
.ftr-menu ul { column-gap: 20px;}

.common-padding { padding-top: 50px; padding-bottom: 50px;}
.district-sec-border .container { padding-bottom: 50px;}
.join-hom-sec { padding: 40px 0;}
.main-title-width>h2 { max-width: inherit;}
ul.ftr-social li a { width: 38px; height: 38px;}
/*.about-community-pic-row ul li:before, .about-community-pic-row ul li:last-child:before { width: 90px; height: 90px; border-radius: 12px;}*/
    .about-community-pic-row ul li img { top: 3%; left: 3%; width: 92%; height: 92%;}
    .about-community-pic-row ul li:first-child img { top: 3%;}
    .about-community-pic-row ul li:last-child img { left: inherit; right: 2%;}
    .about-community-pic-row ul li:last-child img { left: inherit; right: 3%; bottom: 3%; top: inherit;}
    .about-community-pic-row ul li:last-child { margin-top: 10px;}
    .solutions-sec { padding-bottom: 50px;}
    .policy-work-content { max-width: inherit;}
    .news-details-pic { margin-top: 20px;}
    .volunteer-blockquote { padding-left: 12px; padding-top: 3px; padding-bottom: 3px; border-width: 6px;}
    .contact-touch-box.title-bg { max-width: inherit; margin-bottom: 30px;}
    .bio-image-row { column-gap: 20px;}
    .assembly-community-pic { border: 2px solid rgb(3 83 178); text-align: center; background: linear-gradient(to top, rgba(3, 83, 178, 0.1), rgba(3, 83, 178, 0.5), rgba(3, 83, 178, 0));}
    .assembly-east-right, .assembly-community-right { max-width: inherit; margin-top: 30px;}
    .results-leading-sec.leading-right-pic:before, .results-leading-sec:before { background: linear-gradient(to top, #052050 73%, var(--clr-yellow) 73%);}
    .results-leading-content { margin-bottom: 50px;}
    .results-leading-sec { padding-top: 50px;}
    body.home .slider-wrap { height: auto;}
    

}



@media only screen and ( max-width: 767px ) {
    :root{
        --f-size-XXXL: 34px;
        --f-size-XXL: 26px;
        --margin-title: 0 0 15px 0;
    }

    .header-donate-right { justify-content: center; /*margin-top: 15px;*/ margin-top: 5px;}
    .header-donate-sec{text-align: center;}
    .header-donate-list ul { margin-right: 0px;}
    .header-donate-cross { top: 10px; right: 10px;}
    .header-donate-right { position: static;}
    .main-header { top: 90px;  padding: 10px 0;}
    .logo { width: 100px;}
    .header-donate-left h6 { min-height: 36px;}
    .main-header { top: 98px;}
    .main-header .container-fluid, .header-donate-sec .container-fluid { padding-left: 1.5rem; padding-right: 1.5rem;}
     body.header-donate-hide .main_menu, body.stickyHeader .main_menu { min-height: calc(100vh - 71px); top: 71px;}

    /*-- step-process-sec(Start)--*/

    .process-timeline {
        display: block;
        max-width: 500px;
        padding-top: 10px;
    }


    /* Vertical connecting line */
    .process-timeline::before {
        top: 35px;
        bottom: 0px;
        left: 34px;
        width: 1px;
        height: auto;
        right: auto;
    }
    .process-item {
        width: 100%;
        display: flex;
        align-items: flex-start;
        text-align: left;
        margin-bottom: 30px;
    }
    .process-icon-wrap {
        flex: 0 0 70px;
        margin: 0 20px 0 0;
    }
    .process-icon {
        margin: 0;
    }
    .process-number {
        top: -14px;
        right: 0;
        margin: 0 auto;
    }
    .process-card {
        flex: 1;
        min-height: 120px;
        padding: 20px 15px;
    }
    .process-card h5 {
        margin-bottom: 10px;
    }
    .process-item:after{display: none;}

/*-- step-process-sec(End)--*/
    .main_menu {
        padding-left: 1rem;
        padding-right: 1rem;
    }
    .main_menu { min-height: calc(100vh - 169px); top: 169px; padding-top: 20px;}
    .main_menu ul li a {
        padding: 6px 0;
    }
    .btn {
        padding: 10px 35px 10px 12px;
    }
    .btn::before {
        right: 4px;
        top: 41%;
    }
    .btn:hover::before{right: 4px;}
    .banner-btn-row { column-gap: 10px;}
    .ftr-top, .ftr-middle, .ftr-btm, .ftr-copyright { text-align: center;}
    .ftr-logo { margin: 0 auto 25px;}
    .ftr-menu ul { column-gap: 15px; justify-content: center;}
    .ftr-middle .ftr-col h4 { max-width: inherit; margin-bottom: 15px;}
    ul.ftr-social {column-gap: 8px; justify-content: center;}
    .ftr-btm-address p { margin-bottom: 10px;}
    .common-padding { padding-top: 40px; padding-bottom: 40px;}
    .district-sec-border .container { padding-bottom: 40px;}
    .solutions-sec { padding-bottom: 40px;}
    .join-hom-sec { padding: 30px 0;}
    .news-content, .category-content { padding: 10px;}
    .news-date { left: 10px; border-radius: 5px 5px 0 0; font-size: 12px;}
    .priorities-accordion .accordion-item { margin-bottom: 8px;}
    .district-box { padding: 15px;}
    .district-icon { width: 50px; height: 50px;}
    .district-icon img { width: 28px;}
    .district-content { width: calc(100% - 50px); padding-right: 8px;}
    .pic-overlay-box { padding: 10px; height: 100%;}
    .pic-volunteer-box, .results-top-alternate-pic, .results-bottom-alternate-pic, .real-police-top-alternate-pic, .real-police-bottom-alternate-pic, .rescue-health-alternate-pic, .affordabil-plan-pic, .affordabil-plan-bottom-pic { padding: 15px;}

    .priorities-content, .about-hom-right, .her-story-content, .depth-right, .policy-work-content, .meets-purpose-box, .volunteer-content, .contact-matters-content, .bio-hr-right, .more-about-right, .assembly-east-right, .assembly-community-right, .real-police-top-alternate-content, .rescue-health-alternate-content, .results-leading-content, .affordabil-plan-bottom-content, .affordabil-plan-content, .results-top-alternate-content, .results-top-alternate-wrapper:nth-child(2n + 2) .results-top-alternate-content, .results-bottom-alternate-content, .results-bottom-alternate-wrapper:nth-child(2n + 2) .results-bottom-alternate-content { margin-top: 20px;}
    .tick-list ul { margin: 30px 0 0;}
    .tick-list.policy-work-content ul, .tick-list.meets-purpose-box ul { padding-top: 30px;}
    .priorities-accordion .accordion-body { width: 100%;}
    .about-voice-icon { width: 50px; height: 50px; border-radius: 7px; margin: 0 auto 15px;}
    .about-voice-box { padding: 20px 10px;}
    .about-community-pic-row ul li:before, .about-community-pic-row ul li:last-child:before { width: 80px; height: 80px; border-radius: 6px;}
    .pagination-row a.page-link { font-size: 13px;}
    .no-banner main { margin-top: 73px;}
    .news-details-date { border-radius: 5px 5px 0 0; font-size: 14px; margin: 0 auto 7px;}
    .contact-box { padding: 30px 20px;}
    .bio-image-row { column-gap: 15px;}
    .pic-volunteer-box:before { width: 200px; height: 200px;}
    /*.small-square-element { width: 40px; height: 40px; border-radius: 5px; right: -7px; top: 40px;}*/
    .inner-banner .bann-left { padding-top: 30px; padding-bottom: 20px;}
    .assembly-image-box { margin-bottom: 15px;}


    .real-police-top-alternate-pic:after { width: 54px; height: 54px; border-radius: 8px; right: 50px;}
    .real-police-top-alternate-wrapper:nth-child(2n + 2) .real-police-top-alternate-pic:after { right: 35px;}
    .real-police-top-alternate-wrapper:nth-child(3n + 3) .real-police-top-alternate-pic:after { top: 40px;}
    .police-tick-list ul li:before { width: 16px; height: 16px; top: 3px;}
    .police-tick-list ul li:after { left: 8px; top: 17px;}
    .police-tick-list ul li { margin-bottom: 14px; padding-left: 32px;}
    .real-police-top-alternate-content h2, .results-leading-content h2, .rescue-health-alternate-content h2 { margin-bottom: 20px;}
    .results-leading-content { margin-bottom: 40px;}
    .results-leading-sec { padding-top: 40px;}
    .affordabil-plan-pic:after, .affordabil-plan-bottom-pic:after, .real-police-top-alternate-pic:after, .results-top-alternate-pic:after, .results-leading-content-col:after, .results-bottom-alternate-pic:after, .small-top-square-element-yellow, .small-bottom-square-element-blue, .small-bottom-square-element-yellow, .about-community-pic-row ul li:before, .about-community-pic-row ul li:last-child:before, .about-hom-square-small-box, .renters-pic:before, .small-square-element{display: none;}
    .results-builbing-content-number { width: 40px; height: 40px;}
    .results-builbing-content-title { width: calc(100% - 40px); padding-left: 10px;}
    .about-community-pic-row ul li img { top: 0; left: 0%; width: 97%; height: 97%;}
    .about-community-pic-row ul li:last-child { margin-top: 0px;}
    .ftr-btm-address { padding-bottom: 8px; padding-top: 8px;}
    .about-community-pic-row ul li:first-child img { top: 0%;}
    .about-community-pic-row ul li:last-child img{right: 0; bottom: inherit; top: 0;}


    
    

}
@media only screen and ( max-width: 575px ) {
:root{
        --f-size-XXXL: 30px;
        --f-size-XXL: 24px;
        --f-size-XL: 22px;
        --f-size-L: 18px;
        --f-size-M: 17px;
        --f-size-S: 15px;
        --f-size-Body: 15px;

        --margin-title: 0 0 15px 0;
    }

    /*-- step-process-sec(Start)--*/
.process-timeline {
        padding-left: 0px;
    }

    .process-timeline::before {
        left: 27px;
    }

    .process-item {
        margin-bottom: 25px;
    }

    .process-icon-wrap {
        flex-basis: 55px;
        width: 55px;
        margin-right: 15px;
    }

    .process-icon,
    .process-icon.active {
        width: 60px;
        height: 60px;
        /*font-size: 18px;*/
    }

    .process-number {
        width: 18px;
        height: 18px;
        font-size: 12px;
        top: -10px;
        /*right: -2px;*/
    }

    .process-card {
        padding: 20px 15px;
    }
    .process-icon img {
        width: 26px;}

/*-- step-process-sec(End)--*/
    .join-hom-from-box { padding: 15px 10px;}
    .header-right .main_menu ul li.for-mob { margin: 12px 0;}
    .header-donate-cross { top: 6px; right: 6px;}

}

@media only screen and ( max-width: 480px ) {
    :root{
        --f-size-XXXL: 28px;
        --f-size-XXL: 22px;
        --f-size-XL: 20px;
        --f-size-L: 17px;
        --f-size-M: 16px;
        --f-size-S: 14px;
        --f-size-Body: 14px;

    }
    /*.header-donate-list ul li a { padding: 4px 4px; font-size: 13px;}*/
    .bann-form { padding: 25px 15px;}
    .btn { padding: 8px 30px 8px 10px;  font-size: 14px;}
    .btn::before { right: 2px; top: 38%;}
    .btn:hover::before{right: 2px;}
    /*.text-white.title-bg>h6 { padding: 4px 10px;}*/

    .slider-wrap .bann-left>h6{ padding: 4px 10px;}
    /*.inner-banner .bann-left>h6{ padding: 10px 14px;}*/

    .bann-left h1 { margin-bottom: 8px; margin-top: 6px;}
    .ftr-menu ul li { width: 100%; margin-bottom: 4px;}
    .common-padding { padding-top: 30px; padding-bottom: 30px;}
    .solutions-sec { padding-bottom: 30px;}
    .district-sec-border .container { padding-bottom: 30px;}
    .involved-icon, .priorities-focused-icon { width: 60px; height: 60px; padding: 14px;}
    
    .accordion-header-icon { width: 40px; height: 40px; padding: 8px;}
    .priorities-accordion .accordion-item { margin-bottom: 5px;}
    .involved-box { padding: 15px 10px;}
    .about-community-icon-list ul li { margin-bottom: 10px; width: 100%;}
    .about-community-pic-row ul { column-gap: 7px;}
    .news-details-pic { margin-top: 15px;}
    .bio-image-row { column-gap: 10px;}
    .small-square-element { width: 30px; height: 30px; right: -5px; top: 20px;}
    .not-found-box { padding: 20px 10px;}
    .bann-form .form-check.form-check-inline { max-width: 100%; width: 100%; display: block;}
    .results-leading-sec.leading-right-pic:before, .results-leading-sec:before { background: linear-gradient(to top, #052050 83%, var(--clr-yellow) 83%);}
    .results-leading-content { margin-bottom: 30px;}
    .results-leading-sec { padding-top: 30px;}
    .results-builbing-content { padding: 15px 15px;}
    .results-builbing-content-number { width: 32px; height: 32px;}
    .results-builbing-content-title { width: calc(100% - 32px); padding-left: 8px;}
    .about-community-pic-row ul li:before, .about-community-pic-row ul li:last-child:before { width: 50px; height: 50px; border-radius: 3px;}
    .about-voice-icon { width: 40px; height: 40px; border-radius: 4px;}
    .about-voice-content h5 { margin-bottom: 10px;}
    .pic-volunteer-box, .results-top-alternate-pic, .results-bottom-alternate-pic, .real-police-top-alternate-pic, .real-police-bottom-alternate-pic, .rescue-health-alternate-pic, .affordabil-plan-pic, .affordabil-plan-bottom-pic { padding: 10px;}
    .header-donate-cross { top: 4px; right: 4px;}
    
    
    
    

}
@media only screen and ( max-width: 380px ) {
    :root{
        --f-size-XXXL: 26px;
        --f-size-XXL: 21px;
        --f-size-XL: 19px;
    }
    /*-- step-process-sec(Start)--*/
    .process-icon, .process-icon.active {
        width: 44px;
        height: 44px;}
        .process-timeline::before {
        left: 22px;
    }
        .process-icon img {
        width: 22px;
    }
    .process-icon-wrap {
        flex-basis: 44px;
        width: 44px;
        margin-right: 10px;
    }
    .process-number {
        width: 16px;
        height: 16px;
        font-size: 10px;
        top: -9px;
    }
    .process-card {
        padding: 15px 10px;
    }
    .process-item {
        margin-bottom: 15px;
    }
        /*-- step-process-sec(End)--*/
    .contact-box {
        padding: 20px 15px;
    }
    .pic-volunteer-box:before { width: 150px; height: 150px;}
    .not-found-btn-row { column-gap: 8px;}
    .about-together-box { padding: 12px;}
    .pic-volunteer-box, .results-top-alternate-pic, .results-bottom-alternate-pic, .real-police-top-alternate-pic, .real-police-bottom-alternate-pic, .rescue-health-alternate-pic, .affordabil-plan-pic, .affordabil-plan-bottom-pic, .pic-overlay-box { padding: 5px;}
    .volunteer-blockquote { padding-left: 8px; padding-top: 2px; padding-bottom: 1px; border-width: 3px;}
    .involved-icon, .priorities-focused-icon { width: 50px; height: 50px; padding: 11px;}


}

/*Media Query css*/