.google-map-disp * {
    transition: none !important;
}
@font-face {
  font-family:harlow;
  src: url('/application/modules/Sescrowdfunding/externals/fonts/harlow.ttf') format('truetype');
   font-weight: normal;
  font-style: normal;
  
}
*{transition:all 0.5s;}
.fll{float:left;}
.flr{float:right;}
.fln{float:none;}
.transitionnone{transition: none;}
.bgwhite{background:#fff}
.bgf2{background:#f2f2f2}
.bgblack{background:#000}
.maxwnone{max-width:none}
.maxw100{max-width:100%;}
.maxwauto{margin:auto}
.maxw50{max-width:50px}
.maxw70{max-width:70px}
.maxw150{max-width:150px}
.maxw250{max-width:250px}
.maxw400{max-width:400px}
.minwnone{min-width:0}
.minwauto{margin:auto}
.min50{min-width:50px;}
.mcenter{margin:0 auto}
.hinherit{height:inherit;}
.height0{height:0;}
.height20{height:20px;}
.height40{height:40px;}
.height50{height:50px;}
.heightFull{height:100vh;}
.height100{height:100%}
.margin0{margin:0;}
.margin5{margin:5px;}
.mrgtop0{margin-top:0;}
.mrgtop5{margin-top:5px;}
.mrgtop10{margin-top:10px;}
.mrgtop15{margin-top:15px;}
.mrgtop20{margin-top:20px;}
.mrgtop30{margin-top:30px;}
.mrgtop40{margin-top:40px;}
.mrgtop50{margin-top:50px;}
.mrgtop80{margin-top:80px;}
.mrgbtm0{margin-bottom:0;}
.mrgbtm5{margin-bottom:5px;}
.mrgbtm10{margin-bottom:10px;}
.mrgbtm15{margin-bottom:15px;}
.mrgbtm20{margin-bottom:20px;}
.mrgbtm30{margin-bottom:30px;}
.mrgbtm40{margin-bottom:40px;}
.mrgbtm50{margin-bottom:50px;}
.mrgl0{margin-left:0;}
.mrgl5{margin-left:5px;}
.mrgl10{margin-left:10px;}
.mrgl20{margin-left:20px;}
.mrgl30{margin-left:30px;}
.mrgl40{margin-left:40px;}
.mrgl50{margin-left:50px;}
.mrgl70{margin-left:70px;}
.mrgr0{margin-right:0;}
/*.mrgr-5{margin-right:-5px;margin-left:5px;}*/
.mrgr5{margin-right:5px;}
.mrgr10{margin-right:10px;}
.mrgr20{margin-right:20px;}
.mrgr30{margin-right:30px;}
.mrgr40{margin-right:40px;}
.mrgr50{margin-right:50px;}
.objfitob {object-fit: contain;}
.objfitcov {object-fit: cover;}
.pd0{padding:0}
.pd5{padding:5px}
.pd10{padding:10px;}
.pd20{padding:20px;}
.pd30{padding:30px;}
.pd40{padding:40px;}
.pd70{padding:70px;}
.pdtop0{padding-top:0;}
.pdtop5{padding-top:5px;}
.pdtop10{padding-top:10px;}
.pdtop15{padding-top:15px;}
.pdtop20{padding-top:20px;}
.pdtop30{padding-top:30px;}
.pdtop40{padding-top:40px;}
.pdtop50{padding-top:50px;}
.pdbtm0{padding-bottom:0;}
.pdbtm5{padding-bottom:5px;}
.pdbtm10{padding-bottom:10px;}
.pdbtm15{padding-bottom:15px;}
.pdbtm20{padding-bottom:20px;}
.pdbtm30{padding-bottom:30px;}
.pdbtm40{padding-bottom:40px;}
.pdbtm50{padding-bottom:50px;}
.pdl0{padding-left:0;}
.pdl5{padding-left:5px;}
.pdl10{padding-left:10px;}
.pdl15{padding-left:15px;}
.pdl20{padding-left:20px;}
.pdl30{padding-left:30px;}
.pdl40{padding-left:40px;}
.pdl50{padding-left:50px;}
.pdr0{padding-right:0;}
.pdr5{padding-right:5px;}
.pdr10{padding-right:10px;}
.pdr15{padding-right:15px;}
.pdr20{padding-right:20px;}
.pdr30{padding-right:30px;}
.pdr40{padding-right:40px;}
.pdr50{padding-right:50px;}
.pstatic{position:static;}
.psticky{position:sticky;}
.pfixed{position:fixed;}
.prelative{position:relative;}
.pabsolute{position:absolute;}
.bsizing{box-sizing:border-box}
.wauto{width:auto;}
.wfull{width:100%;}
.w260p{width:260px;}
.w13{width:13%;}
.w15{width:15%;}
.w17{width:17%;}
.w20{width:20%;}
.w25{width:25%;}
.w30{width:30%;}
.w50{width:50%;}
.w60{width:60%;}
.w70{width:70%;}
.w30{width:30%;}
.w33{width:33.33%;}
.w40{width:40%;}
.w45{width:45%;}
.w55{width:55%;}
.w60{width:60%;}
.w90{width:90%;}
.w20p{width:20px;}
.w40p{width:40px;}
.winherit{width:inherit;}
.listtypenone{list-style-type: none;}
.dispib{display:inline-block}
.dispit{display:inline-table}
.dispi{display:inline}
.dispb{display:block}
.disptbl{display:table}
.dispflex{display:flex}
.dispiflex{display:inline-flex}
.dispnone{display:none}
.fsize8{font-size:8px;}
.fsize10{font-size:10px;}
.fsize11{font-size:11px;}
.fsize12{font-size:12px;}
.fs13{font-size:13px;}
.fsize13{font-size:13px;}
.fsize14{font-size:14px;}
.fsize15{font-size:15px;}
.fsize16{font-size:16px;}
.fsize17{font-size:17px;}
.fsize18{font-size:18px;}
.fsize20{font-size:20px;}
.fsize22{font-size:22px;}
.fsize24{font-size:24px;}
.fsize32{font-size:32px;}
.fsize36{font-size:36px;}
.fsize48{font-size:48px;}
.fweight400{font-weight:400}
.fweight600{font-weight:600}
.fweightbold{font-weight:bold}
.fweightnormal{font-weight:normal}
.fsitalic{font-style:italic;}
.outlinenone{outline:none}
.cpointer{cursor:pointer;}
.cpointern{cursor:default;}
.tcenter{text-align:center;}
.tleft{text-align:left}
.tright{text-align:right}
.tdnone{text-decoration:none !important}
.tdunderline{text-decoration:underline !important}
.ttup{text-transform: uppercase;}
.ttcap{text-transform: capitalize;}
.jcenter{justify-content:center;}
.jstart{justify-content:start;}
.jend{justify-content:flex-end;}
.gap-x-10{column-gap:10px;}
.gap-x-20{column-gap:20px;}
.gap-x-5{column-gap:5px;}
.fwrap1{flex-wrap:wrap;}
.fwrap0{flex-wrap:nowrap;}
.fdrow{flex-direction:row;}
.fdcol{flex-direction:column;}
.whspacenwrap{white-space:nowrap}
.jspacebetween{justify-content:space-between;}
.jspaceevenly{justify-content:space-evenly;}
.aend{align-items:end;}
.afstart{align-items:flex-start;}
.acenter{align-items:center;}
.afend{align-items:flex-end;}
.ainherit{align-items:inherit;}
.mhfull{min-height:100vh;}
.mh140{min-height:160px;}
.mh200{min-height:200px;}
.mh220{min-height:220px;}
.mh400{min-height:400px;}
.atop{top:0}
.atop10{top:10px}
.at20{top:20px}
.at30{top:30px}
.at35{top:35px}
.atop100{top:100px;}
.aleft{left:0}
.al20{left:-20px}
.al-10{left:10px}
.aright{right:0}
.aright10{right:10px}
.ar20{right:-20px}
.arp20{right:20px}
.abottom{bottom:0}
.abottom10{bottom:10px}
.abottom-30{bottom:-30px}
.bgnrp{background-repeat:no-repeat;}
.bgpcenter{background-position:center;}
.bgscover{background-size:cover;}
.bgscontain{background-size:contain;}
.borderred{border-color:red !important;}
.bordere0{border:1px solid #e0e0e0}
.borderte0{border-top: 1px solid #e0e0e0;}
.borderf2{border:1px solid #f2f2f2}
.bordertransparent{border:1px solid transparent;}
.bordernone{border:none;}
.bordernoneimp{border:none!important;}
.bordercircular{border-radius:50%;}
.border3{border-radius:3px;}
.border5{border-radius:5px;}
.border10{border-radius:10px;}
.border20{border-radius:20px;}
.btl0{border-top-left-radius:0 !important;}
.bbl0{border-bottom-left-radius:0 !important;}
.btr0{border-top-right-radius:0 !important;}
.bbr0{border-bottom-right-radius:0 !important;}
.br0{border-right:0 !important;}
.bl0{border-left:0 !important;}
.bshadownone{box-shadow:none;}
.fpoppins{font-family:poppins;}
.fpoppins_b{font-family:Poppins Bold;}
.fpoppins_semi_b{font-family:Poppins SemiBold;}
.fpoppins_semi_b_i{font-family:Poppins SemiBold Italic;}
.fpoppins_thin{font-family:Poppins Thin;}
.fpoppins_xlight{font-family:Poppins ExtraLight;}
.fpoppins_light{font-family:Poppins Light;}
.fpoppins_medium{font-family:Poppins Medium;}
.fmont{font-family:Montserrat;}
.fmontb{font-family:Montserrat-Bold;}
.fluckyguy{font-family:luckyguy;}
.fpoppins-bold{font-family:poppins-bold;}
.fpoppins-sbold{font-family:poppins-semibold;}
.flexshrink{flex-shrink: 0;}
.rotate180{transform:rotate(180deg);}
.ovhidden{overflow:hidden;}
.ovyhidden{overflow-y:hidden;}
.ovxscroll{overflow-x:scroll;}
.ovyscroll{overflow-y:scroll;}
.tovhidden{text-overflow:hidden;}
.tovellipsis{text-overflow:ellipsis;}
.blurredPP{filter:blur(5px);}
.opacity0{opacity:0;}
a.disabled{background:#ccc !important;}
.zi1{z-index:1 !important;}
.colorwhite{color:#fff}
.color6e{color:#6e6e6e;}
.colorwhiteim{color:#fff !important;}
.colorblack{color:#000;}
.colorblackim{color:#000 !important;}
.col345{color:#34353c;}
.col858{color:#85868a;}
.col97{color:#979797 !important}
.colred{color:#ff0000 !important}
.bgred{background-color: #ffaaaa}
.bgorh{background:#f6861f;}
.bgeee{background:#eee;}
.bge0{background:#e0e0e0;}
.colororange{color: #F6861F;}
.ffinherit{font-family:inherit}
.fsinherit{font-size:inherit}
.ffarial{font-family:arial;}
.maxfull{max-width: 1160px;}
.fo1{order:1;}
.fo2{order:2;}
.fo3{order:3;}
.fo4{order:4;}
.fo5{order:5;}
.noscrolly{overflow-y:hidden;}
.border0I{border:0 !important;}
.visible-hidden{visibility:hidden;}
/*TGP*/
.colgreen{color:#06C281 !important;}
.col777{color:#777;}
.bggreen{background-color: #06C281;}

@media(max-width:1023px){
    .smdispflex{display:flex;}
   
}
@media(max-width:767px){
    .mobfsize14{font-size:14px;}
    .mobfsize13{font-size:13px;}
    .mobfsize12{font-size:12px;}
    .mobfsize11{font-size:11px;}
    .mobfsize10{font-size:10px;}
    .mobfsize8{font-size:8px;}
    .mobborder0{border:0 !important;}
    .mobtcenter{text-align:center;}
    .mobtleft{text-align:left;}
    .mobtcenter{text-align:center;}
    .mobtright{text-align: right;}
    .mobmaxwnone{max-width:none !important;}
    .mobmaxw300{max-width:300px;}
    .mobmaxw220{max-width:220px;}
    .mobmaxw150{max-width:150px;}
    .mobmaxw100{max-width:100px !important;min-width:0 !important;}
    .mobflnone{float:none;}
    .mobmrgl0{margin-left:0 !important;}
    .mobmrglauto{margin-left:auto !important;}
    .mobmrgl10{margin-left:10px;}
    .mobmrgr0{margin-right:0px;}
    .mobmrgrauto{margin-right:auto;}
    .mobmrgr10{margin-right:10px;}
    .mobmrgt0{margin-top:0px;}
    .mobmrgt10{margin-top:10px;}
    .mobmrgt20{margin-top:20px;}
    .mobmrgt30{margin-top:30px;}
    .mobmrgb0{margin-bottom:0px;}
    .mobmrgb5{margin-bottom:5px;}
    .mobmrgb10{margin-bottom:10px;}
    .mobmrgb20{margin-bottom:20px;}
    .mobmrgb30{margin-bottom:30px !important;}
    .mobmrgb40{margin-bottom:40px;}
    .mobmrgb50{margin-bottom:50px;}
    .mobpd0{padding:0;}
    .mobpd0im{padding:0 !important;}
    .mobpd10{padding:10px;}
    .mobpd20{padding:20px;}
    .mobpdl0{padding-left:0;}
    .mobpdl5{padding-left:5px;}
    .mobpdl10{padding-left:10px;}
    .mobpdr0{padding-right:0;}
    .mobpdr5{padding-right:5px;}
    .mobpdr10{padding-right:10px;}
    .mobpdt0{padding-top:0 !important;}
    .mobpdt10{padding-top:10px;}
    .mobpdt30{padding-top:30px;}
    .mobpdb0{padding-bottom:0;}
    .mobpdb10{padding-bottom:10px;}
    .mobmcenter{margin:0 auto}
    .mobdisptbl{display:table;}
    .mobdispb{display:block}
    .mobdispn{display:none}
    .mobdispib{display:inline-block;}
    .mobwfull{width:100% !important;}
    .mobw33{width:33% !important;}
    .mobfll{float:left;}
    .mobdispflex{display:flex;}
    .mobdispnone{display:none !important;}
    .mobfdircolrev{flex-direction:column-reverse;}
    .mobfdircol{flex-direction:column;}
    .mobfdirrow{flex-direction:row;}
    .mobfwrap1{flex-wrap:wrap;}
    .mobjcenter{justify-content:center;}
    .mobjstart{justify-content:start;}
    .mobacenter{align-items:center;}
    .mfo1{order:1;}
    .mfo2{order:2;}
    .mfo3{order:3;}
    .mfo4{order:4;}
    .mfo5{order:5;}
    .mobmhnone{min-height:0 !important}
    .mobpfixed{position:fixed;}
    .mobatop0{top:0px;}
    .mobatop60{top:60px;}
    .mob-bgNone {background: none !important;}
    .mob-op1 {opacity: 1;}
    .mobTitle {font-size: 30px;}
    .sescrowdfunding_profile_rewards > ul > li
    {
        width:100%;
    }
    .leftcol
    {
        height:100%;
    }
    .rightcol
    {
        display:none;
    }
    .gallery__image
    {
     min-height:250px;
    }
    /*    .mobfdircol{flex-direction:column;}*/
}
.cnterV {
    top: 50%;
    transform: translate(0%,50%);
}
img {
    display: initial;
}
a img.avatar {
    display: inline;
}

.sescf_stats p {
  display: inline-block;
  margin: 0 5px;
  font-size: 110%;
}

/*PASTED FROM THE BROWSE PAGE FOR DISPLAYING GRID AND STUFF START HERE*/

    .marker--circle{
        padding: 0 10px;
        width:auto !important;
        min-width:60px !important;
        height:28px !important;
        border-radius: 4px;
        background:#ffd600;
        color:#1f3153;
        display: flex !important;
        justify-content: center;
        align-items: center;
        font-size:14px;
        font-family: 'Poppins Medium';
        top:-30px !important;
        left:-25px !important;
    }
    .marker--circle:before{
        content:'';
        width:0;
        height: 0;
        position: absolute;
        top:20px;
        border:solid 15px transparent;
        border-top-color:#ffd600;
    }
    .sitecrowdfunding_inner_menu, .layout_sitecrowdfunding_search_project_sitecrowdfunding, .layout_sitecrowdfunding_project_categories_navigation{
        display:none;
    }



    .section-nl-container{
        width:1200px;
        float:none;
        margin:0 auto;
    }
    .cl-btn{
        background: #ffd600;
        border-radius: 20px;
        width:204px;
        height:40px;
    }
    .cl-btn:hover{
        background: #1f3153;
    }
    .cl-btn:hover i, .cl-btn:hover span{
        color:#fff;
    }
    .search-ddn-container{
        background: #f4f3fe;
        height:48px;
        display: flex;
        justify-content: center;
        align-items: center;
        padding:15px 0 15px 5px;
        border-radius: 5px;
        /*max-width: 130px;*/
    }
    .search-ddn-container select, #orderby_ddn{
        border:0;
        background-color: transparent !important;
        appearance: none;
        -moz-appearance: none;
        -webkit-appearance: none;
       
        background-repeat: no-repeat;
        background-position: right 10px center;
        background-size:24px;
        font-size:14px !important;
        padding:0 10px;
    }

   

    .search-text-ctr{
        min-width: 100px;
    }
    .layout_sescrowdfunding_browse_map > .layout_browse_res > .layout_sescrowdfunding_browse_map
    {
        padding:0px !important;
        border:none !important;
        margin:0px !important;
    }
    #location-ddn-container,#category-ddn-container, #period-ddn-container, #investment-ddn-container{
        max-width: 207px;
    }
    #more-container{
        min-width:100px;
        max-width: 100px;
        padding-right: 15px;
    }
    .search-container{
        column-gap: 30px;
    }
    .flex_view_container{
        display: grid !important;
        /*flex-wrap: wrap;*/
/*        column-gap:30px;changed because on 2 or 3 grid it was displaying  not aligned*/
        column-gap:20px;
        row-gap:30px;
        justify-content: space-between;
        /*justify-content: center;*/
        align-items: center;
        /*display: grid;*/
/*        grid-template-columns: auto auto auto auto auto;*/
        grid-template-columns: auto auto auto auto;
    }
    
    .sescrowdfunding_profile_browse_rewards > ul {
  display: grid !important;
  flex-wrap: wrap;
  column-gap: 20px;
  row-gap: 35px;
  justify-content: space-between;
/*  justify-content: center;*/
  align-items: center;
  display: grid;
/*  grid-template-columns: auto auto auto auto auto;*/
  grid-template-columns: auto auto auto auto;
/*  width: auto;*/
  width: fit-content;
  
}
    .sescrowdfunding_profile_browse_rewards > ul > li {
/*  width: 19%;*/
  padding: 10px;
  border-width: 1px;
  width:300px
/*    max-width: 200px;*/
 /* margin-right: 10px;
  margin-bottom: 10px;
  max-width: 250px;*/
}
.sescrowdfunding_profile_browse_rewards>ul>li>._img {
  height:150px
}
.sescrowdfunding_profile_browse_rewards > ul > li > ._img img {
  width:100%;
  height:100%;
  object-fit:cover
}
.sescrowdfunding_profile_browse_rewards > ul > li ._title h3 {
  padding-bottom:0;
  margin-bottom:0;
  font-weight:700
}
.sescrowdfunding_profile_browse_rewards > ul > li ._date {
  font-size:85%;
  margin-bottom:5px
}
.sescrowdfunding_profile_browse_rewards > ul > li ._amount {
  font-weight:700;
  margin-bottom:5px
}
.sescrowdfunding_profile_browse_rewards > ul > li ._amount b {
  color:#2688FF
}
    .grid_wrapper .thumbs_photo:hover
    {
       /* border: 1px solid #fff !important;
  transition: width 0.2s ease-in-out;
    opacity:1;
  transition: 0.5s;*/
    }
    .grid_wrapper .thumbs_photo:hover
    {
        border: 1px solid #fff !important;
        filter:none !important;
/*  transition: width 0.2s ease-in-out;*/
/*    opacity:0.8;*/
 /* transition: 0.3s;*/
    }
    .grid_wrapper .thumbs_photo_selected
    {
        border: 8px solid #2688FF;
    }
    .flex_view_container > div{
        /*max-width:280px;*/
     /*   max-width: 400px;
        min-width: 244px;*/
/*        max-width: 200px;*/
    }
    .opportunities-map-parent-container .opportunities-card-container .flex_view_container{
        width:100%;
        grid-template-columns: auto auto auto;
        /*grid-template-columns: 280px 280px 280px;*/
    }
    .project_photo_container{
        height:156px;
        background-repeat: no-repeat !important;
        background-position: center !important;
        background-size:cover !important;
    }
    .cat_container a{
        font-size:12px;
        font-family: 'Poppins Medium';
    }
    .project_title_ctr a{
        font-family: 'Poppins Medium';
        font-size:14px;
        color:#1f3153;
    }
    #map {
        height: 100%;
        /*height:75vh;*/
        align-self: flex-start;
    }
    #map-container{
        transition: none !important;
    }
    .opportunities-card-container{
/*        width:100%;COMMENTED BECAUSE LESS GRIDS WAS NOT ALIGNING TO LEFT*/
        width:auto;
    }
    .opportunities-map-parent-container{
        width:100% !important;
        display: flex;
        justify-content: center;
        align-items: stretch;
        column-gap: 20px;
    }
    .opportunities-map-parent-container .opportunities-card-container{
        width:58%;
    }

    .opportunities-map-container{
        width:42%;
        /*background: red;*/
    }
    .leaflet-popup-content p{
        margin:5px 0 0 !important;
    }
    .leaflet-popup-content{
        min-height: 150px !important;
        margin:13px 10px !important;
    }
    .leaflet-control-zoom{
        display: none !important;
    }
    .seaocore_view_more a:before{
        margin-top:2px;
    }
    #global_header{
        z-index: 11 !important;
    }
    @media(min-width:1350px){
        .section-nl-container, .section-l-container{
            width:1280px;
        }
    }
    @media(min-width: 1750px){
        .flex_view_container > div{
            width:270px;
/*            max-width: 450px;*/
/*            max-width: 200px;*/
        }
         
    }
    .fll.wfull.project_photo_container.prelative.cpointer:hover
    {
/*        opacity:0.9;*/
    }
    .fll.wfull.border5:hover {
  border: 1px solid #c8c8c8;
  box-shadow: 0 2px 6px -4px rgba(0,0,0,.2),0 8px 10px -4px rgba(0,0,0,.14),0 8px 12px 4px rgba(0,0,0,.05);
  transform: translateY(-2px);
  z-index: 10;
  cursor:pointer;
}
    @media(min-width:1600px){
        .section-nl-container, .section-l-container{
            width:1480px;
        }

    }
    @media(max-width: 1600px){
        .search-container{
            row-gap:20px;
            column-gap: 10px;
            flex-wrap: wrap;
        }
        .flex_view_container{
            /*display: grid;*/
            column-gap:20px;
            grid-template-columns: auto auto auto auto;
/*            grid-template-columns: auto auto auto auto auto;*/
        }   
         .sescrowdfunding_profile_browse_rewards > ul {
            /*display: grid;*/
            column-gap:20px;
            /*grid-template-columns: 244px 244px 244px 244px 244px;*/
            grid-template-columns: auto auto auto auto auto;
        }
        .opportunities-map-parent-container .flex_view_container{
            /*justify-content: center;*/
            justify-content: space-between;
        }
        #location-ddn-container{
            max-width:135px;
        }
        #period-ddn-container{
            max-width:200px;
        }
        #investment-ddn-container, #category-ddn-container{
            max-width:220px;
        }
        .flex_view_container > div{   
            width:270px;
/*            max-width:300px;*/
/*            max-width:300px;*/
/*            max-width:200px;*/
        }
        .opportunities-map-parent-container .opportunities-card-container .flex_view_container{
            /*grid-template-columns: auto auto auto auto;*/
            /*grid-template-columns: 244px 244px 244px;*/
            grid-template-columns: auto auto auto;
        }
    }
    @media(max-width: 1350px){
        .search-container{
            justify-content: center;
        }
        .search-text-ctr{
            min-width:300px;
        }
        .flex_view_container > div{
/*            max-width:400px;*/
/*            max-width:200px;*/
        }
        .flex_view_container{
/*            grid-template-columns: auto auto auto auto;*/
            grid-template-columns: auto auto auto auto;
        }  
          .sescrowdfunding_profile_browse_rewards > ul {
/*            grid-template-columns: auto auto auto auto;*/
            grid-template-columns: auto auto auto auto auto;
        }
        .opportunities-map-parent-container .opportunities-card-container .flex_view_container{
            /*grid-template-columns: auto auto auto auto;*/
            /*grid-template-columns: 244px 244px 244px;*/
            grid-template-columns: auto auto;
        }
    }
    @media(max-width: 1200px){
        .section-nl-container, .section-l-container{
            width:100%;
            padding-left:20px;
            padding-right:20px;
        }
        /*.flex_view_container{
            grid-template-columns: auto auto auto auto;
        }*/
    }
    @media(max-width: 1023px){
        .flex_view_container{
            grid-template-columns: auto auto auto;
        }
        .opportunities-map-parent-container .opportunities-card-container .flex_view_container{
            /*grid-template-columns: auto auto auto auto;*/
            /*grid-template-columns: 244px 244px 244px;*/
            grid-template-columns: auto;
        }
    }
    @media(max-width: 950px){
        .flex_view_container{
            grid-template-columns: auto auto;
            justify-content: center;
        }   
        .sescrowdfunding_profile_browse_rewards > ul {
            grid-template-columns: auto auto;
            justify-content: center;
        }
    }
    @media(max-width: 767px){
        .opportunities-map-parent-container .opportunities-card-container{
            width:100% !important;
        }
        .browse-top-nav-ctr{
            border:0 !important;
        }
        #global_content{
            padding:0 !important;
        }
        #location-ddn-container, #category-ddn-container, #period-ddn-container, #investment-ddn-container{
            max-width:none;
        }
        .search-ddn-container{
            /*width:calc(50% - 10px);*/
            width: 100%;
            padding-right: 15px;
            display: none;
            transition: none;
        }
        .search-ddn-container select, #orderby_ddn{
            background-position: right center;
        }
        #search{
            width:calc(100% - 30px) !important;
            min-width: 0 !important;
        }
        .search-text-ctr{
            min-width: 0 !important;
            max-width: 80% !important;
        }
        .search-container{
            row-gap:10px;
        }
        #more-container{
            min-width: 0 !important;
            max-width: none !important;
            width:100%;
        }
        #more_btn{
            justify-content: space-between;
        }
        .sorting-container{
            column-gap: 10px;
        }
        .sorting-container > div{
            width:50%;
        }
        #orderby_ddn{
            min-width:0 !important;
            /*max-width: 110px !important;*/
        }
        .section-nl-container, .section-l-container{
            padding-left:10px !important;
            padding-right: 10px !important;
            width:100% !important;
        }
        .sort-p-ctr{
            column-gap: 10px !important;
        }
        .opportunities-card-container, .opportunities-map-container{
            width:100%;
        }
        .opportunities-m-container{
            display: flex;
            justify-content: center;
            align-items: center;
            flex-wrap:wrap;
            flex-direction: column-reverse;
            padding:0 !important;
        }
        .opportunities-card-container{
            position: relative;
            top:-50px;
            background:#fff;
            z-index: 10;
            border-top-left-radius: 20px;
            border-top-right-radius: 20px;
            float:none;
            margin:0 auto;
            max-width: 90%;
            padding-left:5px;
            padding-right:5px;
            padding-top:20px;
        }
        .flex_view_container > div{
            max-width:100% !important;
        }
         .sescrowdfunding_profile_browse_rewards > ul {
            max-width:100% !important;
        }
        .project_photo_container{
            height: 200px;
        }
        .opportunities-map-container{
            display: block;
        }
        .opp-map-btns{
            display: none !important;
        }
        #map-container{
            position: static;
            height:auto;
        }
        #map{
            height:650px;
        }
        .project_title_ctr{
            margin-top:10px;
        }
        .project_title_ctr a, .mobfsize20{
            font-size: 20px;
        }
        .cat_container a{
            font-size:16px;
        }
        .p-bar{
            height:10px !important;
        }
        .mobmrgt15{
            margin-top:15px;
        }
        .mobmrgb15{
            margin-bottom: 15px;
        }
        .mobdispif{
            display: inline-flex;
        }
    }
    .browse_cats_rating {
  display: block;
  position: absolute;
  z-index: 1;
  top: 45%;
  width: 100%;
}
    @media(max-width: 600px){
        .flex_view_container{
            grid-template-columns: 100%;
        }     
       .sescrowdfunding_profile_browse_rewards > ul {
            grid-template-columns: 100%;
        }
        .sescrowdfunding_profile_browse_rewards > ul > li {
            max-width:fit-content;
        }
    }
    @media (min-width: 768px) 
    {
        .con_height
        {
            height: 92vh;
        }
    }

    @media (max-width: 767px) 
    {
        .con_height
        {
            height: 30vh;
        }
    }
    ._item
    {
        cursor:pointer;
    }
    .fc-daygrid-event-harness
{
    background-color: var(--fc-event-bg-color);
  border: 1px solid var(--fc-event-border-color);
  display: block;
}
.fc-event > .fc-event-title
{
        color:#FFF;
        font-weight:normal;
}
.fc-event-main > .fc-event-main-frame > .fc-event-time
{
     color:#FFF;
}
.fc-daygrid-event-dot, .fc-event-time
{
    display:none;
}
.fc-event-title-container > .fc-event-title
{
        color:#FFF;
}
.fc-event-title,.fc-event-time
/*.fc-event-title*/
{
/*   color:#FFF;*/
}
.fc-toolbar-title
{
    text-align: center;
    margin-bottom:20px;
}
.fc-daygrid-day-number:hover
{
    cursor:pointer;
}
.fc .fc-daygrid-day-number
{
    text-decoration: none;
  color: #343a40;
}
.ui-dialog-titlebar-close
{
    display:none;
}
.fc-addEventButton2-button.fc-button.fc-button-primary
{
    margin-left:20px;
    background-color:#2688FF;
}


.appointmentSlotsContainer {
  display:-ms-flexbox;
  display:flex;
  -ms-flex-pack:justify;
/*  justify-content:space-between;*/
  -ms-flex-line-pack:start;
  align-content:flex-start;
  -ms-flex-wrap:wrap;
  flex-wrap:wrap;
  height:100%
}
.appointmentSlot {
  height:44px;
  display:-ms-flexbox;
  display:flex;
  -ms-flex-align:center;
  align-items:center;
  -ms-flex-pack:center;
  justify-content:center;
/*  width:calc(30% - 6px);*/
  border:1px solid #2688FF;
  background-color:transparent;
/*  color:#486cee;*/
  border-radius:6px;
  text-align:center;
  font-size:12px;
  margin-bottom:8px;
  transition:.3s;
  padding:6px;
  margin-right:6px;
  width :fit-content;
  cursor:pointer
}
.appointmentSlot:not(.disabled):not(.active):hover {
  background-color:#f0eeee
}
.appointmentSlot.active {
  animation:indicate .2s linear forwards;
  background-color: #2688FF;
  color:#FFF;
}
.appointmentSlot.disabled {
  border:1px solid #c3cad8;
  background-color:#f4f5f8;
  color:#c3cad8;
  cursor:default
}
#inputRewardQty
{
    font-size:14px
}
input[type="number"] {
  -webkit-appearance: textfield;
  -moz-appearance: textfield;
  appearance: textfield;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
}

.number-input {
  display: inline-flex;
}

.number-input,
.number-input * {
  box-sizing: border-box;
}

.number-input button {
  outline:none;
  -webkit-appearance: none;
  background-color: #2688FF !important;
  border-radius: 3px;
  align-items: center;
  justify-content: center;
  width: 2rem;
  height: 2rem;
  cursor: pointer;
  margin: 0;
  position: relative;
  margin-left: 10px;
  margin-right: 10px;
}

.number-input button:before,
.number-input button:after {
  display: inline-block;
  position: absolute;
  content: '';
  width: 1rem;
  height: 2px;
  background-color: #FFF;
  transform: translate(-50%, -50%);
}
.number-input button.plus:after {
  transform: translate(-50%, -50%) rotate(90deg);
}
.disabledbutton {
    pointer-events: none;
    opacity: 0.4;
}
.number-input input[type=number] {
  font-family: sans-serif;
  max-width: 5rem;
  padding: .5rem;
  border: solid #ddd;
  border-width: 1px;
  font-size: 13px;
  height: 2rem;
  
  text-align: center;
}



.steps {
    border: 1px solid #e7e7e7
}

.steps-header {
    padding: .375rem;
    border-bottom: 1px solid #e7e7e7
}

.steps-header .progress {
    height: .25rem
}

.steps-body {
    display: table;
    table-layout: fixed;
    width: 100%
}

.step {
    display: table-cell;
    position: relative;
    padding: 1rem .75rem;
    -webkit-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
    border-right: 1px dashed #dfdfdf;
    color: rgba(0, 0, 0, 0.65);
    font-weight: 600;
    text-align: center;
    text-decoration: none
}

.step:last-child {
    border-right: 0
}

.step-indicator {
    display: block;
    position: absolute;
    top: .75rem;
    left: .75rem;
    width: 1.5rem;
    height: 1.5rem;
    border: 1px solid #e7e7e7;
    border-radius: 50%;
    background-color: #fff;
    font-size: .875rem;
    line-height: 1.375rem
}

.has-indicator {
    padding-right: 1.5rem;
    padding-left: 2.375rem
}

.has-indicator .step-indicator {
    top: 50%;
    margin-top: -.75rem
}

.step-icon {
    display: block;
    width: 1.5rem;
    height: 1.5rem;
    margin: 0 auto;
    margin-bottom: .75rem;
    -webkit-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
    color: #888
}

.step:hover {
    color: rgba(0, 0, 0, 0.9);
    text-decoration: none
}

.step:hover .step-indicator {
    -webkit-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
    border-color: transparent;
    background-color: #f4f4f4
}

.step:hover .step-icon {
    color: rgba(0, 0, 0, 0.9)
}

.step-active,
.step-active:hover {
    color: rgba(0, 0, 0, 0.9);
    pointer-events: none;
    cursor: default
}

.step-active .step-indicator,
.step-active:hover .step-indicator {
    border-color: transparent;
/*    background-color: #5c77fc;*/
    color: #fff
}

.step-active .step-icon,
.step-active:hover .step-icon {
    color: #5c77fc
}

.step-completed .step-indicator,
.step-completed:hover .step-indicator {
    border-color: transparent;
/*    background-color: rgba(51, 203, 129, 0.12);*/
    background-color:#2688FF;
/*    color: #33cb81;*/
    color: #FFF;
    line-height: 1.25rem
}

.step-completed .step-indicator .feather,
.step-completed:hover .step-indicator .feather {
    width: .875rem;
    height: .875rem
}

@media (max-width: 575.98px) {
    .steps-header {
        display: none
    }
    .steps-body,
    .step {
        display: block
    }
    .step {
        border-right: 0;
        border-bottom: 1px dashed #e7e7e7
    }
    .step:last-child {
        border-bottom: 0
    }
    .has-indicator {
        padding: 1rem .75rem
    }
    .has-indicator .step-indicator {
        display: inline-block;
        position: static;
        margin: 0;
        margin-right: 0.75rem
    }
}
.active > ._img img
{
    filter:grayscale(0%) !important
}
._item.active {
  border: 3px solid #2688FF;
  border-radius: 5px;
}
.progress-bar
{
    background-color:#2688FF;
}
.about_me
{
    float: left;font-size: 15px;padding-top: 10px;text-align:left;
}
.profile_info
{
   padding-top: 55px;margin-left: 15px;float:left
}
.profile_chk_info
{
   padding-top: 21px;margin-left: 15px;float:left
}
.fc .fc-daygrid-day-frame
{
    min-height:auto;
}

/************************************************ Custom CSS for the listing card start ****************************************************************/
.listing-card-container {
  margin-bottom: 20px;
}

.listing-card {
  cursor: pointer;
  transition: all 0.3s ease;
  box-shadow: 0 4px 6px rgba(0,0,0,0.1);
  border-radius: 8px;
  overflow: hidden;
}

.listing-card:hover {
  box-shadow: 0 10px 15px rgba(0,0,0,0.15);
  transform: translateY(-5px);
}

.card-header {
  background-color: #fff;
  border-bottom: 1px solid rgba(0,0,0,0.125);
  padding: 0.75rem 1rem;
}

.category-icon {
  width: 24px;
  height: 24px;
  object-fit: contain;
}

.listing-title-container {
  flex: 1;
  min-width: 0; /* Allows flex items to shrink below content size */
}

.listing-title {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding-right: 10px;
}

.favorite-container {
  flex-shrink: 0;
  margin-left: 10px;
}

.favorite-icon {
  font-size: 20px;
  cursor: pointer;
  transition: all 0.3s ease;
}

.favorite-icon:hover {
  transform: scale(1.2);
  color: #ff5a5f;
}

.favorite-icon.is-favorite,
.favorite-icon.active {
  color: #ff5a5f;
}

.location-text {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 250px;
  display: inline-block;
}

.image-container {
  height: 200px;
  overflow: hidden;
}

.card-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.3s ease;
}

.listing-card:hover .card-img {
  transform: scale(1.05);
}

.social-share-container {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0,0,0,0.6);
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  align-items: center;
  opacity: 0;
  transition: opacity 0.3s ease;
  pointer-events: none;
}

.listing-card:hover .social-share-container {
  opacity: 1;
  pointer-events: auto;
}

.social-row {
  display: flex;
  justify-content: center;
  width: 100%;
}

.top-row {
  margin-bottom: 10px;
}

.share-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background-color: white;
  color: #333;
  margin: 0 5px;
  transition: all 0.2s ease;
  text-decoration: none;
}

.share-icon:hover {
  transform: scale(1.1);
  box-shadow: 0 0 10px rgba(255,255,255,0.5);
  color: #2688FF;
}

.progress {
  height: 10px;
  border-radius: 5px;
}

.funding-details .row {
  margin-bottom: 5px;
}

/* Heartbeat animation for favorite icon */
@keyframes heartbeat {
  0% { transform: scale(1); }
  25% { transform: scale(1.3); }
  50% { transform: scale(1); }
  75% { transform: scale(1.3); }
  100% { transform: scale(1); }
}

.heartbeat {
  animation: heartbeat 0.8s ease-in-out;
}

/* Responsive adjustments */
@media (max-width: 576px) {
  .social-share-container {
    padding: 10px;
  }
  
  .share-icon {
    width: 30px;
    height: 30px;
    margin: 0 3px;
  }
  
  .image-container {
    height: 150px;
  }
  
  .location-text {
    max-width: 150px;
  }
}

/************************************************ Custom CSS for the listing card end ****************************************************************/