@font-face{font-family:Gilroy-light;src:url(/themes/front/default/assets/fonts/Gilroy-Light.eot);src:url(/themes/front/default/assets/fonts/Gilroy-Light.otf) format('opentype'),url(/themes/front/default/assets/fonts/Gilroy-Light.woff2) format('woff2'),url(/themes/front/default/assets/fonts/Gilroy-Light.woff) format('woff'),url(/themes/front/default/assets/fonts/Gilroy-Light.ttf) format('truetype'),url(/themes/front/default/assets/fonts/Gilroy-Light.svg) format('svg')}
@font-face{font-family:Gilroy-regular;src:url(/themes/front/default/assets/fonts/Gilroy-Regular.eot);src:url(/themes/front/default/assets/fonts/Gilroy-Regular.otf) format('opentype'),url(/themes/front/default/assets/fonts/Gilroy-Regular.woff2) format('woff2'),url(/themes/front/default/assets/fonts/Gilroy-Regular.woff) format('woff'),url(/themes/front/default/assets/fonts/Gilroy-Regular.ttf) format('truetype'),url(/themes/front/default/assets/fonts/Gilroy-Regular.svg) format('svg')}
@font-face{font-family:Gilroy-medium;src:url(/themes/front/default/assets/fonts/Gilroy-Medium.eot);src:url(/themes/front/default/assets/fonts/Gilroy-Medium.otf) format('opentype'),url(/themes/front/default/assets/fonts/Gilroy-Medium.woff2) format('woff2'),url(/themes/front/default/assets/fonts/Gilroy-Medium.woff) format('woff'),url(/themes/front/default/assets/fonts/Gilroy-Medium.ttf) format('truetype'),url(/themes/front/default/assets/fonts/Gilroy-Medium.svg) format('svg')}
@font-face{font-family:Gilroy-bold;src:url(/themes/front/default/assets/fonts/Gilroy-Bold.eot);src:url(/themes/front/default/assets/fonts/Gilroy-Bold.otf) format('opentype'),url(/themes/front/default/assets/fonts/Gilroy-Bold.woff2) format('woff2'),url(/themes/front/default/assets/fonts/Gilroy-Bold.woff) format('woff'),url(/themes/front/default/assets/fonts/Gilroy-Bold.ttf) format('truetype'),url(/themes/front/default/assets/fonts/Gilroy-Bold.svg) format('svg')}

@font-face{font-family:Gilroy;src:url(/themes/front/default/assets/fonts/Gilroy-Medium.eot);src:url(/themes/front/default/assets/fonts/Gilroy-Medium.otf) format('opentype'),url(/themes/front/default/assets/fonts/Gilroy-Medium.woff2) format('woff2'),url(/themes/front/default/assets/fonts/Gilroy-Medium.woff) format('woff'),url(/themes/front/default/assets/fonts/Gilroy-Medium.ttf) format('truetype'),url(/themes/front/default/assets/fonts/Gilroy-Medium.svg) format('svg')}

