body {
    background-color: #fff;
}
.main-content{
    padding-right:40px 
}
.panel-1{
    display:none 
}
.impact-stories h6{
    font-size:14px;
    color:#000;
    padding:10px 
}
.impact-stories .sidebar-mini .main-footer,.sidebar-mini .impact-stories .main-content{
    padding-left:120px 
}
.impact-stories .fadeIn-bottom{
    top:80% 
}
.impact-stories .fadeIn-top{
    top:20% 
}
.impact-stories .fadeIn-left{
    left:20% 
}
.impact-stories .fadeIn-right{
    left:80% 
}
.impact-stories .thumbnail{
    border:none 
}
.impact-stories .owl-nav button{
    position:absolute;
    top:50%;
    background-color:#000;
    color:#fff;
    margin:0;
    transition:all .3s ease-in-out 
}
.impact-stories .owl-nav button.owl-prev{
    left:15px 
}
.impact-stories .owl-nav button.owl-next{
    right:15px 
}
.impact-stories .owl-nav button{
    position:absolute;
    top:40%;
    transform:translateY(-50%);
    background:0 0!important 
}
.impact-stories .owl-prev span{
    font-size:70px;
    position:relative;
    top:5px;
    color:#000 
}
.impact-stories .owl-next span{
    font-size:70px;
    position:relative;
    top:5px;
    color:#000 
}
.impact-stories .owl-nav button:focus{
    outline:0 
}
.impact-stories .story-img img{
    height:155px 
}
.impact-stories .content{
    position:relative;
    width:90%;
    max-width:400px;
    margin:auto;
    overflow:hidden 
}
.impact-stories .content a{
    text-decoration:none 
}
.impact-stories .content .content-overlay{
    background:rgba(0,0,0,.7);
    position:absolute;
    height:99%;
    width:100%;
    left:0;
    top:0;
    bottom:0;
    right:0;
    opacity:0;
    -webkit-transition:all .4s ease-in-out 0s;
    -moz-transition:all .4s ease-in-out 0s;
    transition:all .4s ease-in-out 0s 
}
.impact-stories .content:hover .content-overlay{
    opacity:1 
}
.impact-stories .content-image{
    width:100%;
    height:200px 
}
.impact-stories .content-details{
    position:absolute;
    padding-left:1em;
    padding-right:1em;
    width:100%;
    top:50%;
    left:50%;
    opacity:0;
    -webkit-transform:translate(-50%,-50%);
    -moz-transform:translate(-50%,-50%);
    transform:translate(-50%,-50%);
    -webkit-transition:all .3s ease-in-out 0s;
    -moz-transition:all .3s ease-in-out 0s;
    transition:all .3s ease-in-out 0s;
    text-align:center 
}
.impact-stories .content:hover .content-details{
    top:50%;
    left:50%;
    opacity:1 
}
.impact-stories .content-details h3{
    font-size:18px 
}
.impact-stories .content-details p{
    color:#fff;
    font-size:13px;
    display:inline-block;
    text-align:center;
    border:1px solid #fff;
    padding:0 5px 
}
.impact-stories .modal .modal-dialog.im{
    max-width:800px 
}
.impact-stories .im-1-img img{
    display:block;
    margin:0 auto;
    height:100%;
    width:100%;
    max-width:550px 
}
.impact-stories .im-1-content{
    padding:40px 20px 0 20px;
    font-size:14px;
    text-align:center 
}
a.btn-media{
    background-color:#3dc9b3;
    border:#3dc9b3 1px solid;
    color:#fff!important;
    cursor:pointer;
    font-size:13px;
    padding:3px 10px 
}
a.btn-media:hover{
    background-color:#fff;
    box-shadow:0 0 0 2.5px #fff,0 0 0 5px #3dc9b3,0 0 0 5px #fff,0 0 0 5.5px #3dc9b3!important;
    border-color:#000!important;
    color:#000!important 
}
.panel-1 .card .card-header{
    display:block 
}
.panel-1 .card .card-header h4{
    float:left 
}
.video-st{
    width:100% 
}
.video-img{
    width:100%;
    border-radius:30px;
    object-fit:cover;
    border:none 
}
.video-sm-img{
    width:100% 
}
.border-radius-10{
    border-radius:5px 
}
.t-d-none{
    text-decoration:none!important 
}
#tbl-imp-stories tr.active td a.btn-media{
    background-color:#fff;
    color:#000!important 
}
#tbl-imp-stories.table-bordered{
    border:1px solid #fff 
}
.enjoy_hint_label{
    top:100px!important 
}
.enjoyhint_prev_btn{
    left:835px!important;
    top:160px!important 
}
.enjoyhint_next_btn{
    left:835px!important;
    top:160px!important 
}
.enjoyhint_skip_btn{
    left:950px!important;
    top:160.5px!important 
}
.impact-stories .btn-toolbar{
    margin:0 0 20px;
    padding-right:0 
}
.impact-stories .grid-item{
    padding:10px;
    cursor:pointer 
}
.impact-stories .row.no-record-found{
    height:200px!important;
    margin:0 auto 
}
.impact-stories .row.no-record-found #media-data{
    width:100%;
    text-align:center;
    -ms-flex-align:center!important;
    -webkit-box-align:center!important;
    align-items:center!important 
}
.impact-stories .row.no-record-found #media-data h4{
    width:100% 
}
.feed_imp .btn-toolbar{
    display:block 
}
.impact-stories .interior{
    padding:3px 0 
}
.impact-stories .img-masnory{
    border-radius:20px;
    width:100%;
    height:auto 
}
.impact-stories .meta{
    transition:opacity .5s;
    float:left;
    clear:left;
    padding:0 5px;
    background:rgba(255,255,255,.7) ;
    margin-bottom: 0;
}
.meta.date{
    color:#60686f;
    font-size:12px;
    font-weight:600 
}
.impact-stories .meta.facing{
    font-size:14px;
    font-weight:700;
    line-height:1.13 
}
.impact-stories .img-masnory img{
    width:100%;
    height:auto 
}
.impact-stories #media-data{
    display:flex;
    flex-wrap:wrap;
    opacity:0;
    visibility:hidden 
}
.impact-stories #media-data.loaded{
    visibility:visible;
    opacity:1 
}
.impact-stories .imp_left{
    padding-top:30px 
}
.btn-secondary,.btn-secondary.disabled{
    background-color:#f6f6f6;
    border:1px solid #f6f6f6;
    color:#000 
}
.btn-group.btn-group-filter{
    background-color:#f6f6f6;
    padding:3px 3px 2px;
    border-radius:8px 
}
.btn-group.btn-group-sort{
    border-radius:8px;
    padding:3px 3px 2px;
    background:#f6f6f6 
}
.theme-cyan .btn-group .btn.active{
    background-color:#fff!important;
    border:1px solid #f6f6f6!important;
    color:#000!important;
    box-shadow:0 2px 4px 0 rgba(0,0,0,.08);
    margin-bottom:2px 
}
.btn-secondary.disabled,.btn-toolbar .btn-secondary{
    box-shadow:none 
}
.btn-toolbar .btn-group.btn-group-sort.mr-3 .btn{
    padding:7px 10px 
}
.impact-stories .meta.fw-700{
    font-weight:700;
    font-size:14px;
    line-height:1.14 
}
.color-dark{
    color:#000 
}
.main-content_imp.impact_main{
    padding:0 
}
.imp_left{
    padding:110px 2rem 50px 260px;
    background:#f6f6f6;
    width:80% 
}
.light-sidebar .imp_left{
    padding:110px 2rem 50px 260px 
}
.light-sidebar.sidebar-mini .imp_left{
    padding-left:30px 
}
.imp_right{
    padding:110px 1rem 50px;
    background:#fff;
    width:20% 
}
.rectangle_imp{
    display:flex;
    flex-direction:row 
}
.header_imp{
    width:100%;
    display:block 
}
.daterangepicker{
    border-radius:8px!important 
}
.daterangepicker{
    margin-left:-5px 
}
.daterangepicker{
    margin-top:15px!important;
    border:1px solid #fff!important;
    box-shadow:0 2px 4px 0 rgba(0,0,0,.12) 
}
.daterangepicker:before{
    border-bottom:7px solid #fff!important 
}
.rectangle_imp{
    width:100% 
}
.datapicker_imp{
    width:100% 
}
.datecontent_imp{
    padding:0 12px;
    border-radius:8px;
    background-color:#fff;
    width:100%;
    display:table;
    float:left;
    margin-bottom:15px;
    margin-top:30px;
    max-width:258px;
    box-shadow:0 2px 4px 0 rgba(0,0,0,.12);
    cursor:pointer;
    height:32px;
    line-height:32px 
}
.daterangepicker .ranges ul{
    width:256px!important 
}
.daterangepicker{
    left:251px!important 
}
.dflex_imp{
    display:flex 
}
.customdate_imp img{
    height:auto;
    width:24px 
}
.img_imp{
    width:40px;
    height:40px;
    padding:6px 5.8px 6px 6px;
    border-radius:8px;
    box-shadow:0 2px 4px 0 rgba(0,0,0,.12);
    border:solid 4px var(--white);
    background-color:#a1faec;
    display:table 
}
.customdate_imp{
    display:flex;
    align-items:center;
    justify-content:center 
}
.customdate_imp span{
    font-size:14px;
    color:#000;
    font-weight:600;
    line-height:1.5;
    padding-left:7px;
    display:inline-block 
}
.img_imp img{
    width:32px;
    height:32px;
    object-fit:contain 
}
.headline_imp{
    padding:0 15px 
}
.headline_imp h3{
    margin:0;
    font-size:26px;
    font-weight:700;
    color:#000;
    line-height:1.23;
    letter-spacing:.3px;
    text-align:left;
    font-family:Gilroy-bold 
}
.headline_imp .subheading_imp{
    font-family:Gilroy;
    font-size:14px;
    font-weight:500;
    font-stretch:normal;
    font-style:normal;
    line-height:normal;
    letter-spacing:normal;
    text-align:left;
    color:#60686f 
}
.main-wrapper .datecontent_imp .customdate_imp .ranges li{
    color:#000;
    font-family:Nunito;
    font-size:14px;
    line-height:1.5;
    font-weight:600 
}
.main-wrapper .datecontent_imp .customdate_imp .daterangepicker .ranges li.active{
    background-color:#3dc9b3;
    color:#fff 
}
.carbon_imp{
    display:flex;
    flex-direction:row;
    width:100% 
}
.carboninner_imp{
    padding:8px 10px 8px 10px;
    border-radius:20px;
    border:solid 6px var(--white);
    display:flex;
    flex-direction:row;
    width:33% 
}
.carbonimg_imp.bg-gary{
    background:rgba(180,188,244,.2) 
}
.carboninner_imp:nth-child(2){
    margin:0 15px 
}
.carbontxt_imp{
    padding-left:10px;
    width:100% 
}
.carbonimg_imp{
    width:44.1px;
    height:44px;
    padding:6px 6px 6px 6px;
    border-radius:10px;
    border:solid 3px var(--white);
    background:#a1faec;
    display:table 
}
.carbonimg_imp img{
    width:100%;
    display:table-cell;
    height:100%;
    vertical-align:middle 
}
.carbonhead_imp p{
    font-family:Nunito;
    font-size:14px;
    font-weight:600;
    line-height:normal;
    text-align:left;
    color:#60686f;
    margin:0 0 4px 
}
.carbonweight{
    position:relative 
}
.carbonweight b{
    font-family:Nunito;
    font-size:20px;
    font-weight:900;
    line-height:normal;
    text-align:left;
    color:#000 
}
.carbonweight span{
    font-family:Nunito;
    font-size:16px;
    font-weight:400;
    line-height:normal;
    text-align:left;
    color:#97a3ad;
    padding-left:5px 
}
.careticon_imp i{
    color:#3dc9b3;
    font-size:22px;
    text-align:right;
    position:absolute;
    bottom:0;
    right:0 
}
.feed_imp{
    width:100%;
    padding:16px 23.5px 16px 24px;
    border-radius:16px;
    box-shadow:0 2px 4px 0 rgba(0,0,0,.12);
    background-color:var(--white);
    margin:1rem 0 
}
.feedhead_imp h4{
    font-family:Nunito;
    font-size:16px;
    font-weight:900;
    line-height:normal;
    text-align:left;
    color:#000;
    padding-top:10px 
}
.feedtop_imp{
    display:flex;
    flex-direction:row 
}
.feedhead_imp{
    width:50% 
}
.tab_imp{
    width:50% 
}
.feedbottom_imp .tab-content{
    padding:15px 0;
    position:relative 
}
.tabright_imp{
    display:table;
    margin-left:auto 
}
.tab_imp .tabright_imp>ul{
    width:auto;
    background:#f6f6f6;
    border-radius:8px;
    padding:4px;
    display:inline-flex;
    margin-right:2rem 
}
.tab_imp .tabright_imp>ul:last-child{
    margin-right:0 
}
.theme-cyan .main-content_imp .tab_imp .tabright_imp>ul>li>a{
    font-family:Nunito;
    font-size:12px;
    font-weight:700;
    font-stretch:normal;
    font-style:normal;
    line-height:1.5;
    letter-spacing:normal;
    text-align:left;
    color:#000!important;
    opacity:.9;
    padding:8px 8px!important;
    border-radius:4px 
}
.main-content_imp .tab_imp .tabright_imp>ul>li>a.active{
    box-shadow:0 2px 4px 0 rgba(0,0,0,.08)!important;
    background:#fff!important 
}
.excontent_imp{
    width:90% 
}
.notification_imp{
    width:10% 
}
.exheading_imp.dflex_imp{
    padding:15px 0 
}
.excontent_imp h4{
    font-family:Nunito;
    font-size:16px;
    font-weight:900;
    line-height:normal;
    text-align:left;
    color:#000 
}
.custom_silder{
    margin:10px 0 0 
}
.custom_silder .owl-nav{
    display:block!important 
}
.item_imp{
    width:172px;
    height:122px;
    border-radius:16px;
    border:solid 3px #3dc9b3;
    background-color:rgb(61 201 179 / .1);
    position:relative;
    margin:15px auto;
    z-index:-1 
}
.item_imp .crab_imp{
    width:169px;
    height:120px;
    padding:5px;
    border-radius:16px;
    border:solid 3px #6777ef;
    margin:auto;
    position:absolute;
    z-index:9;
    left:-10px;
    top:-10px;
    background-color:#f0f2fd 
}
.crab_txt{
    width:70%;
    float:left;
    height:100%;
    padding:15px 5px 15px 10px 
}
.live_txt{
    width:30%;
    float:right 
}
.crab_txt p{
    font-family:Nunito;
    font-size:17px;
    font-weight:900;
    text-align:left;
    color:#6777ef;
    margin:0;
    line-height:1.5 
}
.crab_txt .myanmar-imp span{
    font-family:Nunito;
    font-size:16px;
    font-weight:400;
    line-height:normal;
    text-align:left;
    color:#b4bcf4;
    padding-left:6px 
}
.myanmar-imp{
    display:flex;
    flex-direction:row 
}
.myanmar-imp img{
    height:18px;
    width:18px!important;
    opacity:.5 
}
.careticon_imp img{
    height:20px;
    width:20px;
    float:right 
}
.live_txt span{
    font-family:Nunito;
    font-size:13px;
    font-weight:900;
    line-height:1.17;
    color:#6777ef;
    padding:2px;
    border:2px solid #6777ef;
    border-radius:18px;
    display:block;
    text-align:center;
    background:rgb(255 255 255 / .9);
    opacity:.6 
}
.theme-cyan .custom_silder .owl-nav span{
    font-size:45px 
}
.location_imp{
    padding:15px 0 
}
.location_imp ul{
    margin:0;
    padding:0;
    list-style-type:none 
}
.location_imp ul li{
    border-bottom:2px solid rgb(185 203 203 / .8) 
}
.location_imp ul li:last-child{
    border-bottom:none 
}
.location_main{
    display:table;
    width:100% 
}
.location_main>div{
    display:table-cell;
    vertical-align:middle 
}
.locatimg_txt{
    padding:8px 8px 8px 12px 
}
.locatimg_imp{
    width:28px;
    height:28px;
    padding:2px;
    object-fit:contain 
}
.locatimg_imp img{
    height:100%;
    width:100% 
}
.locatimg_txt span{
    font-size:12px;
    font-weight:400;
    text-align:left;
    color:#97a3ad;
    line-height:16px;
    display:block 
}
.locatimg_txt p{
    font-size:14px;
    font-weight:700;
    line-height:20px;
    text-align:left;
    color:#000;
    margin-bottom:0 
}
.push_imp{
    padding:15px 16px;
    border-radius:16px;
    background-color:#a1faec;
    margin:15px 0;
    opacity:.5 
}
.theme-cyan .discrip_imp textarea{
    border:none;
    border-radius:8px;
    padding:10px!important;
    background:#fff;
    margin-bottom:10px;
    height:auto!important 
}
.discrip_imp textarea::placeholder{
    font-family:Nunito;
    font-size:15px;
    font-weight:700;
    text-align:left;
    color:#97a3ad;
    line-height:normal 
}
.send_imp{
    display:table;
    width:100%;
    padding:10px 0 
}
.send_btn{
    padding:8px 18px;
    border-radius:10px;
    background-color:#fff;
    border:2px solid #97a3ad;
    font-family:Nunito;
    font-size:15px;
    font-weight:700;
    text-align:left;
    color:#97a3ad;
    line-height:18px 
}
.send_imp .send_btn{
    float:right 
}
.pushhead_imp{
    padding:0 0 15px;
    display:table;
    width:100% 
}
.push_heading{
    width:60%;
    float:left 
}
.get_imp{
    width:40%;
    float:right;
    display:flex 
}
.get-icon{
    text-align:center 
}
.get-icon i{
    border:2px solid #1dca99;
    width:24px;
    height:24px;
    border-radius:100%;
    display:inline-block;
    vertical-align:middle;
    line-height:21px;
    font-size:10px;
    color:#1dca99 
}
.push_heading h4{
    font-family:Nunito;
    font-size:16px;
    font-weight:700;
    line-height:normal;
    text-align:left;
    color:#97a3ad;
    margin:0 
}
.get_imp span{
    font-family:Nunito;
    font-size:13px;
    font-weight:700;
    text-align:left;
    color:#1dca99;
    padding-left:6px 
}
.coming_txt{
    width:80%;
    position:absolute;
    top:20%;
    left:50%;
    transform:translate(-50%,-50%);
    padding:25px 20px;
    border-radius:15px;
    background-color:rgba(255,255,255,.8);
    border:2px solid #fff;
    z-index:99 
}
.coming_txt h4{
    font-family:Nunito;
    font-size:35px;
    font-weight:900;
    text-align:center;
    color:#3dc9b3 
}
.coming_txt p{
    font-family:Nunito;
    font-size:20px;
    font-weight:700;
    text-align:center;
    color:#000 
}
.gallery_imp.img-hide .content_imp img{
    display:none 
}
.gallery_imp.img-hide .cardtxt_imp{
    display:none 
}
.gallery_imp.img-hide .content_imp{
    min-height:185px;
    min-width:185px;
    background:#dbe9e7;
    opacity:.3;
    border-radius:16px 
}
.daterangepicker .ranges li{
    padding:4px 12px!important;
    color:#000!important;
    font-family: Gilroy;
}
.daterangepicker .calendar-table th, .daterangepicker .calendar-table td, .daterangepicker .drp-selected {
    font-family: Gilroy;
}
.daterangepicker .ranges li.active{
    color:#fff!important;
    background:#3dc9b3!important 
}
.full_imp{
    position:fixed;
    left:0;
    top:0;
    width:100%;
    height:100%;
    z-index:1 
}
.full_imp .content_imp{
    height:100%;
    width:100%;
    display:grid 
}
.full_imp .content_imp img{
    left:50%;
    transform:translate3d(0,0,0);
    animation:zoomin 1s ease;
    max-width:100%;
    max-height:100%;
    margin:auto 
}
.gallery_imp{
    display:grid;
    grid-column-gap:8px;
    grid-row-gap:8px;
    grid-template-columns:repeat(auto-fill,minmax(250px,1fr));
    grid-auto-rows:8px 
}
.gallery_imp img{
    max-width:100%;
    border-radius:8px;
    transition:all 1.5s ease 
}
.gallery_imp .content_imp{
    padding:4px 
}
.gallery_imp .gallery-item_imp{
    transition:grid-row-start .3s linear;
    transition:transform .3s ease;
    transition:all .5s ease;
    cursor:pointer 
}
.cardtxt_imp span{
    font-family:Nunito;
    font-size:13px;
    font-weight:500;
    text-align:center;
    color:#60686f;
    line-height:16px 
}
.cardtxt_imp p{
    font-family:Nunito;
    font-size:14px;
    font-weight:900;
    text-align:left;
    color:#000;
    margin-bottom:0;
    line-height:18px 
}
.cardtxt_imp{
    padding:10px 5px;
    width:100% 
}
.datecontent_imp i{
    font-size:10px;
    color:#000;
    margin-left:5px 
}
.is-animated{
    animation:.6s zoom-in 
}
@keyframes zoom-in{
    0%{
        transform:scale(.1) 
    }
    100%{
        transform:none 
    }
}
.imp_storiesver2 .datecontent_imp{
    float:left;
    margin:25px 0 10px 
}
.imp_storiesver2.imp_left{
    width:100% 
}
.imp_storiesver2 .dflex_imp.main_heading{
    width:95% 
}
.imp_storiesver2 .notification_imp{
    width:5% 
}
.imp_storiesver2 .not_img{
    padding:8px;
    box-shadow:0 2px 4px 0 rgba(0,0,0,.12);
    background-color:#fff;
    width:40px;
    height:40px;
    border-radius:100% 
}
.impstory_imp{
    width: 100%;
    margin: auto;
    padding: 24px;
    background-color: #DEFAF2;
    border-radius: 24px;
    margin-top: 32px;
}
.header-top {
    display: flex;
    margin-bottom: 16px;
}
/*.impstory_imp>div{
    padding:20px 24px;
    border-radius:16px;
    box-shadow:0 2px 4px 0 rgba(0,0,0,.12);
    background-color:var(--white) 
}*/
.choose_imp{
    width:30% 
}
.proinfor_imp{
    width:54%;
    margin:0 16px;
    position:relative 
}
.status_imp{
    width:30%;
    position:relative 
}
.stats-main{
    position:absolute;
    width:calc(100% - (48px));
    height:calc(100% - (85px)) 
}
.heading_imp p{
    font-size:14px;
    font-weight:500;
    text-align:left;
    color:#000 
}
.imp_storiesver2 .feedbottom_imp .tab-content>.tab-pane{
    max-width:100% 
}
.proimg{
    width:100%;
    min-height:210px;
    object-fit:cover 
}
.chosse_txt{
    padding: 15px 0 15px 16px;
    background:0 0;
    min-height:84px 
}
.chosse_txt p {
    font-size: 14px;
    margin: 0;
    font-weight: unset;
    color: #000;
    line-height: normal;
    font-family: Gilroy-bold;
}
.custom-progress-bar {
    height: 6px;
    box-shadow: none;
    border-radius: 16px;
    background-color: #E8F4FF;
}
.impact-stories .chosse_txt p.score {
    color: #999;
    font-size: 12px;
    font-weight: 400;
    font-family: Gilroy;
    margin-bottom: 2px;
}
.score span {
    color: #2E94FA;
}
.location {
    margin: 4px 0 8px;
}
.chosse_item{
    border-radius:16px;
    overflow:hidden;
    width:100%;
    height:100%;
    border:2px solid #b9cbcb;
    display:table;
    width:100%;
    outline:0;
    border-top:none 
}
.chosse_imp{
    width:100%;
    height:200px;
    object-fit:cover 
}
.chosse_imp img{
    height:100%;
    width:100%;
    object-fit:cover 
}
.chosse_txt p{
    font-size: 14px;
    margin:0;
    font-weight:900;
    color:#000;
    line-height:normal 
}
.chosse_silder .owl-carousel .owl-dots.disabled,.chosse_silder .owl-carousel .owl-nav.disabled{
    display:block!important 
}
.chosse_silder .custom-silder>button{
    position:absolute;
    height:35px;
    width:36px;
    background:#fff!important;
    box-shadow:0 2px 4px 0 rgba(0,0,0,.08);
    border-radius:100%!important;
    margin:0!important;
    top:30px;
    z-index:99 
}
.chosse_silder .slick-prev:before{
    transform:rotate(135deg);
    -webkit-transform:rotate(135deg) 
}
.chosse_silder .slick-next:before{
    transform:rotate(-45deg);
    -webkit-transform:rotate(-45deg) 
}
.chosse_silder .slick-arrow:before{
    content:''!important;
    border:solid #000;
    display:inline-block;
    padding:3px;
    height:12px;
    width:12px;
    border-left:0;
    border-top:0;
    border-radius:2px 
}
.chosse_silder .slick-prev.slick-arrow{
    left:10px!important 
}
.chosse_silder .slick-next.slick-arrow{
    left:60px!important 
}
/*.infor-main{
    border:1px solid #b9cbcb;
    border-radius:16px;
    position:absolute;
    width:calc(100% - (48px));
    padding:10px 15px;
    height:calc(100% - (85px)) 
}*/
.myanner-imp p{
    font-size:16px;
    font-weight:700;
    line-height:normal;
    text-align:left;
    margin:0 
}
.heading-imp{
    display:table;
    width:100% 
}
.heading-imp>div{
    display:table-cell;
    vertical-align:middle 
}
.push-imp .dflex_imp{
    align-items:center 
}
p.sub-heading{
    font-size:16px;
    font-family:Gilroy-bold 
}
.get-text{
    padding:6px 8px;
    border-radius:4px;
    border:2px solid #1dca99;
    margin-left:auto;
    background:rgba(208,253,246,.6);
    width:100% 
}
.get-text p{
    margin:0;
    font-size:14px;
    font-weight:600;
    line-height:normal;
    text-align:center;
    color:#1dca99;
    opacity:.5 
}
.myanner-imp{
    width:44% 
}
.push-imp{
    background:#a1faec;
    padding:10px;
    border-radius:6px;
    width:55% 
}
.push-imp .get-icon{
    margin-right:5px 
}
.list-imp ul {
    margin: 5px 0;
    padding: 0;
    list-style-type: none;
    display: flex;
    flex-wrap: wrap;
}
.list-imp ul li {
    margin: 0;
    display: inline-block;
    width: 50%;
    margin-bottom: 8px;
}
.list-imp .locatimg_txt{
    padding:0 8px 0 12px 
}
/*.list-imp ul li{
    margin:5.5px 0 5.5px 0 
}*/
.location_main>div {
    display: table-cell;
    vertical-align: middle;
}
.list-imp .locatimg_txt {
    padding: 0 8px 0 12px;
}
.locatimg_txt span {
    font-size: 14px;
    font-weight: 400;
    text-align: left;
    color: #999;
    line-height: 16px;
    display: block;
    font-family: Gilroy-light;
}
.list-imp .tooltip-wrapper {
    color: #555;
    cursor: pointer;
    font-size: 20px;
    margin: 0;
    padding: 0;
    position: relative;
    text-align: center;
    width: unset;
    -webkit-transform: translateZ(0);
    -webkit-font-smoothing: antialiased;
    display: inline;
    z-index: 99 !important;
}
.heading_imp p.community, .heading_imp p.ngo {
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.location_main {
    display: table;
    width: 100%;
}
.stats-main ul{
    list-style-type:none;
    border:1px solid #b9cbcb;
    border-radius:16px;
    height:100%;
    width:100%;
    padding:0;
    margin:0 
}
.impstory_imp h2 {
    color: #000;
}
.impstory_imp .heading-imp > h2 {
    font-size: 14px;
}
.stats-main ul li{
    border-bottom:1px solid #b9cbcb;
    padding:15px 15px 
}
.stats-main ul li:last-child{
    border-bottom:none 
}
.stats-img{
    background:#a1faec;
    height:20px;
    width:20px;
    border-radius:5px 
}
.stats-img img{
    height:100%;
    width:100%;
    opacity:.5;
    vertical-align:top;
    object-fit:contain;
}
.stats-img span{
    font-size:15px;
    text-align:center;
    color:#6777ef;
    font-weight:700;
    display:block;
    margin-top:0;
    line-height:21px 
}
.stats-txt{
    padding-left:6px 
}
.stats-txt p{
    margin:0;
    font-size:14px;
    font-weight:500;
    text-align:left;
    color:#60686f;
    line-height:normal 
}
.stats-weight{
    position:relative 
}
.stats-weight p{
    font-size:36px;
    font-weight:800;
    margin:0;
    color:#000;
    line-height:normal;
    position: relative;
}
.stats-weight p span{
    font-size:16px;
    font-weight:400;
    line-height:normal;
    text-align:left;
    color:#97a3ad;
    padding-left:5px;
    position:absolute;
    top:auto;
    bottom: 6px;
}
.modal-dialog.impstories-modal{
    max-width:800px!important 
}
.modal-imp{
    display:table 
}
.modal-imp>div{
    display:table-cell;
    vertical-align:top;
    position:relative 
}
.modal-left-imp{
    width:40% 
}
.modal-right-imp{
    width:60%;
    padding:10px 25px 10px 30px 
}
.img-content img{
    height:100%;
    width:100%;
    object-fit:cover 
}
.img-content{
    height:400px;
    object-fit:cover;
    border-radius:16px;
    overflow:hidden;
    margin-top:10px;
    display:flex;
    align-items:center;
    width:298px 
}
.download-icon span{
    font-size:14px;
    text-align:left;
    color:#000;
    font-weight:600 
}
.parg-imp{
    width:100%;
    padding:10px 0 0;
    min-height:80px 
}
.parg-imp h5{
    font-size:12px;
    color:#000;
    margin:0;
    padding:10px 0;
    font-family:Gilroy;
}
.parg-imp p{
    font-size:20px;
    font-weight:700;
    font-stretch:normal;
    text-align:left;
    color:#000;
    margin:0;
    line-height:26px;
    word-break:break-word;
    font-family:Gilroy-bold 
}
.userdet-imp{
    display:flex 
}
.user-img{
    height:35px;
    width:35px;
    object-fit:cover;
    border-radius:100%;
    overflow:hidden;
    display:flex;
    justify-content:center;
    align-items:center;
    background-color:#eee 
}
.user-img i{
    font-size:22px;
    line-height:22px 
}
.user-img img{
    height:100%;
    width:100% 
}
.user-infor{
    width:90%;
    padding:0 10px 
}
.user-infor p{
    font-size:14px;
    font-weight:600;
    color:#000;
    text-align:left;
    margin:0;
    line-height:normal 
}
.user-infor span{
    font-size:14px;
    font-weight:400;
    color:#60686f 
}
.share-icon{
    width:100%;
    padding:10px 0;
    border-bottom:1px solid #97a3ada8;
    border-top:1px solid #97a3ada8;
    margin:15px 0 
}
.share-icon p{
    margin:0;
    font-size:16px;
    color:#000;
    font-weight:700;
    line-height:normal 
}
.share-icon ul{
    margin:6px 0;
    padding:0;
    list-style-type:none 
}
.share-icon ul li{
    display:inline-block 
}
.share-icon ul li a{
    margin:0 8px 0 0;
    display:block 
}
.timeline-imp p{
    font-size:16px;
    font-weight:700;
    line-height:normal;
    text-align:left;
    margin:0;
    color:#60686f 
}
.impstories-modal .modal-content{
    padding:24px 24px 24px 24px;
    border-radius:16px 
}
.impstories-modal .modal-header{
    padding:0 
}
.impstories-modal .modal-body{
    padding:0 
}
.impstories-modal .modal-header .close span{
    color:#000;
    font-size:32px;
    font-weight:700 
}
.timeline-imp{
    position:absolute;
    bottom:0;
    width: 100%;
}
.timeline-imp ul{
    margin:8px 0 0;
    padding:0;
    list-style-type:none 
}
.timeline-imp ul li p{
    font-size:16px;
    font-weight:600;
    line-height:normal;
    text-align:left;
    color:#97a3ad 
}
.timeline-imp ul li{
    padding:0 0 5px 15px;
    position:relative 
}
.timeline-imp ul li .dots span{
    height:9px;
    width:9px;
    background:#60686f;
    position:absolute;
    border-radius:100%;
    left:-2px;
    margin:8px 0;
    z-index:99 
}
.timeline-imp ul li .dots::after{
    content:"";
    height:100%;
    border-left:2px solid #76838f;
    position:absolute;
    left:2px;
    bottom:-12px;
    z-index:9;
    padding:0 
}
.timeline-imp ul li:last-child{
    padding:0 0 0 15px 
}
.timeline-imp ul li:last-child .dots::after{
    content:"";
    border:none 
}
.gallery_imp video{
    max-width:100%;
    border-radius:15px;
    transition:all 1.5s ease;
    height:100%;
    width:100% 
}
.gallery_imp .videos .content_imp{
    position:relative 
}
.play-icon{
    position:absolute;
    width:50px;
    top:50%;
    left:50%;
    transform:translate(-50%,-100%);
    cursor:pointer 
}
.gallery_imp .videos .content_imp:hover .play-icon{
    opacity:1;
    transition:.5s ease 
}
.modal-dialog.impstories-modal .modal-content video{
    border:none;
    background:#000 
}
.modal-dialog.impstories-modal .modal-content video:focus,.modal-dialog.impstories-modal .modal-content video:hover{
    border:none;
    outline:0 
}
.proj-img img{
    border-radius:16px 16px 0 0 
}
.choose_item{
    border-radius:16px;
    padding:0;
    position:relative 
}
.icons{
    position:absolute;
    background-color:#fff;
    height:35px;
    width:35px;
    border-radius:50%;
    text-align:center;
    top:10px;
    left:10px;
    color:#000!important 
}
.icons-1.next-disabled,.icons.prev-disabled{
    pointer-events:none 
}
.icons i{
    left:10px;
    font-size:17px;
    top:6px;
    position:absolute 
}
.icons-1{
    position:absolute;
    background-color:#fff;
    height:35px;
    width:35px;
    border-radius:50%;
    text-align:center;
    top:10px;
    left:60px;
    color:#000!important 
}
.icons-1 i{
    left:12px;
    font-size:17px;
    top:6px;
    position:absolute 
}
.choose_txt{
    padding:15px 10px;
    background:0 0;
    min-height:100px 
}
.choose_txt p{
    font-size:20px;
    margin:0;
    font-weight:900;
    color:#000;
    line-height:normal 
}
.tooltip.show{
    opacity:1 
}
.tooltip-inner{
    background-color:#fff;
    color:#000;
    border:1px solid #fff;
    box-shadow:0 2px 3px 0 #eee,0 3px 10px 0 #eee!important;
    text-align:left;
    opacity:1 
}
.bs-tooltip-auto[x-placement^=top] .arrow::before,.bs-tooltip-top .arrow::before{
    border-top-color:#fff;
    opacity:1 
}
.dummy-img-div{
    position:relative;
}
.dummy-img-div-1{
    position:relative 
}
.dummy-img-div-2{
    position:relative;
    margin-top:30px 
}
.imp-cont-div{
    position:absolute;
    top:50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 520px;
    margin: auto;
    background: #fff;
    border: 2px solid #FFFFFF;
    box-sizing: border-box;
    backdrop-filter: blur(12px);
    border-radius: 16px;
    filter: drop-shadow(0px 4px 12px rgba(0, 0, 0, 0.16));
    padding: 16px;
}
.imp-div h1{
    font-size: 32px;
    font-weight: 700;
    font-family: 'Gilroy-bold';
    color: #1dca99 ;
}
.imp-div p {
    margin-bottom: 0;
    font-size: 16px;
    color: #60686f;
    font-family: Gilroy-light;
    font-weight: 400;
    line-height: 21px;
}
.imp-div p span {
    color: #000000;
    margin-top: 30px;
}
.theme-cyan a.btn-category {
    height: 40px;
    line-height: 40px;
    color: #fff !important;
    font-weight: 700;
    font-family: 'Gilroy-bold';
    background-color: #1dca99;
    padding: 0 24px;
    border-radius: 12px;
    font-size: 14px;
    border: none;
}
.theme-cyan a.btn-category.none-ecom-btn {
    display: flex;
    justify-content: center;
    width: 170px;
    margin: auto;
}
.btn-category.btn:not(.btn-social):not(.btn-social-icon):hover {
    background-color: #000000 !important;
    color: #fff !important;
}
.btn-category.btn:not(.btn-social):not(.btn-social-icon):focus {
    background-color: #1dca99 !important;
    color: #fff !important;
}
.btn-grp {
    margin-top: 16px
}
.btn-grp span {
    color: #000;
    display: inline-block;
    padding: 0 10px;
    font-size: 14px;
    font-weight: 500;
}
.imp-cont-div h4{
    color:#3dc9b3!important;
    font-size:20px;
    font-weight:800;
    line-height:normal 
}
.imp-cont-div-1{
    border-radius:16px;
    position:absolute;
    top:0;
    padding:30px 30px 0 
}
.imp-cont-div-1 h4{
    color:#3dc9b3!important;
    font-size:20px;
    font-weight:800;
    line-height:normal 
}
.imp-cont-div-1 p{
    color:#000;
    font-size:16px;
    line-height:normal 
}
.dumm5{
    max-width:100%;
    height:auto 
}
.imp-div-1{
    padding:10px;
    border:1px solid rgba(255,255,255,.16);
    background-color:rgba(255,255,255,.16);
    border-radius:16px 
}
.box-shadow-c{
    box-shadow:0 2px 4px 0 rgba(0,0,0,.12);
    border-radius:16px 
}
.dumm1{
    width:100%;
    max-width:100% 
}
.circle1{
    background-color:#fff;
    height:40px;
    width:40px;
    border-radius:50%;
    float:right 
}
.imp-cont-div-1{
    max-width:658px;
    width:100%;
    border:solid 2px var(--white);
    background-color:rgba(255,255,255,.16);
    margin-top:100px 
}
.ip-div{
    display:flex;
    justify-content:center 
}
.imp-div-2{
    padding:10px;
    background-color:transparent;
    border-radius:16px 
}
.imp-cont-div-2{
    max-width:658px;
    width:100%;
    border:solid 2px var(--white);
    background-color:rgba(255,255,255,.16) 
}
.imp-cont-div-2{
    border-radius:16px;
    position:absolute;
    top:0;
    padding:10px;
    margin-top:100px;
    -webkit-backdrop-filter:blur(24px);
    backdrop-filter:blur(24px);
    border:solid 2px var(--white);
    background-color:rgba(255,255,255,.3);
    text-align:center 
}
.coming-soon-div .btn-toolbar:after{
    content:'';
    position:absolute;
    top:0;
    left:0;
    width:100%;
    background:0 0;
    height:100% 
}
.coming-soon-div .btn-secondary,.coming-soon-div .btn-secondary.disabled{
    background-color:#f6f6f6;
    border:1px solid #f6f6f6;
    color:#b6b6b6 
}
.imp-cont-div-2 h1{
    color:#3dc9b3!important;
    font-size:36px;
    font-weight:800;
    line-height:normal 
}
.imp-cont-div-2 p{
    color:#000;
    font-size:16px;
    line-height:normal 
}
.coming-soon-div .btn-toolbar{
    display:inline-block;
    float:right 
}
.coming-soon-div{
    background-color:#fff;
    padding:20px 
}
.coming-soon-div .btn-group{
    background-color:#f6f6f6 
}
.theme-cyan .coming-soon-div .btn-group .btn.active{
    background-color:rgba(0,0,0,.08);
    border:transparent;
    opacity:.3;
    border-radius:4px;
    box-shadow:0 2px 4px 0 rgba(0,0,0,.08) 
}
.mt-sub-10{
    margin-top:-10px 
}
.icons-1.next-disabled,.icons.prev-disabled{
    background-color:#c5bfbf 
}
.icons-1.next-disabled i,.icons.prev-disabled i{
    color:#a5a2a2 
}
#grid{
    margin-left:-9px;
    margin-right:-5px 
}
.panel-1{
    display:none 
}
.impact-stories h6{
    font-size:14px;
    color:#000;
    padding:10px 
}
.impact-stories .fadeIn-bottom{
    top:80% 
}
.impact-stories .fadeIn-top{
    top:20% 
}
.impact-stories .fadeIn-left{
    left:20% 
}
.impact-stories .fadeIn-right{
    left:80% 
}
.impact-stories .thumbnail{
    border:none 
}
.impact-stories .owl-nav button{
    position:absolute;
    top:50%;
    background-color:#000;
    color:#fff;
    margin:0;
    transition:all .3s ease-in-out 
}
.impact-stories .owl-nav button.owl-prev{
    left:15px 
}
.impact-stories .owl-nav button.owl-next{
    right:15px 
}
.impact-stories .owl-nav button{
    position:absolute;
    top:40%;
    transform:translateY(-50%);
    background:0 0!important 
}
.impact-stories .owl-prev span{
    font-size:70px;
    position:relative;
    top:5px;
    color:#000 
}
.impact-stories .owl-next span{
    font-size:70px;
    position:relative;
    top:5px;
    color:#000 
}
.impact-stories .owl-nav button:focus{
    outline:0 
}
.impact-stories .story-img img{
    height:155px 
}
.impact-stories .content{
    position:relative;
    width:90%;
    max-width:400px;
    margin:auto;
    overflow:hidden 
}
.impact-stories .content a{
    text-decoration:none 
}
.impact-stories .content .content-overlay{
    background:rgba(0,0,0,.7);
    position:absolute;
    height:99%;
    width:100%;
    left:0;
    top:0;
    bottom:0;
    right:0;
    opacity:0;
    -webkit-transition:all .4s ease-in-out 0s;
    -moz-transition:all .4s ease-in-out 0s;
    transition:all .4s ease-in-out 0s 
}
.impact-stories .content:hover .content-overlay{
    opacity:1 
}
.impact-stories .content-image{
    width:100%;
    height:200px 
}
.impact-stories .content-details{
    position:absolute;
    padding-left:1em;
    padding-right:1em;
    width:100%;
    top:50%;
    left:50%;
    opacity:0;
    -webkit-transform:translate(-50%,-50%);
    -moz-transform:translate(-50%,-50%);
    transform:translate(-50%,-50%);
    -webkit-transition:all .3s ease-in-out 0s;
    -moz-transition:all .3s ease-in-out 0s;
    transition:all .3s ease-in-out 0s;
    text-align:center 
}
.impact-stories .content:hover .content-details{
    top:50%;
    left:50%;
    opacity:1 
}
.impact-stories .content-details h3{
    font-size:18px 
}
.impact-stories .content-details p{
    color:#fff;
    font-size:13px;
    display:inline-block;
    text-align:center;
    border:1px solid #fff;
    padding:0 5px 
}
.impact-stories .modal .modal-dialog.im{
    max-width:800px 
}
.impact-stories .im-1-img img{
    display:block;
    margin:0 auto;
    height:100%;
    width:100%;
    max-width:550px 
}
.impact-stories .im-1-content{
    padding:40px 20px 0 20px;
    font-size:14px;
    text-align:center 
}
a.btn-media{
    background-color:#3dc9b3;
    border:#3dc9b3 1px solid;
    color:#fff!important;
    cursor:pointer;
    font-size:13px;
    padding:3px 10px 
}
a.btn-media:hover{
    background-color:#fff;
    box-shadow:0 0 0 2.5px #fff,0 0 0 5px #3dc9b3,0 0 0 5px #fff,0 0 0 5.5px #3dc9b3!important;
    border-color:#000!important;
    color:#000!important 
}
.panel-1 .card .card-header{
    display:block 
}
.panel-1 .card .card-header h4{
    float:left 
}
.video-img{
    width:100%;
    min-height:400px 
}
.video-sm-img{
    width:100% 
}
.border-radius-10{
    border-radius:5px 
}
.t-d-none{
    text-decoration:none!important 
}
#tbl-imp-stories tr.active td a.btn-media{
    background-color:#fff;
    color:#000!important 
}
#tbl-imp-stories.table-bordered{
    border:1px solid #fff 
}
.enjoy_hint_label{
    top:100px!important 
}
.enjoyhint_prev_btn{
    left:835px!important;
    top:160px!important 
}
.enjoyhint_next_btn{
    left:835px!important;
    top:160px!important 
}
.enjoyhint_skip_btn{
    left:950px!important;
    top:160.5px!important 
}
.impact-stories .grid-item{
    padding:5px 
}
.impact-stories .img-masnory{
    border-radius:20px;
    width:100%;
    height:auto 
}
.impact-stories .meta{
    transition:opacity .5s;
    float:left;
    clear:left;
    padding:0 5px;
    background:rgba(255,255,255,.7) 
}
.meta.date{
    color:#60686f;
    font-size:12px 
}
.impact-stories .meta.facing{
    font-size:14px 
}
.impact-stories .img-masnory img{
    width:100%;
    height:auto 
}
.impact-stories #media-data{
    display:flex;
    flex-wrap:wrap 
}
.impact-stories .imp_left{
    padding-top:30px 
}
.btn-secondary,.btn-secondary.disabled{
    background-color:#f6f6f6;
    border:1px solid #f6f6f6;
    color:#000 
}
.btn-group.btn-group-filter{
    background-color:#f6f6f6;
    padding:3px 
}
.theme-cyan .btn-group .btn.active{
    background-color:#fff!important;
    border:1px solid #f6f6f6!important;
    color:#000!important;
    box-shadow:0 6px 10px #e1e5e8 
}
.impact-stories .meta.fw-700{
    font-weight:700 
}
.color-dark{
    color:#000 
}
.impact-stories.imp-new #media-data {
    width: 100%;
}
.impact-stories.imp-new #grid {
    height: inherit !important;
}
.impact-stories.imp-new .feed_imp {
    padding: 16px 23.5px 30px 24px;
}
.masnory-div {
    width: 100%;
}
.grid-container1 {
    columns: 4 200px;
    column-gap: 0rem;
    width: 100%;
    margin: 0 auto;
}
.grid-container1 div.custom-grid {
    width: 150px;
    margin: 0 1.5rem 0 0;
    display: inline-block;
    width: 100%;
    padding: 0px 5px;
    box-shadow: none;
    border-radius: 20px;
    transition: all 0.25s ease-in-out;
    position: relative;
}
.grid-container1.display-flex.custom-flex-grid div.custom-grid {
    width: 25.5%;
}
.grid-container1.display-flex div.custom-grid {
    width: 50%;
}
.grid-container1.display-flex{
    display: flex;
    width: 100%;
    margin: 0;
}
.grid-container1 div.custom-grid:hover {
    border-color: coral;
}
.grid-container1 div.custom-grid img {
    width: 100%;
    border-radius: 20px;
    transition: all 0.25s ease-in-out;
    cursor: pointer;
}
.grid-container1 div.custom-grid img.play-icon{
    width: 50px;
    z-index: 999;
}
.grid-container1 div.custom-grid p {
    margin: 0;
    padding: 0;
    text-align: center;
}
.daterangepicker td.active, .daterangepicker td.active:hover, .daterangepicker .ranges li.active {
    background-color: #1dca99 !important;
}
 
