html{font-size:15px;}
html,body{min-height:100vh;}
:root{--border-color:rgb(0,0,0,0.1);--theme-bg:#F7F8FB;--black:#000;--dark-black:#333230;--white:#fff;--green:#00C27C;--red:#EE3939;--grey-bg:#F5F5F5;--blue-bg:#147FC3;--light-blue-bg:#007AFF;--yellow-bg:#FFC700;--border-color:#E4E4E4;--bs-body-color:var(--black);--gradient-orange-bg:linear-gradient(32deg,rgba(251,84,16,1) 0%,rgba(231,144,36,1) 100%);--poppins-font-family:'Poppins',sans-serif;--custom-ease:all 0.5s cubic-bezier(.215,.61,.355,1)}
[data-theme="light"],[data-theme="light"]:hover{background:var(--theme-bg)!important;color:var(--black)!important;}

/* =================reset css starts here=================  */
*{margin:0;padding:0;}
h1,h2,h3,h4,h5,h6,p,ul,li,body,html,form,fieldset{margin:0;padding:0;outline:none;border:0}
a{text-decoration:none;border:0;outline:0;}
ul{list-style:none;}
a:focus,input:focus,textarea:focus,*:focus{outline:0!important;}

/* =================reset css ends here================= */

/* =================core css starts here================= */
body{font-size:1rem;line-height:21px;font-weight:400;font-family:var(--poppins-font-family);color:var(--black);background:var(--white);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}
.container-fluid{width:calc(100% - 96px);padding:0 12px;}
a,input,button{display:inline-block;text-decoration:none;color:inherit;outline:none;transition:all 0.2s ease-in;-webkit-transition:all 0.2s ease-in;}
button{background-color:transparent;border:0;outline:none;}
a img{border:0px none;}
a:hover{outline:none;color:var(--purple);text-decoration:none;}
a:active{outline:none;text-decoration:none;}
a:focus{outline:none;outline-offset:0px;text-decoration:none;color:inherit;}
::-webkit-input-placeholder{color:#000;opacity:0.5;}
::-moz-placeholder{color:#000;opacity:0.5;}
:-moz-placeholder{color:#000;opacity:0.5;}
:-ms-input-placeholder{color:#000;opacity:0.5;}
.os-animation{opacity:0;}
.os-animation.animated{opacity:1;}
img{max-width:100%;border:0;height:auto;}
h1,h2,h3,h4,h5,h6{margin:0px;padding:0px;margin-bottom:24px;line-height:1.2;font-weight:600;color:inherit;}
h1{font-size:40px;}
h2{font-size:32px;}
h3{font-size:24px;}
h4{font-size:16px;}
h5{font-size:14px;}
h6{font-size:12px;}
p{margin:0px;padding:0px;margin-bottom:24px;}
b{font-weight:400;}
p:last-child{margin-bottom:0;}
.btn{border-radius:6px;border:0;padding:11.5px 12px;min-width:79px;font-size:1rem;line-height:1;height:40px;font-weight:600;text-align:center;text-transform:capitalize;letter-spacing:0.3px;box-shadow:none;transition:all 0.2s ease-in;-webkit-transition:all 0.2s ease-in;}
.btn-default,.btn-default:focus{color:#fff;background:var(--blue-bg);}
.btn-default:hover,.btn-default:active{color:#fff;background:var(--light-blue-bg);}
.btn-dark-outline,.btn-dark-outline:focus{color:var(--dark-black);background:transparent;border:1px solid var(--dark-black);}
.btn-dark-outline:hover,.btn-dark-outline:active{color:#fff;background:var(--dark-black);}
.btn-white,.btn-white:focus{color:var(--dark-black);background:var(--white);border:1px solid var(--white);}
.btn-white:hover,.btn-white:active{color:#fff;background:var(--dark-black);border-color:var(--dark-black);}
.btn-green-white,.btn-green-white:focus{color:var(--green);background:var(--white);border:1px solid var(--white);}
.btn-green-white:hover,.btn-green-white:active{color:#fff;background:var(--dark-black);border-color:var(--dark-black);}
.btn-green,.btn-green:focus{color:var(--white);background:var(--green);border:1px solid var(--green);}
.btn-green:hover,.btn-green:active{color:#fff;background:#2d8e6b;border-color:#2d8e6b;}
.btn-red,.btn-red:focus{color:var(--white);background:var(--red);border:1px solid var(--red);}
.btn-red:hover,.btn-red:active{color:#fff;background:#ce4343;border-color:#ce4343;}
.btn-orange,.btn-orange:focus{color:var(--white);background:linear-gradient(27deg,rgba(251,84,16,1) 0%,rgba(231,144,36,1) 100%);}
.btn-orange:hover,.btn-orange:active{color:#fff;background:linear-gradient(127deg,rgba(251,84,16,1) 0%,rgba(231,144,36,1) 100%);}
.btn-gradient{background:linear-gradient(52deg,rgba(251,84,16,1) 0%,rgba(231,144,36,1) 0%);position:relative;border-radius:6px;overflow:hidden;padding:1px;}
.btn-gradient span{width:100%;padding:8.5px 12px;display:inline-block;position:relative;border-radius:5px;font-size:15px;font-weight:500;text-align:center;}
.btn-gradient span:before{content:'';width:100%;height:100%;position:absolute;left:0;right:0;top:0;bottom:0;background-color:#fff;border-radius:6px;}
.btn-gradient span em{position:relative;z-index:2;background:linear-gradient(to right,#FB5410 0%,#E79024 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-style:normal;}
.btn-gradient:hover span:before{background-color:transparent;}
.btn-gradient:hover span em{color:#fff!important;background:none!important;-webkit-text-fill-color:#fff;}
.btn-gradient-outline{position:relative;background:linear-gradient(27deg,rgba(251,84,16,1) 0%,rgba(231,144,36,1) 100%);padding:1px;border-radius:4px;font-size:0.8rem;line-height:1;}
.btn-gradient-outline >span{display:inline-block;padding:9px 15px;background:#fff;border-radius:3px;}
.btn-gradient-outline:hover >span{background:transparent;}
.btn-gradient-outline em{font-style:normal;background:linear-gradient(to right,#FB5410 0%,#E79024 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;}
.btn-gradient-outline:hover em{background:none!important;color:#fff;-webkit-text-fill-color:currentColor;}
.btn.btn-block,.btn-block.btn-gradient{min-width:100%;}
.btn.disable{opacity:0.5;cursor:no-drop;}
.btn-transparent{color:#147FC3;}
.btn-transparent:hover{background-color:#147FC3;color:#fff;}
.btn.btn-sm{min-width:172px;}
.mt-30{margin-top:30px;}
.mt-50{margin-top:50px;}
.mt-35{margin-top:35px;}
.mb-40{margin-bottom:40px;}
.mt-60{margin-top:60px;}
.mb-60{margin-bottom:60px;}
.blue-bg{background:#005a9c !important;}/*var(--blue-bg)*/
.gradient-orange-bg{background:var(--gradient-orange-bg);}
.blue-bg{background-color:var(--blue-bg);color:var(--white);}
.yellow-bg{background-color:var(--yellow-bg);color:var(--white);}
.red-bg{background-color:var(--red);color:var(--white);}
.modal-sm{--bs-modal-width:380px!important;}
.modal-lg{--bs-modal-width:655px;}

/* =================core css ends here================= */

/* ================= datepicker start here================= */
.daterangepicker{position:absolute;color:inherit;background-color:#fff;border-radius:4px;border:1px solid #ddd;width:278px;max-width:none;padding:0;margin-top:7px;top:100px;left:20px;z-index:3001;display:none;font-family:arial;font-size:15px;line-height:1em;}
.daterangepicker:before,.daterangepicker:after{position:absolute;display:inline-block;border-bottom-color:rgba(0,0,0,0.2);content:'';}
.daterangepicker:before{top:-7px;border-right:7px solid transparent;border-left:7px solid transparent;border-bottom:7px solid #ccc;}
.daterangepicker:after{top:-6px;border-right:6px solid transparent;border-bottom:6px solid #fff;border-left:6px solid transparent;}
.daterangepicker.opensleft:before{right:9px;}
.daterangepicker.opensleft:after{right:10px;}
.daterangepicker.openscenter:before{left:0;right:0;width:0;margin-left:auto;margin-right:auto;}
.daterangepicker.openscenter:after{left:0;right:0;width:0;margin-left:auto;margin-right:auto;}
.daterangepicker.opensright:before{left:9px;}
.daterangepicker.opensright:after{left:10px;}
.daterangepicker.drop-up{margin-top:-7px;}
.daterangepicker.drop-up:before{top:initial;bottom:-7px;border-bottom:initial;border-top:7px solid #ccc;}
.daterangepicker.drop-up:after{top:initial;bottom:-6px;border-bottom:initial;border-top:6px solid #fff;}
.daterangepicker.single .daterangepicker .ranges,.daterangepicker.single .drp-calendar{float:none;}
.daterangepicker.single .drp-selected{display:none;}
.daterangepicker.show-calendar .drp-calendar{display:block;}
.daterangepicker.show-calendar .drp-buttons{display:block;}
.daterangepicker.auto-apply .drp-buttons{display:none;}
.daterangepicker .drp-calendar{display:none;max-width:270px;}
.daterangepicker .drp-calendar.left{padding:8px 0 8px 8px;}
.daterangepicker .drp-calendar.right{padding:8px;}
.daterangepicker .drp-calendar.single .calendar-table{border:none;}
.daterangepicker .calendar-table .next span,.daterangepicker .calendar-table .prev span{color:#fff;border:solid black;border-width:0 2px 2px 0;border-radius:0;display:inline-block;padding:3px;}
.daterangepicker .calendar-table .next span{transform:rotate(-45deg);-webkit-transform:rotate(-45deg);}
.daterangepicker .calendar-table .prev span{transform:rotate(135deg);-webkit-transform:rotate(135deg);}
.daterangepicker .calendar-table th,.daterangepicker .calendar-table td{white-space:nowrap;text-align:center;vertical-align:middle;min-width:32px;width:32px;height:24px;line-height:24px;font-size:12px;border-radius:4px;border:1px solid transparent;white-space:nowrap;cursor:pointer;}
.daterangepicker .calendar-table{border:1px solid #fff;border-radius:4px;background-color:#fff;}
.daterangepicker .calendar-table table{width:100%;margin:0;border-spacing:0;border-collapse:collapse;}
.daterangepicker td.available:hover,.daterangepicker th.available:hover{background-color:#eee;border-color:transparent;color:inherit;}
.daterangepicker td.week,.daterangepicker th.week{font-size:80%;color:#ccc;}
.daterangepicker td.off,.daterangepicker td.off.in-range,.daterangepicker td.off.start-date,.daterangepicker td.off.end-date{background-color:#fff;border-color:transparent;color:#999;}
.daterangepicker td.in-range{background-color:#ebf4f8;border-color:transparent;color:#000;border-radius:0;}
.daterangepicker td.start-date{border-radius:4px 0 0 4px;}
.daterangepicker td.end-date{border-radius:0 4px 4px 0;}
.daterangepicker td.start-date.end-date{border-radius:4px;}
.daterangepicker td.active,.daterangepicker td.active:hover{background-color:#357ebd;border-color:transparent;color:#fff;}
.daterangepicker th.month{width:auto;}
.daterangepicker td.disabled,.daterangepicker option.disabled{color:#999;cursor:not-allowed;text-decoration:line-through;}
.daterangepicker select.monthselect,.daterangepicker select.yearselect{font-size:12px;padding:1px;height:auto;margin:0;cursor:default;}
.daterangepicker select.monthselect{margin-right:2%;width:56%;}
.daterangepicker select.yearselect{width:40%;}
.daterangepicker select.hourselect,.daterangepicker select.minuteselect,.daterangepicker select.secondselect,.daterangepicker select.ampmselect{width:50px;margin:0 auto;background:#eee;border:1px solid #eee;padding:2px;outline:0;font-size:12px;}
.daterangepicker .calendar-time{text-align:center;margin:4px auto 0 auto;line-height:30px;position:relative;}
.daterangepicker .calendar-time select.disabled{color:#ccc;cursor:not-allowed;}
.daterangepicker .drp-buttons{clear:both;text-align:right;padding:8px;border-top:1px solid #ddd;display:none;line-height:12px;vertical-align:middle;}
.daterangepicker .drp-selected{display:inline-block;font-size:12px;padding-right:8px;}
.daterangepicker .drp-buttons .btn{margin-left:8px;font-size:12px;font-weight:bold;padding:4px 8px;}
.daterangepicker.show-ranges.single.rtl .drp-calendar.left{border-right:1px solid #ddd;}
.daterangepicker.show-ranges.single.ltr .drp-calendar.left{border-left:1px solid #ddd;}
.daterangepicker.show-ranges.rtl .drp-calendar.right{border-right:1px solid #ddd;}
.daterangepicker.show-ranges.ltr .drp-calendar.left{border-left:1px solid #ddd;}
.daterangepicker .ranges{float:none;text-align:left;margin:0;}
.daterangepicker.show-calendar .ranges{margin-top:8px;}
.daterangepicker .ranges ul{list-style:none;margin:0 auto;padding:0;width:100%;}
.daterangepicker .ranges li{font-size:12px;padding:8px 12px;cursor:pointer;}
.daterangepicker .ranges li:hover{background-color:#eee;}
.daterangepicker .ranges li.active{background-color:#08c;color:#fff;}

/*  Larger Screen Styling */
@media (min-width:564px){
.daterangepicker{width:auto;}
.daterangepicker .ranges ul{width:140px;}
.daterangepicker.single .ranges ul{width:100%;}
.daterangepicker.single .drp-calendar.left{clear:none;}
.daterangepicker.single .ranges,.daterangepicker.single .drp-calendar{float:left;}
.daterangepicker{direction:ltr;text-align:left;}
.daterangepicker .drp-calendar.left{clear:left;margin-right:0;}
.daterangepicker .drp-calendar.left .calendar-table{border-right:none;border-top-right-radius:0;border-bottom-right-radius:0;}
.daterangepicker .drp-calendar.right{margin-left:0;}
.daterangepicker .drp-calendar.right .calendar-table{border-left:none;border-top-left-radius:0;border-bottom-left-radius:0;}
.daterangepicker .drp-calendar.left .calendar-table{padding-right:8px;}
.daterangepicker .ranges,.daterangepicker .drp-calendar{float:left;}
}
@media (min-width:730px){
.daterangepicker .ranges{width:auto;}
.daterangepicker .ranges{float:left;}
.daterangepicker.rtl .ranges{float:right;}
.daterangepicker .drp-calendar.left{clear:none!important;}
}

/* ================= datepicker end here================= */

/* ================= Magnific Popup start here================= */
.mfp-bg{top:0;left:0;width:100%;height:100%;z-index:1042;overflow:hidden;position:fixed;background:#0b0b0b;opacity:0.8;}
.mfp-wrap{top:0;left:0;width:100%;height:100%;z-index:1043;position:fixed;outline:none!important;-webkit-backface-visibility:hidden;}
.mfp-container{text-align:center;position:absolute;width:100%;height:100%;left:0;top:0;padding:0 8px;box-sizing:border-box;}
.mfp-container:before{content:"";display:inline-block;height:100%;vertical-align:middle;}
.mfp-align-top .mfp-container:before{display:none;}
.mfp-content{position:relative;display:inline-block;vertical-align:middle;margin:0 auto;text-align:left;z-index:1045;}
.mfp-inline-holder .mfp-content,.mfp-ajax-holder .mfp-content{width:100%;cursor:auto;}
.mfp-ajax-cur{cursor:progress;}
.mfp-zoom-out-cur,.mfp-zoom-out-cur .mfp-image-holder .mfp-close{cursor:-moz-zoom-out;cursor:-webkit-zoom-out;cursor:zoom-out;}
.mfp-zoom{cursor:pointer;cursor:-webkit-zoom-in;cursor:-moz-zoom-in;cursor:zoom-in;}
.mfp-auto-cursor .mfp-content{cursor:auto;}
.mfp-close,.mfp-arrow,.mfp-preloader,.mfp-counter{-webkit-user-select:none;-moz-user-select:none;user-select:none;}
.mfp-loading.mfp-figure{display:none;}
.mfp-hide{display:none!important;}
.mfp-preloader{color:#CCC;position:absolute;top:50%;width:auto;text-align:center;margin-top:-0.8em;left:8px;right:8px;z-index:1044;}
.mfp-preloader a{color:#CCC;}
.mfp-preloader a:hover{color:#FFF;}
.mfp-s-ready .mfp-preloader{display:none;}
.mfp-s-error .mfp-content{display:none;}
button.mfp-close,button.mfp-arrow{overflow:visible;cursor:pointer;background:transparent;border:0;-webkit-appearance:none;display:block;outline:none;padding:0;z-index:1046;box-shadow:none;touch-action:manipulation;}
button::-moz-focus-inner{padding:0;border:0;}
.mfp-close{width:44px;height:44px;line-height:44px;position:absolute;right:0;top:0;text-decoration:none;text-align:center;opacity:0.65;padding:0 0 18px 10px;color:#FFF;font-style:normal;font-size:28px;font-family:Arial,Baskerville,monospace;}
.mfp-close:hover,.mfp-close:focus{opacity:1;}
.mfp-close:active{top:1px;}
.mfp-close-btn-in .mfp-close{color:#333;}
.mfp-image-holder .mfp-close,.mfp-iframe-holder .mfp-close{color:#FFF;right:-6px;text-align:right;padding-right:6px;width:100%;}
.mfp-counter{position:absolute;top:0;right:0;color:#CCC;font-size:12px;line-height:18px;white-space:nowrap;}
.mfp-arrow{position:absolute;opacity:0.65;margin:0;top:50%;margin-top:-55px;padding:0;width:90px;height:110px;-webkit-tap-highlight-color:rgba(0,0,0,0);}
.mfp-arrow:active{margin-top:-54px;}
.mfp-arrow:hover,.mfp-arrow:focus{opacity:1;}
.mfp-arrow:before,.mfp-arrow:after{content:"";display:block;width:0;height:0;position:absolute;left:0;top:0;margin-top:35px;margin-left:35px;border:medium inset transparent;}
.mfp-arrow:after{border-top-width:13px;border-bottom-width:13px;top:8px;}
.mfp-arrow:before{border-top-width:21px;border-bottom-width:21px;opacity:0.7;}
.mfp-arrow-left{left:0;}
.mfp-arrow-left:after{border-right:17px solid #FFF;margin-left:31px;}
.mfp-arrow-left:before{margin-left:25px;border-right:27px solid #3F3F3F;}
.mfp-arrow-right{right:0;}
.mfp-arrow-right:after{border-left:17px solid #FFF;margin-left:39px;}
.mfp-arrow-right:before{border-left:27px solid #3F3F3F;}
.mfp-iframe-holder{padding-top:40px;padding-bottom:40px;}
.mfp-iframe-holder .mfp-content{line-height:0;width:100%;max-width:900px;}
.mfp-iframe-holder .mfp-close{top:-40px;}
.mfp-iframe-scaler{width:100%;height:0;overflow:hidden;padding-top:56.25%;}
.mfp-iframe-scaler iframe{position:absolute;display:block;top:0;left:0;width:100%;height:100%;box-shadow:0 0 8px rgba(0,0,0,0.6);background:#000;}

/* Main image in popup */
img.mfp-img{width:auto;max-width:100%;height:auto;display:block;line-height:0;box-sizing:border-box;padding:40px 0 40px;margin:0 auto;}

/* The shadow behind the image */
.mfp-figure{line-height:0;}
.mfp-figure:after{content:"";position:absolute;left:0;top:40px;bottom:40px;display:block;right:0;width:auto;height:auto;z-index:-1;box-shadow:0 0 8px rgba(0,0,0,0.6);background:#444;}
.mfp-figure small{color:#BDBDBD;display:block;font-size:12px;line-height:14px;}
.mfp-figure figure{margin:0;}
.mfp-bottom-bar{margin-top:-36px;position:absolute;top:100%;left:0;width:100%;cursor:auto;}
.mfp-title{text-align:left;line-height:18px;color:#F3F3F3;word-wrap:break-word;padding-right:36px;}
.mfp-image-holder .mfp-content{max-width:100%;}
.mfp-gallery .mfp-image-holder .mfp-figure{cursor:pointer;}
@media screen and (max-width:800px) and (orientation:landscape),screen and (max-height:300px){

/**
* Remove all paddings around the image on small screen
*/
.mfp-img-mobile .mfp-image-holder{padding-left:0;padding-right:0;}
.mfp-img-mobile img.mfp-img{padding:0;}
.mfp-img-mobile .mfp-figure:after{top:0;bottom:0;}
.mfp-img-mobile .mfp-figure small{display:inline;margin-left:5px;}
.mfp-img-mobile .mfp-bottom-bar{background:rgba(0,0,0,0.6);bottom:0;margin:0;top:auto;padding:3px 5px;position:fixed;box-sizing:border-box;}
.mfp-img-mobile .mfp-bottom-bar:empty{padding:0;}
.mfp-img-mobile .mfp-counter{right:5px;top:3px;}
.mfp-img-mobile .mfp-close{top:0;right:0;width:35px;height:35px;line-height:35px;background:rgba(0,0,0,0.6);position:fixed;text-align:center;padding:0;}
}
@media all and (max-width:900px){
.mfp-arrow{-webkit-transform:scale(0.75);transform:scale(0.75);}
.mfp-arrow-left{-webkit-transform-origin:0;transform-origin:0;}
.mfp-arrow-right{-webkit-transform-origin:100%;transform-origin:100%;}
.mfp-container{padding-left:6px;padding-right:6px;}
}

/* ================= Magnific Popup end here================= */
.flex-member-row  .form-group + .form-group{margin-top:10px;}
.form-label{margin-bottom:8px;font-size:0.8rem;line-height:1;letter-spacing:0.3px;color:#333333;}
.form-control{border:0;background-color:var(--grey-bg);border-radius:6px;padding:8px 16px;color:var(--black);height:40px;font-size:0.933rem;line-height:1;}
.form-control::placeholder{color:#808080;}
.form-control:focus{color:#000;background-color:var(--grey-bg);box-shadow:none;}
.form-select{background-color:var(--grey-bg);border:0;height:40px;color:var(--black);border-radius:6px;font-size:0.933rem;}
.input-group:not(.has-validation)>.dropdown-toggle:nth-last-child(n+3),.input-group:not(.has-validation)>.form-floating:not(:last-child)>.form-control,.input-group:not(.has-validation)>.form-floating:not(:last-child)>.form-select,.input-group:not(.has-validation)>:not(:last-child):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating){border-top-right-radius:6px;border-bottom-right-radius:6px;}
.default-dropdown .dropdown-menu{min-width:263px!important;height:263px!important;overflow-y:auto;}
.dropdown-menu{margin-top:2px!important;box-shadow:0px 4px 30px -1px rgb(0 0 0 / 12%);border-radius:10px;border:0;padding:10px 0;min-width:184px;}
.dropdown{cursor:pointer!important;}
.dropup .dropdown-toggle::after{display:none!important;}
.dropdown-item{padding:9.5px 15px;line-height:1;}
.dropdown-item +.dropdown-item{margin-top:5px;}
.dropdown-item:focus,.dropdown-item:hover{color:#000;background-color:#F5F5F5;}
.full-width .dropdown-menu{min-width:100%!important;}
.custom-badge{font-size:0.933rem;line-height:1;padding:8px 16px;border:1px solid currentColor;}
.custom-badge.yellow{background:#FFC700;border:1px solid rgb(255 199 0 / 50%);color:#fff;border-color:#FFC700;}
.custom-badge.light-yellow-bg{background:rgb(255 199 0 / 10%);border:1px solid rgb(255 199 0 / 50%);color:#FFC700;border-color:rgb(255 199 0 / 10%);}
.custom-badge.blue-outline{color:#254FE5;background:rgb(37 79 229 / 10%);}
.custom-badge.red-outline{color:#EE3939;background:rgb(238 57 57 / 10%);}
.custom-badge.purple-outline{color:#A014C3;background-color:rgb(160 20 195 / 10%);}
.custom-badge.green-outline{color:#00C27C;background-color:rgb(0 194 124 / 10%);}
.default-table .custom-badge{font-size:0.8rem;}
.table-badge-label .custom-badge{min-width:84px}
.small-badge{padding:2px 8px;font-size:0.8rem;line-height:1.5;}
.small-badge.orange{color:#FB5410;background-color:rgb(251 84 16 / 10%);}
.small-badge.purple{color:#A014C3;background-color:rgb(160 20 195 / 10%);}
.small-badge.black{color:#313131;background-color:rgb(49 49 49 / 10%);}
.small-badge.blue{background:rgb(20 127 195 / 10%);color:#147FC3;}
.cpm-body.blue{background:#147FC3;}

/* ======================= Login Page Start ======================= */
.flex-member-row{padding:20px;}
.flex-member-row .member-bg{bottom:0;right:0;height:49.5%;object-fit:contain;filter:drop-shadow(-41px 4px 104.1px rgb(0,0,0,0.26));object-position:bottom;}
.d-flex-member-logo{width:113px;}
.flex-member-content h4{font-size:2.286rem;line-height:1.6;margin-bottom:18px;}
.flex-member-content{max-width:415px;font-weight:300;font-size:1.2rem;line-height:1.6;margin-top:2.6vh;}
.input-group:not(.has-validation)>.dropdown-toggle:nth-last-child(n+3),.input-group:not(.has-validation)>:not(:last-child):not(.dropdown-toggle):not(.dropdown-menu){border-top-right-radius:4px;border-bottom-right-radius:4px;}
input[type="password"]{padding-right:45px!important;}
.eye-icon-box{width:20px;height:20px;cursor:pointer;position:absolute;right:15px;top:50%;transform:translateY(-50%);z-index:9;display:flex;align-items:center;justify-content:center;}
.flex-member-form-box{width:100%;max-width:428px;margin:0 auto;}
.flex-member-left{padding:0 8.5% 0 0;width:50%;}
.flex-member-inside{border-radius:20px;padding:15.5% 16% 8.5% 11.9%;}
.flex-member-form-box h1{font-size:24px;line-height:1.5;margin-bottom:50px;}
.page-psw-link{margin-top:16px;color:var(--light-blue-bg);font-size:0.933rem;letter-spacing:0.3px;}
.page-psw-link a:hover{text-decoration:underline;}
.member-hero-bg{width:100%;height:48%;position:absolute;bottom:0;left:50%;transform:translateX(-50%);z-index:3;}
.btn-check:checked+.btn,.btn.active,.btn.show,.btn:first-child:active,:not(.btn-check)+.btn:active{background-color:var(--blue-bg);color:#fff!important;}
.flex-sep-line{height:1px;background:var(--grey-bg);width:100%;}
.flex-btn-group{gap:10px;}
.flex-member-account{font-size:0.8rem;line-height:20px;color:#1A1A1A;letter-spacing:0.3px;}
.flex-member-account a{color:var(--light-blue-bg);margin-left:8px;}
.flex-member-account a:hover{text-decoration:underline;}
.flex-btn-group >*{flex-grow:1;flex-basis:0;display:flex;}
.flex-tick-icon{width:90px;height:90px;}
.eye-icon-box img{width:90%;height:90%;}
.flex-member-form-box p{font-size:13px;letter-spacing:0.3px;}
.otp-box input{width:63px;height:63px;margin-right:10px;text-align:center;}
input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;margin:0;}
.flex-member-form-box h1+p{margin-top:8px;}
.flex-member-right{padding-right:8.5%;width:50%;z-index:1;}
/* ======================= Login Page End ======================= */
/* ======================= Header Start ======================= */
#header{border-bottom:1px solid var(--border-color);}
#header .navbar{height:76px;}
#header .navbar-brand{width:112px;}
#header .navbar-nav .nav-link:focus,#header .navbar-nav .nav-link:hover{color:var(--blue-bg);}
#header .navbar-nav .nav-link b{font-weight:500;position:relative;}
#header .navbar-nav .nav-link{padding:0;line-height:76px;}
#header .navbar-nav .nav-item{padding:0 12.5px;}
#header .navbar-collapse{display:inline-flex;flex-basis:auto;}
#header .dropdown-toggle::after{display:none;}
#header .header-icon-box+.header-icon-box{margin-left:23px;}
#header .header-profile-button{margin-left:26px;}
#header .header-profile-img{width:40px;height:40px;}
#header .header-profile-img img{width:100%;height:100%;object-fit:cover;}
#header .header-profile-button span{width:158px;}
#header .header-profile-name{font-size:0.933rem;line-height:1;color:#151924;padding:0 0 0 10px;}
#header .header-profile-name span{font-size:0.8rem;color:#444750;margin-top:2px; line-height: 1.3;}
#header .caretIcon{width:16px;height:16px;margin-left:15px;}
.header-profile-button .dropdown-menu{margin-top:12px!important;}
/* ======================= Header End ======================== */
.wrapper-container{padding-top:77px;}
.page-wrapper-container{padding:32px 0;}
.hstack-row{width:calc(100% + 20px);margin-left:-10px;}
.hstack-col{padding:0 10px;flex:1 1 0!important;}
.hstack-box{padding:30px 26px;background-color:var(--white);color:#425166;font-size:1.067rem;line-height:1.3;gap:30px;background-color:#e5eef7;}
.hstack-icon{width:50px;height:50px;}
.hstack-count{max-width:200px;font-size:1.6rem;}
.hstack-label{margin-top:6px;}
.hstack-col:nth-child(2) .hstack-box{background-color:#def3ee;}
.hstack-col:nth-child(3) .hstack-box{background-color:#f9f3e3;}
.hstack-col:nth-child(4) .hstack-box{background-color:#eae5fb;}
.dfr-sm-column{padding:0 12.5px;transition:0.4s all ease-in;}
.dfr-sm-column:last-child{padding-right:0!important;}
.page-title{font-size:1.333rem;line-height:1;letter-spacing:-0.022em;color:var(--dark-black);}
.search-button-box{/* margin-right: 25px; */position:absolute;right:9px;width:23px;height:23px;}
.filter-button-box >img{display:inline-block;margin-right:7px;}
.dfr-code-snippet .code-snippet{padding:0 5.5px;position:relative;}
.dfr-code-snippet .code-snippet:last-child{padding-right:0;}
.code-snippet-item+.code-snippet-item{margin-left:9px;}
.dropdown-button{padding:8px 15px 8px 12px;background:var(--white);font-size:0.933rem;line-height:1;}
.filter-button-box{font-size:0.933rem;}
.dropdown-button.active{background:var(--gradient-orange-bg);color:var(--white);}
.button-icon{width:13px;height:13px;background:rgb(0 0 0 / 20%);margin-right:12px;}
.dropdown-button .minus-icon{display:none;}
.dropdown-button.active .plus-icon{display:none!important;}
.dropdown-button.active .minus-icon{display:block!important;}
.dropdown-button .plus-icon,.dropdown-button .minus-icon{width:auto;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);}
.dfr-sm-column:not(:last-child)::before{content:'';width:1px;height:calc(100% - 18px);background:var(--black);opacity:0.2;position:absolute;right:0;top:50%;transform:translate(-50%,-50%);}

/* .code-snippet:not(:last-child)::before{content: '';width: 1px;height:calc(100% - 12px);background: var(--black);opacity: 0.2;position: absolute;right: 0;top: 50%;transform: translate(-50%,-50%);} */
.fliter-search-row{width:34px;overflow:hidden;margin-right:14px;transition:0.2s all ease-in;}
.fliter-search-box{opacity:0;left:100%;position:relative;}
.open-search .fliter-search-box{opacity:1;left:0;}
.open-search.fliter-search-row{width:auto;}
.search-box{padding:9.5px 9px;border-radius:6px;line-height:1;border:0;}
.custom-search-box .search-box{min-width:226px;}
.search-box::placeholder{color:rgb(0 0 0 / 50%);}
.d-filter-badge{background:#fff;border:1px solid var(--border-color);position:relative;padding:9px 40px 9px 14px;font-size:0.867rem;line-height:1.231;}
.d-filter-close{width:16px;height:16px;}
.d-filter-btn{position:absolute;right:15px;top:10px;}
.d-filter-link{font-size:0.933rem;font-weight:500;line-height:1;color:var(--blue-bg);text-decoration:underline;}
.d-filter-link:hover{text-decoration:none;}
.page-project-wrapper{padding:40px 0;min-height:75vh;}
.ppw-right{width:315px;margin-left:20px;}
.refer-friend-card{min-height:475px;position:relative;}
.refer-friend-card h2{font-size:1.867rem;}
.refer-bg{width:100%;height:100%;position:absolute;left:0;right:0;top:0;bottom:0;object-fit:cover;}
.refer-friend-content{padding:30px;width:100%;position:relative;z-index:2;font-size:0.933rem;line-height:1.6;}
.rf-btn{margin-top:40px;}
.square-check.form-check{padding-left:28px;font-size:0.933rem;line-height:24px;margin:0;min-height:auto;text-align:left;color:#333;}
.square-check.form-check input[type="checkbox"].form-check-input{display:none;}
.square-check.form-check input[type="checkbox"]+.form-check-label::before{content:'';position:absolute;left:0;top:50%;border:1px solid rgb(51 50 48 / 40%);border-radius:3px;width:18px;height:18px;transition:all 0.2s ease-in;transform:translateY(-50%);}
.square-check.form-check input[type="checkbox"]+.form-check-label::after{content:'';position:absolute;left:3px;top:50%;width:12px;height:10px;display:block;background-position:center;background-repeat:no-repeat;background-size:contain;background-image:url("../images/step-check.svg");opacity:0;transform:translateY(-50%) scale(0);transition:all 0.2s ease-in;}
.square-check.form-check input[type="checkbox"].form-check-input:checked+.form-check-label::before{border-color:var(--blue-bg);background:var(--blue-bg);}
.square-check.form-check input[type="checkbox"].form-check-input:checked+.form-check-label::after{opacity:1;transform:translateY(-50%) scale(1);}
.square-radio.form-check{padding-left:28px;font-size:14px;line-height:24px;margin:0;min-height:auto;text-align:left;color:#333;position:relative;}
.square-radio.form-check input[type="radio"].form-check-input{display:none;}
.square-radio.form-check input[type="radio"]+.form-check-label::before{content:'';position:absolute;left:0;top:50%;border:1px solid rgb(51 50 48 / 40%);border-radius:3px;width:18px;height:18px;transition:all 0.2s ease-in;transform:translateY(-50%);}
.square-radio.form-check input[type="radio"]+.form-check-label::after{content:'';position:absolute;left:0;top:50%;width:18px;height:10px;display:block;background-position:center;background-repeat:no-repeat;background-size:contain;background-image:url("../images/step-check.svg");opacity:0;transform:translateY(-50%) scale(0);transition:all 0.2s ease-in;}
.square-radio.form-check input[type="radio"].form-check-input:checked+.form-check-label::before{border-color:var(--blue-bg);background:var(--blue-bg);}
.square-radio.form-check input[type="radio"].form-check-input:checked+.form-check-label::after{opacity:1;transform:translateY(-50%) scale(1);}
.badge.yellow {padding: 7px 14px;border-color: #FFC700;color: #FFC700;}
.hc-badge.blue{color: #147FC3;}
.hc-badge{padding:2.5px 7px;border-radius:50rem;font-size:0.8rem;line-height:1;font-weight:500;position:relative;text-align:center;white-space:nowrap;}
.hc-badge:before {content: '';width: 100%;height: 100%;background-color: currentColor;opacity: 0.3;position: absolute;left: 0;right: 0;top: 0;bottom: 0;border-radius: 50rem;}
.h-divider {width: 2px;height: calc(100% - 15px);background: rgb(0 0 0 / 20%);}
.card-list{margin-top:20px;}
.card-box{background:var(--white);border-radius:16px;padding:30px;position:relative;}
.card-box .btn-group{position:absolute;right:30px;top:32px;}
.cbh-right{align-self:flex-start;}
.cbh-left h5{font-size:0.933rem;font-weight:500;margin-bottom:12px;color:var(--light-blue-bg);}
.cbh-left h4{color:var(--dark-black);font-size:1.733rem;margin-bottom:0;}
.cb-body{margin-top:12px;}
.cb-profile-box h5{font-size:0.866rem;font-weight:400;}
.cb-profile{width:22px;height:22px;}
.cbh-img{width:24px;height:24px;}
.cb-footer{border-top:1px solid rgb(229 229 229 / 50%);padding-top:30px;margin-top:25px;font-size: 0.8rem;}
.cb-footer-left{font-size:0.933rem;}
.cb-f-row{gap:10px;}
.cbf-number{font-size: 0.8rem;line-height: 1.5;font-weight: 500;background-color: #FF5139;padding: 5px 12px;color: var(--white);}
.cbh-right{padding-right:54px;}
.cbh-item{position: relative;padding: 0 20px;}
.cbh-item:not(:last-child)::before{content: '';width: 1px;height: 100%;background-color: rgb(0 0 0 / 10%);position: absolute;right: 0;top: 50%;transform: translateY(-50%);}
.cbh-box{gap: 10px;width: 100px;max-width: 100px;}
.cbh-box h4{font-size: 0.8rem;line-height: 1.6; font-weight: 500;color: rgb(51 50 48 / 60%);margin-bottom: 0;}
.cbh-number-box{font-size: 1.067rem;font-weight: 600;color: #333230;}
.cbf-text{font-size:0.933rem;}
.page-link{font-size:0.933rem;color:#147FC3;font-weight:500;transition:all 0.5s ease;}
.page-link::after{content:'';position:absolute;bottom:0;left:0;width:100%;height:1px;background-color:currentColor;}
.page-link:hover::after{content:none;}
.dropdown-toggle::after{display:none;}
.filter-offcanvas .accordion-button:not(.collapsed){box-shadow:none!important;}
.row-flex-column .input-group-addon{width:14px;position:absolute;top:50%;transform:translateY(-50%);right:12px;z-index:99999;}
.row-flex-column .form-control{padding-right:30px;}
.daterangepicker .calendar-table table{border-collapse:separate;}
.daterangepicker{z-index:999991!important;border-radius:10px;border:0;font-family:var(--poppins-font-family);box-shadow:0 4px 30px -1px rgb(0 0 0 / 12%);}
.daterangepicker:after,.daterangepicker:before{content:none!important;}
.daterangepicker .drp-calendar.left{padding:10px 0 10px 10px;}
.daterangepicker .drp-calendar.left .calendar-table{background:#FBFBFB;border-radius:5px;padding:12px;margin-right:10px;}
.daterangepicker .drp-calendar{max-width:100%;width:100%;}
.daterangepicker .calendar-table th,.daterangepicker .calendar-table td{font-size:12px;line-height:30px;border-radius:50%!important;height:32px;font-weight:400;box-sizing:border-box;}
.daterangepicker td.off,.daterangepicker td.off.in-range,.daterangepicker td.off.start-date,.daterangepicker td.off.end-date{background-color:transparent;}
.daterangepicker td.active,.daterangepicker td.active:hover{background-color:#C69C6D!important;border-color:#C69C6D!important;}
.daterangepicker select.monthselect{margin-right:0;width:33%;font-size:12px;font-weight:600;color:#737373;border:0;background-color:transparent;}
.daterangepicker .calendar-table .available span{border-color:#ccc!important;}
.daterangepicker .calendar-table .available span:hover{border-color:#000!important;}
.daterangepicker td.available:hover,.daterangepicker th.available:hover{background-color:transparent;}
.daterangepicker .calendar-table td:not(.off.ends):hover{border-color:#CCCCCC;}
.input-group:not(.has-validation)>.dropdown-toggle:nth-last-child(n+3),.input-group:not(.has-validation)>:not(:last-child):not(.dropdown-toggle):not(.dropdown-menu){border-top-right-radius:6px;border-bottom-right-radius:6px;}
/* ================================== Offcanvas start here ============================ */
.filter-offcanvas.offcanvas{width:632px;border-left:0;}
.filter-offcanvas .offcanvas-title{font-size:1.067rem;}
.filter-offcanvas .offcanvas-header{padding:28px 30px 20px;border-bottom:1px solid #E4E4E4;height:80px;}
.filter-offcanvas .offcanvas-btn-close{width:24px;height:24px;position:absolute;right:34px;top:50%;transform:translateY(-50%);}
.offcanvas-code-snippet{padding:24px 30px;}
.filter-offcanvas .offcanvas-body{padding:0;}
.filter-offcanvas .accordion-button{font-size:1.067rem;padding:20px 0;}
.add-plus-icons .accordion-button::after{background-image:url(../images/plus-sign.svg);width:24px;height:24px;}
.add-plus-icons .accordion-button:not(.collapsed)::after{background-image:url(../images/minus-sign.svg);transform:none;}
.filter-offcanvas .accordion-flush>.accordion-item:first-child{border-top:1px solid #E4E4E4;}
.filter-offcanvas .accordion-item{border-bottom:1px solid #E4E4E4;border-left:0;border-right:0;}
.filter-offcanvas .accordion-flush>.accordion-item:first-child{border-top:1px solid #E4E4E4;}
.filter-offcanvas .accordion-flush>.accordion-item:last-child{border-bottom:1px solid #E4E4E4;}
.filter-offcanvas .accordion-body{padding:0 0 18px;}
.filter-offcanvas .offcanvas-button{font-size:0.933rem;letter-spacing:0.03em;background-color:var(--blue-bg);color:var(--white);padding:15px;border:0;}
.filter-offcanvas .offcanvas-button:hover{color:#fff;background-color:#333;}
.filter-offcanvas .accordion-button:not(.collapsed){color:#333;background:none;}
.filter-offcanvas .accordion-button:focus{box-shadow:none;}
.badge-group .badge .close-badge{margin-left:10px;}
.o-code-snippe-title{font-size:1.067rem;line-height:1;}
.o-code-snippet-header{margin-bottom:14px;}
.label-text-btn{font-size:0.933rem;color:var(--blue-bg);}
.label-text-btn:hover{color:var(--blue-bg);text-decoration:underline;}
.badge{font-size:0.8rem;color:var(--black);border:1px solid var(--black);border-radius:4px;padding:10px;font-weight:400;}
.form-select{color:#333;padding:8px 15px;}
.form-select:focus{box-shadow:none;}
.row-flex-column{flex-basis:0;}
.row-flex-row{gap:20px;}
.offcanvas-footer{height:50px;}
.avatar-upload{position:relative;width:84px;height:84px;}
.avatar-upload .avatar-edit{position:absolute;right:0px;z-index:1;top:0px;}
.avatar-upload .avatar-edit input{display:none;}
.avatar-upload .avatar-preview{width:84px;height:84px;position:relative;border-radius:100%;}
.avatar-upload .avatar-preview > div{width:100%;height:100%;border-radius:100%;background-size:cover;background-repeat:no-repeat;background-position:center;}
.avatar-upload .avatar-edit input + label{display:inline-block;width:22px;height:22px;margin-bottom:0;border-radius:100%;background:#fff;cursor:pointer;transition:all 0.2s ease-in-out;box-shadow:0px 0px 11px rgba(0,0,0,0.08);}
.avatar-upload .avatar-edit input + label:after{content:"";background:url(../images/edit-icon.svg);position:absolute;width:12px;height:12px;top:50%;left:50%;transform:translate(-50%,-50%);margin-top:-2px;}
.form-col{flex-basis:0;flex-grow:1;}
.form-row{gap:20px;}
/* ================================== Offcanvas end here ============================ */
.page-empty-container{width:100%;min-height:calc(100vh - 77px);padding:30px;}
.page-empty-img{width:243px;margin:0 auto 40px;}
.page-empty-box{font-size:0.867rem;line-height:1.6;width:100%;max-width:367px;margin:0 auto;position:relative;}
.page-empty-box h4{font-size:2.13rem;font-weight:500;margin-bottom:15px;}
.page-empty-btn{margin-top:40px;}
.page-dialog-wrapper{position:fixed;bottom:0;left:0;width:auto;padding:12px 50px;}
.page-dialog-box{width:190px;position:relative;}
.sr-widget-row .page-dialog-box {
    width: 80px;
    position: absolute;
    right: 56px;
    top: -30px;
}


.page-dialog-box > img{width:100%;height:auto;object-fit:contain;}
.dialog-content-box{padding:14px;font-size:0.867rem;line-height:1.6;background:#fff;border-radius:20px;box-shadow:0 4px 35px -10px rgb(0 0 0 / 10%);position:absolute;left:100%;min-width:245px;bottom:100%;margin-bottom:-35px;}
.dialog-content-box p{margin-bottom:0;}
.dialog-content-box p span{color:#147FC3;}
.dialog-arrow{width:39px;height:20px;position:absolute;top:100%;left:16px;filter:drop-shadow(0px 4px 35px rgba(0,0,0,0.1));}
.dialog-arrow>span{width:100%;height:100%;background:#fff;display:inline-block;clip-path:polygon(30% 0,0% 100%,90% 0);}
.long-arrow{width:207px;height:49px;position:absolute;left:100%;margin-left:-420px;bottom:-90px;}
.page-dialog-box.big-size{margin:0 auto;}
.page-dialog-box.big-size .dialog-content-box{font-size:1rem;min-width:219px;}
.page-filter-box{border-radius:20px;background-color:#fff;}
.filter-empty-wrapper{width:100%;max-width:313px;margin:0 auto;text-align:center;}
.filter-empty-wrapper .page-dialog-box{width:140px;margin:0 auto 18px;font-size:0.867rem;line-height:1.6;}
.filter-empty-wrapper h4{font-size:1.2rem;line-height:1.2;margin-bottom:12px;}
.page-step-container{padding:32px 0;min-height:calc(100vh - 77px);}
.page-step-container .page-dialog-wrapper{bottom:36px;}
.page-step-container .container-fluid{position: relative; z-index: 1;}
.step-circle{width:29px;height:29px;background:#DAE1F2;}
.step-circle-box{width:12px;height:12px;background:var(--white);}
.step-text{font-size:0.933rem;color:#333;}
.page-step-wrap{width:100%;max-width:750px;margin:0 auto;}
.step-item:not(:last-child){flex-grow:1;}
.step-item:not(:last-child)::after{content:'';position:absolute;right:0;top:50%;transform:translateY(-50%);width:calc(100% - 100px);height:2px;background:#DAE1F2;border-radius:6px;}
.step-item:last-child{flex-shrink:0;flex-grow:0;width:100px;}
.step-item.active .step-circle{background:var(--blue-bg);}
.step-item.active .step-text{font-weight:500;color:var(--blue-bg);}
.step-item.complete .step-circle-box{opacity:0;}
.step-item.complete .check-icon{opacity:1;}
.step-item.complete .step-circle{background-color:#147FC3;}
.step-item.complete:not(:last-child)::after{background:#147FC3;}
.sr-widget-row{padding: 35px 30px;border-radius:10px;background:var(--white);}
.sr-form-wrapper .form-group:not(:last-child) {margin-bottom: 10px;}
.sr-widget-row h5{font-size:1.333rem;color:var(--dark-black);}
.sr-widget-row h6{font-size:1rem;color:#333;}
.input-group-text{color:#333230;border:none;border-radius:6px;padding:9px 6px;background-color:#EBECF0;}
.input-group:not(.has-validation)>:not(:last-child):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating){border-top-right-radius:0;border-bottom-right-radius:0;}
.label-group-row{margin-bottom:8px;}
.page-propover-button{width:18px;height:18px;display:flex;align-items:center;justify-content:center;}
.success-container{background-color:#fff;border-radius:10px;padding:80px 0;}
.success-content-box{max-width:360px;margin:0 auto;}
.success-content h5{font-size:1.6rem;font-weight:600;color:#1A1A1A;margin-bottom:10px;}
.success-content{font-size:0.867rem;}
.success-content p{letter-spacing:0.3px;}
.success-img {width: 90px;height: 90px;margin: 0 auto;}
.success-img img {width: 100%;height: 100%;object-fit: contain;}

/* ===============================================  View Projects Navbar ==================================== */
.hstack-nav-row{background-color:var(--dark-black);padding:22px 20px 12px;border-radius:10px;}
.hstack-nav-item{flex-grow:1;}
.hstack-nav-item:last-child{flex-shrink:0;flex-grow:0;white-space:nowrap;}
.hstack-nav-line{flex-grow:1;}
.hstack-nav-line > svg{width:100%;}
.hstack-nav-circle{width:20px;height:20px;background:#444;}
.hstack-nav-circle-box{width:10px;height:10px;background:rgb(255 255 255 / 10%);}
.hstack-nav-text{font-size:0.8rem;font-weight:300;}
.hstack-nav-text h6{font-size:0.933rem;font-weight:400;}
.hstack-nav-box{gap:10px;color:var(--white);}
.hstack-nav-item + .hstack-nav-item{margin-left:22px;}
.check-icon{position:absolute;top:50%;transform:translateY(-50%);opacity:0;}
.hstack-nav-item.complete .check-icon{opacity:1;}
.hstack-nav-line svg{color:rgb(255 255 255 / 10%);}
.hstack-nav-item.active .hstack-nav-circle{background:rgb(255 199 0 / 40%);}
.hstack-nav-item.active .hstack-nav-circle-box{background:#FFC700;}
.hstack-nav-item.complete .hstack-nav-circle{background:#00C27C;}
.hstack-nav-item.complete .hstack-nav-circle-box{opacity:0;}
.hstack-nav-item.complete .hstack-nav-line svg{color:#00C27C;}
.hstack-nav-item:last-child .hstack-nav-line svg{display:none;}
.hstack-nav-item.active .check-icon{opacity:0;}
.ptc-col-row{width:calc(100% + 10px);margin-left:-5px;}
.ptc-col{padding:0 5px;}
.ptc-col .accordion-button{padding:20px;font-size:1.067rem;font-weight:500;color:var(--black);box-shadow:none;background:transparent;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #E4E4E4;}
.ptc-col  .accordion-item{background-color:#fff;border:1px solid #E4E4E4;}
.custom-arrow-icons .accordion-button-box{width:24px;height:24px;display:flex;align-items:center;justify-content:center;position:absolute;right:20px;top:20px;z-index:9;}
.custom-arrow-icons .accordion-button-box.collapsed{transform:var(--bs-accordion-btn-icon-transform);}
.custom-arrow-icons .accordion-button::after{opacity:0;display:none;}
.not-assigned-title{font-size:0.933rem;color:rgb(51 50 48 / 40%);font-weight:500;}
.not-assigned-widget .accordion-button::after{content:none!important;}
.edit-btn{position:absolute;top:50%;transform:translateY(-50%);right:65px;font-size:16px;font-weight:500;color:#333230;background-color:rgb(51 50 48 / 3%);border-radius:4px;padding:8px;}
.edit-btn img{width:18px;height:18px;margin-right:7px;}
.ptc-widget .accordion-body{padding:20px 18px 28px;}
.ptc-widget .table td{font-size:0.933rem;color:var(--dark-black);padding:0;padding-bottom:25px;vertical-align:middle;}
.ptc-widget table{margin-bottom:0;}
.ptc-widget .table tr:last-child td{padding-bottom:0;}
.ptc-widget + .ptc-widget{margin-top:10px;}
.ptc-filter{position:absolute;top:50%;z-index:2;right:53px;transform:translatey(-50%);background:var(--grey-bg);padding:7px 10px;border-radius:6px;}
.ptc-col .accordion-item{overflow:hidden;}
.ptc-col .accordion-item:last-of-type{border-bottom-right-radius:6px;border-bottom-left-radius:6px;}
.ptc-col .accordion-item:first-of-type{border-top-left-radius:6px;border-top-right-radius:6px;}
.projects-img-item{width:25%;padding:0 6px;margin-bottom:12px;}
.project-img-list{width:calc(100% + 12px);margin-left:-6px;margin-bottom:-12px;}
.projects-image{border-radius:10px;overflow:hidden;}
.cpm-profile{width:22px;height:22px;position:absolute;top:0;left:0;}
.chat-projects-message{padding-left:31px;padding-right:31px;}
.chat-projects-message + .chat-projects-message{margin-top:18px;}
.chat-projects-content{padding:85px 20px 30px;height:564px!important;overflow-y:auto;}
.alert-wrapper{position:fixed;z-index:999999;bottom:30px;left:50%;transform:translateX(-50%);}
.bg-success{background-color:#2BAB7D!important;color:#fff;}
.bg-danger{background-color:#F64B3C!important;color:#fff;}
.custom-alert.alert{display:inline-block;padding:14.5px 58px 14.5px 20px;position:relative;border-radius:11px;overflow:hidden;border:0;font-size:13px;line-height:1.3;letter-spacing:0.035em;z-index:999999;}
.custom-alert.alert:before{content:'';width:100%;height:3px;background:#fff;opacity:0.2;position:absolute;bottom:0;left:0;right:0;}
.custom-alert.alert > strong{font-weight:500;}
.custom-alert.alert .btn-close{padding:0;width:38px;height:38px;filter:brightness(0) invert(1);opacity:1;top:50%;transform:translateY(-50%);right:15px;background-color:transparent;border:0;}
.custom-alert.alert .btn-close:focus{box-shadow:none;}
.cpm-head{font-size:0.8rem;}
.cpm-date{color:rgb(0 0 0 / 40%);}
.cpm-body{font-size:0.867rem;padding:15px;border-radius:6px;margin-top:5px;line-height:1.5;color:var(--white);}
.cpm-body.orange{background-color:#CB643A;}
.cpm-body.purple{background-color:#A014C3;}
.cpm-body.black{background-color:#313131;}
.cpm-body.grey{background:var(--theme-bg);color:var(--dark-black);}
.chat-projects-message.send .cpm-head{flex-direction:row-reverse;}
.chat-projects-message.send .cpm-profile{right:0;left:auto;}
.chat-projects-footer{margin-top:30px;padding:0 32px;height:90px;}
.cpf-send-button{position:absolute;top:5px;right:8px;width:40px;height:40px;border-radius:5px;background:var(--blue-bg);}
.cpf-holder{border:1px solid rgb(28 28 28 / 10%);padding:15px 50px 15px 20px;border-radius:6px;background-color:#F7F8FB;}
.cpf-search{border:none;background:none;font-size:13px;color:rgb(51 50 48 / 50%);}
.cpf-badges{margin-top:8px;}
.badge-box{font-size:0.933rem;color:var(--dark-black);border:1px solid rgb(51 50 48 / 17%);padding:2px 15px;}
.badge-box.active{background:var(--blue-bg);color:var(--white);}
.badge-box img{width:10px;margin-right:9px;}
.page-link-blue{font-size:0.933rem;color:#147FC3;text-decoration:underline;line-height:1;}
.page-link-blue:hover{text-decoration:none;}
.drop-down-item{padding:16px 0;border-top:1px solid rgb(0 0 0 / 6%);}
.ptc-filter .dropdown-menu{padding:15px 15px;}
.clear-all-filter{margin-bottom:16px;}
.drop-down-label{font-size:0.933rem;line-height:24px;margin-bottom:10px;}
.profile-image{width:50px;height:50px;}
.profile-text-box h4{font-size:1.067rem;line-height:1.45;margin-bottom:0;}
.profile-text-box p{font-size:0.867rem;margin-bottom:0;opacity:0.85;}
.profile-text-box a[href="mailto:"]{color:#147FC3;}
.profile-text-box a:hover{text-decoration:underline;}
.top-wrapper-container{background-color:#fff;padding:20px 0;}
.tw-left{font-size:0.867rem;font-weight:300;}
.tw-left h4{font-size:1.2rem;line-height:1.2;margin-bottom:0;font-weight:600;}
.page-alert-container{height:33px;position:-webkit-sticky;position:sticky;top:76px;z-index:1020;}
.page-alert-title a{text-decoration:underline;font-size:0.933rem;line-height:1;}
.page-alert-title a:hover{text-decoration:none;}
.page-toast-icon{width:32px;height:32px;background-color:#fff;}
.btn-page-link{font-size:0.933rem;line-height:1.2;position:relative;color:#fff;}
.btn-page-link::before{content:'';width:100%;height:1px;background-color:currentColor;position:absolute;left:0;top:100%;}
.page-toast-row{background:var(--green);padding:16px 40px 16px 20px;border-radius:10px;}
.sr-widget-row+.sr-widget-row{margin-top:20px;}
.sr-address-block+.sr-address-block{border-top:1px solid #E5E5E5;padding-top:25px;}
.trash-btn{width:18px;height:18px;}
.widget-grey-box{background:#333230;color:#fff;border-radius:10px;padding:20px;font-size:0.933rem;line-height:1.6;}
.widget-grey-box h4{font-size:1.067rem;margin-bottom:10px;font-weight:500;}
.modal-radio-group{border:1px solid var(--border-color);border-radius:10px;overflow:hidden;}
.custom-modal .modal-content{border-color:var(--border-color);}
.custom-modal .modal-title{font-size:1.067rem;}
.custom-modal .modal-header{border-bottom:none;padding:20px 20px 18px;}
.custom-modal .modal-body{padding:0px 20px 0;}
.custom-modal .modal-footer{padding:15px 20px;border-top:none;}
.custom-modal .btn-close{border:0;box-shadow:none!important;}
.modal-radio-group .form-check{margin-bottom:0;min-height:48px;position:relative;padding:0;flex-grow:1;flex-basis:0;}
.modal-radio-group .form-check-label{width:100%;height:100%;position:absolute;left:0;right:0;top:0;bottom:0;display:flex;align-items:center;justify-content:center;}
.modal-radio-group .form-check-input{width:100%;height:100%;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);bottom:0;margin:0;opacity:0;}
.modal-radio-group .form-check+.form-check{border-left:1px solid var(--border-color);}
.modal-radio-group .form-check-input:checked[type=radio]+.form-check-label{background-color:var(--blue-bg);color:var(--white);}
.modal-radio-label{font-size:0.8rem;font-weight:500;color:rgb(51 51 51 / 80%);letter-spacing:0.3px;border-radius:0;}
#formControlTextarea1{height:118px;resize:none;}
.page-wrapper-container{padding:32px 0;min-height:calc(100vh - 120px);}
.d-four-column-row{width:calc(100% + 20px);margin-bottom:-10px;margin-left:-10px;}
.d-four-column{padding:0 10px;/* width: 25%; */flex:1 1 0!important;margin-bottom:10px;}
.d-four-column-box{box-shadow:0px 4px 25px -2px rgb(0 0 0 / 8%);border-radius:10px;background:var(--white);padding:12px 25px 12px 14px;}
.dfc-content-box{padding:0 0 0 15px;width:calc(100% - 86px);overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.border-radius-10{border-radius:10px!important;}
.dfc-icon-box{width:46px;height:46px;background-color:rgb(22 137 202 / 10%);}
.dfc-icon-box.green{background:rgb(0 194 124 / 10%);}
.dfc-icon-box.yellow{background:rgb(255 199 0 / 10%);}
.dfc-icon-box.blue{background:rgb(125 57 238 / 10%);}
.dfc-count-box{width:40px;font-size:1.286rem;}
.page-filter-option-container{padding:0;}
.page-title{font-size:1.429rem;line-height:1;}
.d-user-thumb{width:22px;height:22px;margin-right:8px;}
.default-table{font-size:0.867rem;margin-bottom:0;border-collapse:separate;border-spacing:0px 6px;table-layout: fixed;}
.default-table thead th{font-size:0.8rem;font-weight:400;color:var(--white);padding:7.5px 7.5px 7.5px 15px;white-space:nowrap;}
.default-table tr{box-shadow:0 4px 30px 0 rgb(0 0 0 / 8%);}
.default-table thead th:first-child{border-top-left-radius:4px;border-bottom-left-radius:4px;}
.default-table thead th:last-child{border-top-right-radius:4px;border-bottom-right-radius:4px;}
.default-table tr td:first-child{border-top-left-radius:4px;border-bottom-left-radius:4px;}
.default-table tr td:last-child{border-top-right-radius:4px;border-bottom-right-radius:4px;}
.default-table td{padding:12px 14px 14px 15px;vertical-align:middle;}
.table-collapse-table{font-size:0.867rem;margin-bottom:0;border-collapse:separate;border-spacing:0px 6px;table-layout:fixed;min-width: 1300px;}
.table-collapse-table .table2 td{padding:7.5px 7.5px 7.5px 15px;}
.table-collapse-table .table2 {table-layout: fixed;}
.table-collapse-table thead th{font-size:0.8rem;font-weight:400;color:var(--white);padding:7.5px 7.5px 7.5px 15px;white-space:nowrap;}
.table-collapse-table tr{box-shadow:0 4px 30px 0 rgb(0 0 0 / 8%);}
.table-collapse-table thead th:first-child{border-top-left-radius:4px;border-bottom-left-radius:4px;}
.table-collapse-table thead th:last-child{border-top-right-radius:4px;border-bottom-right-radius:4px;}
.table-collapse-table tr td:first-child{border-top-left-radius:4px;border-bottom-left-radius:4px;}
.table-collapse-table tr td:last-child{border-top-right-radius:4px;border-bottom-right-radius:4px;}
.table-collapse-table td[colspan="9"] {padding: 0;}
.dc-content-box table{--bs-table-color: #fff;}
.table-light{--bs-table-bg:#333;}
.inside-table-link tr{box-shadow: none!important;}
.inside-table-link  tr td{background-color: transparent!important;}
.sort-by{position:relative;display:inline-block;padding-right:0;width:10px;height:15px;vertical-align:middle;}
.sort-by:hover{color:currentColor;}
.ascending-icon{width:8px;height:4px;position:absolute;right:0;top:2px;}
.descending-icon{width:8px;height:4px;position:absolute;right:0;bottom:2px;}
.ascending-icon:before{content:'';width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent;border-bottom:4px solid var(--white);position:absolute;right:0;top:0;}
.descending-icon:after{content:'';width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent;border-top:4px solid var(--white);position:absolute;right:0;bottom:0;}
.descending-icon.active:after{border-top-color:rgba(255 255 255 / 30%);}
.ascending-icon.active:before{border-bottom-color:rgba(255 255 255 / 30%);}
.table-bottom{padding:35px 0;}
.table-bottom-label{font-size:0.857rem;line-height:1;opacity:0.5;}
.pagination-code-snippets .pagination .page-item{padding:0 6px;}
.pagination-code-snippets .pagination [aria-label="Previous"],.pagination-code-snippets .pagination [aria-label="Next"]{background-color:transparent!important;border-radius:0!important;border:0!important;}
.pagination-code-snippets .page-link{width:25px;height:25px;margin:0!important;border:0!important;background-color:transparent;color:#000;}
.pagination-code-snippets .active .page-link,.pagination-code-snippets .page-link:hover{background-color:var(--blue-bg)!important;color:#fff!important;}
.pagination-code-snippets .page-link::after{content:none;}
.d-filter-tag-row{margin-top:20px;}
.bg-transparent{box-shadow:none!important;}
.bg-transparent td{background-color:transparent;box-shadow:none!important;}
.has-blue{color:var(--blue-bg);}
.has-green{color:#00C27C;}
.has-purple{color:var(--purple-bg);}
.has-yellow{color:#FFC700;}
.has-light-yellow{color:#E57725;}
.has-orange{color:var(--orange-bg);}
.table-collapse-table.default-table tbody td{padding:0;}
.table-collapse-table.default-table .table2 td{padding:7.5px 7.5px 7.5px 15px;}
.table-collapse-table.default-table .table2 td:first-child{border-top-left-radius:0!important;}
.table-collapse-table.default-table .table2 td:last-child{border-top-right-radius:0!important;}
.inside-table-link td{padding:0!important;background-color:transparent;}
.table-link{font-size:0.8rem;line-height:1;color:rgb(20 127 195 / 90%);text-decoration:underline;}
.table-link:hover{color:rgb(20 127 195 / 90%);text-decoration:none;}
.td-a-icon{width:24px;height:24px;cursor:pointer;}
.td-dropdown-toggler-button:before{content:'';width:100%;height:100%;background-color:currentColor;opacity:10%;position:absolute;left:0;right:0;top:0;bottom:0;border-radius:var(--bs-border-radius-pill)!important;}
.td-dropdown-toggler-button{width:100%;max-width:104px;padding:7px 22px 7px 12px;font-size:0.857rem;line-height:1;}
.dc-content-box .table td{padding:8.5px 11px 8.5px 15px!important;border-bottom:1px solid #E4E4E4;}
.dc-content-box .table.default-table{border-spacing:0;--bs-table-color:#fff;}
.dc-content-box .table tr:last-child td{border-bottom:0;}
.dc-content-box .default-table tr td:last-child{width:60px;}
.detail-container{width:100%;vertical-align:top;padding:0;border-radius:0;background:#5398C4!important;color:#fff;display:none;text-align:left;position:relative;max-height:370px;overflow-y:auto;border-bottom-left-radius:4px;border-bottom-right-radius:4px;}
.detail-container td{background-color:transparent!important;}
.td-toggle-icon{width:24px;height:24px;}
.td-toggle-icon > img{width:100%;height:100%;object-fit:cover;}
.no-pad{padding:0!important;}
.active .row-close{display:none;}
.row-open{display:none;}
.active .row-open{display:block;}
.dropdown-item.delete{font-weight:500;color:var(--red);}
.projects-image:hover .delete-button-wrap{transform:none;}
.delete-button-wrap{width:30px;height:30px;background:#fff;border-radius:5px;position:absolute;right:10px;top:10px;left:auto;bottom:auto;border:0;transform:scale(0);transition:0.2s all ease-in-out;}
.accor-btn{position:absolute;right:60px;}
#file{width:100%;height:100%;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);opacity:0;}
.custom-mfp-popup .mfp-arrow{width:44px;height:44px;background-color:#fff;border-radius:50rem;}
.custom-mfp-popup .mfp-arrow::before{content:none!important;}
.custom-mfp-popup .mfp-arrow-left:after,.custom-mfp-popup .mfp-arrow-right:after{width:8px;height:14px;border:none;margin:0;left:50%;top:50%;transform:translate(-50%,-50%);}
.custom-mfp-popup .mfp-arrow-left:after{background-image:url(../images/popup-arrow-left.svg);}
.custom-mfp-popup .mfp-arrow-right:after{background-image:url(../images/popup-arrow-right.svg);}
.custom-mfp-popup .mfp-arrow-left{left:50%;margin-left:-700px;}
.custom-mfp-popup .mfp-arrow-right{right:50%;margin-right:-700px;}
.custom-mfp-popup .mfp-content{width:100%;max-width:963px!important;border-radius:10px;position:relative;height: 570px;}
.custom-mfp-popup .mfp-content img.mfp-img{padding:0;width:100%;height:100%;object-fit:cover;}
.custom-mfp-popup .mfp-content .mfp-figure{width:100%;height:100%;position:absolute;left:0;right:0;top:0;bottom:0;}
.custom-mfp-popup .mfp-close{width:34px;height:34px;display:flex;align-items:center;justify-content:center;top:-40px;}
.custom-mfp-popup .mfp-figure figure{margin:0;width:100%;height:100%;border-radius:10px;overflow:hidden;}
.custom-mfp-popup .mfp-counter{display:none!important;}
.custom-mfp-popup .mfp-bottom-bar{margin-top:0;font-size:1.5rem;font-weight:600;bottom:calc(100% + 15px);top:auto;}
.page-error-box{position:relative;width:100%;max-width:350px;font-size:0.933rem;line-height:1.6;color:rgb(60 60 67 / 85%);}
.error-img{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:250%;z-index:-1;}
.error-img img{width:100%;height:100%;object-fit:cover;}
.page-error-box h4{font-size:1.6rem;line-height:1.2;margin-bottom:10px;color:#000;}
.d-avtar-img{width:54px;height:54px;}
.d-avtar-text h4{font-size:1.067rem;line-height:1;margin-bottom:0;}
.d-avtar-text .custom-badge{font-size:0.8rem;}
.offcanvas-button.disabled{background-color:rgb(22 137 202 / 56%)!important;cursor:no-drop!important;}
.filter-tab-holder.sticky-top{top:-2px;}
.fth-header{background:#333230;color:#fff;padding:12px 20px;height:67px;}
.fth-header-left{font-size:12px;line-height:20px;font-weight:300;padding-left:30px;}
.fth-header-left h5{font-size:14px;line-height:1.6;font-weight:400;margin-bottom:0;}
.fth-header-dots{width:20px;background:#ffdd66;height:20px;border-radius:50rem;position:absolute;left:0;top:8px;}
.fth-header-dots span{display:inline-block;background:#FFC700;width:10px;height:10px;border-radius:50rem;}
.fth-header-dots.not-started{background: #575757;}
.fth-header-dots.not-started span{background: #444;}
.fth-header-dots.on-hold{background: #f16161;}
.fth-header-dots.on-hold span{background: #EE3939;}
.fth-toggle-button{font-size:12px;line-height:1;font-weight:300;gap:25px;}
.fth-tabs{border-bottom:2px solid rgb(0 0 0 / 10%);background-color:#fff;height:47px;}
.fth-nav-item{width:50%;flex-grow:1;}
.fth-nav-link{width:100%;font-size:16px;line-height:45px;color:rgb(60 60 67 / 60%);font-weight:500;position:relative;}
.fth-nav-link:before{content:'';width:0;height:2px;position:absolute;bottom:-2px;left:0;right:0;background:currentColor;transition:0.3s all ease-in;}
.fth-nav-link.active{color:#147FC3;}
.fth-nav-link.active::before{width:100%;}
.fth-count-label{background:#FF5139;color:#fff;border-radius:50rem;font-size:13px;line-height:1;font-weight:500;text-align:center;width:35px;height:20px;display:flex;align-items:center;justify-content:center;}
.edit-project-wrapper{width:100%;max-width:655px;margin:0 auto;}
.edit-project-wrapper .ptc-col{width:100%;}
.page-wrapper-container .fth-header{border-radius:6px;height:auto;}
.fth-header .card{border-radius:0;margin-bottom:10px;background:transparent;border:0;display:flex;flex-flow:column;gap:14px;border-top:1px solid rgb(255 255 255 / 10%);padding-top:18px;margin-top:18px;}
.fth-header .collapse-card-row{font-size:12px;line-height:1;color:#fff;}
.fth-header .collapse-card-date{font-weight:300;color:rgb(255 255 255 / 50%);}
.twc-l-wrapper{padding:15px;background:#fff;border:1px solid #E4E4E4;border-radius:6px;margin-top:20px;}
.twc-l-heading h4{font-size:16px;line-height:24px;font-weight:600;margin-bottom:2px;}
.twc-l-heading{font-size:13px;line-height:20px;font-weight:300;color:#333230;}
.twc-l-btn{margin-top:20px;gap:10px;}
.twc-l-btn .btn{flex-grow:1;flex-basis:0;font-size:12px;padding:7px 7px;letter-spacing:0;height:36px;display:flex;align-items:center;justify-content:center;}
.d-four-column-row-container+.page-filter-option-container,.hstack-row+.page-filter-option-container{padding:20px 0;}
.page-toast-box {position: relative;}
.toaster-toggler-button {width: 16px;height: 17px;position: absolute;right: 4px;top: 8px;}

/* ================================================
Media Queries
================================================ */
/* 
For large devices:
- Screens with a minimum width of 991.98px
- Typically applied to desktop screens and above.
- Each `.tab-pane` within `.fth-tab-content` takes 50% width.
*/
@media (min-width:991.98px){
.tab-content>.tab-pane.always-visible{display:block!important;opacity:1!important;}
.fth-tab-content{gap:10px;margin-top:25px;}
.fth-tab-content .tab-pane{width:50%;}
}
/* 
For medium devices:
- Screens with a maximum width of 1280.98px
- Typically applied to tablets and smaller desktop screens.
- Empty filter sections and various containers have adjusted padding.
*/
@media (max-width:1280.98px){
.page-project-wrapper{display:inline-block!important;width:100%;}
.page-wrapper-container{padding:20px 0;min-height:auto;}
.page-project-wrapper{padding:20px 0;min-height:auto;}
.ppw-right{width:100%;max-width:400px;margin:20px auto 0;}
.filter-empty-wrapper{padding:50px;}
.page-step-container{padding:24px 0;min-height:auto;}
.sr-widget-row{padding:24px;}
.custom-mfp-popup .mfp-arrow-right {right: 12px;margin-right: 0;}
.custom-mfp-popup .mfp-arrow-left{left: 12px;margin-left: 0;}
}
/* 
For extra-large devices:
- Screens with a minimum width of 1199.98px
- Typically applied to large desktops and ultra-wide screens.
- The active navigation links have increased font weight and change to a specific color.
*/
@media (min-width:1199.98px){
#header .navbar-nav .nav-link b:before{content:'';width:0;height:3px;position:absolute;right:0;bottom:-28px;margin-top:17.5px;border-radius:2px 2px 0 0;background:var(--blue-bg);transition:var(--custom-ease);}
#header .navbar-nav .nav-link:hover b:before,#header .navbar-nav .active .nav-link b:before{width:100%;right:auto;left:0;}
#header .navbar-nav .active .nav-link b,#header .navbar-nav .show>.nav-link b{font-weight:600!important;color:var(--blue-bg);}
}
/* 
For large devices: 
- Desktops and large screens
- Styles applied when screen width is less than 1200px 
*/
@media (max-width:1199.98px){
.container-fluid{width:calc(100% - 16px);}
.wrapper-container{padding-top:64px;}
#header .navbar{height:64px;}
#header .header-profile-name{display:none!important;}
#header .caretIcon{margin-left:12px;}
.page-alert-container{top:65px;font-size:14px;height:auto;padding:6px 0;text-align:center;}
.hstack-icon{width:32px;height:32px;}
.hstack-count{font-size:16px;}
.hstack-box{padding:13px 10px;font-size:10px;line-height:1.3;gap:12px;}
.hstack-label{margin-top:0px;}
.page-title{font-size:20px;}
.page-empty-img{width:150px;margin:0 auto 20px;}
.page-empty-box h4{font-size:24px;}
.navbar-toggler-holder{position:relative;z-index:99999;margin-left:10px;}
.navbar-toggler{width:34px;height:34px;border-radius:0;text-decoration:none;padding:0;border:0;background:transparent;margin:0;z-index:999;}
.navbar-toggler:not([class="collapsed"]),.navbar-toggler:not([class="collapsed"]):focus,.navbar-toggler:not([class="collapsed"]):hover{background:transparent;box-shadow:none;}
.navbar-toggler.collapsed,.navbar-toggler.collapsed:focus,.navbar-toggler.collapsed:hover{background:transparent;}
.home .navbar-toggler.collapsed,.home .navbar-toggler.collapsed:focus,.home .navbar-toggler.collapsed:hover{background:transparent;}
.navbar-toggler .navbar-toggler-icon{position:relative;display:inline-block;width:24px;height:2px;color:#243238;text-indent:-55px;margin-top:0;background:transparent!important;transition:var(--custom-ease);-webkit-transition:var(--custom-ease);vertical-align:middle;border-radius:50rem;}
.navbar-toggler .navbar-toggler-icon:before,.navbar-toggler .navbar-toggler-icon:after{content:"";width:24px;height:2px;background:#000;position:absolute;left:0;transition:var(--custom-ease);border-radius:50rem;}
.navbar-toggler.collapsed .navbar-toggler-icon{background:#000!important;}
body.fixed .navbar-toggler.collapsed .navbar-toggler-icon,body:not(.home) .navbar-toggler.collapsed .navbar-toggler-icon{background:#000!important;}
.navbar-toggler.collapsed .navbar-toggler-icon:before,.navbar-toggler.collapsed .navbar-toggler-icon:after{background:#000;}
.navbar-toggler.collapsed .navbar-toggler-icon:before{background:#000;}
body.fixed .navbar-toggler.collapsed .navbar-toggler-icon:before,body:not(.home) .navbar-toggler.collapsed .navbar-toggler-icon:before{background:#000;}
.navbar-toggler.collapsed .navbar-toggler-icon:after{background:#000;}
body.fixed .navbar-toggler.collapsed .navbar-toggler-icon:after,body:not(.home) .navbar-toggler.collapsed .navbar-toggler-icon:after{background:#000;}
.navbar-toggler.collapsed .navbar-toggler-icon:before{top:-8px;-webkit-transform:rotateZ(0deg);-moz-transform:rotateZ(0deg);-ms-transform:rotateZ(0deg);-o-transform:rotateZ(0deg);transform:rotateZ(0deg);}
.navbar-toggler .navbar-toggler-icon:before{top:0;-webkit-transform:rotateZ(45deg);-moz-transform:rotateZ(45deg);-ms-transform:rotateZ(45deg);-o-transform:rotateZ(45deg);transform:rotateZ(45deg);}
.navbar-toggler.collapsed .navbar-toggler-icon:after{bottom:-8px;-webkit-transform:rotateZ(0deg);-moz-transform:rotateZ(0deg);-ms-transform:rotateZ(0deg);-o-transform:rotateZ(0deg);transform:rotateZ(0deg);}
.navbar-toggler .navbar-toggler-icon:after{bottom:0;-webkit-transform:rotateZ(-45deg);-moz-transform:rotateZ(-45deg);-ms-transform:rotateZ(-45deg);-o-transform:rotateZ(-45deg);transform:rotateZ(-45deg);}
.navbar-collapse,.navbar-collapse.collapsing{width:100%;height:100%;transform:translateY(-100%);position:fixed;left:0;right:0;top:0px;background:var(--white);padding:0;z-index:99;margin:0;border:0;overflow-y:auto;display:block!important;transition:var(--custom-ease);}
.navbar .collapse.show{transform:none;}
.navbar-inside{height:100%;padding:60px 0 0 0;overflow:hidden;overflow-y:auto;display:flex;flex-flow:column;align-items:center;}
#header .navbar-nav .nav-item{padding:0 20px;margin:0;margin-top:0;transition:var(--custom-ease);}
#header .navbar-nav .nav-link{font-size:18px;line-height:45px;padding:0;position:relative;color:var(--black);text-align:center;}
#header .navbar-nav .nav-item.active .nav-link{color:var(--blue-bg);}
.collapse-inside{width:100%;height:100%;overflow-y:auto;padding:70px 0;}
.error-img {position: relative;left: auto;right: auto;transform: none;width: 340px;margin: 0 auto 45px;}
.hstack-nav-row {padding: 14px 14px 12px;}

}
/* 
For medium devices: 
- Tablets and medium screens 
- Styles applied when screen width is less than 992px 
*/
@media (max-width:991.98px){
/* .flex-member-form-box{text-align:center;} */
.flex-member-row{height:auto!important;padding:0;}
.flex-member-left,.flex-member-right{width:100%;}
.flex-member-left{padding:45px 20px 0px;margin-bottom:62px;}
.flex-member-form-box h1{margin-bottom:32px;line-height:1.2;}
.flex-member-inside{padding:0;border-radius:0;}
.fm-logo-area{width:68px;}
.flex-member-row .member-bg{height:146px;left:20px;bottom:30px;right:auto;}
.flex-member-right{padding-right:0;position:relative;z-index:98;background-color:#fff;padding:0 20px 30px;}
.flex-btn-group .btn{padding:11.5px 8px;}
.otp-box input{width:56px;height:56px;}
.hstack-row{width:calc(100% + 10px);margin-left:-5px;}
.hstack-col{width:50%;padding:0 5px;flex:none!important;margin-bottom:10px;}
.d-filter-row{gap:16px;}
.dfr-middle-column{width:100%!important;}
.dfr-middle-column .dfr-sm-column{padding-left:0;}
.dfr-code-snippet{width:100%;margin-left:0;gap:10px;}
.dfr-code-snippet .code-snippet{padding:0;}
.card-box{padding:18px 15px;}
.card-box .btn-group{right:15px;top:20px;}
.cbh-left h4{font-size:20px;}
.cbh-left h5{font-size:14px;}
.cb-footer{font-size:12px;}
.cbh-box h4{font-size:12px;}
.cbh-box h4 br,.cbh-box h4 br{display:none;}
.filter-offcanvas .offcanvas-title{font-size:16px;}
.o-code-snippe-title{font-size:16px;}
.label-text-btn{font-size:14px;}
.filter-offcanvas .accordion-button{font-size:16px;}
.badge{font-size:12px;}
.form-select{font-size:14px;}
.form-label{font-size:12px;}
.form-control{font-size:14px;}
.filter-offcanvas .offcanvas-button{font-size:14px;}
.custom-modal .modal-title{font-size:16px;}
.modal-radio-label{font-size:12px;}
.d-avtar-text h4{font-size:16px;}
.d-avtar-text .custom-badge{font-size:12px;}
.ptc-col.w-50{width:100%!important;}
.ptc-col+.ptc-col{margin-top: 20PX;}
.ptc-col.tab-pane+.ptc-col.tab-pane{margin-top:0;}
.page-title{font-size:20px;}
.default-table thead th{font-size:12px;}
.dfc-content-box{font-size:14px;}
.dfc-count-box{font-size:18px;}
.default-table{font-size:13px;}
.single-table th,.single-table td{white-space:nowrap;}
.default-table.single-table{table-layout:auto;}
.table-bottom{padding:18px 0;}
.table-bottom-label{font-size:12px;}
.pagination-code-snippets{margin-top:37px;}
.page-link{font-size:14px;}
.mfp-container{padding: 0;}
.custom-mfp-popup .mfp-content{border-radius: 0;max-width: 100%!important;}
.custom-mfp-popup .mfp-figure figure{border-radius: 0!important;}
}
/* 
For small devices: 
- Landscape phones and small screens 
- Styles applied when screen width is less than 768px 
*/
@media (max-width:767.98px){
.cbh-list{width:calc(100% + 40px);margin-left:-20px;margin-top:16px;}
.page-dialog-box.big-size{margin:0;}
.page-dialog-box.big-size .dialog-content-box{left:70px;}
.filter-offcanvas .offcanvas-header{padding:22px 20px 20px;height:76px;}
.filter-offcanvas .offcanvas-btn-close{right:20px;}
.offcanvas-code-snippet{padding:21px 20px;}
.o-code-snippet-header{margin-bottom:16px;}
.filter-offcanvas .accordion-button{padding:19px 0;}
.badge{padding:9px;}
.page-empty-container .page-dialog-box{width:120px;}
.page-empty-container .page-dialog-wrapper{padding:0;}
.page-empty-container .dialog-content-box{left:50%;}
.page-empty-container.character-at-bottom{min-height:auto;padding-bottom:280px;}
.row-flex-row{gap:0;width:calc(100% + 16px);margin-left:-8px;}
.row-flex-column{flex:0 0 50%!important;padding:0 8px;margin-bottom:16px;}
.page-toast-row{padding:12px 20px;}
.page-toast-text{font-size:14px;line-height:21px;font-weight:500;}
.btn-page-link{font-size:12px;line-height:18px;font-weight:500;display:inline-block;}
.otp-box input {width: 40px;height: 40px;margin-right: 5px;}
.custom-mfp-popup .mfp-content{padding-bottom: 100%;}
.chat-projects-footer{padding: 0;}
.div-date-box{padding:0 !important; margin-bottom:0px;}
}
/* 
For extra small devices: 
- Portrait phones and very small screens 
- Styles applied when screen width is less than 576px 
*/
@media (max-width:575.98px){
.cb-footer{padding-top:16px;margin-top:16px;}
.cbh-right{padding-right:0;width:100%;margin-top:12px;}
.cbh-list{width:100%;gap:10px;margin:0}
.cbh-item:not(:last-child)::before{content:none;}
.cbh-item:not(:last-child)::after{content:'';width:100%;height:1px;background-color:rgb(0 0 0 / 10%);position:absolute;bottom:0;left:0;right:0;}
.cbh-item{position:relative;padding:0 0 10px;}
.cbh-box{width:100%;max-width:none;}
.cb-footer-right{margin-top:12px;}
.projects-img-item{width:33.33%;}
.row-flex-column{flex:0 0 100%!important;}
.form-col{flex-basis:auto;width:50%;}
.form-col .form-row .form-col{flex-basis:0!important;}
.page-dialog-box{width:128px;}
.alert-wrapper{width: 100%;}
}
@media (max-width:480.98px){.projects-img-item{width:50%;}}
@media (max-width:430.98px){
.flex-btn-group {gap: 10px;flex-flow: column;align-items: stretch!important;}
.flex-btn-group .btn{min-width: 100%;}
}