:root {
    --theme-25: #3CE3B4;
    --theme-50: #ADF6D5;
    --theme-80: #E8F4FF; 
    --theme-90: #F7FDFB;
    --muted: #999;
    --light-0: #F7F7F7;
    --light-1: #E6E6E6;

    --font-light:Gilroy-light;
    --font-regular:Gilroy-regular;
    --font-medium:Gilroy-medium;
    --font-bold:Gilroy-bold;
    --black: #000000;
    --white: #ffffff;
    --primary-700: #0D6946;
    --theme-default: #1dca99;
    --theme-default-30: rgba(29, 202, 153, 0.3);
    --theme-color: #12825D;
    --theme-dark: #1D4648;
    --theme-dark-80: rgba(29, 70, 72, 0.8);
    --gradient: linear-gradient(159deg, #1DCA9B 0%, #1DCA24 100%);
    --gradient-hover: linear-gradient(0deg, rgba(0, 0, 0, 0.20) 0%, rgba(0, 0, 0, 0.20) 100%), linear-gradient(159deg, #1DCA9B 0%, #1DCA24 100%);
    --gradient-2: linear-gradient(85deg, #FFFCDD 0%, #FFFCDD 0%, #E7FEFF 100%);
    --gradient-aqua: linear-gradient(91deg, #ECFEF9 0.42%, #E7FEFF 52.75%);
    --gradient-blue: linear-gradient(99deg, #5C85C2 26.02%, #4D61CA 88%);
    --website-blue: linear-gradient(99deg, #5C85C2 26.02%, #4D61CA 88%);
    --gray-25: #FCFCFD;
    --gray-50: #F9FAFB;
    --gray-true-50: #FAFAFA;
    --gray-100: #F2F4F7;
    --gray-200: #EAECF0;
    --gray-300: #D0D5DD;
    --gray-400: #98A2B3;
    --gray-500: #667085;
    --gray-600: #475467;
    --gray-700: #344054;
    --gray-800: #1D2939;
    --gray-900: #101828;
    --gray-cool: #5D6B98;
    --gray-iron: #3F3F46;
    --gray-natural: #9DA4AE;
    --gray-info: #97A3AD;
    --indigo-100: #E0EAFF;
    --gray-blue-50: #F8F9FC;
    --gray-blue-200: #D5D9EB;
    --green-light-100: #E3FBCC;
    --green-light-200: #ECFDF3;
    --green-light-300: #CEF8EC;
    --blue-light-25:#F5FBFF;
    --blue-500: #2E90FA;
    --warning-200: #FEDF89;
    --orange-dark-50: #FFF4ED;
    --fuchsia-50: #FDF4FF;
    --rose-50: #FFF1F3;
    --cyan-50: #ECFDFF;
    --error-50: #FEF3F2;
    --error-300: #FDA29B;
    --error-600: #D92D20;
    --error-700: #B42318;
    --success-500: #12B76A;
    --success-400: #32D583;
    --shadow-lg: 0px 4px 6px -2px rgba(16, 24, 40, 0.03), 0px 12px 16px -4px rgba(16, 24, 40, 0.08);
    --shadow-xl: 0px 8px 8px -4px rgba(16, 24, 40, 0.03), 0px 20px 24px -4px rgba(16, 24, 40, 0.08);
    --shadow-sm: 0px 1px 2px 0px rgba(16, 24, 40, 0.06), 0px 1px 3px 0px rgba(16, 24, 40, 0.10);
    --shadow-xs: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
    --shadow: 0px 8px 8px -4px rgba(16, 24, 40, 0.03), 0px 20px 24px -4px rgba(16, 24, 40, 0.08);
    --3d:translateY(-2.0px);
    --transition-sm:0.2s ease;
    --ease-sm:0.15s ease;
    --radius-xl: 16px;
    --radius-lg: 12px;
    --radius-md: 8px;
    --radius-sm: 4px;
    --sidebar-width: 260px;
    --sidebar-width-mini: 80px;
    --space-24: 24px;
    --space-32: 32px;
    --space-56: 56px;
}

::-moz-selection {
  color: var(--theme-dark);
  background: var(--theme-50);
}

::selection {
  color: var(--theme-dark);
  background: var(--theme-50);
}

*{
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    padding: 0;
    margin: 0;
}

body{
    background-color: #fff;
    overflow:auto!important;
    font-family:var(--font-regular)!important;
}

.modal::-webkit-scrollbar,
#leadership-1 .content-details::-webkit-scrollbar {
  width: 0px;
  opacity: 0;
  visibility: hidden;
}
.modal,
#leadership-1 .content-details{
    scrollbar-width: none;
    overflow: -moz-scrollbars-none;
}


.main-wrapper{min-height: 100vh;}

.main-sidebar{
    background:#f7fdfb;
/*    width:220px;*/
    width:var(--sidebar-width);
    box-shadow:none!important;
    display: flex;
    flex-direction: column;
    padding: 20px 20px;
}
.main-content{
    padding-top:30px;
    padding-bottom:50px;
/*    padding-left:260px;*/
    padding-left:calc(var(--sidebar-width) + 30px);
}

.main-content-full{
    padding-left:30px!important;
    padding-right:30px;
    padding-top:40px;
    width:100%;
    position:relative 
}
i.fa{
    font-style: normal !important;
}
.cyan{
    color:#1dca99 
}
.hide{
    display:none 
}
.bold-text.font-14{
    font-weight:900 
}
.h-350{
    height:350px 
}
.for-light-color,a.for-light-color{
    color:#1dca99!important 
}
.h-300{
    height:300px 
}
h1.h1{
    font-size:26px;
    font-weight:700 
}
h2.h2{
    font-size:24px;
    font-weight:700 
}
h3.h3{
    font-size:21px;
    font-weight:700 
}
h4.h4{
    font-size:18px;
    font-weight:700 
}
h5.h5{
    font-size:16px;
    font-weight:700 
}
h6.h6{
    font-size:14px;
    font-weight:700 
}
.back-color-f7f7f7{
    background-color:#f7f7f7 
}
.for-card-line{
    border-bottom:1px solid #efefef;
    padding-bottom:15px 
}
.act{
    display:block 
}
.inact{
    display:none 
}
.text-center{
    text-align:center!important 
}
.for-fa-icon{
    margin:0;
    list-style-type:none;
    padding:0 
}
.for-fa-icon li{
    display:inline-block;
    padding:10px;
    color:#545353;
    vertical-align:top 
}
.navbar.navbar-expand-lg.main-navbar.sticky{
    background:#1dca99 
}
.navbar{
    height:55px 
}
.collapse-icon{
    width:20%;
    float:right 
}

.sidebar-mini .main-sidebar .sidebar-menu>li{
    padding:0 10px 
}
/*.sidebar-mini .main-sidebar .sidebar-menu>li.user-profile-dropdown {
    margin: 0;
}*/



.sidebar-mini .main-sidebar{
    position:fixed;
    overflow:initial!important 
}
.main-sidebar .sidebar-menu li{}
.main-sidebar .sidebar-menu li a{
    padding:0 5px;
    cursor:pointer;
}
.main-sidebar .sidebar-menu li a:hover{
    background-color:#f7fdfb;
    color:#1dca99!important 
}
.main-sidebar .sidebar-brand a .logo-name{
    font-size:15px;
    padding-left:10px 
}
.sidebar-mini .main-sidebar,
.sidebar-mini .main-sidebar:after{
    width:75px 
}
.for-custom-table tr{
    text-align:center;
    background:#fff 
}
.light-sidebar.sidebar-mini .collapse-icon{
    padding-right:10px;
    width:25% 
}
.light-sidebar.sidebar-mini .collapse-icon.nav-link{
    padding:.5rem 0 
}
.light-sidebar.sidebar-mini .main-sidebar .sidebar-brand{
    width:75% 
}
.main-sidebar .sidebar-brand{height: unset;}
.for-custom-table.table-bordered td,
.for-custom-table.table-bordered th{border:none!important}
table.dataTable{
    border-collapse:separate!important 
}
.for-custom-table tr:hover{
    background-color:#fff!important 
}
.card{
    border-radius:15px!important 
}
.for-table-btn,.for-table-btn:hover{
    background:#1dca99!important;
    color:#fff;
    box-shadow:2px 2px 6px #b7afaf!important;
    border:1px solid #1dca99 
}
.for-custom-table.table-bordered.dataTable{
    border-right-width:0;
    border-left-width:0!important;
    border-top-width:0!important 
}
div#example_filter,div#example_length{
    display:none 
}
table{
    border-collapse:separate;
    border-spacing:0 10px 
}
tr td:first-child{
    border-top-left-radius:10px;
    border-bottom-left-radius:10px 
}
tr:first-child td:last-child{
    border-top-right-radius:10px;
    border-bottom-right-radius:10px 
}
.table:not(.table-sm) thead th{
    background:#fff!important;
    color:gray 
}
.btn.for_inactive_button,.btn.for_inactive_button:focus,.btn.for_inactive_button:hover{
    box-shadow:0 0 6px #b7afaf;
    background:#fff 
}
#tble-1 tr:hover{
    background-color:#1dca99!important 
}
.dataTables_info,ul.pagination{
    display:none 
}
.box-shadow-1{
    box-shadow:0 0 6px #b7afaf 
}
#btn-group .dropdown-menu{
    width:160px;
    right:auto 
}
#example.table-bordered{
    border:1px solid #fff 
}
.for-custom-table tr.active{
    background-color:#1dca99!important;
    color:#fff!important;
    border-radius:0!important 
}
.for-custom-table tr.active td{
    border-radius:0 
}
.map-img img{
    width:100px;
    position:absolute;
    top:24%;
    left:6%;
    border:4px solid #fff;
    border-radius:5px;
    box-shadow:0 .46875rem 2.1875rem rgba(90,97,105,.1),0 .9375rem 1.40625rem rgba(90,97,105,.1),0 .25rem .53125rem rgba(90,97,105,.12),0 .125rem .1875rem rgba(90,97,105,.1) 
}
.float-right{
    float:right 
}
.browse-project .c100.big{
    font-size:55px 
}
.browse-project .inner-content{
    position:absolute;
    right:85px;
    top:130px 
}
.max-width-100{
    max-width:100% 
}
.thumbnail{
    border:1px solid #ddd;
    border-bottom:3px solid #1dca99 
}
#ngo .modal-header{
    padding:15px 
}
#ngo .modal-body{
    padding-bottom:20px 
}
#leadership-1 h2{
    font-size:18px;
    border-bottom:1px dotted #ddd;
    margin-right:12px;
    margin-left:12px 
}
#leadership-1 .content{
    position:relative;
    width:90%;
    max-width:400px;
    margin:auto;
    overflow:hidden 
}
#leadership-1 .content a{
    text-decoration:none 
}
#leadership-1 .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 
}
#leadership-1 .content:hover .content-overlay{
    opacity:1 
}
#leadership-1 .content-image{
    width:100%;
    height:200px;
    object-fit:contain 
}
#leadership-1 .content-details{
    position:absolute;
    width:100%;
    left: 0;
    top: 0;
    padding: 1rem;
    opacity:0;
    height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    display: flex;
    flex-direction: column;
    -webkit-transition:all .3s ease-in-out 0s;
    -moz-transition:all .3s ease-in-out 0s;
    transition:all .3s ease-in-out 0s 
}
#leadership-1 .content:hover .content-details{
    top:0;
    opacity:1 
}
#leadership-1 h3{
    font-size:16px;
    text-align:center 
}
#leadership-1 h3 span{
    display:block;
    font-size:13px;
    text-align:center;
    color:#000;
    font-weight:500 
}
#leadership-1 .content-details h6{
    color:#fff;
    font-weight:600;
    margin-bottom:.5em;
    font-size:12px;
    line-height:18px 
}
#leadership-1 .content-details h6 span{
    display:block;
    font-size:12px 
}
#leadership-1 .content-details p{
    color:#fff;
    font-size:12px;
    line-height:18px 
}
.border-bottom-fff{
    border-bottom:1px solid #fff;
    line-height:0!important;
    margin-bottom:5px 
}
#leadership-1 .fadeIn-bottom{
    top:80% 
}
#leadership-1 .fadeIn-top{
    top:20% 
}
#leadership-1 .fadeIn-left{
    left:20% 
}
#leadership-1 .fadeIn-right{
    left:80% 
}
#leadership .thumbnail{
    border:none 
}
#leadership-1 .owl-nav button{
    position:absolute;
    top:50%;
    background-color:#000;
    color:#fff;
    margin:0;
    transition:all .3s ease-in-out 
}
#leadership-1 .owl-nav button.owl-prev{
    left:15px 
}
#leadership-1 .owl-nav button.owl-next{
    right:15px 
}
#leadership-1 .owl-nav button{
    position:absolute;
    top:40%;
    transform:translateY(-50%);
    background:0 0!important 
}
#leadership-1 .owl-prev span{
    font-size:70px;
    position:relative;
    top:-5px;
    color:#fff 
}
#leadership-1 .owl-next span{
    font-size:70px;
    position:relative;
    top:-5px;
    color:#fff 
}
#leadership-1 .owl-nav button:focus{
    outline:0 
}
#leadership h3{
    font-size:16px;
    color:#1dca99;
    margin:0;
    padding:5px 10px 0 
}
#ngo .modal-dialog{
    max-width:800px 
}
#leadership h5{
    font-size:12px;
    margin:0;
    padding-bottom:1px;
    padding-top:1px;
    padding-left:10px;
    font-weight:300 
}
#leadership h6{
    font-size:11px;
    margin:0;
    padding-bottom:1px;
    padding-top:2px;
    color:#adaaa3;
    font-weight:300;
    font-style:italic;
    padding-left:10px 
}
#leadership p,#leadership span,#leadership span.description{
    font-size:14px!important;
    color:#000!important;
    line-height:1.3;
    margin-bottom:5px;
    padding-left:0;
    padding-top:5px;
    text-align:justify;
    color:#000!important;
    font-family:Gilroy!important;
    font-style:normal!important 
}
#leadership span i{
    font-style:normal!important;
    font-family:Gilroy!important 
}
.img-box img{
    width:100% 
}
.text-centre{
    text-align:center 
}
.close{
    outline:0!important 
}
.btn-search{
    background-color:#1dca99;
    border:#1dca99 1px solid;
    color:#fff!important;
    cursor:pointer;
    font-size:13px;
    border-radius:5px;
    padding:8px 10px;
    transition:.2s all;
    width:70px 
}
.btn-search:hover{
    background-color:#000;
    border-color:#000!important;
    color:#fff!important 
}
.btn-close{
    background-color:#eee;
    border:#eee 1px solid;
    color:#000!important;
    cursor:pointer;
    font-size:13px;
    border-radius:5px;
    padding:8px 10px;
    transition:.2s all;
    width:70px 
}
.btn-close:hover{
    background-color:#fff;
    border-color:1px solid #000!important;
    color:#000!important 
}
.btnstories{
    background-color:#1dca99;
    color:#fff!important;
    border:1px solid #1dca99;
    border-radius:8px;
    padding:0 10px;
    text-decoration:none!important;
    height:32px;
    display:inline-block;
    line-height:31px 
}
.btnstories.company-stubbs-creek-forest-treespecies-projectpurchase{
    margin-left:10px 
}
.btnstories:hover{
    border:1px solid #000!important;
    color:#fff;
    background-color:#000 
}
#stories .close span{
    font-size:18px;
    font-style:normal 
}
#stories .story-img{
    width:495px;
    height:330px 
}
#stories .story-img img{
    width:100%;
    max-width:100%;
    height:100%!important;
    object-fit:contain 
}
#stories h4{
    font-size:22px;
    color:#000000;
    margin-bottom:5px 
}
#stories span.date{
    font-style:italic;
    font-size:13px;
    color:#000;
    font-weight:600;
    display:block;
    padding-bottom:20px 
}
#stories p{
    line-height:28px 
}
#species .owl-nav button,#stories .owl-nav button{
    position:absolute;
    top:50%;
    background-color:#000;
    color:#fff;
    margin:0;
    transition:all .3s ease-in-out 
}
#stories .owl-nav button.owl-prev #species .owl-nav button.owl-prev{
    left:0 
}
#species .owl-nav button.owl-next,#stories .owl-nav button.owl-next{
    right:0 
}
#species .owl-dots,#stories .owl-dots{
    text-align:center;
    padding-top:15px 
}
#species .owl-dots button.owl-dot{
    display:none 
}
#stories .owl-dots button.owl-dot{
    width:15px;
    height:15px;
    border-radius:50%;
    display:inline-block;
    background:#ccc;
    margin:0 3px 
}
#species .owl-dots button.owl-dot.active,#stories .owl-dots button.owl-dot.active{
    background-color:#000 
}
#species .owl-dots button.owl-dot:focus,#stories .owl-dots button.owl-dot:focus{
    outline:0 
}
#stories .owl-nav button{
    position:absolute;
    top:50%;
    transform:translateY(-50%);
    background:rgba(255,255,255,.38)!important 
}
#species .owl-nav button{
    background:0 0!important 
}
#stories .owl-prev span{
    font-size:70px;
    position:relative;
    top:-5px 
}
#species .owl-prev span{
    font-size:70px;
    position:relative;
    top:-100px;
    color:#000;
    right:10px 
}
#stories .owl-next span{
    font-size:70px;
    position:relative;
    top:-5px 
}
#species .owl-next span{
    font-size:70px;
    position:relative;
    top:-100px;
    color:#000;
    left:10px 
}
#species .owl-nav button:focus,#stories .owl-nav button:focus{
    outline:0 
}
#species .modal-dialog,#stories .modal-dialog{
    max-width:1000px 
}
#species h5{
    color:#1dca99;
    font-size:20px;
    text-align:center;
    padding:10px 0 
}
#species .content{
    position:relative;
    width:90%;
    max-width:400px;
    margin:auto;
    overflow:hidden 
}
#species .content a{
    text-decoration:none 
}
#species .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 
}
#species .content:hover .content-overlay{
    opacity:1 
}
#species .content-image{
    width:100%;
    height:200px;
    object-fit:cover 
}
#species .modal-content{
    height:600px 
}
#species .modal-body{
    padding-top:8rem 
}
#ngo .modal-header,#species .modal-header,#stories .modal-header{
    border-bottom:1px solid #ddd 
}
#species .content-details{
    position:absolute;
    text-align:center;
    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 
}
#species .content:hover .content-details{
    top:50%;
    left:50%;
    opacity:1 
}
#species .content-details h3{
    color:#fff;
    font-weight:500;
    letter-spacing:.15em;
    margin-bottom:.5em;
    text-transform:uppercase 
}
#species .content-details p{
    color:#fff;
    font-size:15px;
    line-height:18px 
}
#species .fadeIn-bottom{
    top:80% 
}
#species .fadeIn-top{
    top:20% 
}
#species .fadeIn-left{
    left:20% 
}
#species .fadeIn-right{
    left:80% 
}
.btnprev, .btnext{
    background-color:#1dca99;
    color:#fff!important;
    border:1px solid #1dca99;
    border-radius:8px;
    padding:5px 10px 
}
.btnext{
    float:right 
}
.margin-top-20{
    margin-top:20px 
}
#stories .modal-content{
    height:600px 
}
.align-center{
    text-align:center 
}
.bg-light-green{
    background-color:#e6f7f4!important 
}
.color-black{
    font-weight:700;
    color:#000 
}
.links .pagination{
    display:flex 
}
.btn-link-ryt{
    text-align:right;
    padding:10px 15px 0 
}
.btn-link-ryt a{
    background-color:#1dca99;
    color:#fff;
    padding:5px 10px;
    border-radius:5px 
}
.btn-cyan{
    background-color:#1dca99;
    color:#fff!important;
    border:1px solid #1dca99 
}
.btn-cyan:hover{
    box-shadow:0 0 0 2.5px #fff,0 0 0 5px #1dca99,0 0 0 5px #fff,0 0 0 5.5px #1dca99;
    background:#fff;
    color:#1dca99!important 
}
.modal-dialog.mod-md{
    max-width:800px 
}
.links .pagination .page-item .page-link{
    border-radius:50% 
}
.links .pagination li.page-item:first-child .page-link,.links .pagination li.page-item:last-child .page-link{
    padding:8px 15px 
}
#popup .card{
    box-shadow:none 
}
#popup .btn.btn-lg{
    padding:3px 10px;
    width:75px;
    float:right;
    margin-top:10px;
    margin-bottom:0 
}
#popup .row{
    float:right;
    margin-right:0 
}
#popup .row .col-xs-12 .error{
    color:red;
    font-size:12px 
}
#popup .form-group{
    margin-bottom:20px 
}
#popup .card .card-body{
    padding-bottom:0 
}
#popup .display-td .img-responsive{
    max-width:180px 
}
.container-1{
    display:block;
    position:relative;
    padding-left:35px;
    margin-bottom:12px;
    cursor:pointer;
    font-size:22px;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none 
}
.container-1 input{
    position:absolute;
    opacity:0;
    cursor:pointer;
    height:0;
    width:0 
}
.checkmark-1{
    position:absolute;
    top:0;
    left:0;
    height:20px;
    width:20px;
    background-color:#eee;
    border:1px solid #eee 
}
.container-1:hover input~.checkmark-1{
    background-color:#ccc 
}
.container-1 input:checked~.checkmark-1{
    background-color:#000;
    border:#ddd 2px solid 
}
.checkmark-1:after{
    content:"";
    position:absolute;
    display:none 
}
.container-1 input:checked~.checkmark-1:after{
    display:block 
}
.container-1 .checkmark-1:after{
    left:5px;
    top:3px;
    width:6px;
    height:10px;
    border:solid #fff;
    border-width:0 3px 3px 0;
    -webkit-transform:rotate(45deg);
    -ms-transform:rotate(45deg);
    transform:rotate(45deg) 
}
.table{
    margin:0 
}
.table:not(.table-sm):not(.table-md):not(.dataTable) td,.table:not(.table-sm):not(.table-md):not(.dataTable) th{
    height:0;
    padding:10px 
}
.table tr td:first-child{
    padding:5px 10px 10px!important 
}
.paging .btn{
    font-weight:600;
    font-size:12px;
    line-height:24px;
    padding:0 10px;
    letter-spacing:.5px;
    color:#868181 
}
.paging .btn.active{
    background:#1dca99!important;
    color:#fff;
    box-shadow:2px 2px 6px #b7afaf!important;
    border:1px solid #1dca99 
}
.font-size-12{
    font-size:12px;
    line-height:1.5 
}
h4{
    font-size:24px 
}
.article .article-header .article-badge{
    top:20%;
    left:3% 
}
.article.article-style-b .article-details .article-title a{
    text-decoration:none;
    font-size:15px;
    text-align:center;
    display:block 
}
.article .article-header .article-title{
    padding:10px 10px 10px 0 
}
.article .article-header .article-title h2{
    position:absolute;
    bottom:130px;
    left:7px;
    font-size:12px;
    line-height:24px 
}
.article .article-header .article-badge .article-badge-item{
    padding:3px 8px!important;
    font-size:10px!important 
}
.article .article-details{
    padding:40px 20px!important;
    padding-bottom:0!important 
}
.c100 .bar,.c100.p75 .fill,.pie{
    position:absolute;
    border:.08em solid #307bbb;
    width:.84em;
    height:.84em;
    clip:rect(0,.5em,1em,0);
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    -ms-border-radius:50%;
    -o-border-radius:50%;
    border-radius:50%;
    -webkit-transform:rotate(0);
    -moz-transform:rotate(0);
    -ms-transform:rotate(0);
    -o-transform:rotate(0);
    transform:rotate(0) 
}
.c100.p75 .bar:after,.c100.p75 .fill,.pie-fill{
    -webkit-transform:rotate(180deg);
    -moz-transform:rotate(180deg);
    -ms-transform:rotate(180deg);
    -o-transform:rotate(180deg);
    transform:rotate(180deg) 
}
.c100{
    position:relative;
    font-size:120px;
    width:1em;
    height:1em;
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    -ms-border-radius:50%;
    -o-border-radius:50%;
    border-radius:50%;
    float:left;
    margin:0 .1em .1em 0;
    background-color:#ccc 
}
.c100 *,.c100:after,.c100:before{
    -webkit-box-sizing:content-box;
    -moz-box-sizing:content-box;
    box-sizing:content-box 
}
.c100.center{
    float:none;
    margin:0 auto 
}
.c100.big{
    font-size:100px 
}
.section .section-title{
    font-size:18px;
    color:#191d21;
    font-weight:600;
    position:relative;
    margin:10px 0 
}
.c100>p{
    position:absolute;
    width:100%;
    z-index:1;
    left:0;
    top:33%;
    line-height:1.3;
    font-size:12px;
    color:#ccc;
    display:block;
    text-align:center;
    white-space:nowrap;
    -webkit-transition-property:all;
    -moz-transition-property:all;
    -o-transition-property:all;
    transition-property:all;
    -webkit-transition-duration:.2s;
    -moz-transition-duration:.2s;
    -o-transition-duration:.2s;
    transition-duration:.2s;
    -webkit-transition-timing-function:ease-out;
    -moz-transition-timing-function:ease-out;
    -o-transition-timing-function:ease-out;
    transition-timing-function:ease-out;
    color:#1dca99!important 
}
.c100>p>span{
    display:block;
    font-size:14px;
    font-weight:600 
}
.c100:after{
    position:absolute;
    top:.08em;
    left:.08em;
    display:block;
    content:" ";
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    -ms-border-radius:50%;
    -o-border-radius:50%;
    border-radius:50%;
    background-color:#f5f5f5;
    width:.84em;
    height:.84em;
    -webkit-transition-property:all;
    -moz-transition-property:all;
    -o-transition-property:all;
    transition-property:all;
    -webkit-transition-duration:.2s;
    -moz-transition-duration:.2s;
    -o-transition-duration:.2s;
    transition-duration:.2s;
    -webkit-transition-timing-function:ease-in;
    -moz-transition-timing-function:ease-in;
    -o-transition-timing-function:ease-in;
    transition-timing-function:ease-in 
}
.c100 .slice{
    position:absolute;
    width:1em;
    height:1em;
    clip:rect(0,1em,1em,.5em) 
}
.c100.p75 .bar{
    -webkit-transform:rotate(270deg);
    -moz-transform:rotate(270deg);
    -ms-transform:rotate(270deg);
    -o-transform:rotate(270deg);
    transform:rotate(270deg) 
}
.c100.dark{
    background-color:#fff 
}
.c100.dark .bar,.c100.dark .fill{
    border-color:#1dca99!important 
}
.c100.dark>span{
    color:#1dca99 
}
.back-color{
    background-color:#f9f9f9 
}
.c100.dark:after{
    background-color:#eee;
    box-shadow:0 .46875rem 2.1875rem rgba(90,97,105,.1),0 .9375rem 1.40625rem rgba(90,97,105,.1),0 .25rem .53125rem rgba(90,97,105,.12),0 .125rem .1875rem rgba(90,97,105,.1) 
}
.c100.dark:hover>span{
    color:#1dca99 
}
.c100.green .bar,.c100.green .fill{
    border-color:#4db53c!important 
}
.c100.green:hover>span{
    color:#4db53c 
}
.c100.green.dark .bar,.c100.green.dark .fill{
    border-color:#5fd400!important 
}
.c100.green.dark:hover>span{
    color:#5fd400 
}
.c100.orange .bar,.c100.orange .fill{
    border-color:#dd9d22!important 
}
.c100.orange:hover>span{
    color:#dd9d22 
}
.c100.orange.dark .bar,.c100.orange.dark .fill{
    border-color:#e08833!important 
}
.c100.orange.dark:hover>span{
    color:#e08833 
}
.card .card-statistic-4{
    height:150px 
}
.card .card-statistic-4 .banner-img img{
    padding:15px 0 
}
a{
    text-decoration:none 
}
.img-map{
    height:auto;
    width:80%;
    display:block;
    margin:0 auto 
}
.width-100{
    width:100% 
}
.c100 .bar,.c100.p75 .fill,.pie{
    position:absolute;
    border:.08em solid #307bbb;
    width:.84em;
    height:.84em;
    clip:rect(0,1em,1em,0);
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    -ms-border-radius:50%;
    -o-border-radius:50%;
    border-radius:50%;
    -webkit-transform:rotate(0);
    -moz-transform:rotate(0);
    -ms-transform:rotate(0);
    -o-transform:rotate(0);
    transform:rotate(0) 
}
.c100.p75 .bar:after,.c100.p75 .fill,.pie-fill{
    -webkit-transform:rotate(180deg);
    -moz-transform:rotate(180deg);
    -ms-transform:rotate(180deg);
    -o-transform:rotate(180deg);
    transform:rotate(180deg) 
}
.c100{
    position:relative;
    font-size:120px;
    width:1em;
    height:1em;
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    -ms-border-radius:50%;
    -o-border-radius:50%;
    border-radius:50%;
    float:left;
    margin:0 .1em .1em 0;
    background-color:#ccc 
}
.c100 *,.c100:after,.c100:before{
    -webkit-box-sizing:content-box;
    -moz-box-sizing:content-box;
    box-sizing:content-box 
}
.c100.center{
    float:none;
    margin:0 auto 
}
.c100.big{
    font-size:100px 
}
.section .section-title{
    font-size:18px;
    color:#191d21;
    font-weight:600;
    position:relative;
    margin:10px 0 
}
.c100>p{
    position:absolute;
    width:100%;
    z-index:1;
    left:0;
    top:33%;
    line-height:1.2;
    font-size:10px;
    color:#ccc;
    display:block;
    text-align:center;
    white-space:nowrap;
    -webkit-transition-property:all;
    -moz-transition-property:all;
    -o-transition-property:all;
    transition-property:all;
    -webkit-transition-duration:.2s;
    -moz-transition-duration:.2s;
    -o-transition-duration:.2s;
    transition-duration:.2s;
    -webkit-transition-timing-function:ease-out;
    -moz-transition-timing-function:ease-out;
    -o-transition-timing-function:ease-out;
    transition-timing-function:ease-out;
    color:#1dca99!important 
}
.c100>p>span{
    display:block;
    font-size:12px;
    font-weight:600 
}
.c100:after{
    position:absolute;
    top:.08em;
    left:.08em;
    display:block;
    content:" ";
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    -ms-border-radius:50%;
    -o-border-radius:50%;
    border-radius:50%;
    background-color:#f5f5f5;
    width:.84em;
    height:.84em;
    -webkit-transition-property:all;
    -moz-transition-property:all;
    -o-transition-property:all;
    transition-property:all;
    -webkit-transition-duration:.2s;
    -moz-transition-duration:.2s;
    -o-transition-duration:.2s;
    transition-duration:.2s;
    -webkit-transition-timing-function:ease-in;
    -moz-transition-timing-function:ease-in;
    -o-transition-timing-function:ease-in;
    transition-timing-function:ease-in 
}
.c100 .slice{
    position:absolute;
    width:1em;
    height:1em;
    clip:rect(0,.35em,5em,0) 
}
.c100.p75 .bar{
    -webkit-transform:rotate(270deg);
    -moz-transform:rotate(270deg);
    -ms-transform:rotate(270deg);
    -o-transform:rotate(270deg);
    transform:rotate(270deg) 
}
i.fas.fa-info-circle{
    color:#3ec8b3 
}
.c100.dark{
    background-color:#fff 
}
.c100.dark .bar,.c100.dark .fill{
    border-color:#1dca99!important 
}
.c100.dark>span{
    color:#1dca99 
}
.back-color{
    background-color:#f9f9f9 
}
.c100.dark:after{
    background-color:#eee;
    box-shadow:0 .46875rem 2.1875rem rgba(90,97,105,.1),0 .9375rem 1.40625rem rgba(90,97,105,.1),0 .25rem .53125rem rgba(90,97,105,.12),0 .125rem .1875rem rgba(90,97,105,.1) 
}
.c100.dark:hover>span{
    color:#1dca99 
}
.c100.green .bar,.c100.green .fill{
    border-color:#4db53c!important 
}
.c100.green:hover>span{
    color:#4db53c 
}
.c100.green.dark .bar,.c100.green.dark .fill{
    border-color:#5fd400!important 
}
.c100.green.dark:hover>span{
    color:#5fd400 
}
.c100.orange .bar,.c100.orange .fill{
    border-color:#dd9d22!important 
}
.c100.orange:hover>span{
    color:#dd9d22 
}
.c100.orange.dark .bar,.c100.orange.dark .fill{
    border-color:#e08833!important 
}
.c100.orange.dark:hover>span{
    color:#e08833 
}
.padding-top-10{
    padding-top:10px 
}
.padding-top-20{
    padding-top:20px 
}
.padding-top-32{
    padding-top:32px 
}
.padding-0{
    padding:0 
}
.padding-left-0{
    padding-left:0 
}
.margin-top-20{
    margin-top:20px 
}
.fa-child{
    padding-left:4px 
}
.fa-female{
    padding-left:7px 
}
.margin-20{
    margin:20px 
}
.section .section-title.margin-0{
    margin:0 
}
.icon-preview{
    padding:40!important 
}
.for-right-div{
    box-shadow:0 .46875rem 2.1875rem rgba(90,97,105,.1),0 .9375rem 1.40625rem rgba(90,97,105,.1),0 .25rem .53125rem rgba(90,97,105,.12),0 .125rem .1875rem rgba(90,97,105,.1) 
}
.invoice-main{
    background-color:#fff;
    border-radius:10px;
    border:none;
    position:relative;
    margin-bottom:30px;
    padding:30px 25px 30px 
}
.custom-file-label:focus,.custom-select:focus,.form-control:focus,.input-group-text:focus{
    background-color:transparent 
}
.for_minus_circle{
    position:absolute;
    left:-8px;
    top:-2px 
}
.project-detail .for_main_text{
    width:150px;
    height:35px!important;
    border-radius:10px;
    display:flex;
    padding:0;
    padding:15px 15px 10px!important 
}
.for_plus_circle{
    position:absolute;
    right:-8px;
    top:-2px 
}
.for_manage_all{
    position:relative 
}
.for_payment_content{
    border:1px solid #1dca99 
}
.for_project_details li{
    padding:10px 20px 
}
.for_project_details_next li{
    padding:10px 10px 
}
.for_payment_details li,.for_project_details li,.for_project_details_next li{
    list-style-type:none;
    display:inline 
}
.for_payment_details li:first-child{
    float:left 
}
.for_payment_details li:nth-child(2){
    float:right 
}
.for_total_payment{
    background-color:#2e957f;
    padding:3rem 2rem 
}
.img-responsive{
    width:100%;
    max-width:400px;
    height:auto 
}
.carousel-item img,.carousel.slide{
    height:auto;
    width:100%;
    max-width:400px 
}
.btn{
    padding:5px 10px 
}
.btn-social{
    padding:12px 12px 12px 50px 
}
.main_btn{
    height:35px;
    width:35px;
    border-radius:50%;
    border:1px solid #989696;
    background-color:#fff;
    margin:2px 
}
.for_main_text{
    border:1px solid #c3c3c3;
    color:#3dbfa9;
    font-weight:700;
    font-size:16px 
}
#input_div input[type=button]{
    font-size:27px;
    outline:0;
    line-height:35px!important 
}
#input_div input[type=text]{
    outline:0;
    text-align:center 
}
input[type=button i]:checked{
    border-color:-internal-light-dark-color(#fff,#fff)!important 
}
.padding-10{
    padding:10px 10px 0 
}
.margin-left-ryt-0{
    margin:0 
}
.padding-top-btm-30{
    padding-top:30px;
    padding-bottom:30px 
}
.padding-top-5{
    padding-top:5px 
}
.number{
    padding:0;
    color:#1dca99;
    display:block;
    line-height:13px 
}
.font-size-25{
    font-size:25px 
}
.padding-left-8{
    padding-left:8px 
}
.tree-icon{
    display:inline-block;
    padding-right:10px;
    height:35px 
}
.for_padding_parent{
    padding-top:75px 
}
.project_color{
    color:#1dca99 
}
.padding-top-20{
    padding-top:20px 
}
#info h6{
    font-size:12px;
    padding:15px;
    font-weight:500;
    color:#000 
}
#info h6 span{
    color:#3ec8b3 
}
#info h6 span i.fa-info-circle{
    color:#3ec8b3 
}
 .main-sidebar .sidebar-menu li a.email-kit:hover .new svg rect {
     fill:#FDFF9C;
}
 .main-sidebar .sidebar-menu li a.email-kit:hover .new svg path{
     fill:var(--theme-dark);
}
 .main-sidebar .sidebar-menu li a.email-kit span.new {
     margin-left: 3px;
}
 .main-sidebar .sidebar-menu li a.email-kit span {
     margin-left: 12px;
     margin-top: 0;
}
 .main-sidebar .sidebar-menu li a.email-kit {
     padding: 0 15px 0 19px;
}
 .main-sidebar .sidebar-menu li.active a.email-kit {
}
 .sidebar-menu li.active a.email-kit.toggled svg rect[fill] {
     fill: #FDFF9C;
     stroke: #FDFF9C;
}
 .sidebar-menu li.active a.email-kit.toggled svg path[fill] {
     fill: #000;
     stroke: unset;
}
 @media (max-width:640px){
    .invoice-main{
        padding-left:10px;
        padding-right:10px 
    }
}
.btn-plant,.btn-plant:hover{
    box-shadow:0 1px 7px #114e45;
    background:#3cc0a9!important;
    border:2px #3cc0a9;
    border-radius:3px;
    color:#fff 
}
.theme-text{
    color:#1dca99 
}
.theme-bg{
    background-color:#1dca99 
}
.d-block{
    display:block!important 
}
.bold-font{
    font-weight:700 
}
.line-height-0{
    line-height:0!important 
}
.line-height-15{
    line-height:15px!important 
}
.line-height-16{
    line-height:16px!important 
}
.line-height-30{
    line-height:30px!important 
}
.middle{
    display:table-cell;
    vertical-align:middle 
}
.justify-center{
    justify-content:center 
}
.h-12{
    height:12px!important 
}
.h-15{
    height:15px!important 
}
.h-28{
    height:28px!important 
}
.h-24{
    height:24px!important 
}
.h-30{
    height:30px!important 
}
.h-32{
    height:32px!important 
}
.h-36{
    height:36px!important 
}
.h-45{
    height:45px 
}
.h-48{
    height:48px 
}
.h-50{
    height:50px!important 
}
.h-60{
    height:60px 
}
.h-65{
    height:65px 
}
.h-70{
    height:70px 
}
.h-80{
    height:80px 
}
.h-90{
    height:90px 
}
.w-12{
    width:12px!important 
}
.w-15{
    width:15px!important 
}
.w-24{
    width:24px!important 
}
.w-28{
    width:28px!important 
}
.w-30{
    width:30px!important 
}
.w-32{
    width:32px!important 
}
.w-45{
    width:45px 
}
.w-48{
    width:48px 
}
.w-50{
    width:50px!important 
}
.w-60{
    width:60px 
}
.w-65{
    width:65px 
}
.w-70{
    width:70px 
}
.w-80{
    width:80px 
}
.w-90{
    width:90px 
}
.min-width-80{
    min-width:80px 
}
.no-shrink{
    flex-shrink:0!important 
}
.fit-img{
    width:100%;
    height:100%;
    object-fit:cover 
}
.img-contain{
    width:100%;
    height:100%;
    object-fit:contain 
}
.left-0{
    left:0 
}
.right-0{
    right:0!important 
}
.top-0{
    top:0 
}
.top-one{
    top:1px 
}
.left-two{
    left:-2px 
}
.top-12{
    top:12px!important 
}
.bottom-0{
    bottom:0!important 
}
.left-1{
    left:5px!important 
}
.right-1{
    right:5px!important 
}
.top-1{
    top:5px!important 
}
.bottom-1{
    bottom:5px!important 
}
.bottom-12{
    bottom:12px!important 
}
.left-12{
    left:12px!important 
}
.left-2{
    left:10px!important 
}
.right-2{
    right:10px!important 
}
.top-2{
    top:10px!important 
}
.bottom-2{
    bottom:10px!important 
}
.left-3{
    left:15px!important 
}
.right-3{
    right:15px!important 
}
.top-3{
    top:15px!important 
}
.bottom-3{
    bottom:15px!important 
}
.left-4{
    left:30px!important 
}
.right-4{
    right:30px!important 
}
.top-4{
    top:30px!important 
}
.bottom-4{
    bottom:30px!important 
}
.font-32{
    font-size:32px 
}
.pt-0{
    padding-top:0!important 
}
.pb-0{
    padding-bottom:0!important 
}
.my-4{
    margin-top:30px;
    margin-bottom:30px 
}
.min-height-470{
    min-height:470px 
}
.k-icon{
    font-size:26px!important;
    color:#6c757e 
}
.grey-text{
    color:#6c757e 
}
.bold-text{
    font-weight:600 
}
.font-weight-800{
    font-weight:800 
}
.font-16{
    font-size:16px 
}
.k-button-shadow{
    box-shadow:0 1px 6px #b7afaf 
}
.box-shadow-none{
    box-shadow:none!important 
}
.text-black{
    color:#000!important 
}
.vertical-top{
    vertical-align:top!important 
}
.pie-chart-progress{
    position:absolute;
    -webkit-transform:rotateY(-180deg);
    -ms-transform:rotateY(-180deg);
    transform:rotateY(-180deg) 
}
.percent-content{
    -webkit-transform:rotateY(180deg);
    -ms-transform:rotateY(180deg);
    transform:rotateY(180deg) 
}
.pie-chart-progress .chart{
    position:relative;
    display:inline-block;
    width:100px;
    height:100px;
    text-align:center 
}
.pie-chart-progress .chart canvas{
    position:absolute;
    top:0;
    left:0;
    border-radius:50%;
    color:#000;
    background:#fbfbfb;
    z-index:-1;
    border:3px solid #fff;
    width:100px!important;
    height:100px!important 
}
.pie-chart-progress .percent1{
    display:inline-block;
    line-height:110px;
    z-index:2;
    font-family:Helvetica;
    font-size:1.4rem;
    color:#1dca99 
}
.k-mini-progress-bar .pie-chart-progress{
    -webkit-transform:rotateY(-180deg);
    -ms-transform:rotateY(-180deg);
    transform:rotateY(-180deg);
    z-index:1 
}
.k-mini-progress-bar .pie-chart-progress .chart canvas{
    position:absolute;
    top:0;
    left:0;
    width:65px!important;
    height:65px!important;
    border-radius:50%;
    color:#000;
    background:0 0;
    z-index:1;
    border:3px solid #fff 
}
.k-mini-progress-bar .pie-chart-progress .percent1{
    display:inline-block;
    line-height:170px;
    z-index:2;
    font-family:Helvetica;
    font-size:12px 
}
.k-mini-progress-bar .percent-content{
    border-radius:100%;
    background:#fff;
    overflow:hidden 
}
.k-mini-progress-bar .pie-chart-progress .percent1:after{
    display:none!important 
}
.k-mini-progress-bar .main-text{
    color:#1dca99;
    font-size:8px;
    padding-top:0;
    margin-bottom:-5px;
    line-height:15px 
}
.k-mini-progress-bar .pie-chart-progress .chart{
    width:65px;
    height:65px;
    display:flex;
    justify-content:center;
    align-items:center;
    background:#fbfbfb;
    border-radius:100% 
}
.map-img{
    width:80px;
    height:80px;
    top:100px;
    left:4%;
    position:absolute 
}
.map-img img{
    width:100%;
    height:100%;
    object-fit:cover 
}
.inner-shadow{
    box-shadow:2px 1px 5px rgb(0,0,0,.3) 
}
.navbar .nav-link.nav-link-user .user-img-radious-style{
    box-shadow:none!important 
}
.k-card-img{
    width:100%;
    height:150px 
}
.k-svg-icon svg path{
    fill:#6c757e 
}
.dropdown-toggle::after{
    margin-left:15px 
}
.k-no-check.container-1 input:checked~.checkmark-1:after{
    display:none!important 
}
.custom-progress-bar{
    display:flex;
    height:5px;
    overflow:hidden;
    font-size:.75rem;
    background-color:#e9ecef;
    border-radius:.25rem;
    box-shadow:0 .4rem .6rem rgba(0,0,0,.15) 
}
.custom-progress-bar .progress-bar-1{
    background:#1dca99 
}
.custom-progress-bar .progress-bar-2{
    width:7px;
    background:#138967 
}
.custom-article{
    border-radius:0 
}
.custom-badge{
    padding-left:10px;
    padding-right:10px 
}
.custom-badge .custom-icon{
    margin-top:-4px;
    margin-bottom:-4px 
}
.k-invoice-badge{
    width:200px;
    text-align:center;
    bottom:13px 
}
.client-summary-table{
    box-shadow:0 0 6px #b7afaf;
    border-spacing:0 
}
.client-summary-table th{
    border-bottom:1px solid #ebebeb!important 
}
#pre-verification .main-content{
    padding-left:0;
    padding-top:130px 
}
#pre-verification .card.card-primary{
    border-top:5px solid #1dca99 
}
#pre-verification .empty-state .empty-state-icon{
    background-color:#1dca99 
}
#pre-verification a.bb{
    border-bottom:1px solid #000 
}
#pre-verification .empty-state{
    padding:0 40px 0 
}
#pre-verification.main-wrapper-1{
    background-repeat:no-repeat;
    background-size:cover;
    padding-bottom:95px!important 
}
#edit-company-profile .nav-tabs .nav-item.show .nav-link,#edit-company-profile .nav-tabs .nav-link.active{
    color:#495057;
    background-color:#fff;
    border-color:#fff #fff #1dca99;
    border-width:3px 
}
#edit-company-profile .nav-tabs .nav-link:hover{
    border-color:#fff #fff #1dca99;
    border-width:3px;
    border-top-left-radius:.25rem;
    border-top-right-radius:.25rem 
}
#edit-company-profile .nav-tabs .nav-link{
    border-width:3px;
    color:#000;
    text-decoration:none;
    -webkit-background-clip:text;
    -webkit-text-fill-color:transparent;
    background-image:-webkit-gradient(linear,left top,right top,from(#283271),color-stop(50%,#283271),color-stop(50%,#1dca99));
    background-image:linear-gradient(to right,#283271,#283271 50%,#1dca99 50%);
    background-size:200% 100%;
    background-position:100% 
}
#edit-company-profile .nav-tabs .nav-link:hover{
    -webkit-transition:all .3s cubic-bezier(0,0,.23,1);
    transition:all .3s cubic-bezier(0,0,.23,1);
    background-position:0 
}
#edit-company-profile span.pencil-icon{
    width:15px;
    height:15px;
    border-radius:100%!important;
    position:absolute;
    top:83px;
    right:0;
    left:90px;
    margin:auto 
}
.k-pic-edit{
    cursor:pointer;
    width:32px;
    height:32px;
    display:table;
    border-radius:100%;
    background:#fff;
    color:#aaa;
    text-align:center;
    top:auto;
    left:90px;
    position:absolute;
    right:0;
    bottom:-7px 
}
.chose-file-edit{
    width:15px;
    height:15px;
    border-radius:100%!important;
    position:absolute;
    top:6px;
    right:0;
    padding:6px!important;
    left:-3px;
    z-index:1;
    margin:auto;
    color:transparent;
    background:#fff;
    opacity:0 
}
.k-pic-edit i{
    display:table-cell;
    vertical-align:middle 
}
.pencil-icon i{
    background:#fff;
    padding:6px 5px;
    border-radius:100%;
    border:1px solid #ccc;
    color:#1dca99 
}
.position-relative{
    position:relative 
}
.profile-img-myclass{
    border:1px solid #f4f5f8 
}
.boards .filter-row .dropdown .btn{
    font-family:Nunito 
}
.breadcrumb{
    background-color:#f6f6f6;
    float:right;
    padding:0 5px 5px 
}
.breadcrumb li{
    padding-left:.5rem 
}
.breadcrumb li+li::before{
    display:inline-block;
    padding-right:.5rem;
    color:#6c757d;
    content:"/" 
}
.profile-bg-img{
    margin-top:15px 
}
.profile-bg-img img{
    max-width:100% 
}
.card-block.user-info{
    position:absolute;
    width:100%;
    bottom:10px 
}
.card-block{
    padding:1.25rem 
}
.user-info .media-body,.user-info .media-left{
    display:table-cell;
    vertical-align:middle 
}
.media-left{
    padding-right:20px 
}
.profile-image img{
    border:4px solid #fff 
}
.cover-profile .profile-bg-img{
    margin-bottom:25px 
}
.img-radius{
    border-radius:5px 
}
.user-title{
    position:relative;
    bottom:20px 
}
.user-title h3{
    color:#fff;
    text-shadow:1px 1px 4px #373a3c;
    font-size:20px 
}
.text-white{
    color:#fff 
}
.cover-btn{
    bottom:38px;
    right:35px;
    position:absolute 
}
.pull-right{
    float:right 
}
.btn-1,.btn-2{
    background-color:#1dca99;
    border-color:#1dca99;
    color:#fff;
    cursor:pointer;
    -webkit-transition:all ease-in .3s;
    transition:all ease-in .3s;
    font-size:15px 
}
.btn-1:hover,.btn-2:hover{
    border-color:#1dca99 
}
.btn-1 i,.btn-2 i{
    padding-right:5px 
}
.mh-350{
    min-height:350px 
}
.btn-copy-div{
    float:right 
}
.btn-copy-div button{
    background-color:#1dca99;
    color:#fff;
    padding:2px 5px;
    border-radius:5px;
    outline:0;
    border:1px solid #1dca99;
    font-size:12px 
}
.display-none{
    display:none 
}
.copy-notification{
    font-weight:700;
    color:#fff;
    background-color:#1dca99;
    opacity:.9;
    padding:10px;
    border-radius:4px;
    position:fixed;
    width:200px;
    top:50%;
    left:50%;
    text-align:center;
    z-index:999 
}
.company-logo-sidebar img{
    font-size:12px 
}
.company-logo img.header-logo.img-responsive{
    width:50%!important;
    height:10% 
}
.divider{
    display:flex;
    justify-content:center;
    flex-direction:row;
    align-items:center 
}
.left_line,.right_line{
    width:132px;
    height:1px;
    background:#60686f 
}
.divider span{
    font-size:16px;
    font-weight:500;
    padding:0 15px;
    color:#60686f 
}
.profile-image .company-logo{
    width:120px 
}
.company-logo.reg{
    width:100% 
}
.reg .header-logo{
    height:50px;
    width:50px 
}
.reg span{
    display:inline-block;
    padding:15px 10px;
    font-size:20px;
    font-weight:700;
    color:#000 
}
.btn-edit{
    background-color:#1dca99;
    border:#1dca99 1px solid;
    color:#fff!important;
    cursor:pointer;
    font-size:13px;
    border-radius:5px;
    padding:6px 10px;
    display:inline-block 
}
.btn-edit:hover{
    background-color:#fff;
    box-shadow:0 0 0 2.5px #fff,0 0 0 5px #1dca99,0 0 0 5px #fff,0 0 0 5.5px #1dca99!important;
    border-color:#000!important;
    color:#000!important 
}
#tbl-info .table,#tbl-info-1 .table{
    border-collapse:collapse 
}
#tbl-info .table tbody tr td,#tbl-info-1 .table tbody tr td{
    border-bottom:1px solid #ddd 
}
#tbl-info .table tbody tr td,#tbl-info-1 .table tbody tr td,#tbl-info-2 .table tbody tr td,#tbl-info-3 .table tbody tr td{
    padding:15px 5px!important;
    vertical-align:top 
}
#tbl-info .table tbody tr:last-child td,#tbl-info-1 .table tbody tr:last-child td{
    border-bottom:none 
}
.iti__selected-flag{
    outline:0 
}
/*.main-content{
    padding-top:30px 
}*/
.main-sidebar .sidebar-menu li a span{
    margin-left:8px;
    font-weight:500;
    font-size:14px;
    line-height: 20px;
    letter-spacing:0 
}
.border-top-cfdada{
    border-top:1px solid #cfdada;
}
.border-top-cfdada span{
    display:inline-block;
    padding-left:6px 
}
.form-group{
    margin-bottom:1rem 
}
.main-sidebar .sidebar-menu li.border-top-cfdada{
    margin-top: 5px;
    padding-top: 10px !important;
}
.main-sidebar .sidebar-menu li.border-top-cfdada a span{
    margin-left:0 
}
.main-sidebar .sidebar-menu li.border-top-cfdada a{
    padding: 0 5px;
}
.theme-cyan.sidebar-mini .main-sidebar .sidebar-menu>li.active>a{
    border-radius:8px;
    background-color:#a1faec 
}