.masnory-grid-item .play-icon{width: 50px;height: 50px;}

.impact-stories .img-masnory {cursor: pointer;}

.masnory-grid{ margin: 1rem 0;}

.masnory-grid-item {height: auto;margin-bottom: 10px;column-width: 350px;display: grid;}

.masnory-grid-item img {width: 100%;height: 100%;border-radius: 16px;}

.select2.select2-container.select2-container--default {
    width: 228px !important;
    margin-left: 32px;
}
.project-info, .choose_item {
    display: flex;
}
.impact-stories .choose_imp {
    width: 456px;
    background-color: #fff;
    height: 144px;
    border-radius: 16px;
    padding: 8px;
}   
.choose_item {
    height: 100%;
}
.proj-img {
    width: 198px;
    position: relative;
}
.proimg {
    height: 100%;
    width: 100%;
    min-height: 100%;
}
.impact-category {
    background-color: #DEFAE2;
    width: 121px;
    border-radius: 8px;
    padding: 2px;
    position: absolute;
    bottom: 6px;
    left: 6px;
    text-align: center;
}
.impact-category img {
    width: 16px;
    height: 16px;
    object-fit: contain;
}
.chosse_txt {
    width: 218px;
}
.proj-img img {
    border-radius: 16px;
}
.impact-category span {
    color: #000;
    font-size: 14px;
}
.location span {
    color: #999;
    font-size: 12px;
}
.proinfor_imp {
    width: 601px;
    margin: 0 0 0 16px;
    position: relative;
    background-color: #fff;
    border-radius: 16px;
    padding: 16px;
    height: 144px;
}
.infor-main .heading_imp h2 {
    font-size: 14px;
    font-weight: unset;
    font-family: Gilroy-bold;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 35px;
    padding-left: 16px;
}
.select2-container--default .select2-selection--multiple .select2-selection__arrow, 
.select2-container--default .select2-selection--single .select2-selection__arrow, 
.select2-container--default .select2-selection--single .select2-selection__rendered, 
.select2-container .select2-selection--multiple, .select2-container .select2-selection--single {
    min-height: 36px;
}

.impstory_imp h2 {
    color: #000;
    font-size: 24px;
    font-family: Gilroy-bold;
    font-weight: unset;
}
.select2-container--default .select2-selection--single .select2-selection__rendered, 
.select2-container--default .select2-selection--single {
    border-radius: 12px;
}
.select2-container--default .select2-selection--single {
    border: 1px solid #666;
}
.select2-container--default .select2-results__option--highlighted[aria-selected], .select2-container--default .select2-results__option[aria-selected="true"], .select2-container--default .select2-selection--multiple .select2-selection__choice {
    line-height: normal;
}
.select2-container.select2-container--open .select2-selection--single {
    border-color: #1dca99;
}
.custom-progress-bar .progress-bar-1 {
    border-radius: 16px;
    background-color: #2E94FA;
}
.select2-container--default .select2-results__option {
    line-height: normal;
}
.select2-container--default .select2-search--dropdown .select2-search__field {
    display: none;
}
.select2-container--default.select2-container--open.select2-container--below .select2-selection--single {
    border-bottom-left-radius :12px;
    border-bottom-right-radius:12px;
}
.select2-dropdown {
    border-radius: 12px !important;
}
.select2-container--open .select2-dropdown--below {
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
    margin-top: 4px;
}
/*------------------------------------------------------- Masnory Image Pure CSS End -------------------------------------------------------------------------------*/
@media(min-width: 1439px) {
    .imp-cont-div {width: 498px}
}
@media(max-width: 1440px){
    .grid-container1 {columns: 4 200px;}
}
@media(max-width: 1280px){
    .stats-weight p{font-size: 22px;}
    .stats-weight p span {bottom: 2px;font-size: 14px;}
}
@media(max-width: 1190px){
    .get-text p{font-size: 12px}
    .imp-div h1 {font-size: 28px;}
    .imp-cont-div {width: 100%;}
}
@media(max-width: 1026px){
    .impstory_imp > div {padding: 10px;}
    .push-imp {padding: 0 5px;}
    .myanner-imp p {margin: 0 2px 0 0;font-size: 14px;}
    .chosse_txt p, .stats-weight p {font-size: 16px;}
    .stats-txt p {font-size: 12px;}
    .stats-weight p span {font-size: 12px;line-height: 10px;}
    .proimg {min-height: 200px;}
    .infor-main {width: calc(100% - (20px));height: calc(100% - (70px));}
    .dflex_imp {padding: 5px 0;}
    .stats-main {width: calc(100% - (20px));height: calc(100% - (66px));}
    .imp-div h1 {font-size: 24px;}
    .imp-div p span {margin-top: 0;}
    .imp-div p {font-size: 14px;}
    .btn-grp {margin-top: 5px;}
    .imp-cont-div {padding: 8px 16px;}
}
@media(max-width: 1024px){
    .push-imp {padding: 5px;}
    .main-content{padding-top: 90px;padding-left: 40px;}
}
@media (max-width:600px) {.gallery_imp {grid-template-columns: repeat(auto-fill, minmax(30%, 1fr));}}