.sidebar-mini .main-sidebar .sidebar-menu>li>a{
    height:42px 
}

.btn-back{
    background-color:#1dca99;
    border:#1dca99 1px solid;
    color:#fff!important;
    cursor:pointer;
    font-size:14px;
    width:80px;
    border-radius:8px;
    transition:.2s;
    display:block;
    line-height:14px;
    font-weight:700;
    padding:10px 10px 8px;
    text-align:center 
}
.btn-back:hover{
    background-color:#000;
    border-color:#000!important;
    color:#fff!important 
}
.event-history h2{
    font-size:20px 
}
.event-history .col-half-offset{
    margin-left:4.166666667% 
}
.event-history .summary-box{
    box-shadow:0 0 6px #b7afaf;
    padding:10px;
    border-radius:15px;
    margin:0 10px 
}
.event-history .summary-box span{
    font-size:13px;
    word-break:break-word;
    text-align:left;
    display:block;
    font-weight:600;
    line-height:1.3;
    color:#000;
    padding:10px 0;
    border-bottom:1px solid #ddd;
    height:55px 
}
.event-history .summary-box p{
    font-size:20px;
    font-weight:700;
    margin:0;
    float:right;
    padding:10px 0;
    color:#000 
}
.event-history .links .pagination .page-item .page-link{
    border-radius:50% 
}
.event-history .links .pagination li.page-item:first-child .page-link,.event-history .links .pagination li.page-item:last-child .page-link{
    padding:8px 15px 
}
.icon-img{
    width:70% 
}
.impact-ledger h2{
    font-size:20px 
}
.impact-ledger .col-half-offset{
    margin-left:4.166666667% 
}
.impact-ledger .summary-box{
    box-shadow:0 0 6px #b7afaf;
    padding:10px;
    height:150px;
    border-radius:15px;
    margin:0 10px 
}
.impact-ledger .summary-box span{
    font-size:13px;
    word-break:break-word;
    text-align:left;
    display:block;
    font-weight:700;
    line-height:1.3;
    color:#000;
    padding:10px 0;
    border-bottom:1px solid #ddd;
    height:65px 
}
.impact-ledger .summary-box p{
    font-size:20px;
    font-weight:600;
    margin:0;
    float:right;
    padding:10px 0;
    color:#000 
}
.impact-ledger .links .pagination .page-item .page-link{
    border-radius:50% 
}
.impact-ledger .links .pagination li.page-item:first-child .page-link,.impact-ledger .links .pagination li.page-item:last-child .page-link{
    padding:8px 15px 
}
.box-grp{
    display:table 
}
.box-grp .u-box-grp{
    display:table-cell;
    width:20% 
}
.impact-ledger .summary-box .content-grp{
    padding:10px 
}
.icon-img-div{
    float:left;
    width:40% 
}
#track-hand-print-page .enjoy_hint_label{
    top:460px!important 
}
#track-hand-print-page .enjoyhint_skip_btn{
    left:625px!important;
    top:490px!important 
}
#export-data .enjoy_hint_label{
    top:450px!important;
    left:380px!important 
}
#export-data .enjoyhint_skip_btn{
    left:500px!important;
    top:485px!important 
}
.dashboard .card .card-statistic-4{
    height:130px 
}
.dashboard .display-table{
    display:table 
}
.dashboard .banner-img{
    width:100px;
    height:100px;
    display:table-cell;
    vertical-align:middle 
}
.dashboard .card .card-statistic-4 .banner-img img{
    max-width:100%;
    max-height:100px 
}
a{
    text-decoration:none!important 
}
h1.admin-name{
    font-size:2.1rem 
}
.select2.select2-container.select2-container--default{
    width:100%!important 
}
#visitorMap{
    height:100% 
}
.browse-project{
    padding-left:10px;
    padding-right:10px 
}
.light-sidebar .main-sidebar .sidebar-menu li.active a{
    background-color:#cef8ec;
    border-radius:8px 
}
body:not(.sidebar-mini) .sidebar-style-2 .sidebar-menu>li.active>a{
    padding-left:6px 
}
.sidebar-style-2 .sidebar-menu>li.active>a{
    color:#1dca99!important 
}
.impact-stories .for-custom-table tr.active td a{
    color:#fff 
}
.impact-stories .table tr td:first-child{
    padding:10px!important 
}
.export-impact-data .height-70{
    height:70px 
}
.export-impact-data .card .card-body{
    padding-top:10px;
    padding-bottom:10px 
}
.export-impact-data .card-footer.height-100{
    height:100px 
}
.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^=right] .arrow::before,.bs-tooltip-right .arrow::before{
    border-top-color:#eee!important;
    opacity:1 
}
.tooltip.show{
    opacity:1 
}
.bs-tooltip-right{
    position:relative 
}
.bs-tooltip-right:before{
    content:"";
    width:0;
    height:0;
    border-top:8px solid transparent;
    border-bottom:8px solid transparent;
    border-right:8px solid #fff;
    position:absolute;
    left:-2px;
    top:10px 
}
.bs-tooltip-right:after{
    border-left:8px solid #000;
    position:absolute 
}
.bs-tooltip-right .arrow::before,.bs-tooltip-right.show[x-placement^=right] .arrow::before{
    border-color:#fff!important;
    box-shadow:0 2px 3px 0 #eee,0 3px 10px 0 #eee 
}
.bs-tooltip-right .arrow::before{
    z-index:-1;
    border:5px solid #fff;
    transform-origin:0 0;
    transform:rotate(45deg);
    box-shadow:0 2px 3px 0 #eee,0 3px 10px 0 #eee;
    content:"";
    position:absolute;
    left:100% 
}
.bs-tooltip-top:before{
    content:"";
    width:0;
    height:0;
    border-top:8px solid transparent;
    border-bottom:8px solid transparent;
    border-right:8px solid #fff;
    position:absolute;
    left:-2px;
    top:10px 
}
.bs-tooltip-top:after{
    border-left:8px solid #000;
    position:absolute 
}
/*.main-content{
    padding-bottom:50px 
}*/
.event-history .summary-box{
    height:160px 
}
.table:not(.table-sm) thead th{
    background:#fff;
    color:#000 
}
.pricing-div .pricing-item-label i{
    background-color:#54ca68;
    color:#fff;
    border-radius:50%;
    height:20px;
    width:20px;
    line-height:20px;
    text-align:center 
}
.pricing .pricing-padding{
    padding:20px 20px 
}
.carousel.slide,.project-detail #pslider .carousel-item img{
    max-height:250px;
    object-fit:cover;
    max-width:100%;
    width:530px 
}
.project-detail .img-responsive{
    max-width:100% 
}
.overflow-auto{
    overflow:auto 
}
#tbl-info .table tbody tr td,#tbl-info-1 .table tbody tr td,#tbl-info-2 .table tbody tr td,#tbl-info-3 .table tbody tr td{
    width:150px 
}
.btn-save{
    background-color:#1dca99;
    border:#1dca99 1px solid;
    color:#fff!important;
    cursor:pointer;
    font-size:13px;
    width:auto;
    border-radius:5px;
    padding:6px 10px;
    transition:.2s 
}
.btn-save:hover{
    background-color:#fff;
    box-shadow:0 0 0 2.5px #fff,0 0 0 5px #1dca99,0 0 0 5px #fff,0 0 0 5.5px #1dca99!important;
    border-color:#000!important;
    color:#000!important 
}
.sidebar-menu li.active .toggled svg rect{
    stroke:#1dca99 
}
.sidebar-menu li.active .toggled svg rect[fill]{
    fill:#1dca99 
}
.sidebar-menu li.active .toggled svg path[fill]{
    fill:#1dca99 
}
.sidebar-menu li.active .profile-user svg circle[stroke]{
    stroke:#1dca99 
}
.sidebar-menu li.active .company-consumerapp-sidebar.toggled svg circle[stroke]{
    stroke:#1dca99 
}
.sidebar-menu li.active .company-givefeedback-sidebar.toggled svg circle[fill]{
    stroke:#1dca99 
}
.sidebar-menu li.active .company-givefeedback-sidebars.toggled svg path[stroke]{
    stroke:#1dca99 
}
.sidebar-menu li.active .company-eventslog-sidebar.toggled svg circle[stroke]{
    stroke:#1dca99 
}
.sidebar-menu li.active .company-eventslog-sidebar.toggled svg line[stroke]{
    stroke:#1dca99 
}
.sidebar-menu li.active .company-browseprojects-sidebar.toggled svg path[stroke]{
    stroke:#1dca99 
}
.sidebar-menu li.active .company-browseprojects-sidebar.toggled svg circle[stroke]{
    stroke:#1dca99 
}
.sidebar-menu li.active .company-browseprojects-sidebar .company-impactsbadges-sidebar svg{
    margin-left:6px 
}
.main-sidebar .sidebar-menu li a svg{
    transition:all .5s;
    -webkit-transition:all .5s;
    -o-transition:all .5s 
}
.main-sidebar .sidebar-menu li a:hover i{
    color:#1dca99!important 
}
.main-sidebar .sidebar-menu li a:hover svg rect[stroke]{
    stroke:#1dca99 
}
.main-sidebar .sidebar-menu li a:hover svg rect[fill]{
    fill:#1dca99 
}
.main-sidebar .sidebar-menu li a:hover svg path[fill]{
    fill:#1dca99 
}
.main-sidebar .sidebar-menu li a:hover svg path[stroke]{
    stroke:#1dca99 
}
.main-sidebar .sidebar-menu li a:hover svg circle[stroke]{
    stroke:#1dca99 
}
.main-sidebar .sidebar-menu li a:hover svg line[stroke]{
    stroke:#1dca99 
}
.main-sidebar .sidebar-brand a{
    display:flex;
    align-items:center;
    justify-content:center;
/*    min-height:75px */
}