@media (max-width:400px) {.gallery_imp {grid-template-columns: repeat(auto-fill, minmax(50%, 1fr)); }}

@media(max-width: 820px){
    .impact-stories .impstory_imp > div {padding: 10px;}
    .impact-stories .chosse_txt p {font-size: 16px;}
    .myanner-imp p {font-size: 12px;}
    .push-imp {padding: 5px;}
    .infor-main, .stats-main {width: calc(100% - (24px));}
    .stats-weight p {font-size: 20px;}
    .stats-weight p span {top: 0;}
    .stats-weight p span {font-size: 12px;}
    .infor-main, .stats-main {height: calc(100% - (65px));}
    .imp-div h1 {font-size: 20px;}
    .project-info {
        display: block;
    }
    .impact-stories .choose_imp {
        width: 100%;
    }
    .proimg {
        min-height: 100%;
    }
    .proinfor_imp {
        width: 100%;
        margin: 16px 0 0;
    }
}

@media(max-width: 767px){
    .impstory_imp {display: block;}
    .choose_imp, .proinfor_imp, .status_imp{width: 100%;}
    .proinfor_imp{margin: 20px 0 0;}
    .infor-main, .stats-main{position: static;height: 100%;width: 100%;}
    .header_imp{margin-top: 0px;}
    .feedtop_imp{display: block;}
    .dflex_imp {padding: 0 0 0 15px;}
    .stats-small .dflex_imp {padding: 0;}
    .stats-weight p span {top: 9px;}
    .modal-dialog.impstories-modal {max-width: 700px !important;}
    .img-responsive {max-width: 100%;}
    .dummy-img-div {margin: 10px 0;}
    .imp-cont-div {width: 80%;}
}
@media(max-width: 640px){
    .daterangepicker {left: 20px !important;}
    .daterangepicker.show-calendar .ranges {float: none !important;}
    .modal-imp > div {max-width: 550px;}
    .modal-imp, .modal-imp > div {display: block;}
    .modal-left-imp {width: 80%;margin: auto;}
    .img-content {width: 100%;height: 250px;}
    .timeline-imp {position: static;}
    .modal-right-imp {width: 100%;padding-left: 45px;}
    .modal-dialog.impstories-modal {max-width: 600px !important;}
}
@media(max-width: 575px){
    .toolbars .btn-group {display: block !important;margin: 10px auto !important;max-width: 250px;}
    .toolbars {text-align: left !important;}
    .grid-container1.display-flex div.custom-grid,
    .grid-container1.display-flex.custom-flex-grid div.custom-grid {width: 100%;display: block;}
    .grid-container1.display-flex {display: block;}
    .badge-icon-list {height: 200px;overflow: auto;}
    .coming-soon-div .heading_imp p {text-align: center;}
    .coming-soon-div .btn-toolbar {display: flex;justify-content: center;float: none;}
    .coming-soon-div {padding: 0px;}
    .select2.select2-container.select2-container--default {
        width: 100% !important;
    }
    .select2-container .select2-selection--single .select2-selection__rendered {
        width: 230px;
    }
    .header-top, .choose_item, .list-imp ul {
        display: block;
    }
    .select2.select2-container.select2-container--default {
        margin-left: 0;
    }
    .impact-stories .choose_imp, .impact-stories .proj-img, .impact-stories .chosse_txt, .impact-stories .list-imp ul li {
        width: 100%;
    }
    .impact-stories .choose_imp, .impact-stories .proinfor_imp {
        height: 100%;
    }
    .impact-stories .custom-progress-bar {
        width: 220px;
    }
}
@media(max-width: 498px){
    .btn-group.btn-group-filter {margin-right: auto !important;}
    .coming-soon-div .col-md-12 {padding: 0 !important;}
    .imp-cont-div {width: 100%;}
}
@media(max-width: 428px){
    .heading-imp > div{display: block;}
    .push-imp {margin: 10px 0;width: 100%;}
    .myanner-imp{width: 100%;}
    .toolbars {padding-left: 0;}
    .toolbars .btn-group {padding-left: 0px;}
    .modal-left-imp, .modal-right-imp{width: 100%;}
    .modal-right-imp {padding: 10px 0 0 0;}
    .img-content {margin-top: 30px;}
    .coming-soon-div .btn-toolbar, .btn-group.btn-group-filter {display: block;}
    .btn-group.btn-group-filter {margin: 10px auto !important; width: 240px;}
    .coming-soon-div .btn-group {width: 240px;margin: auto;display: block;}
    .dummy-img-div {margin: 30px 0;}
}
@media(max-width: 360px){
    .impact-stories.imp-new .feed_imp{padding: 16px 15.5px 30px 15px;}
    .imp-cont-div-2 {margin-top: 45px;padding: 0;}
    .imp-div h1 {font-size: 18px;}
    .img-responsive {margin: 10px 0;}
}