/*.main-content{
    padding-left:260px 
}*/
.navbar{
    left:220px;
    display:none 
}
.main-sidebar .sidebar-menu li.menu-header{
    margin:0 15px 
}
.main-sidebar .sidebar-menu li a{
    height:45px 
}
.payment-card .card-subheader{
    border-bottom:#ddd dotted 1px;
    padding-left:25px 
}
.payment-card .greeting-text{
    color:#1dca99!important 
}
.payment-card .user-title{
    position:relative;
    bottom:0 
}
.payment-card .card-body{
    border-bottom:#ddd dotted 1px 
}
.payment-card .card-footer{
    border-bottom:#ddd dotted 1px 
}
.col-img-1,.light-sidebar.sidebar-mini .col-img{
    display:none 
}
.light-sidebar.sidebar-mini .col-img-1{
    display:inline-block 
}
.theme-cyan .btn-primary{
    box-shadow:none 
}
.btn-login{
    background-color:#1dca99;
    border:#1dca99 1px solid;
    color:#fff!important;
    cursor:pointer;
    font-size:13px;
    border-radius:5px;
    padding:9px 10px;
    transition:.2s 
}
.btn-login:hover{
    background-color:#fff!important;
    box-shadow:0 0 0 2.5px #fff,0 0 0 5px #1dca99,0 0 0 5px #fff,0 0 0 5.5px #1dca99!important;
    border-color:#000!important;
    color:#000!important 
}
.fas.fa-sign-out-alt.ml-1.color-dark{
    color:#000 
}
.main-sidebar .sidebar-menu li .btn-group.dropright{
    color:#60686f;
    font-size:14px;
    font-weight:600 
}
.main-sidebar .sidebar-menu li .dropright button.btn{
    width:100%;
    text-align:left;
    box-shadow:none;
    background-color:transparent;
    border:none;
    color:#60686f;
    font-size:14px;
    font-weight:600 
}
.main-sidebar .sidebar-menu li .dropright button.btn:hover{
    background-color:transparent!important;
    color:#1dca99!important 
}
.nav-link.nav-link-lg.company-help-header.pt-2{
    padding-top:7px!important 
}
.amazing-card{
    border:2px solid #000;
    border-radius:16px;
    box-shadow:0 68px 76px 0 rgba(0,0,0,.12) 
}
.amazing-card .modal-main-title{
    font-size:40px;
    font-weight:700;
    line-height:32px 
}
.amazing-card .modal-main-text{
    font-size:14px;
    text-align:left;
    line-height:16px 
}
.amazing-card .modal-btn button{
    display:table;
    height:36px;
    width:100%;
    text-align:center;
    line-height:0;
    font-size:12px;
    font-weight:900;
    border-radius:4px 
}
.amazing-modal .modal-content{
    border:2px solid #000;
    border-radius:16px;
    border:2px solid #000;
    border-radius:16px;
    width:400px;
    box-shadow:0 30px 30px 0 rgba(0,0,0,.12) 
}
a.company-givefeedback-sidebar svg{
    height:18px;
    width:18px;
    color:#60686f 
}
.main-sidebar .sidebar-menu li ul.dropdown-menu li a.company-user-youraccount-sidebar:hover:before,.main-sidebar .sidebar-menu li ul.dropdown-menu li a.has-icon:hover:before{
    color:#1dca99 
}
.light-sidebar.sidebar-mini .main-sidebar .sidebar-menu>li ul.dropdown-menu{
    top:0 
}
.light-sidebar.sidebar-mini .main-sidebar .dropdown-title{
    border-radius:8px;
    font-size:12px 
}
.light-sidebar.sidebar-mini .main-sidebar .sidebar-menu li.active a{
    color:#60686f 
}
.main-sidebar .sidebar-menu li.active a.profile-user svg path[fill]{
    fill:#1dca99 
}
.light-sidebar.sidebar-mini .main-sidebar .sidebar-menu li.user-profile-dropdown ul.dropdown-menu{
    left:75%;
    right:0 
}
.light-sidebar.sidebar-mini .dropdown-menu .dropdown-title{
    padding:10px 10px 0!important 
}
.light-sidebar .main-sidebar .sidebar-menu li.user-profile-dropdown ul.dropdown-menu{
    position:static;
    background-color:transparent!important 
}
.main-sidebar .sidebar-menu li ul.dropdown-menu li a:before{
    display:none;
    content:"" 
}
.main-sidebar .sidebar-menu li ul.dropdown-menu{margin-left: 0px !important;padding-left: 27px;}
.main-sidebar .sidebar-menu li ul.dropdown-menu li{margin-bottom: 2px;}
.main-sidebar .sidebar-menu li ul.dropdown-menu li a{
    padding: 5px;
    height:30px;
    border-radius: 5px;
}
.main-sidebar .sidebar-menu li a svg{width: 24px;object-fit: contain;object-position: center;flex-shrink: 0;}
/*.main-sidebar .sidebar-menu li ul.dropdown-menu li.active a{
    padding-left:0 
}*/
.main-sidebar .sidebar-menu li ul.dropdown-menu li a.color-fade{
    color:#dbe9e7 
}
.main-sidebar .sidebar-menu li ul.dropdown-menu li:last-child a{
    border-bottom:none 
}
.light-sidebar .main-sidebar .sidebar-menu li.user-profile-dropdown.active ul.dropdown-menu{
    display:none 
}
.main-sidebar .sidebar-menu li ul.dropdown-menu li a.power-off i{
    color:#000;
    width:auto;
    margin-left:0 
}
.terms .main-footer{
    padding-left:40px 
}
.terms p{
    color:#46484a 
}
.color-red{
    color:red 
}
.do_you .select2-container--default .select2-selection--single .select2-selection__rendered{
    padding:7px 10px 
}
.main-sidebar .sidebar-brand a .header-logo{
    height:40px 
}
.light-sidebar .main-sidebar .sidebar-brand a.header-small-logo{
    display:none 
}
.light-sidebar.sidebar-mini .sidebar-brand a.header-small-logo{
    display:block 
}
.light-sidebar.sidebar-mini .sidebar-brand a.header-large-logo{
    display:none 
}
.show-hide-password .form-control{
    border-right:none;
    border-top-right-radius:0!important;
    border-bottom-right-radius:0!important 
}
.show-hide-password .input-group-addon{
    background:#eee;
    padding:0 8px;
    border-top-right-radius:8px;
    border-bottom-right-radius:8px;
    line-height:42px 
}
.show-hide-password .input-group-addon a i{
    color:#000 
}
.contact-us{
    height:100vh;
    display:flex;
    align-items:center 
}
.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{
    background-color:#1dca99 
}
.select2-results__option{
    padding:4px 10px 
}
.theme-cyan .btn-primary,.theme-cyan .progress-bar{
    background-color:#1dca99 
}
.theme-cyan .project-list .btn-primary:hover{
    background-color:#000!important;
    color:#fff 
}
.visualise-api .middle-div{
    background-color:#fff 
}
.visualise-api .top-header ul{
    list-style-type:none;
    padding:0 
}
.visualise-api .top-header ul li{
    display:inline-block;
    vertical-align:middle 
}
.visualise-api .top-header ul li span.icon{
    margin-right:10px;
    background:#cef8ec;
    border-radius:8px;
    display:block;
    width:49px;
    height:48px;
    line-height:48px;
    text-align:center 
}
.visualise-api .top-header ul li h3{
    color:#000;
    font-family:Gilroy-bold;
    font-size:24px;
    line-height:29.71px 
}
.visualise-api .top-header ul li h3 span{
    color:#60686f;
    font-weight:500;
    font-family:Gilroy;
    font-size:14px;
    line-height:20px;
    display:block 
}
.visualise-api .top-middle h6{
    font-family:Gilroy-bold;
    color:#000;
    font-size:16px;
    line-height:22px 
}
.visualise-api .middle-div p,.visualise-api .top-middle p{
    font-family:Gilroy;
    color:#000;
    font-size:14px;
    line-height:20px;
    font-weight:500;
    margin:0 
}
.visualise-api .middle-div{
    border:1px solid #97a3ad;
    padding:24px;
    border-radius:16px 
}
.visualise-api .middle-div h4{
    color:#000;
    font-family:Gilroy-bold;
    font-size:20px;
    line-height:30px 
}
.visualise-api .middle-div h6.small-badge{
    display:inline;
    color:#000;
    font-family:Gilroy-bold;
    font-size:14px;
    background:#9df1d9;
    border-radius:4px;
    padding:0 8px 
}
.visualise-api .middle-div p{
    padding:8px 0 24px 
}
.badge-top-image{
    width:461px 
}
.badge-top-image img{
    width:100%;
    height:100% 
}
.copy-code-button a{
    display:block;
    background-color:#1dca99;
    width:119px;
    height:40px;
    border-radius:8px;
    line-height:40px;
    text-align:center;
    font-family:Gilroy-bold;
    color:#fff;
    font-size:14px 
}
.copy-code-button a:hover{
    color:#fff!important;
    background:#000 
}
.bs-tooltip-top{
    position:relative 
}
.bs-tooltip-top:before{
    content:"";
    width:0;
    height:0;
    border-left:8px solid transparent;
    border-right:8px solid transparent;
    border-top:8px solid #fff;
    position:absolute;
    left:30px;
    top:40px;
    margin-right:-30px 
}
.bs-tooltip-top:after{
    border-left:8px solid #fff;
    position:absolute 
}
.bs-tooltip-auto[x-placement^=top] .arrow::before,.bs-tooltip-top .arrow::before{
    border-top-color:#eee!important;
    opacity:1 
}
.bs-tooltip-top .arrow::before{
    z-index:-1;
    border-color:transparent;
    content:"";
    position:absolute;
    left:100% 
}
.main-sidebar .sidebar-menu li.active a.company-impactsbadges-sidebar{
    margin-left:0 
}
.main-sidebar .sidebar-menu li.active svg path{
    stroke:#1dca99 
}
.tree-icon.new-icon{
    height:25px;
    margin-top:0 
}
.project-detail .quantity-section{
    display:flex;
    justify-content:center;
    align-items:center 
}
.main-sidebar .sidebar-menu li.active:before{
    content:'';
    position:absolute;
    left:0;
    top:auto;
    height:24px;
    border-left:4px solid #1dca99;
    margin-top:10px;
    border-radius:0 3px 3px 0 
}
.light-sidebar .main-sidebar .sidebar-menu li.user-profile-dropdown.active ul.dropdown-menu li:before,.main-sidebar .sidebar-menu li.active ul.sub-dropdown li:before{
    content:unset 
}
.light-sidebar .main-sidebar .sidebar-menu li ul.dropdown-menu li.active>a{
    color:#1dca99!important 
}
.main-sidebar .sidebar-menu li.dropdown.active:before{
    left:-20px 
}
.font-25{
    font-size:25px 
}
.pointer-events-none{
    pointer-events:none 
}
.pointer-events-auto{
    pointer-events:auto 
}
#ngo #leadership .partner-heading{
    font-weight:700;
    color:#000;
    font-size:20px;
    padding:0;
    margin:0;
    font-family:Gilroy-bold 
}
.nicescroll-cursors{
    display:none!important 
}
/*#sidebar-wrapper{
    width:215px 
}*/
.sidebar-mini #sidebar-wrapper{
    width:auto 
}
.light-sidebar:not(.sidebar-mini) .sidebar-style-2 .sidebar-menu>li.active ul.dropdown-menu li a{
    background-color:#f7fdfb!important 
}
.export-impact-data .nav-center {
    justify-content: center;
    margin: 20px 0;
}
.export-impact-data .nav-center li {
    padding: 0 10px;
    cursor: pointer;
}
.export-impact-data .nav-center li.active {
    color: #000;
    border-top: 2px solid #000;
}

.reset-password .email-field.form-control[readonly] {
    background-color: #ddd !important;
    border:none
}

/* SIDEBAR START*/
.s-parent{
    display:flex;
    align-items:center;
    margin-bottom: 30px;
}
.s-parent .collapse-icon{
    width: 32px;
    height: 32px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
}
.s-parent .collapse-icon img{width: 18px;height: 18px;}
.sidebar-mini .main-sidebar{padding: 20px 0px;}
.sidebar-mini .s-parent{flex-direction: column-reverse;}
.sidebar-mini .main-sidebar .sidebar-menu>li{margin-bottom: 15px;padding: 0 20px;}
.sidebar-mini .main-sidebar .sidebar-menu>li>a{
    width: 32px;
    height: 32px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-left: auto;
    margin-right: auto;
}
.main-sidebar .sidebar-menu li.active:before{margin-top: 4px;}
.sidebar-mini .main-content{padding-left: calc(75px + 30px) !important;}
.widget-new.plugin-config .main-sidebar .sidebar-menu .space{height: 78px;}
/* SIDEBAR END*/

/*HEADER FOR SMALL SCREENS START*/
.md-header{padding: 15px 60px;height: unset;background-color: var(--theme-90) !important;}
.md-header .row{margin: 0;}
.md-header .toggle-sidebar-btn{
    color: var(--black);
    margin: auto;
    margin-right: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    opacity: 0.75;
    transition: 0.3s ease;
}
.md-header .toggle-sidebar-btn i{font-size: 30px;line-height: 30px;}
.md-header .toggle-sidebar-btn:hover{color: var(--black);opacity: 1;transition: 0.3s ease;}
/*HEADER FOR SMALL SCREENS END*/

/*company Logo */
.company-header .company-logo,
.ngo-header .ngo-logo{width: 138px;display: block;}
.company-header .company-logo img,
.ngo-header .ngo-logo img{width: 100%; max-width: 100%;}
/* //company Logo */

/*EARTHWALLET CARD START*/
.ew-learn-more-card{
    padding: 16px 16px 20px;
    width: 180px;
    background: #ECFDF3;
    border-radius: 8px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: 8px;
    margin: 10px auto;
}
.version-badge,
.beta .version-badge-outer,
.ew-learn-more-card .version-badge{
    padding: 3px 8px;
    padding-top: 4px;
    width: 43px;
    height: 24px;
    background: var(--warning-200);
    border-radius: 6px;
    font-weight: 500;
    font-size: 12px;
    line-height: 18px;
    text-align: center;
    color: var(--gray-700);
}
.ew-learn-more-card p.txt{
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    color: var(--gray-700);
    margin-top: 0;
    margin-bottom: 0;
    width: 100%;
}
.ew-learn-more-card a.anchor-btn,
.ew-learn-more-card a.anchor-btn:hover,
.ew-learn-more-card a.anchor-btn:focus,
.ew-learn-more-card a.anchor-btn:active,
.ew-learn-more-card a.anchor-btn:focus:active{
    padding: 10px 16px !important;
    padding-top: 11px !important;
    width: 148px !important;
    height: 40px !important;
    background: #FFFFFF;
    border: 1px solid var(--gray-300);
    box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.05);
    border-radius: 8px;
    font-weight: 600 !important;
    font-size: 12px;
    line-height: 18px;
    color: var(--gray-700) !important;
    text-align: center;
    justify-content: center;
}
.ew-learn-more-card a.link,
.ew-learn-more-card a.link:hover,
.ew-learn-more-card a.link:focus,
.ew-learn-more-card a.link:active,
.ew-learn-more-card a.link:focus:active{
    font-weight: 600 !important;
    font-size: 14px;
    line-height: 20px;
    text-decoration-line: underline !important;
    color: var(--gray-600) !important;
    margin: auto;
    justify-content: center;
    height: auto !important;
    background: transparent !important;
}
.sidebar-mini .beta .version-badge,
.beta .version-badge-outer{display: none;cursor: pointer;}
.sidebar-mini .beta .version-badge-outer{display: block;}
.sidebar-mini .beta{position: relative;}
.sidebar-mini .ew-learn-more-card{
    position: absolute;
    top:0;
    left: calc(100% - 10px);
    z-index: 3;
    visibility: hidden;
    opacity: 0;
    transition: 0.15s ease;
    -webkit-transition: 0.15s ease;
    -moz-transition: 0.15s ease;
    -o-transition: 0.15s ease;
    -ms-transition: 0.15s ease;
}
.sidebar-mini .beta:hover .ew-learn-more-card,
.sidebar-mini .beta:focus .ew-learn-more-card{
    visibility: visible;
    opacity: 1;
    transition: 0.15s ease;
    -webkit-transition: 0.15s ease;
    -moz-transition: 0.15s ease;
    -o-transition: 0.15s ease;
    -ms-transition: 0.15s ease;
}
.loader{
    font-weight: 500;
    font-size: 20px;
    line-height: 30px;
    color: var(--gray-700);
    text-align: center;
    padding: 10px;
    padding-top: calc(50vh + 30px);
}
/*EARTHWALLET CARD END*/





@media(min-width:1441px){
    .carousel.slide,.project-detail #pslider .carousel-item img{width:100%;}
}
@media(max-width: 1024px){
    .navbar{display: none;left: 0;}
    .navbar .nav-link.nav-link-lg i {font-size: 28px;line-height: 26px;}
    body.sidebar-show{position: fixed;overflow: hidden;}
    body.sidebar-show:before{top:0;}
    .md-header{display: block !important;}
    .main-content,
    .new-trackhanprint .main-content,
    .impact-list .main-content,
    .impact-setting .main-content,
    .impact-ledger .main-content{margin-top: 74px;padding: 60px !important;}
}
@media (max-width:991px){
    .browse-project .inner-content{position:absolute;right:100px;top:155px;}
    .map-img img{top:50%!important;left:6%!important }
    .k-mini-progress-bar .pie-chart-progress .chart canvas{width:80px!important;height:80px!important}
}
@media (max-width:768px){
    .browse-project .inner-content{position:absolute;right:100px;top:115px }
    .map-img img{top:17%!important;left:6%!important }
    .article .article-header .article-title h2{margin-bottom:0}
}
@media(max-width: 767px){
    .md-header{padding: 15px 45px;}
    .main-content,
    .new-trackhanprint .main-content,
    .impact-list .main-content,
    .impact-setting .main-content,
    .impact-ledger .main-content{margin-top: 74px;padding: 45px !important;}
}
@media(max-width:575px){
    .loader{font-size: 16px;line-height: 24px;}
    .md-header{padding: 10px 30px;}
    .main-content,
    .new-trackhanprint .main-content,
    .impact-list .main-content,
    .impact-setting .main-content,
    .impact-ledger .main-content{margin-top: 74px;padding: 30px !important;}
}
@media(max-width:441px){
    .loader{font-size: 14px;line-height: 22px;}
    .font-responsive .card-header h3{font-size:22px }
}
@media(max-width: 440px){
    .md-header{padding: 8px 16px;}
    .main-content,
    .new-trackhanprint .main-content,
    .impact-list .main-content,
    .impact-setting .main-content,
    .impact-ledger .main-content{margin-top: 74px;padding: 30px 16px !important;}
}
@media(max-width:368px){
    .font-responsive .card-header h3{font-size:16px}
}





/*NEW CSS START*/


.object-cover{width:100%;height:100%;line-height:0;object-fit: cover!important;}
.object-contain{width:100%;height:100%;line-height:0;object-fit: contain!important;}
.h-min-100vh{min-height: 100vh;}
.flex-1{flex: 1;}
.underline,.hov-underline:hover{text-decoration: underline !important;}
ul.list-style-none{list-style: none;}
hr{border-color: var(--gray-200);}
.text-truncate,.text-truncate-2{display: -webkit-box;-webkit-box-orient: vertical;overflow: hidden;-webkit-line-clamp: 1;}
.text-truncate-2{-webkit-line-clamp: 2;}

/*################ COLL GAPS START ##############*/
.gap-0 {margin-right: 0!important;margin-left: 0!important;}
.gap-0  > .col,
.gap-0  > [class*="col-"] {padding-right: 0!important;padding-left: 0!important;}

.gap-4 {margin-right: -2px!important;margin-left: -2px!important;}
.gap-4  > .col,
.gap-4  > [class*="col-"] {padding-right: 2px!important;padding-left: 2px!important;}

.gap-8 {margin-right: -4px!important;margin-left: -4px!important;}
.gap-8  > .col,
.gap-8  > [class*="col-"] {padding-right: 4px!important;padding-left: 4px!important;}

.gap-12 {margin-right: -6px!important;margin-left: -6px!important;}
.gap-12  > .col,
.gap-12  > [class*="col-"] {padding-right: 6px!important;padding-left: 6px!important;}

.gap-16 {margin-right: -8px!important;margin-left: -8px!important;}
.gap-16  > .col,
.gap-16  > [class*="col-"] {padding-right: 8px!important;padding-left: 8px!important;}

.gap-24 {margin-right: -12px!important;margin-left: -12px!important;}
.gap-24  > .col,
.gap-24  > [class*="col-"] {padding-right: 12px!important;padding-left: 12px!important;}

.gap-24 {margin-right: -12px!important;margin-left: -12px!important;}
.gap-24  > .col,
.gap-24  > [class*="col-"] {padding-right: 12px!important;padding-left: 12px!important;}

.gap-26 {margin-right: -13px!important;margin-left: -13px!important;}
.gap-26  > .col,
.gap-26  > [class*="col-"] {padding-right: 13px!important;padding-left: 13px!important;}

.gap-40 {margin-right: -20px!important;margin-left: -20px!important;}
.gap-40  > .col,
.gap-40  > [class*="col-"] {padding-right: 20px!important;padding-left: 20px!important;}

.gap-56 {margin-right: -28px!important;margin-left: -28px!important;}
.gap-56  > .col,
.gap-56  > [class*="col-"] {padding-right: 28px!important;padding-left: 28px!important;}
/*################ COLL GAPS END ##############*/

/*################ BUTTONS START ##############*/
.btn{text-decoration: none!important;display: inline-flex;justify-content: center;align-items: center;gap: 8px;}
.btn-2{border: none;background: transparent;}
.btn-lg{font-size: 16px!important;font-weight: 600;line-height: 24px;height: 44px;padding: 12px 20px!important;border-radius: var(--radius-md);}
.btn-xl{font-size: 18px!important;font-weight: 600;line-height: 28px;height: 48px;padding: 12px 20px!important;border-radius: var(--radius-lg);}
.btn-xl.w-100,.btn-lg.w-100{padding: 12px 8px!important;}
.btn-md{height: 36px;padding: 8px 14px;border-radius: var(--radius-md);font-size: 14px;font-weight: 600;line-height: 20px;}
.btn-primary-v2{}
.btn-primary-v2,
.btn-primary-v2:focus{border: none !important;background: var(--gray-800)!important;color: var(--white)!important;font-family: var(--font-regular);box-shadow: var(--shadow-xs);-webkit-transition: var(--ease-sm);-ms-transition: var(--ease-sm);-moz-transition: var(--ease-sm);-o-transition: var(--ease-sm);transition: var(--ease-sm);}
.btn-primary-v2:hover,
.btn-primary-v2:active,
.btn-primary-v2:hover:active,
.btn-primary-v2:focus:active{border: none !important;background: var(--gray-800)!important;color: var(--white)!important;text-decoration: none;-webkit-transition: var(--ease-sm);-ms-transition: var(--ease-sm);-moz-transition: var(--ease-sm);-o-transition: var(--ease-sm);transition: var(--ease-sm);}
.btn-transparent,
.btn-transparent:focus{border:none!important;background: transparent!important;transition: var(--transition-sm);color: var(--gray-600)!important;}
.btn-transparent:hover,
.btn-transparent:active,
.btn-transparent:hover:active,
.btn-transparent:focus:active{background: var(--gray-100)!important;transition: var(--transition-sm);color: var(--gray-600)!important;text-decoration: none;}
.btn-gradient,
.btn-gradient:focus{background: var(--gradient);color: var(--white)!important;font-family: var(--font-regular);box-shadow: var(--shadow-xs);-webkit-transition: var(--ease-sm);-ms-transition: var(--ease-sm);-moz-transition: var(--ease-sm);-o-transition: var(--ease-sm);transition: var(--ease-sm);}
.btn-gradient:hover,
.btn-gradient:active,
.btn-gradient:hover:active,
.btn-gradient:focus:active{background: var(--gradient-hover);color: var(--white)!important;text-decoration: none;-webkit-transition: var(--ease-sm);-ms-transition: var(--ease-sm);-moz-transition: var(--ease-sm);-o-transition: var(--ease-sm);transition: var(--ease-sm);}
.btn-gradient-blue,
.btn-gradient-blue:focus,
.btn-gradient-blue:hover,
.btn-gradient-blue:active,
.btn-gradient-blue:hover:active,
.btn-gradient-blue:focus:active{background: var(--gradient-blue);color: var(--white)!important;font-family: var(--font-regular);box-shadow: var(--shadow-xs);-webkit-transition: var(--ease-sm);-ms-transition: var(--ease-sm);-moz-transition: var(--ease-sm);-o-transition: var(--ease-sm);transition: var(--ease-sm);}
.btn-bordered,
.btn-bordered:focus,
.btn-secondary-v2,
.btn-secondary-v2:focus{border: 1px solid var(--gray-300);background-color: var(--white)!important;color: var(--gray-700)!important;box-shadow: var(--shadow-xs);-webkit-transition: var(--ease-sm);-ms-transition: var(--ease-sm);-moz-transition: var(--ease-sm);-o-transition: var(--ease-sm);transition: var(--ease-sm);}
.btn-bordered:hover,
.btn-bordered:active,
.btn-bordered:hover:active,
.btn-bordered:focus:active,
.btn-bordered.btn:not(.btn-social):not(.btn-social-icon):active, 
.btn-bordered.btn:not(.btn-social):not(.btn-social-icon):focus, 
.btn-bordered.btn:not(.btn-social):not(.btn-social-icon):hover,
.btn-secondary-v2:hover,
.btn-secondary-v2:active,
.btn-secondary-v2:hover:active,
.btn-secondary-v2:focus:active,
.btn-secondary-v2.btn:not(.btn-social):not(.btn-social-icon):active, 
.btn-secondary-v2.btn:not(.btn-social):not(.btn-social-icon):focus, 
.btn-secondary-v2.btn:not(.btn-social):not(.btn-social-icon):hover{border-color: var(--gray-300)!important;background-color: var(--gray-50)!important;-webkit-transition: var(--ease-sm);-ms-transition: var(--ease-sm);-moz-transition: var(--ease-sm);-o-transition: var(--ease-sm);transition: var(--ease-sm);}
[disabled].btn-primary-v2,
[disabled].btn-primary-v2:hover,
[disabled].btn-primary-v2:focus,
[disabled].btn-primary-v2:active,
[disabled].btn-primary-v2:hover:active,
[disabled].btn-primary-v2:focus:active{background: #D0D5DD!important;-webkit-transition: none;-moz-transition: none;-ms-transition: none;-o-transition: none;transition: none;box-shadow: none;transform: none;opacity: 1;}
[disabled].btn-gradient,
[disabled].btn-gradient:hover,
[disabled].btn-gradient:focus,
[disabled].btn-gradient:active,
[disabled].btn-gradient:hover:active,
[disabled].btn-gradient:focus:active{background: #9FEDD9!important;-webkit-transition: none;-moz-transition: none;-ms-transition: none;-o-transition: none;transition: none;box-shadow: none;transform: none;opacity: 1;}
[disabled].btn-transparent,
[disabled].btn-transparent:hover,
[disabled].btn-transparent:focus,
[disabled].btn-transparent:active,
[disabled].btn-transparent:hover:active,
[disabled].btn-transparent:focus:active{color: var(--gray-300) !important;background: transparent !important;-webkit-transition: none;-moz-transition: none;-ms-transition: none;-o-transition: none;transition: none;box-shadow: none;transform: none;opacity: 1;}
.btn-copy:before,
.btn-with-external-link:after,
.btn-with-right-arrow:after,
.btn-calculator:before,
.search-box:before,
.btn-filter:before,
.btn-favorites:before,
.add-to-favorite:before,
.btn-back-to-top:before{content: "";width: 20px;height: 20px;background-size: contain;background-repeat: no-repeat;background-position: center;}
.btn-with-external-link:after{background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17.5 7.50001L17.5 2.50001M17.5 2.50001H12.5M17.5 2.50001L10 10M8.33333 2.5H6.5C5.09987 2.5 4.3998 2.5 3.86502 2.77248C3.39462 3.01217 3.01217 3.39462 2.77248 3.86502C2.5 4.3998 2.5 5.09987 2.5 6.5V13.5C2.5 14.9001 2.5 15.6002 2.77248 16.135C3.01217 16.6054 3.39462 16.9878 3.86502 17.2275C4.3998 17.5 5.09987 17.5 6.5 17.5H13.5C14.9001 17.5 15.6002 17.5 16.135 17.2275C16.6054 16.9878 16.9878 16.6054 17.2275 16.135C17.5 15.6002 17.5 14.9001 17.5 13.5V11.6667' stroke='%23344054' stroke-width='1.66667' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");}
.btn-with-right-arrow:after{background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.5 15L12.5 10L7.5 5' stroke='%23475467' stroke-width='1.66667' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");}
.btn-copy:before{background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.3327 6.66663V4.33329C13.3327 3.39987 13.3327 2.93316 13.151 2.57664C12.9912 2.26304 12.7363 2.00807 12.4227 1.84828C12.0661 1.66663 11.5994 1.66663 10.666 1.66663H4.33268C3.39926 1.66663 2.93255 1.66663 2.57603 1.84828C2.26243 2.00807 2.00746 2.26304 1.84767 2.57664C1.66602 2.93316 1.66602 3.39987 1.66602 4.33329V10.6666C1.66602 11.6 1.66602 12.0668 1.84767 12.4233C2.00746 12.7369 2.26243 12.9918 2.57603 13.1516C2.93255 13.3333 3.39926 13.3333 4.33268 13.3333H6.66602M9.33268 18.3333H15.666C16.5994 18.3333 17.0661 18.3333 17.4227 18.1516C17.7363 17.9918 17.9912 17.7369 18.151 17.4233C18.3327 17.0668 18.3327 16.6 18.3327 15.6666V9.33329C18.3327 8.39987 18.3327 7.93316 18.151 7.57664C17.9912 7.26304 17.7363 7.00807 17.4227 6.84828C17.0661 6.66663 16.5994 6.66663 15.666 6.66663H9.33268C8.39926 6.66663 7.93255 6.66663 7.57603 6.84828C7.26243 7.00807 7.00746 7.26304 6.84767 7.57664C6.66602 7.93316 6.66602 8.39987 6.66602 9.33329V15.6666C6.66602 16.6 6.66602 17.0668 6.84767 17.4233C7.00746 17.7369 7.26243 17.9918 7.57603 18.1516C7.93255 18.3333 8.39926 18.3333 9.33268 18.3333Z' stroke='%23344054' stroke-width='1.66667' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");}
.btn-danger,
.btn-danger:hover,
.btn-danger:focus,
.btn-danger:active,
.btn-danger:hover:active,
.btn-danger:focus:active{background-color: var(--error-600)!important;color: var(--white)!important;text-decoration: none!important;box-shadow: none;border: none;}
.x-close{background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18 6L6 18M6 6L18 18' stroke='%23667085' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");background-repeat: no-repeat;background-size: contain;background-position: center;width: 24px;height: 24px;display: flex;justify-content: center;align-items: center;padding: 0!important;}
.btn-back-v2{font-size: 16px;font-weight: 500;line-height: 22px;letter-spacing: 0px;text-align: left;color: var(--gray-700) !important;display: inline-flex;flex-direction: row-reverse;gap: 8px;}
.btn-back-v2.icn:after{width: 16px;height: 18px;margin-top: 1px;}
.btn-calculator:before,.icn-calculator:after{background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.5833 5.41667L5.41667 14.5833M7.08333 8.75V5.41667M5.41667 7.08333H8.75M11.25 12.9167H14.5833M6.5 17.5H13.5C14.9001 17.5 15.6002 17.5 16.135 17.2275C16.6054 16.9878 16.9878 16.6054 17.2275 16.135C17.5 15.6002 17.5 14.9001 17.5 13.5V6.5C17.5 5.09987 17.5 4.3998 17.2275 3.86502C16.9878 3.39462 16.6054 3.01217 16.135 2.77248C15.6002 2.5 14.9001 2.5 13.5 2.5H6.5C5.09987 2.5 4.3998 2.5 3.86502 2.77248C3.39462 3.01217 3.01217 3.39462 2.77248 3.86502C2.5 4.3998 2.5 5.09987 2.5 6.5V13.5C2.5 14.9001 2.5 15.6002 2.77248 16.135C3.01217 16.6054 3.39462 16.9878 3.86502 17.2275C4.3998 17.5 5.09987 17.5 6.5 17.5Z' stroke='%23475467' stroke-width='1.66667' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");}
.search-box:before{background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17.5 17.5L12.5001 12.5M14.1667 8.33333C14.1667 11.555 11.555 14.1667 8.33333 14.1667C5.11167 14.1667 2.5 11.555 2.5 8.33333C2.5 5.11167 5.11167 2.5 8.33333 2.5C11.555 2.5 14.1667 5.11167 14.1667 8.33333Z' stroke='%23667085' stroke-width='1.66667' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");}
.search-box:before{position: absolute;top: 9px;left: 14px;}
.search-box input{padding-left: calc(14px + 20px + 8px);height: 40px !important;}
.btn-filter:before{background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2.5 6.6665L12.5 6.6665M12.5 6.6665C12.5 8.04722 13.6193 9.1665 15 9.1665C16.3807 9.1665 17.5 8.04722 17.5 6.6665C17.5 5.28579 16.3807 4.1665 15 4.1665C13.6193 4.1665 12.5 5.28579 12.5 6.6665ZM7.5 13.3332L17.5 13.3332M7.5 13.3332C7.5 14.7139 6.38071 15.8332 5 15.8332C3.61929 15.8332 2.5 14.7139 2.5 13.3332C2.5 11.9525 3.61929 10.8332 5 10.8332C6.38071 10.8332 7.5 11.9525 7.5 13.3332Z' stroke='%23344054' stroke-width='1.66667' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");}
.btn-favorites:before,
.add-to-favorite:before{background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M9.99462 4.27985C8.32849 2.332 5.55011 1.80804 3.46257 3.59168C1.37503 5.37532 1.08113 8.35748 2.72049 10.467C4.08351 12.2209 8.20847 15.9201 9.56041 17.1174C9.71166 17.2513 9.78729 17.3183 9.8755 17.3446C9.9525 17.3676 10.0367 17.3676 10.1137 17.3446C10.2019 17.3183 10.2776 17.2513 10.4288 17.1174C11.7808 15.9201 15.9057 12.2209 17.2687 10.467C18.9081 8.35748 18.6501 5.35656 16.5267 3.59168C14.4032 1.8268 11.6607 2.332 9.99462 4.27985Z' stroke='%23475467' stroke-width='1.66667' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");}
.add-to-favorite.liked:before{background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M9.99425 4.27985C8.32813 2.332 5.54975 1.80804 3.46221 3.59168C1.37466 5.37532 1.08077 8.35748 2.72012 10.467C4.08314 12.2209 8.2081 15.9201 9.56004 17.1174C9.7113 17.2513 9.78692 17.3183 9.87514 17.3446C9.95213 17.3676 10.0364 17.3676 10.1134 17.3446C10.2016 17.3183 10.2772 17.2513 10.4285 17.1174C11.7804 15.9201 15.9054 12.2209 17.2684 10.467C18.9077 8.35748 18.6497 5.35656 16.5263 3.59168C14.4029 1.8268 11.6604 2.332 9.99425 4.27985Z' fill='%23F06565' stroke='%23475467' stroke-width='1.66667' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");}
.btn-back-to-top:before{background-image: url("data:image/svg+xml,%3Csvg width='21' height='21' viewBox='0 0 21 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18 3.07129H3M15.5 11.4046L10.5 6.40462M10.5 6.40462L5.5 11.4046M10.5 6.40462V18.0713' stroke='%23344054' stroke-width='1.66667' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");}
.plus:after{background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.99984 4.1665V15.8332M4.1665 9.99984H15.8332' stroke='%23475467' stroke-width='1.66667' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");}
.minus:after{background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.1665 10H15.8332' stroke='%23475467' stroke-width='1.66667' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");}
/*################ BUTTONS END ##############*/

/*################ ICONS START ##############*/
.icn:after,
.x-close-light:after,
.x-close-dark:after{content: "";width:32px;height:32px;background-repeat: no-repeat;background-size: contain;background-position: center;display: block;transition: 0.15s ease;-webkit-transition: 0.15s ease;-moz-transition: 0.15s ease;-ms-transition: 0.15s ease;-o-transition: 0.15s ease;}
.x-close-light,
.x-close-dark{width: 32px;height: 32px;display: flex;justify-content: center;align-items: center;}
.x-close-light:after{width: 18px;height: 18px;background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.6666 1.33337L1.33325 14.6667M1.33325 1.33337L14.6666 14.6667' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");}
.x-close-dark:after{width: 26px;height: 26px;background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18 6L6 18M6 6L18 18' stroke='%23667085' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");}
.x-close-light,
.x-close-dark{width: 32px;height: 32px;display: flex;justify-content: center;align-items: center;transition: 0.15s ease;-webkit-transition: 0.15s ease;-moz-transition: 0.15s ease;-ms-transition: 0.15s ease;-o-transition: 0.15s ease;}
.x-close-light:hover,
.x-close-dark:hover,
.icn.arrow-light:hover{transform: scale(1.2);-webkit-transform: scale(1.2);-ms-transform: scale(1.2);-moz-transform: scale(1.2);-o-transform: scale(1.2);transition: 0.15s ease;-webkit-transition: 0.15s ease;-moz-transition: 0.15s ease;-ms-transition: 0.15s ease;-o-transition: 0.15s ease;}
.icn:after{width: 20px;height: 20px;}
.icn.location:after{background-image: url("data:image/svg+xml,%3Csvg width='16' height='17' viewBox='0 0 16 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_37_30879)'%3E%3Cpath d='M14 7.1665C14 11.8332 8 15.8332 8 15.8332C8 15.8332 2 11.8332 2 7.1665C2 5.5752 2.63214 4.04908 3.75736 2.92386C4.88258 1.79864 6.4087 1.1665 8 1.1665C9.5913 1.1665 11.1174 1.79864 12.2426 2.92386C13.3679 4.04908 14 5.5752 14 7.1665Z' stroke='%23667085' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M8 9.1665C9.10457 9.1665 10 8.27107 10 7.1665C10 6.06193 9.10457 5.1665 8 5.1665C6.89543 5.1665 6 6.06193 6 7.1665C6 8.27107 6.89543 9.1665 8 9.1665Z' stroke='%23666666' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_37_30879'%3E%3Crect width='16' height='16' fill='white' transform='translate(0 0.5)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");}
.icn-location:after{background-image: url("data:image/svg+xml,%3Csvg width='16' height='17' viewBox='0 0 16 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_37_30879)'%3E%3Cpath d='M14 7.1665C14 11.8332 8 15.8332 8 15.8332C8 15.8332 2 11.8332 2 7.1665C2 5.5752 2.63214 4.04908 3.75736 2.92386C4.88258 1.79864 6.4087 1.1665 8 1.1665C9.5913 1.1665 11.1174 1.79864 12.2426 2.92386C13.3679 4.04908 14 5.5752 14 7.1665Z' stroke='%23667085' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M8 9.1665C9.10457 9.1665 10 8.27107 10 7.1665C10 6.06193 9.10457 5.1665 8 5.1665C6.89543 5.1665 6 6.06193 6 7.1665C6 8.27107 6.89543 9.1665 8 9.1665Z' stroke='%23666666' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_37_30879'%3E%3Crect width='16' height='16' fill='white' transform='translate(0 0.5)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");}
.icn-download:after{background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17.5 12.5V13.5C17.5 14.9001 17.5 15.6002 17.2275 16.135C16.9878 16.6054 16.6054 16.9878 16.135 17.2275C15.6002 17.5 14.9001 17.5 13.5 17.5H6.5C5.09987 17.5 4.3998 17.5 3.86502 17.2275C3.39462 16.9878 3.01217 16.6054 2.77248 16.135C2.5 15.6002 2.5 14.9001 2.5 13.5V12.5M14.1667 8.33333L10 12.5M10 12.5L5.83333 8.33333M10 12.5V2.5' stroke='%23344054' stroke-width='1.66667' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");}
.icn-share:after{background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.15833 11.2583L12.85 14.575M12.8417 5.42496L7.15833 8.74163M17.5 4.16663C17.5 5.54734 16.3807 6.66663 15 6.66663C13.6193 6.66663 12.5 5.54734 12.5 4.16663C12.5 2.78591 13.6193 1.66663 15 1.66663C16.3807 1.66663 17.5 2.78591 17.5 4.16663ZM7.5 9.99996C7.5 11.3807 6.38071 12.5 5 12.5C3.61929 12.5 2.5 11.3807 2.5 9.99996C2.5 8.61925 3.61929 7.49996 5 7.49996C6.38071 7.49996 7.5 8.61925 7.5 9.99996ZM17.5 15.8333C17.5 17.214 16.3807 18.3333 15 18.3333C13.6193 18.3333 12.5 17.214 12.5 15.8333C12.5 14.4526 13.6193 13.3333 15 13.3333C16.3807 13.3333 17.5 14.4526 17.5 15.8333Z' stroke='%23344054' stroke-width='1.66667' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");}
.icn.back:after{background-image: url("data:image/svg+xml,%3Csvg width='9' height='15' viewBox='0 0 9 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M3.53531 6.49985C3.14478 6.89037 3.14478 7.52354 3.53531 7.91406L7.91399 12.2927C8.30451 12.6833 8.30451 13.3164 7.91399 13.707C7.52346 14.0975 6.8903 14.0975 6.49977 13.707L1.41399 8.62117C0.632938 7.84012 0.632938 6.57379 1.41399 5.79274L6.49977 0.706956C6.8903 0.316432 7.52346 0.316432 7.91399 0.706956C8.30451 1.09748 8.30451 1.73065 7.91399 2.12117L3.53531 6.49985Z' fill='%23344054'/%3E%3C/svg%3E");}
.icn.what-is:after{background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_3730_12073)'%3E%3Cpath d='M6.05967 6.00016C6.21641 5.55461 6.52578 5.1789 6.93298 4.93958C7.34018 4.70027 7.81894 4.61279 8.28446 4.69264C8.74998 4.77249 9.17222 5.01451 9.47639 5.37585C9.78057 5.73718 9.94705 6.19451 9.94634 6.66683C9.94634 8.00016 7.94634 8.66683 7.94634 8.66683M7.99967 11.3335H8.00634M14.6663 8.00016C14.6663 11.6821 11.6816 14.6668 7.99967 14.6668C4.31778 14.6668 1.33301 11.6821 1.33301 8.00016C1.33301 4.31826 4.31778 1.3335 7.99967 1.3335C11.6816 1.3335 14.6663 4.31826 14.6663 8.00016Z' stroke='%2398A2B3' stroke-width='1.33333' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_3730_12073'%3E%3Crect width='16' height='16' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");}
.icn.arrow-light:after{background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20 24L12 16L20 8' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");}
.icn.arrow-light.right:after{transform: rotate(180deg);}

/*################ ICON END ##############*/

/*################ CUSTOM SCROLLBAR V2 START ##############*/
.scrollbar-v2::-webkit-scrollbar{width: 14px;}
.scrollbar-v2::-webkit-scrollbar-track{border-radius: var(--radius-md);}
.scrollbar-v2::-webkit-scrollbar-thumb{background-color: var(--gray-100);border:4px solid var(--white);border-radius: var(--radius-md);}
.scrollbar-v2::-webkit-scrollbar-thumb:hover{background-color: var(--gray-200);}
/*################ CUSTOM SCROLLBAR V2 END ##############*/

/*################ COLORS START ####################################*/
/*background colors*/
.bg-white{background-color: var(--white);color: inherit;}
.bg-black{background-color: var(--black);}
.bg-green-light-100{background-color: var(--green-light-100);}
.bg-green-light-200{background-color: var(--green-light-200);}
.bg-green-light-300{background-color: var(--green-light-300);}
.bg-gray-blue{background-color: var(--gray-blue-200);}
.bg-blue-light-25{background-color: var(--blue-light-25);}
.bg-orange-dark-50{background-color: var(--orange-dark-50);}
.bg-fuchsia-50{background-color: var(--fuchsia-50);}
.bg-rose-50{background-color: var(--rose-50);}
.bg-indigo-100{background-color: var(--indigo-100);}
.bg-cyan-50{background-color: var(--cyan-50);}
.bg-gray-50{background-color: var(--gray-50);}
.bg-gray-25{background-color: var(--gray-25);}
.bg-aqua-gradient{background: var(--gradient-aqua);}
/*text colors*/
.text-black{color: var(--black) !important;}
.text-gray-900{color: var(--gray-900) !important;}
.text-gray-800{color: var(--gray-800) !important;}
.text-gray-700{color: var(--gray-700) !important;}
.text-gray-600{color: var(--gray-600) !important;}
.text-gray-500,.text-gray{color: var(--gray-500) !important;}
.text-gray-400{color: var(--gray-400) !important;}
.text-gray-300{color: var(--gray-300) !important;}
.text-gray-200{color: var(--gray-200) !important;}
.text-gray-100{color: var(--gray-100) !important;}
/*################ COLORS END #####################################*/

/*################ FONTS START #####################################*/
.fs-24{font-size: 24px !important;}
.fs-20{font-size: 20px !important;}
.fs-18{font-size: 18px !important;}
.fs-16{font-size: 16px !important;}
.fs-14{font-size: 14px !important;}
.fs-12{font-size: 12px !important;}
.fw-400{font-weight: 400 !important;}
.fw-500{font-weight: 500 !important;}
.fw-600{font-weight: 600 !important;}
.fw-700{font-weight: 700 !important;}
.fw-900{font-weight: 900 !important;}
.lh-24{line-height: 24px !important;}
.lh-22{line-height: 22px !important;}
.lh-20{line-height: 20px !important;}
.lh-18{line-height: 18px !important;}
.lh-16{line-height: 16px !important;}
.lh-14{line-height: 14px !important;}
/*################ FONTS END #####################################*/

/*################ SPACING START ##################################*/
/*margins*/
.ml-24,.mx-24{margin-left: var(--space-24) !important;}
.mr-24,.mx-24{margin-right: var(--space-24) !important;}
.mt-24,.my-24{margin-top: var(--space-24) !important;}
.mb-24,.my-24{margin-bottom: var(--space-24) !important;}
.m-24{margin: var(--space-24) !important;}
.ml-32,.mx-32{margin-left: var(--space-32) !important;}
.mr-32,.mx-32{margin-right: var(--space-32) !important;}
.mt-32,.my-32{margin-top: var(--space-32) !important;}
.mb-32,.my-32{margin-bottom: var(--space-32) !important;}
.m-32{margin: var(--space-32) !important;}
.ml-56,.mx-56{margin-left: var(--space-56) !important;}
.mr-56,.mx-56{margin-right: var(--space-56) !important;}
.mt-56,.my-56{margin-top: var(--space-56) !important;}
.mb-56,.my-56{margin-bottom: var(--space-56) !important;}
.m-56{margin: var(--space-56) !important;}
.mt--10{margin-top: -10px!important;}
/*paddings*/
.pl-24,.px-24{padding-left: var(--space-24) !important;}
.pr-24,.px-24{padding-right: var(--space-24) !important;}
.pt-24,.py-24{padding-top: var(--space-24) !important;}
.pb-24,.py-24{padding-bottom: var(--space-24) !important;}
.p-24{padding: var(--space-24) !important;}
.pl-32,.px-32{padding-left: var(--space-32) !important;}
.pr-32,.px-32{padding-right: var(--space-32) !important;}
.pt-32,.py-32{padding-top: var(--space-32) !important;}
.pb-32,.py-32{padding-bottom: var(--space-32) !important;}
.p-32{padding: var(--space-32) !important;}
.pl-56,.px-56{padding-left: var(--space-56) !important;}
.pr-56,.px-56{padding-right: var(--space-56) !important;}
.pt-56,.py-56{padding-top: var(--space-56) !important;}
.pb-56,.py-56{padding-bottom: var(--space-56) !important;}
.p-56{padding: var(--space-56);}
/*################ SPACING END ####################################*/

/*################ HEADINGS AND TITLES START ######################*/
.heading-lg{font-size: 30px;font-weight: 600;line-height: 38px;letter-spacing: 0em;color:var(--black);}
.heading-md{font-size: 24px;font-weight: 600;line-height: 32px;letter-spacing: 0em;}
.heading-sm{font-size: 20px;font-weight: 600;line-height: 30px;letter-spacing: 0em;}
.title-info{display: inline;}
.title-info .heading-sm-info-icon{margin-left: 8px;}
.title-info .heading-sm-info-content{width: 319px;height: 128px;padding: 16px;border-radius: var(--radius-md);border: 1px solid var(--gray-200);box-shadow: var(--shadow-lg);background: #fff;font-size: 16px;font-weight: 500;line-height: 24px;letter-spacing: 0em;text-align: left;color: var(--gray-900);right: 0;left: auto!important;margin-top: 8px;}
h5.mb-0.heading-sm.text-gray{font-size: 16px;line-height: 26px;}
/*################ HEADINGS AND TITLES END #########################*/

/*################ LOGOUT POPUP START ##############*/
.logout-popup .modal-dialog{max-width: 350px;border-radius: var(--radius-lg);}
.logout-popup .modal-header{justify-content: flex-end;}
.logout-popup .modal-body{padding: 0 24px;}
.logout-popup .modal-body h5{color: var(--gray-900);font-size: 18px;font-weight: 600;line-height: 28px;margin-top: 10px;margin-bottom: 64px;}
.logout-popup .modal-footer{padding: 24px;border-top: 1px solid var(--gray-200);}
.modal-backdrop.show{opacity: 1;}
.modal-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter: blur(4px);background-color: rgba(0, 0, 0, 0.7);}
/*################ LOGOUT POPUP END ##############*/

/*################ BANNER SUBSCRIPTION START ##############*/
.banner-subscription{background: var(--gradient-2);border-radius: var(--radius-md);padding: 24px;}
.banner-subscription .text{font-size: 20px;font-weight: 600;line-height: 30px;letter-spacing: 0em;text-align: left;color:var(--gray-700);}
/*################ BANNER SUBSCRIPTION END ##############*/

/*################ NO STORY PLACEHOLDER START #########################*/
.no-story-placeholder{text-align: center;padding: 24px;margin-bottom: 24px;}
.no-story-placeholder img{height: 100px;}
.no-story-placeholder .title{font-size: 16px;line-height: 24px;color: var(--gray-700);margin-bottom: 0;}
.no-story-placeholder .para{font-size: 12px;line-height: 16px;color: var(--gray-500);margin-bottom: 0;}
/*################ NO STORY PLACEHOLDER END #########################*/

/*################ CUSTOM CHECKBOX START ##############*/
.custom-checkbox{position: relative;margin-bottom: 0;height: 100%;cursor: pointer;}
.custom-checkbox .text{display: block;height: 100%;border: 1px solid transparent;box-shadow: 0 0 0 1px var(--gray-300);border-radius: 12px;padding: 16px 16px 24px 16px;font-family: var(--font-regular);font-size: 14px;font-weight: 500;line-height: 20px;letter-spacing: 0em;text-align: left;color:#4B5565;cursor: pointer;}
.custom-checkbox input{position: absolute;opacity: 0;}
.custom-checkbox input:checked ~ .text{box-shadow: 0 0 0 2px #1DCA99;}
.custom-checkbox input:checked ~ .text:after{content: "";background: url("https://d2jvw83318yoy6.cloudfront.net/images/default/hp_theme_check_icon.svg");background-repeat: no-repeat;background-size: contain;background-position: center;position: absolute;right: -10px;top: -10px;width: 24px;height: 24px;border-radius: 50%;}
/*################ CUSTOM CHECKBOX END ##############*/

/*################ CUSTOM CHECKBOX TYPE 2 START ##############*/
.custom-checkbox-v2-type-2{position: relative;display: inline-flex;margin-bottom: 0;cursor: pointer;}
.custom-checkbox-v2-type-2 input{position: absolute;top:0;left: 0;opacity: 0;}
.custom-checkbox-v2-type-2 .checkmark{display: block;width: 16px;height: 16px;margin-right: 8px;margin-top: 1px;}
.custom-checkbox-v2-type-2 .checkmark:after{content: "";display: block;width: 16px;height: 16px;background-image: url("data:image/svg+xml,%3Csvg width='16' height='17' viewBox='0 0 16 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0.5' y='1' width='15' height='15' rx='3.5' fill='white'/%3E%3Crect x='0.5' y='1' width='15' height='15' rx='3.5' stroke='%23D0D5DD'/%3E%3C/svg%3E");background-repeat: no-repeat;background-size: contain;background-position: center;}
.custom-checkbox-v2-type-2 input:checked ~ .checkmark:after{background-image: url("data:image/svg+xml,%3Csvg width='16' height='17' viewBox='0 0 16 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0.5' y='1' width='15' height='15' rx='3.5' fill='%2375E2C4'/%3E%3Cpath d='M12 5.5L6.5 11L4 8.5' stroke='%2312825D' stroke-width='1.6666' stroke-linecap='round' stroke-linejoin='round'/%3E%3Crect x='0.5' y='1' width='15' height='15' rx='3.5' stroke='%2312825D'/%3E%3C/svg%3E");}
.custom-checkbox-v2-type-2 .text{font-size: 14px;font-weight: 500;line-height: 20px;letter-spacing: 0em;text-align: left;color: var(--gray-700);}
.custom-checkbox-v2-type-2.with-blue-check input:checked ~ .checkmark:after{background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='16' height='16' rx='4' fill='%232E90FA'/%3E%3Cpath d='M12 5L6.5 10.5L4 8' stroke='white' stroke-width='1.6666' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");}
/*################ CUSTOM CHECKBOX TYPE 2 END ##############*/

/*################ CUSTOM CHECKBOX BUTTON START ##############*/
.custom-checkbox-btn{position: relative;margin-bottom: 0;width:100%;cursor: pointer;}
.custom-checkbox-btn input{position: absolute;opacity: 0;}
.custom-checkbox-btn .checkmark-btn{display: flex;justify-content: center;align-items: center;height: 44px;border-radius: var(--radius-md);border: 2px solid var(--gray-300);background: #fff;font-size: 18px;font-weight: 500;line-height: 28px;letter-spacing: 0em;color: var(--gray-700);}
.custom-checkbox-btn input:checked ~ .checkmark-btn{border-color: var(--theme-default);}
/*################ CUSTOM CHECKBOX BUTTON END ##############*/

/*################ IMPACT CATEGORY BADGE START ##############*/
.impact-category-badge{position: relative;cursor: pointer;}
.impact-category-badge input{position: absolute;left: 0;top: 0;opacity: 0;}
.impact-category-badge .imp-cat-badge-inner{background-color: var(--white);height: 36px;border-radius: 84px;padding: 8px 16px;border: 1.5px solid var(--gray-300);display: inline-flex;}
.impact-category-badge .imp-cat-badge-inner .icn{display: inline-block;width: 16px;height: 16px;margin-right: 6px;}
.impact-category-badge .imp-cat-badge-inner .icn img{width: 100%;height: 100%;object-fit: contain;object-position: center;}
.impact-category-badge .imp-cat-badge-inner .txt{display: inline-block;font-size: 14px;font-weight: 500;line-height: 20px;letter-spacing: 0em;color: var(--gray-700);margin: auto 0;}
.impact-category-badge input:checked ~ .imp-cat-badge-inner{border-color: var(--gray-700);background-color: var(--gray-100);}
.impact-category-badge input:checked ~ .imp-cat-badge-inner .x-close-dark{opacity: 1;}
/*################ IMPACT CATEGORY BADGE END ##############*/

/*################ SDG ICON CHECKBOX START ##############*/
.sdg-icon-checkbox{position: relative;cursor: pointer;}
.sdg-icon-checkbox input{position: absolute;left: 0;top: 0;opacity: 0;}
.sdg-icon-checkbox .inner-card{display: block;width: 80px;height: 64px;border: 1.5px solid var(--gray-300);padding: 8px 12px;background: #fff;border-radius: var(--radius-md);}
.sdg-icon-checkbox .inner-card img{width: 100%;height: 100%;object-fit: contain;object-position: center;}
.sdg-icon-checkbox input:checked ~ .inner-card{border-color:var(--gray-700);background: var(--gray-100);}
/*################ SDG ICON CHECKBOX END ##############*/

/*################ CUSTOM TOOLTIP START ##############*/
.tooltip-popup{border-radius: var(--radius-md);background-color: var(--gray-900);padding: 8px 12px 8px 12px;color: var(--white);font-size: 12px;font-weight: 600;line-height: 18px;letter-spacing: 0em;position: absolute;bottom:100%;left: 20%!important;z-index: 9;margin-top: -5px!important;}
.tooltip-popup:after{content: "";width: 0;height: 0;display: block;border-width: 10px;border-style: solid;border-top-color: var(--gray-900);border-right-color: transparent;border-bottom-color: transparent;border-left-color: transparent;position: absolute;left: 20px;bottom: -17px;}
.custom-tooltip-v2{position: relative;display: inline-block;cursor: default;}
.custom-tooltip-v2:after{content: attr(data-title);position: absolute;top: auto;left: 50%;bottom: calc(100% + 12px);display: block;width: 195px;min-height: 52px;border-radius: var(--radius-md);background: var(--gray-900);color: #fff;font-size: 12px;font-weight: 600;line-height: 18px;letter-spacing: 0em;text-align: left;box-shadow: var(--shadow-lg);padding: 8px 12px;}
.custom-tooltip-v2:before{content: "";width: 0;height: 0;border-width: 10px;border-style: solid;border-top-color: var(--gray-900);border-right-color: transparent;border-bottom-color: transparent;border-left-color: transparent;position: absolute;left: calc(50% + 10px);bottom: calc(100% - 4px);}
.custom-tooltip-v2:after,
.custom-tooltip-v2:before{visibility: hidden;opacity: 0;z-index: 3;}
.custom-tooltip-v2:hover:after,
.custom-tooltip-v2:hover:before{visibility: visible;opacity: 1;}
.custom-tooltip-v2.bottom:before{top: calc(100% - 4px);border-top-color: transparent;border-bottom-color: var(--gray-900);}
.custom-tooltip-v2.bottom:after{top: calc(100% + 12px);bottom: auto;}
/*################ CUSTOM TOOLTIP END ##############*/

/*################ IMAGE PREVIEW POPUP START ##############*/
.img-preview-popup .modal-dialog{max-width: 800px;width: auto;}
.img-preview-popup .modal-content{max-width: unset;width: auto;background-color: transparent;margin: auto;box-shadow: none!important;}
.img-preview-popup .modal-header{padding: 0;margin-bottom: 8px;justify-content: flex-end;}
.img-preview-popup .modal-body{position: relative;border-radius: var(--radius-xl);padding: 0;}
.img-preview-popup .modal-body img{width: 100%;min-width: 280px;min-height: 200px;height: 100%;max-height: calc(100vh - 100px);object-fit: contain;object-position: center;border-radius: 16px;line-height: 0;box-shadow: var(--shadow);}
.img-preview-popup .bottom{position: absolute;left: 0px;bottom: 0px;background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 0%, rgba(0, 0, 0, 0.70) 100%);padding: 24px;-webkit-backdrop-filter:blur(1px);backdrop-filter: blur(1px);width: 100%;color: var(--white);border-bottom-left-radius: var(--radius-xl);border-bottom-right-radius: var(--radius-xl);}
.img-preview-popup .bottom .popup-title{font-size: 12px;font-weight: 600;line-height: 18px;margin-bottom: 0;color: inherit;}
.img-preview-popup .bottom .popup-caption{font-size: 20px;font-weight: 500;line-height: 30px;margin-bottom: 0;color: inherit;}
.img-preview-popup .bottom .popup-timestamp{font-size: 12px;font-weight: 500;line-height: 18px;margin-bottom: 0;color: inherit;}
.img-preview-popup .action-btn-group {display: flex;justify-content: flex-end;width: 140px;margin: auto;margin-right: 0;}
.img-preview-popup .action-btn-group .action-btn-group-col{margin-right:16px;}
.img-preview-popup .action-btn-group .action-btn-group-col:last-child{margin-right:0;}
.img-preview-popup .action-btn-group .item-size{flex-shrink: 0;font-size: 12px;font-weight: 500;line-height: 18px;letter-spacing: 0em;text-align: left;color: var(--gray-200);margin-top: auto;margin-bottom: auto;}
.img-preview-popup .action-btn-group .btn-icon{width: 36px;height: 36px;display: flex;justify-content: center;align-items: center;border-radius: var(--radius-md);background-color: var(--white);color: var(--gray-300);border:1px solid var(--gray-300);flex-shrink: 0;}
.img-preview-navigation .prev,
.img-preview-navigation .next{position: absolute;top:calc(50% - 16px);} 
.img-preview-navigation .prev{left: calc(-32px - 12px);}
.img-preview-navigation .next{right: calc(-32px - 12px);}
/*################ IMAGE PREVIEW POPUP END ##############*/

/*################ SAHRE POPUP START ##############*/
.share-popup.show{-webkit-backdrop-filter:blur(4px);backdrop-filter: blur(4px);}
.share-popup .modal-dialog{max-width: 308px}
.share-popup .modal-content{border-radius: var(--radius-xl);box-shadow: var(--shadow)!important;}
.share-popup .modal-header{padding: 24px 20px 0px 20px;}
.share-popup .modal-title{font-size: 18px;font-weight: 600;line-height: 28px;letter-spacing: 0em;text-align: left;color: var(--gray-900);}
.share-popup .modal-body{padding: 24px 20px 40px 20px;}
.share-popup .social-icon{display:block;text-align: center;}
.share-popup .social-icon figure{margin: 0 auto 8px auto;width: 32px;height: 32px;}
.share-popup .social-icon .text{font-size: 12px;font-weight: 500;line-height: 18px;letter-spacing: 0em;text-align: center;color:var(--gray-400);transition: var(--transition-sm);}
.share-popup .social-icon:hover .text{color:var(--gray-700);transition: var(--transition-sm);}
/*################ SAHRE POPUP END ##############*/

/*################ FULLY FUNDED BADGE START ##############*/
.imp-fully-funded:before{background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.3332 4L5.99984 11.3333L2.6665 8' stroke='%23344054' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");}
.imp-fully-funded:before{content: "";background-size: contain;background-repeat: no-repeat;background-position: center;}
.imp-fully-funded{display: inline-flex;justify-content: center;align-items: center;font-size: 12px;font-weight: 500;line-height: 18px;letter-spacing: 0em;background-color: var(--gray-100);border-radius: var(--radius-xl);height: 22px;padding: 0px 6px;color: var(--gray-700);}
.imp-fully-funded:before{display: inline-block;width: 16px;height: 16px;margin-right: 4px;}
/*################ FULLY FUNDED BADGE END ##############*/

/*################ PROJECT CARD START ##############*/
.project-card{position: relative;border: 1px solid var(--gray-300);border-radius: var(--radius-xl);background-color: var(--white);display: flex;flex-direction: column;}
.project-card .over-link{border-radius: var(--radius-xl);position: absolute;left: 0;right: 0;bottom: 0;top:0;z-index: 1;}
.project-card .pro-card-header{height: 157px;border-top-left-radius: var(--radius-xl);border-top-right-radius: var(--radius-xl);overflow: hidden;position: relative;}
.project-card .pro-card-header img{line-height: 0;width: 100%;height: 100%;object-fit: cover;}
.project-card .pro-card-header .favorite-icon{width: 36px;height: 36px;display: flex;justify-content: center;align-items: center;border-radius: var(--radius-md);background-color: transparent;position: absolute;right: 10px;top: 10px;z-index: 2;}
.project-card .pro-card-header .imp-badge{display: flex;justify-content: center;align-items: center;background-color: var(--gray-100);border-radius: var(--radius-xl);height: 26px;padding: 0px 12px;position: absolute;left: 10px;bottom: 10px;}
.project-card .pro-card-header .imp-badge .text{font-size: 12px;font-weight: 600;line-height: 18px;letter-spacing: 0em;color: var(--gray-700);padding-left: 20px;padding-top: 2px;}
.project-card .pro-card-header .imp-badge .icon{margin-right: 6px;width: 16px;height: 16px;position: absolute;left: 12px;top: 4px;}
.project-card .pro-card-header .imp-badge .icon img{width: 100%;height: 100%;object-fit: contain;object-position: center;}
.project-card .pro-card-body{padding: 12px 16px;padding-bottom: 0;}
.project-card .pro-card-body .title{font-size: 16px;font-weight: 600;line-height: 24px;letter-spacing: 0em;text-align: left;color: var(--gray-700);margin-bottom: 4px;display: -webkit-box;-webkit-box-orient: vertical;overflow: hidden;-webkit-line-clamp: 2;}
.project-card .pro-card-body .location{font-size: 12px;font-weight: 500;line-height: 18px;letter-spacing: 0px;text-align: left;color: var(--gray-500);margin-bottom: 12px;display: flex;align-items: center;}
.project-card .pro-card-body .location:before{content: "";background-image: url("data:image/svg+xml,%3Csvg width='16' height='17' viewBox='0 0 16 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_37_30879)'%3E%3Cpath d='M14 7.1665C14 11.8332 8 15.8332 8 15.8332C8 15.8332 2 11.8332 2 7.1665C2 5.5752 2.63214 4.04908 3.75736 2.92386C4.88258 1.79864 6.4087 1.1665 8 1.1665C9.5913 1.1665 11.1174 1.79864 12.2426 2.92386C13.3679 4.04908 14 5.5752 14 7.1665Z' stroke='%23667085' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M8 9.1665C9.10457 9.1665 10 8.27107 10 7.1665C10 6.06193 9.10457 5.1665 8 5.1665C6.89543 5.1665 6 6.06193 6 7.1665C6 8.27107 6.89543 9.1665 8 9.1665Z' stroke='%23666666' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_37_30879'%3E%3Crect width='16' height='16' fill='white' transform='translate(0 0.5)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");width: 20px;height: 20px;background-size: contain;background-repeat: no-repeat;background-position: center;display: block;margin-right: 5px;margin-left: -4px;}
.project-card .pro-card-body .price{}
.project-card .pro-card-body .price .usd{font-size: 18px;font-weight: 600;line-height: 28px;letter-spacing: 0em;text-align: right;color: var(--gray-iron);margin-right: 4px;}
.project-card .pro-card-body .price sub{font-size: 14px;font-weight: 500;line-height: 20px;letter-spacing: 0em;text-align: right;color: var(--gray-500);bottom:0;}
.pro-card-footer{display: flex;padding: 12px 16px;margin-top: auto;margin-bottom: 0;}
.pro-card-footer p{font-size: 12px;font-weight: 500;line-height: 18px;letter-spacing: 0em;text-align: left;color: var(--gray-400);flex: 1;margin: auto 0;}
.pro-card-footer .btn{position:relative;z-index: 2;}
.project-card .pro-card-header .imp-fully-funded{
    position: absolute;
    left: 10px;
    top: 10px;
}


/*################ PROJECT CARD END ##############*/

/*################ PROJECT CARD HORIZONTAL START ##############*/
.project-card-horizontal{display: flex;position: relative;}
.project-card-horizontal .over-link{position: absolute;left: 0;top: 0;right: 0;bottom: 0;z-index: 1;}
.project-card-horizontal .pro-img{position: relative;width: 190px;height: 140px;border-radius: var(--radius-lg);margin-right: 16px;overflow: hidden;flex-shrink: 0;}
.project-card-horizontal .pro-img img{width: 100%;height: 100%;object-fit: cover;object-position: center;line-height: 0;}
.project-card-horizontal .favorite-icon{width: 36px;height: 36px;display: flex;justify-content: center;align-items: center;border-radius: var(--radius-md);background-color: transparent;position: absolute;right: 6px;top: 6px;z-index: 2;}
.project-card-horizontal .imp-fully-funded{position: absolute;left: 12px;top: 12px;}
.project-card-horizontal .imp-badge{display: inline-flex;justify-content: center;align-items: center;background-color: var(--gray-100);border-radius: var(--radius-xl);height: 22px;padding: 0px 6px;}
.project-card-horizontal .imp-badge .text{font-size: 12px;font-weight: 500;line-height: 18px;letter-spacing: 0em;color: var(--gray-700);padding-top: 2px;}
.project-card-horizontal .imp-badge .icon{margin-right: 6px;width: 16px;height: 16px;line-height: 0;}
.project-card-horizontal .imp-badge .icon img{width: 100%;height: 100%;object-fit: contain;object-position: center;}
.project-card-horizontal .pro-right{flex: 1;}
.project-card-horizontal .pro-right .title{font-size: 16px;font-weight: 600;line-height: 24px;letter-spacing: 0em;text-align: left;color: var(--gray-700);margin-bottom: 8px;display: -webkit-box;-webkit-box-orient: vertical;overflow: hidden;-webkit-line-clamp: 2;}
.project-card-horizontal .pro-right .location{font-size: 12px;font-weight: 500;line-height: 18px;letter-spacing: 0px;text-align: left;color: var(--gray-500);margin-bottom: 12px;display: flex;align-items: center;}
.project-card-horizontal .pro-right .location:before{content: "";background-image: url("data:image/svg+xml,%3Csvg width='16' height='17' viewBox='0 0 16 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_37_30879)'%3E%3Cpath d='M14 7.1665C14 11.8332 8 15.8332 8 15.8332C8 15.8332 2 11.8332 2 7.1665C2 5.5752 2.63214 4.04908 3.75736 2.92386C4.88258 1.79864 6.4087 1.1665 8 1.1665C9.5913 1.1665 11.1174 1.79864 12.2426 2.92386C13.3679 4.04908 14 5.5752 14 7.1665Z' stroke='%23667085' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M8 9.1665C9.10457 9.1665 10 8.27107 10 7.1665C10 6.06193 9.10457 5.1665 8 5.1665C6.89543 5.1665 6 6.06193 6 7.1665C6 8.27107 6.89543 9.1665 8 9.1665Z' stroke='%23666666' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_37_30879'%3E%3Crect width='16' height='16' fill='white' transform='translate(0 0.5)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");width: 18px;height: 18px;background-size: 16px 16px;background-repeat: no-repeat;background-position: center;display: block;margin-right: 5px;margin-left: -4px;}
.project-card-horizontal .pro-card-footer{display: flex;justify-content: flex-end;padding: 0;}
.project-card-horizontal .pro-card-footer .price .usd{font-size: 18px;font-weight: 600;line-height: 28px;letter-spacing: 0em;text-align: right;color: var(--gray-iron);margin-right: 4px;}
.project-card-horizontal .pro-card-footer .price sub{font-size: 14px;font-weight: 500;line-height: 20px;letter-spacing: 0em;text-align: right;color: var(--gray-500);bottom:0;}
/*################ PROJECT CARD HORIZONTAL END ##############*/

/*################ ALERT CARD START ##############*/
.alert-card-fixed-top{position: fixed;z-index: 9999;width: 100%;left: 0;top: 32px;padding-right: 16px;padding-left: calc(var(--sidebar-width) + 16px);visibility: hidden;}
.alert-card-fixed-top.show{visibility: visible;}
.alert-card{width: 100%;padding: 16px;font-size: 14px;font-weight: 600;line-height: 20px;letter-spacing: 0em;text-align: left;display: flex;align-items: center;gap: 12px;border-radius: var(--radius-md);box-shadow: var(--shadow-lg);color: #fff;position: relative;}
.alert-card .close{padding: 4px;opacity: 1;}
.alert-success{border: 1px solid var(--success-500)!important;background: var(--success-400)!important;}
.alert-success:before{content: "";background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.25033 10.0001L8.75033 12.5001L13.7503 7.50008M18.3337 10.0001C18.3337 14.6025 14.6027 18.3334 10.0003 18.3334C5.39795 18.3334 1.66699 14.6025 1.66699 10.0001C1.66699 5.39771 5.39795 1.66675 10.0003 1.66675C14.6027 1.66675 18.3337 5.39771 18.3337 10.0001Z' stroke='white' stroke-width='1.66667' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat: no-repeat;background-size: contain;background-position: center;display: block;width: 20px;height: 20px;display: flex;justify-content: center;align-items: center;}
.alert-card .x-close-light{position: absolute;top: 16px;right: 16px;width: 20px;height: 20px;}
/*################ ALERT CARD END ##############*/

/*################ EDIT CARD POPUP START ##############*/
.countr-v2 .country-select .arrow:after{content: "";background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5 7.5L10 12.5L15 7.5' stroke='%23344054' stroke-width='1.66667' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat: no-repeat;background-size: contain;background-position: center;display: block;width: 20px;height: 20px;}
#credit-card .icn-lock-light:after{background-image: url("data:image/svg+xml,%3Csvg width='21' height='20' viewBox='0 0 21 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.6663 9.16667V6.66667C14.6663 4.36548 12.8009 2.5 10.4997 2.5C8.19849 2.5 6.33301 4.36548 6.33301 6.66667V9.16667M7.83301 17.5H13.1663C14.5665 17.5 15.2665 17.5 15.8013 17.2275C16.2717 16.9878 16.6542 16.6054 16.8939 16.135C17.1663 15.6002 17.1663 14.9001 17.1663 13.5V13.1667C17.1663 11.7665 17.1663 11.0665 16.8939 10.5317C16.6542 10.0613 16.2717 9.67883 15.8013 9.43915C15.2665 9.16667 14.5665 9.16667 13.1663 9.16667H7.83301C6.43288 9.16667 5.73281 9.16667 5.19803 9.43915C4.72763 9.67883 4.34517 10.0613 4.10549 10.5317C3.83301 11.0665 3.83301 11.7665 3.83301 13.1667V13.5C3.83301 14.9001 3.83301 15.6002 4.10549 16.135C4.34517 16.6054 4.72763 16.9878 5.19803 17.2275C5.73281 17.5 6.43288 17.5 7.83301 17.5Z' stroke='%23667085' stroke-width='1.66667' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");}
#credit-card .icn-calendar:after{background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17.5 8.33342H2.5M13.3333 1.66675V5.00008M6.66667 1.66675V5.00008M6.5 18.3334H13.5C14.9001 18.3334 15.6002 18.3334 16.135 18.0609C16.6054 17.8212 16.9878 17.4388 17.2275 16.9684C17.5 16.4336 17.5 15.7335 17.5 14.3334V7.33342C17.5 5.93328 17.5 5.23322 17.2275 4.69844C16.9878 4.22803 16.6054 3.84558 16.135 3.6059C15.6002 3.33341 14.9001 3.33341 13.5 3.33341H6.5C5.09987 3.33341 4.3998 3.33341 3.86502 3.6059C3.39462 3.84558 3.01217 4.22803 2.77248 4.69844C2.5 5.23322 2.5 5.93328 2.5 7.33341V14.3334C2.5 15.7335 2.5 16.4336 2.77248 16.9684C3.01217 17.4388 3.39462 17.8212 3.86502 18.0609C4.3998 18.3334 5.09987 18.3334 6.5 18.3334Z' stroke='%23667085' stroke-width='1.66667' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");}
#credit-card .input-with-icon-first{position: relative;}
#credit-card .input-with-icon-first .icn{position: absolute;left: 10px;top: 10px;}
#credit-card .input-with-icon-first .form-control-2{padding-left: calc(14px + 20px + 8px) !important;}
#credit-card .card-number.input-with-icon-first .icn{width: 34px;}
#credit-card .card-number.input-with-icon-first .form-control-2{padding-left: calc(10px + 34px + 8px) !important;}
#credit-card .card-number.input-with-icon-first .form-control-2.pl-14{padding-left: 14px !important;}
#credit-card .modal-dialog{max-width: 533px;}
#credit-card .modal-content{border-radius: var(--radius-xl);border: 1px solid var(--gray-300);}
#credit-card .modal-header,
#credit-card .modal-body,
#credit-card .modal-footer{padding: 20px;}
#credit-card .modal-header {padding-bottom: 0;}
#credit-card .modal-header .modal-title{font-size: 20px;font-weight: 600;line-height: 30px;letter-spacing: 0em;text-align: center;color: var(--gray-800);margin-bottom: 0;}
#credit-card .modal-body {padding-top: 0;padding-bottom: 0;}
#credit-card .modal-body .form-group {margin-bottom: 16px;}
#credit-card .modal-body .form-group .form-control-2{padding: 10px 14px;}
#credit-card .modal-body .bottom-txt{font-size: 14px;font-weight: 500;line-height: 20px;letter-spacing: 0em;text-align: left;color: var(--gray-500);}
#credit-card .modal-body .bottom-txt a,
#credit-card .modal-body .bottom-txt a:hover{text-decoration: underline !important;color: inherit;}
#credit-card .modal-footer {padding-top: 0;}
#credit-card .modal-footer .btn-md{height: 40px;}
#credit-card .billing-country .country-select, 
#credit-card .billing-country .country-select.inside .flag-dropdown{width: 100%;}
#credit-card .billing-country .country-select.inside .selected-flag{width: auto;}
#credit-card .form-group.billing-country .form-control-2{padding-left: 40px !important;}
#credit-card .country-select input.search-country {border: none;border-radius: 0px;outline: 0px;}
#credit-card .country-select .country-list {width: 352px;overflow-x: hidden;z-index: 9;}
#credit-card .country-select .country-list::-webkit-scrollbar-track {border-radius: 12px;background-color: #fff;}
#credit-card .country-select .arrow{border: none;width: 48px;height: 42px;top: 1px;right: 0;display: flex;justify-content: center;align-items: center;}
#credit-card .country-select .arrow.up{border: none;}
#credit-card .country-select .arrow.up:after{-webkit-transform: rotate(180deg);-moz-transform: rotate(180deg);-ms-transform: rotate(180deg);-o-transform: rotate(180deg);transform: rotate(180deg);}
/*################ EDIT CARD POPUP END ##############*/

/*################ DATE FILTER START ##############*/
.daterangepicker-v2 .ui-datepicker-prev:after,.daterangepicker-v2 .ui-datepicker-next:after{background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.5 15L7.5 10L12.5 5' stroke='%23667085' stroke-width='1.66667' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");}
.daterangepicker-v2-triggerbutton.ui-button:before{background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17.5 8.33333H2.5M13.3333 1.66666V5M6.66667 1.66666V5M6.5 18.3333H13.5C14.9001 18.3333 15.6002 18.3333 16.135 18.0608C16.6054 17.8212 16.9878 17.4387 17.2275 16.9683C17.5 16.4335 17.5 15.7335 17.5 14.3333V7.33333C17.5 5.9332 17.5 5.23313 17.2275 4.69835C16.9878 4.22795 16.6054 3.8455 16.135 3.60581C15.6002 3.33333 14.9001 3.33333 13.5 3.33333H6.5C5.09987 3.33333 4.3998 3.33333 3.86502 3.60581C3.39462 3.8455 3.01217 4.22795 2.77248 4.69835C2.5 5.23313 2.5 5.9332 2.5 7.33333V14.3333C2.5 15.7335 2.5 16.4335 2.77248 16.9683C3.01217 17.4387 3.39462 17.8212 3.86502 18.0608C4.3998 18.3333 5.09987 18.3333 6.5 18.3333Z' stroke='%23344054' stroke-width='1.66667' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");}
.daterangepicker-v2-triggerbutton.ui-button:after{background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5 7.5L10 12.5L15 7.5' stroke='%23344054' stroke-width='1.66667' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");}
.daterangepicker-v2-triggerbutton.ui-button:before,
.daterangepicker-v2-triggerbutton.ui-button:after{content: "";display:inline-block;background-size: contain;background-repeat: no-repeat;background-position: center;}
.daterangepicker-v2-triggerbutton.ui-button {text-align: left;min-width: 154px;border-radius: var(--radius-md);border: 1px solid var(--gray-300);background: #fff;box-shadow: var(--shadow-xs);color: var(--gray-700);font-size: 14px;font-weight: 600;line-height: 20px;display: flex;padding: 10px 16px;justify-content: center;align-items: center;gap: 8px;height: 40px;white-space: nowrap;}
.daterangepicker-v2 > .daterangepicker-v2-main.ui-widget-content {display: flex;}
.daterangepicker-v2 .daterangepicker-v2-presets{width: 192px;padding: 12px 16px;}
.daterangepicker-v2-triggerbutton.ui-button:before,
.daterangepicker-v2-triggerbutton.ui-button:after{display: inline-block;width: 20px;height: 20px;flex-shrink: 0;}
.daterangepicker-v2 {position: absolute;border-radius: var(--radius-lg);background: #FFF;box-shadow: var(--shadow-xl);border: 1px solid var(--gray-200);}
.daterangepicker-v2-presets .ui-menu {white-space: nowrap;list-style: none;margin-bottom: 0;}
.daterangepicker-v2-presets .ui-menu-item {margin-bottom: 4px;}
.daterangepicker-v2-presets .ui-menu-item > * {font-size: 14px;font-weight: 500;line-height: 20px;letter-spacing: 0em;text-align: left;color: var(--gray-700);padding: 8px 16px;height: 40px;display: inline-block;cursor: pointer;}
.daterangepicker-v2 .daterangepicker-v2-calendar {padding: 24px;padding-bottom: 16px;border-left: 1px solid;border-bottom: 1px solid;border-color: var(--gray-200);}
.daterangepicker-v2 .ui-datepicker-inline{padding: 16px 24px;}
.ui-datepicker-header{display: flex;width: 280px;height: 36px;position: relative;justify-content: center;align-items: center;margin: auto;margin-bottom: 12px;}
.ui-datepicker-title{font-size: 16px;font-weight: 600;line-height: 24px;letter-spacing: 0em;text-align: center;color: var(--gray-700);}
.ui-datepicker-prev .ui-icon,
.ui-datepicker-next .ui-icon{display: none;}
.ui-datepicker-prev:after,
.ui-datepicker-next:after{display: block;width: 20px;height: 20px;}
.ui-datepicker-prev,
.ui-datepicker-next{width: 36px;height: 36px;position: absolute;top: 0;display: flex;justify-content: center;align-items: center;border-radius: var(--radius-sm);}
.ui-datepicker-prev:hover,
.ui-datepicker-next:hover{background: var(--gray-100);cursor: pointer;}
.ui-datepicker-prev{left: 0;}
.ui-datepicker-next{right: 0;transform: rotate(180deg);}
.ui-datepicker-calendar{margin: auto;}
.ui-datepicker-calendar th,
.ui-datepicker-calendar td{width: 40px;height: 40px;text-align: center;letter-spacing: 0em;}
.ui-datepicker-calendar th{font-size: 14px;font-weight: 600;line-height: 20px;color: var(--gray-700);}
.ui-datepicker-calendar td .ui-state-default{display: flex;width: 100%;height: 100%;justify-content: center;align-items: center;font-size: 16px;font-weight: 500;line-height: 24px;color: var(--gray-500);border-radius: 50%;}
.ui-datepicker-calendar td a.ui-state-default{color: var(--gray-700);}
.daterangepicker-v2-calendar .ui-datepicker-today a.ui-state-default,
.daterangepicker-v2-calendar .ui-state-highlight a.ui-state-default.ui-state-active{background: #1D2939;color: #fff;}
.daterangepicker-v2-calendar .ui-state-highlight a.ui-state-default{background: var(--gray-200);color: var(--gray-700);}
.daterangepicker-v2 .daterangepicker-v2-buttonpanel {display: flex;flex-direction: row-reverse;align-items: center;padding: 16px;gap: 8px;width: calc(100% - 192px);border-left: 1px solid var(--gray-200);}
.daterangepicker-v2-calendar .group-input{display: flex;margin-bottom: 4px;}
.daterangepicker-v2-calendar .group-input span{margin: auto 12px;flex-shrink: 0;}
/*################ DATE FILTER END ##############*/







.label{font-family: var(--font-regular);font-size: 14px!important;font-weight: 600;line-height: 20px;margin-bottom: 6px;color: var(--gray-700);}
.form-control-2,
.bootstrap-select.countrypicker{border-radius: var(--radius-md);border:1px solid var(--gray-300);height: 44px!important;background-color: #fff;}
.form-control-2:focus,.form-control-2:focus-visible{border-color: var(--theme-color);box-shadow: none!important;outline: none;}
.form-control-2.is-invalid, 
.was-validated .form-control-2:invalid{border-color: #F04438!important;}
.input-group-v2 .form-control-2{border-top-right-radius: 0px;border-bottom-right-radius: 0px;}
.input-group-v2 .form-control-2,
.input-group-v2 .input-group-append{border-radius: var(--radius-md);}
.input-group-v2 .input-group-append{border: 1px solid var(--gray-300);border-left: 0px;border-top-left-radius: 0px;border-bottom-left-radius: 0px;position: relative;}
.form-control-2::placeholder{font-size: 16px;font-weight: 400;line-height: 24px;letter-spacing: 0em;color: var(--gray-500);}
textarea.form-control-2{width: 100%;padding: 12px 14px;}

input[readonly],input[readonly]:focus{border-color: var(--gray-300);}

/* Remove ‘X’ from search input */
input[type=search]::-ms-clear { display: none; width : 0; height: 0; }
input[type=search]::-ms-reveal { display: none; width : 0; height: 0; }
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration { display: none; }
/*Remove arrow from number input*/
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {-webkit-appearance: none;margin: 0;}
input[type=number] {-moz-appearance: textfield;}



.form-group{margin-bottom: 24px;}

.error{position: relative;}
.error input.form-control{
    border-color: #F04438!important;
    position: relative;
}
.fa-exclamation.circle{
    border: 1px solid #F04438;
    color:#F04438;
    display: flex;
    width: 20px;
    height: 20px;
    justify-content: center;
    align-items: center;
    font-size: 10px;
    border-radius: 50%;
    position: absolute;
    right: 11px;
    top: 38px;
    line-height: 0;
    padding-left: 2px;
    opacity: 0;
    visibility: hidden;
}
.error .fa-exclamation.circle{
    opacity: 1;
    visibility: visible;
}
.error .input-with-icon .icon{right: 26px;}
.invalid-feedback span,
.error-msg{
    color: #F04438;
    font-family: var(--font-regular);
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    margin-top: 6px;
}
.error-msg{display: none;}
.error .error-msg{display: inline-block!important;}

.input-with-icon{
    position: relative;
}
.input-with-icon .icon{
    position: absolute;
    right: 0;
    top:0;
    width: 44px;
    height: 44px;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    font-style: normal;
    color: #98A2B3;
}
.input-with-icon .fa-exclamation.circle{top:12px;}
.form-card{
    padding: 56px 24px 56px 24px;
    border-radius: 8px;
    background: #fff;
    border-radius: 8px;
    border: 1px solid var(--gray-200);
    box-shadow: var(--shadow);
    flex-shrink: 0;
    width: 100%;
}
.form-card .form-heading{
    font-family: var(--font-medium);
    font-size: 30px;
    font-weight: 600;
    line-height: 38px;
    text-align: center;
    color:var(--gray-900);
    margin-top: 0;
    margin-bottom: 12px;
}
.form-card .form-text{
    font-family: var(--font-regular);
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    text-align: center;
    margin-top: 0;
    margin-bottom: 24px;
    color:var(--gray-600);
}

.bottom-text p{
    font-family: var(--font-regular);
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
    color: var(--gray-600);
    text-align: center;
}
.bottom-text p>a{color: var(--theme-color);font-family: var(--font-regular);font-weight: 600;}
.forgot-text a:hover,
.bottom-text p>a:hover{text-decoration: underline!important;color: var(--theme-color);}
.form-card-footer{display: flex;justify-content: flex-end;margin-top: 138px;}
.form-card-footer .btn-skip{
    width: 72px;
    padding: 12px 20px 12px 20px;
    border-radius: 8px;
    font-family: var(--font-regular);
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
    color: var(--gray-600);
}
.form-card-footer .btn-gradient{width: 100px;margin-left: 8px;}

.instructions{display: flex;flex-wrap: wrap;}
.instructions .cl{flex: 1;flex-shrink: 0;}
.instructions .cl ul{padding-left: 24px;margin-top: 10px;margin-bottom: 0;}
.instructions .cl ul li{
    color:var(--gray-500);
    font-family: var(--font-light);
    font-size: 12px;
    font-weight: 400;
    line-height: 18px;
}

.container-inner{
    padding-left: 15px;
    padding-right: 15px;
    max-width: 970px;
    margin-left: auto;
    margin-right: auto;
}
.card-rounded-border{
    border:1px solid var(--gray-200);
    border-radius: var(--radius-lg);
    padding: 24px;
    box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.06), 0px 1px 3px 0px rgba(16, 24, 40, 0.10);
}

.container-main{padding-top: var(--space-56);padding-bottom: var(--space-56);}
.heading-with-view-btn{display: flex;}
.heading-with-view-btn *:first-child{flex: 1;}
.heading-with-view-btn .btn-transparent{color: var(--gray-400);}

/*################ FAILURE START ##############*/
.thank-you{padding: 100px 24px 24px 24px;text-align: center;}
.thank-you .ty-card{max-width: 400px;margin: auto;}
.thank-you .hp-logo{max-width: 200px;margin:auto;margin-bottom: 124px;}
.thank-you .title{font-size: 30px;font-weight: 600;line-height: 38px;letter-spacing: 0em;color: var(--gray-800);margin-bottom: 16px;}
.thank-you .para{font-size: 18px;font-weight: 600;line-height: 26px;letter-spacing: 0em;color: var(--gray-500);margin-bottom: 32px;}
.thank-you .btn{min-width: 164px;margin-bottom: 16px;}
.thank-you .link{font-size: 14px;font-weight: 600;line-height: 24px;letter-spacing: 0em;color: var(--gray-500);margin-bottom: 24px;text-decoration: underline!important;}
/*################ FAILURE END ##############*/

/*################ SIDEBAR V2 START ##############*/
.sidebar-v2{position: fixed;left: 0;top:0;height: 100vh;z-index: 9;background-color: var(--gray-50);width: var(--sidebar-width);display: flex;flex-direction: column;padding: 32px 16px;}
.sidebar-v2 .sidebar-header{display: flex;justify-content: space-between;align-items: center;margin-bottom: 24px;}
.sidebar-v2 .sidebar-header .hp-logo{max-width: 132px;}
.sidebar-v2 .sidebar-header .hp-logo .hp-logo-icon{display: none;}
.sidebar-v2 .sidebar-header .collapse-btn,
.sidebar-v2 .sidebar-menu li a .sidebar-icon{width: 24px;height: 24px;display: flex;justify-content: center;align-items: center;margin-left: 0;}
.sidebar-v2 .sidebar-icon:after,
.sidebar-v2 .collapse-btn:after{content: "";background-repeat: no-repeat;background-size: contain;background-position: center;display: block;width: 18px;height: 18px;}
.sidebar-v2 .collapse-btn:after{width: 12px;}
.sidebar-v2 .collapse-btn:after{background-image: url("data:image/svg+xml,%3Csvg width='14' height='12' viewBox='0 0 14 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13 11L8 6L13 1M6 11L1 6L6 1' stroke='%2398A2B3' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");}
.sidebar-v2 .home-icn:after{background-image: url("data:image/svg+xml,%3Csvg width='20' height='21' viewBox='0 0 20 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.9823 1.764C10.631 1.49075 10.4553 1.35412 10.2613 1.3016C10.0902 1.25526 9.9098 1.25526 9.73865 1.3016C9.54468 1.35412 9.36902 1.49075 9.0177 1.764L2.23539 7.03912C1.78202 7.39175 1.55534 7.56806 1.39203 7.78886C1.24737 7.98444 1.1396 8.20478 1.07403 8.43905C1 8.70352 1 8.9907 1 9.56505V16.8C1 17.9201 1 18.4801 1.21799 18.908C1.40973 19.2843 1.71569 19.5903 2.09202 19.782C2.51984 20 3.0799 20 4.2 20H6.2C6.48003 20 6.62004 20 6.727 19.9455C6.82108 19.8976 6.89757 19.8211 6.9455 19.727C7 19.62 7 19.48 7 19.2V12.6C7 12.0399 7 11.7599 7.10899 11.546C7.20487 11.3578 7.35785 11.2049 7.54601 11.109C7.75992 11 8.03995 11 8.6 11H11.4C11.9601 11 12.2401 11 12.454 11.109C12.6422 11.2049 12.7951 11.3578 12.891 11.546C13 11.7599 13 12.0399 13 12.6V19.2C13 19.48 13 19.62 13.0545 19.727C13.1024 19.8211 13.1789 19.8976 13.273 19.9455C13.38 20 13.52 20 13.8 20H15.8C16.9201 20 17.4802 20 17.908 19.782C18.2843 19.5903 18.5903 19.2843 18.782 18.908C19 18.4801 19 17.9201 19 16.8V9.56505C19 8.9907 19 8.70352 18.926 8.43905C18.8604 8.20478 18.7526 7.98444 18.608 7.78886C18.4447 7.56806 18.218 7.39175 17.7646 7.03913L10.9823 1.764Z' stroke='%23667085' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");}
.sidebar-v2 .marketplace-icn:after{background-image: url("data:image/svg+xml,%3Csvg width='22' height='22' viewBox='0 0 22 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11 1C13.5013 3.73835 14.9228 7.29203 15 11C14.9228 14.708 13.5013 18.2616 11 21M11 1C8.49872 3.73835 7.07725 7.29203 7 11C7.07725 14.708 8.49872 18.2616 11 21M11 1C5.47715 1 1 5.47715 1 11C1 16.5228 5.47715 21 11 21M11 1C16.5228 1 21 5.47715 21 11C21 16.5228 16.5228 21 11 21M1.50002 8H20.5M1.5 14H20.5' stroke='%23667085' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");}
.sidebar-v2 .track-handprint-icn:after{background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 13V15M10 9V15M14 5V15M5.8 19H14.2C15.8802 19 16.7202 19 17.362 18.673C17.9265 18.3854 18.3854 17.9265 18.673 17.362C19 16.7202 19 15.8802 19 14.2V5.8C19 4.11984 19 3.27976 18.673 2.63803C18.3854 2.07354 17.9265 1.6146 17.362 1.32698C16.7202 1 15.8802 1 14.2 1H5.8C4.11984 1 3.27976 1 2.63803 1.32698C2.07354 1.6146 1.6146 2.07354 1.32698 2.63803C1 3.27976 1 4.11984 1 5.8V14.2C1 15.8802 1 16.7202 1.32698 17.362C1.6146 17.9265 2.07354 18.3854 2.63803 18.673C3.27976 19 4.11984 19 5.8 19Z' stroke='%23667085' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");}
.sidebar-v2 .impact-stories-icn:after{background-image: url("data:image/svg+xml,%3Csvg width='22' height='22' viewBox='0 0 22 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 1V5M6 15V19M16 3V7M16 17V21M1 5H11M1 15H11M11 7H21M11 17H21M11 19V2.6C11 2.03995 11 1.75992 10.891 1.54601C10.7951 1.35785 10.6422 1.20487 10.454 1.10899C10.2401 1 9.96005 1 9.4 1H5.8C4.11984 1 3.27976 1 2.63803 1.32698C2.07354 1.6146 1.6146 2.07354 1.32698 2.63803C1 3.27976 1 4.11984 1 5.8V14.2C1 15.8802 1 16.7202 1.32698 17.362C1.6146 17.9265 2.07354 18.3854 2.63803 18.673C3.27976 19 4.11984 19 5.8 19H11ZM11 3H16.2C17.8802 3 18.7202 3 19.362 3.32698C19.9265 3.6146 20.3854 4.07354 20.673 4.63803C21 5.27976 21 6.11984 21 7.8V16.2C21 17.8802 21 18.7202 20.673 19.362C20.3854 19.9265 19.9265 20.3854 19.362 20.673C18.7202 21 17.8802 21 16.2 21H12.6C12.0399 21 11.7599 21 11.546 20.891C11.3578 20.7951 11.2049 20.6422 11.109 20.454C11 20.2401 11 19.9601 11 19.4V3Z' stroke='%23667085' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");}
.sidebar-v2 .engage-icn:after{background-image: url("data:image/svg+xml,%3Csvg width='20' height='21' viewBox='0 0 20 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 5.8C1 4.11984 1 3.27976 1.32698 2.63803C1.6146 2.07354 2.07354 1.6146 2.63803 1.32698C3.27976 1 4.11984 1 5.8 1H14.2C15.8802 1 16.7202 1 17.362 1.32698C17.9265 1.6146 18.3854 2.07354 18.673 2.63803C19 3.27976 19 4.11984 19 5.8V11.5C19 12.8978 19 13.5967 18.7716 14.1481C18.4672 14.8831 17.8831 15.4672 17.1481 15.7716C16.5967 16 15.8978 16 14.5 16C14.0114 16 13.7671 16 13.5405 16.0535C13.2383 16.1248 12.9569 16.2656 12.7185 16.4645C12.5397 16.6137 12.3931 16.8091 12.1 17.2L10.64 19.1467C10.4229 19.4362 10.3143 19.5809 10.1812 19.6327C10.0647 19.678 9.93534 19.678 9.81876 19.6327C9.68568 19.5809 9.57712 19.4362 9.36 19.1467L7.9 17.2C7.60685 16.8091 7.46028 16.6137 7.2815 16.4645C7.04312 16.2656 6.76169 16.1248 6.45951 16.0535C6.23287 16 5.98858 16 5.5 16C4.10218 16 3.40326 16 2.85195 15.7716C2.11687 15.4672 1.53284 14.8831 1.22836 14.1481C1 13.5967 1 12.8978 1 11.5V5.8Z' stroke='%23667085' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M9.99726 6.33059C9.19752 5.4216 7.8639 5.17708 6.86188 6.00945C5.85986 6.84182 5.71879 8.23349 6.50568 9.21793C6.97361 9.80333 8.11969 10.8531 8.97193 11.6079C9.32373 11.9195 9.49963 12.0753 9.71136 12.1385C9.89251 12.1926 10.102 12.1926 10.2832 12.1385C10.4949 12.0753 10.6708 11.9195 11.0226 11.6079C11.8748 10.8531 13.0209 9.80333 13.4888 9.21793C14.2757 8.23349 14.1519 6.83306 13.1326 6.00945C12.1134 5.18584 10.797 5.4216 9.99726 6.33059Z' stroke='%23667085' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");}
.sidebar-v2 .explore-icn:after{background-image: url("data:image/svg+xml,%3Csvg width='22' height='22' viewBox='0 0 22 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11 14C7.68629 14 5 11.3137 5 8V2.44444C5 2.0306 5 1.82367 5.06031 1.65798C5.16141 1.38021 5.38021 1.16141 5.65798 1.06031C5.82367 1 6.0306 1 6.44444 1H15.5556C15.9694 1 16.1763 1 16.342 1.06031C16.6198 1.16141 16.8386 1.38021 16.9397 1.65798C17 1.82367 17 2.0306 17 2.44444V8C17 11.3137 14.3137 14 11 14ZM11 14V17M17 3H19.5C19.9659 3 20.1989 3 20.3827 3.07612C20.6277 3.17761 20.8224 3.37229 20.9239 3.61732C21 3.80109 21 4.03406 21 4.5V5C21 5.92997 21 6.39496 20.8978 6.77646C20.6204 7.81173 19.8117 8.62038 18.7765 8.89778C18.395 9 17.93 9 17 9M5 3H2.5C2.03406 3 1.80109 3 1.61732 3.07612C1.37229 3.17761 1.17761 3.37229 1.07612 3.61732C1 3.80109 1 4.03406 1 4.5V5C1 5.92997 1 6.39496 1.10222 6.77646C1.37962 7.81173 2.18827 8.62038 3.22354 8.89778C3.60504 9 4.07003 9 5 9M6.44444 21H15.5556C15.801 21 16 20.801 16 20.5556C16 18.5919 14.4081 17 12.4444 17H9.55556C7.59188 17 6 18.5919 6 20.5556C6 20.801 6.19898 21 6.44444 21Z' stroke='%23667085' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");}
.sidebar-v2 .feedback-icn:after{background-image: url("data:image/svg+xml,%3Csvg width='16' height='22' viewBox='0 0 16 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.5 21H10.5M11 14.3264C13.3649 13.2029 15 10.7924 15 8C15 4.13401 11.866 1 8 1C4.13401 1 1 4.13401 1 8C1 10.7924 2.63505 13.2029 5 14.3264V15C5 15.9319 5 16.3978 5.15224 16.7654C5.35523 17.2554 5.74458 17.6448 6.23463 17.8478C6.60218 18 7.06812 18 8 18C8.93188 18 9.39782 18 9.76537 17.8478C10.2554 17.6448 10.6448 17.2554 10.8478 16.7654C11 16.3978 11 15.9319 11 15V14.3264Z' stroke='%23667085' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");}
.sidebar-v2 .user-icn:after{background-image: url("data:image/svg+xml,%3Csvg width='20' height='19' viewBox='0 0 20 19' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 18C3.33579 15.5226 6.50702 14 10 14C13.493 14 16.6642 15.5226 19 18M14.5 5.5C14.5 7.98528 12.4853 10 10 10C7.51472 10 5.5 7.98528 5.5 5.5C5.5 3.01472 7.51472 1 10 1C12.4853 1 14.5 3.01472 14.5 5.5Z' stroke='%23667085' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");}
.sidebar-v2 .logout-icn:after{background-image: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.3333 13.1667L16.5 9M16.5 9L12.3333 4.83333M16.5 9H6.5M6.5 1.5H5.5C4.09987 1.5 3.3998 1.5 2.86502 1.77248C2.39462 2.01217 2.01217 2.39462 1.77248 2.86502C1.5 3.3998 1.5 4.09987 1.5 5.5V12.5C1.5 13.9001 1.5 14.6002 1.77248 15.135C2.01217 15.6054 2.39462 15.9878 2.86502 16.2275C3.3998 16.5 4.09987 16.5 5.5 16.5H6.5' stroke='%23667085' stroke-width='1.66667' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");}
.nav-upgrage-plan-icn:after{background-image: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.08295 6.5H16.9163M7.33295 1.5L5.66628 6.5L8.99961 16.0833L12.3329 6.5L10.6663 1.5M9.51176 15.8854L16.9773 6.92679C17.1038 6.77496 17.1671 6.69905 17.1912 6.6143C17.2126 6.53959 17.2126 6.46041 17.1912 6.38569C17.1671 6.30095 17.1038 6.22504 16.9773 6.07321L13.3662 1.73988C13.2927 1.6517 13.256 1.60762 13.2109 1.57592C13.171 1.54784 13.1265 1.52698 13.0794 1.51431C13.0262 1.5 12.9688 1.5 12.854 1.5H5.1452C5.03042 1.5 4.97303 1.5 4.91985 1.51431C4.87273 1.52698 4.82821 1.54784 4.7883 1.57592C4.74327 1.60762 4.70653 1.6517 4.63305 1.73988L1.02194 6.07321C0.895414 6.22504 0.832152 6.30095 0.807978 6.38569C0.786664 6.46041 0.786664 6.53959 0.807978 6.6143C0.832152 6.69904 0.895414 6.77496 1.02194 6.92679L8.48747 15.8854C8.66335 16.0965 8.75129 16.202 8.85657 16.2405C8.94894 16.2743 9.05028 16.2743 9.14265 16.2405C9.24794 16.202 9.33588 16.0965 9.51176 15.8854Z' stroke='url(%23paint0_linear_2287_1493)' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_2287_1493' x1='3.5086' y1='-4.17915' x2='17.8929' y2='-1.72769' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%231DCA9B'/%3E%3Cstop offset='1' stop-color='%231DCA24'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E");}
.sidebar-v2 ul{list-style: none;}
.sidebar-v2 .sidebar-menu li a{display: flex;align-items: center;height: 40px;margin-bottom: 4px;padding: 8px 12px;color: var(--gray-700);border-radius: 6px;position: relative;}
.sidebar-v2 .sidebar-menu li a .txt,
.sidebar-mini .sidebar-v2 .sidebar-menu .has-submenu .submenu li .txt.strong{font-size: 16px;font-weight: 600;line-height: 24px;letter-spacing: 0em;text-align: left;color: inherit;margin-left: 12px;}

.sidebar-v2 .tooltip-popup{width: 100%;min-width: 63px;max-width: 240px;left: calc(100% + 12px)!important;bottom: auto !important;height: auto !important;text-align: left;display: none;}
.sidebar-v2 .tooltip-popup:after{border-top-color: transparent;border-right-color: var(--gray-900);border-bottom-color: transparent;border-left-color: transparent;top: 0;left: -19px!important;bottom: 0;margin: auto;}
.sidebar-v2 .sidebar-menu li a:hover .tooltip-popup{display: inline-block;visibility: visible;opacity: 1;}
.sidebar-v2 .sidebar-footer li a:hover .tooltip-popup.visible-on-collapsed{display: none;visibility: hidden;opacity: 0;}
.sidebar-v2 .sidebar-menu li a .txt.with-version-badge{display: flex;flex: 1;justify-content: space-between;}
.sidebar-v2 .sidebar-menu li a:hover{background-color: var(--gray-100);color: var(--gray-700);}
.sidebar-v2 .sidebar-menu li a.active{background-color: #C9F7ED;color: var(--gray-900);}
.sidebar-v2 .sidebar-footer{margin-top: auto;margin-bottom: 0;}
.sidebar-v2 .user-profile ul{display: flex;justify-content: space-between;}
.sidebar-v2 .user-profile ul li:first-child{width: calc(100% - 48px);}

.sidebar-v2 .has-submenu{position: relative;}
.sidebar-v2 .has-submenu a.toggle:after{content: "";display: block;width: 10px;height: 10px;background-image: url("data:image/svg+xml,%3Csvg width='12' height='8' viewBox='0 0 12 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11 6.5L6 1.5L1 6.5' stroke='%23667085' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");background-repeat: no-repeat;background-position: center;background-size: contain;position: absolute;right: 12px;transform: rotate(180deg);}
.sidebar-v2 .has-submenu.active a.toggle:after{transform: rotate(0deg);}
.sidebar-v2 .has-submenu .submenu,
.sidebar-v2 .has-submenu .submenu li:first-child{display: none;}
.sidebar-v2 .has-submenu.active .submenu{display: block;}
.sidebar-v2 .has-submenu.active .submenu a{padding-left: 34px;}

.sidebar-mini .container-main{padding-left: var(--sidebar-width-mini);}
.sidebar-mini .sidebar-v2 .has-submenu.active:hover .submenu,
.sidebar-mini .sidebar-v2 .has-submenu:hover .submenu{display: block;}
.sidebar-mini .sidebar-v2 {width: var(--sidebar-width-mini);padding: 32px 16px;}
.sidebar-mini .sidebar-v2 .sidebar-header{flex-direction: column-reverse;}
.sidebar-mini .sidebar-v2 .sidebar-header .collapse-btn{transform: rotate(180deg);margin-bottom: 16px;}
.sidebar-mini .sidebar-v2 .sidebar-header .hp-logo .hp-logo-icon{display: block;width: 32px;}
.sidebar-mini .sidebar-v2 .sidebar-menu li a {width: 48px;height: 40px;justify-content: center;align-items: center;}
.sidebar-mini .sidebar-v2 .sidebar-menu li a .sidebar-icon{display: flex;margin-top: auto;margin-bottom: auto;}
.sidebar-mini .sidebar-v2 .sidebar-header .hp-logo .hp-logo-with-txt,
.sidebar-mini .sidebar-v2 .sidebar-menu li a .txt{display: none;}
.sidebar-mini .sidebar-v2 .sidebar-menu>li{padding: 0px;margin-bottom: 4px;}
.sidebar-mini .sidebar-v2 .user-profile ul{flex-direction: column;}
.sidebar-mini .sidebar-v2 .tooltip-popup{width: 234px;}
.sidebar-mini .sidebar-v2 .sidebar-footer .givefeedback-tooltip{width: 110px;}
.sidebar-mini .sidebar-v2 .sidebar-footer .profile-tooltip{width: 58px;}
.sidebar-mini .sidebar-v2 .logoutBtn .tooltip-popup{width: 100%;}
.sidebar-mini .sidebar-v2 .has-submenu a.toggle:after{display: none;}
.sidebar-mini .sidebar-v2 .sidebar-footer li a:hover .tooltip-popup.visible-on-collapsed{display: inline-block;visibility: visible;opacity: 1;}

.sidebar-mini .sidebar-v2 .has-submenu .tooltip-popup{top:auto;bottom: 100%!important;}
.sidebar-mini .sidebar-v2 .has-submenu .submenu .tooltip-popup{top:auto;bottom: auto!important;}
.sidebar-mini .sidebar-v2 .has-submenu.active .submenu{display: none;}
.sidebar-mini .sidebar-v2 .has-submenu .submenu{position: absolute;left: 100%;top: 12px;background-color: #fff;border-radius: var(--radius-md);box-shadow: var(--shadow-lg);width: 240px;padding: 8px;}
.sidebar-mini .sidebar-v2 .sidebar-menu .has-submenu .submenu li:first-child{display: inline-block;}
.sidebar-mini .sidebar-v2 .sidebar-menu .has-submenu .submenu li a{width: 100%;padding-left: 12px;justify-content: flex-start;}
.sidebar-mini .sidebar-v2 .sidebar-menu .has-submenu .submenu li a .txt{display: inline-block;font-weight: 500;}
.sidebar-mini .sidebar-v2 .sidebar-menu .has-submenu .submenu li .txt.strong{color: var(--gray-900);font-weight: 600;padding: 8px 12px;}

/*upgrade plan card*/
.nav-upgrage-plan{position: relative;}
.nav-upgrage-plan .btn-md{height: 36px;}
.nav-upgrage-plan .nav-icon{display: none!important;background: var(--green-light-200);}
.nav-upgrage-plan-card{background: var(--green-light-200);padding: 24px 16px;border-radius: var(--radius-md);}
.nav-upgrage-plan-card .content .card-icon{width: 20px;height: 20px;flex-shrink: 0;}
.nav-upgrage-plan-card .content .para{font-size: 14px;font-weight: 500;line-height: 20px;letter-spacing: 0px;text-align: left;color: var(--gray-700);}
.sidebar-mini .sidebar-v2 .nav-upgrage-plan .nav-icon{display: flex !important;justify-content: center;align-items: center;}
.sidebar-mini .sidebar-v2 .nav-upgrage-plan-card-outer{position: absolute;top:0px;left: 100%;padding-left: calc(16px + 24px);visibility: hidden;opacity: 0;transition: var(--ease-sm);}
.sidebar-mini .sidebar-v2 .nav-upgrage-plan-card{width: 228px;}
.nav-upgrage-plan:hover .nav-icon{background: var(--green-light-200) !important;}
.nav-upgrage-plan:hover .nav-upgrage-plan-card-outer{visibility: visible;opacity: 1;transition: var(--ease-sm);}
/*//upgrade plan card*/

@media(max-height: 864px){
    .sidebar-v2{padding: 16px 16px;}
    .sidebar-v2 .sidebar-header{margin-bottom: 16px;}
    .sidebar-v2 .sidebar-menu li a{height: 32px;padding: 2px 12px;}
    .sidebar-v2 hr.my-24{margin-top: 10px!important;margin-bottom: 10px!important;}
    .sidebar-v2 .nav-upgrage-plan-card{padding: 16px 16px;}
    .sidebar-v2 .sidebar-menu li a .txt, 
    .sidebar-mini .sidebar-v2 .sidebar-menu .has-submenu .submenu li .txt.strong{
        font-size: 14px;
        line-height: 20px;
    }
    .sidebar-v2 .sidebar-header .collapse-btn, .sidebar-v2 .sidebar-menu li a .sidebar-icon{width: 18px;height: 18px;}
    .sidebar-v2 .sidebar-icon:after, .sidebar-v2 .collapse-btn:after{width: 16px;height: 16px;}
    .sidebar-v2 .version-badge{height: 20px;padding: 2px 4px;padding-top: 2px;border-radius: 4px;}
}
/*################ SIDEBAR V2 END ##############*/

@media(min-width:1025px){
    .container-main{padding-left: var(--sidebar-width);}
}
@media(max-width:1024px){
    .container-main{padding-top: calc(var(--space-56) + 72px);}
    .alert-card-fixed-top{padding-left: 16px;}
    .sidebar-v2{
        z-index: 999;
        transform: translateX(-100%);
        -webkit-transform: translateX(-100%);
        -moz-transform: translateX(-100%);
        -ms-transform: translateX(-100%);
        -o-transform: translateX(-100%);
        transition: var(--ease-sm);
        -webkit-transition: var(--ease-sm);
        -moz-transition: var(--ease-sm);
        -ms-transition: var(--ease-sm);
        -o-transition: var(--ease-sm);
    }
    .sidebar-show .sidebar-v2{
        transform: translateX(0);
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
        transition: var(--ease-sm);
        -webkit-transition: var(--ease-sm);
        -moz-transition: var(--ease-sm);
        -ms-transition: var(--ease-sm);
        -o-transition: var(--ease-sm);
    }
    .sidebar-v2 .sidebar-menu li a:hover .tooltip-popup{display: none;}
}