/*================ 1. Google Fonts / Fonts =================*/
/* Fonts */
@font-face {
    font-family: 'Gilroy';
    src: url('assets/fonts/Gilroy-Black.eot');
    src: url('assets/fonts/Gilroy-Black.eot?#iefix') format('embedded-opentype'),
        url('assets/fonts/Gilroy-Black.woff2') format('woff2'),
        url('assets/fonts/Gilroy-Black.woff') format('woff'),
        url('assets/fonts/Gilroy-Black.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Gilroy';
    src: url('assets/fonts/Gilroy-Bold.eot');
    src: url('assets/fonts/Gilroy-Bold.eot?#iefix') format('embedded-opentype'),
        url('assets/fonts/Gilroy-Bold.woff2') format('woff2'),
        url('assets/fonts/Gilroy-Bold.woff') format('woff'),
        url('assets/fonts/Gilroy-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Gilroy';
    src: url('assets/fonts/Gilroy-Heavy.eot');
    src: url('assets/fonts/Gilroy-Heavy.eot?#iefix') format('embedded-opentype'),
        url('assets/fonts/Gilroy-Heavy.woff2') format('woff2'),
        url('assets/fonts/Gilroy-Heavy.woff') format('woff'),
        url('assets/fonts/Gilroy-Heavy.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Gilroy';
    src: url('assets/fonts/Gilroy-ExtraBold.eot');
    src: url('assets/fonts/Gilroy-ExtraBold.eot?#iefix') format('embedded-opentype'),
        url('assets/fonts/Gilroy-ExtraBold.woff2') format('woff2'),
        url('assets/fonts/Gilroy-ExtraBold.woff') format('woff'),
        url('assets/fonts/Gilroy-ExtraBold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Gilroy';
    src: url('assets/fonts/Gilroy-Medium.eot');
    src: url('assets/fonts/Gilroy-Medium.eot?#iefix') format('embedded-opentype'),
        url('assets/fonts/Gilroy-Medium.woff2') format('woff2'),
        url('assets/fonts/Gilroy-Medium.woff') format('woff'),
        url('assets/fonts/Gilroy-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Gilroy';
    src: url('assets/fonts/Gilroy-Light.eot');
    src: url('assets/fonts/Gilroy-Light.eot?#iefix') format('embedded-opentype'),
        url('assets/fonts/Gilroy-Light.woff2') format('woff2'),
        url('assets/fonts/Gilroy-Light.woff') format('woff'),
        url('assets/fonts/Gilroy-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Gilroy';
    src: url('assets/fonts/Gilroy-Regular.eot');
    src: url('assets/fonts/Gilroy-Regular.eot?#iefix') format('embedded-opentype'),
        url('assets/fonts/Gilroy-Regular.woff2') format('woff2'),
        url('assets/fonts/Gilroy-Regular.woff') format('woff'),
        url('assets/fonts/Gilroy-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Gilroy';
    src: url('assets/fonts/Gilroy-SemiBold.eot');
    src: url('assets/fonts/Gilroy-SemiBold.eot?#iefix') format('embedded-opentype'),
        url('assets/fonts/Gilroy-SemiBold.woff2') format('woff2'),
        url('assets/fonts/Gilroy-SemiBold.woff') format('woff'),
        url('assets/fonts/Gilroy-SemiBold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}
/*================ End Google Fonts =================*/

/*================ 2. Basic Styles =================*/
* {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
*, ::before, ::after {box-sizing:border-box; -webkit-box-sizing:border-box;}
:focus-visible{outline: none;}
html {font-family: 'Inter', sans-serif;}
body {font-size: 16px;line-height: 19px;font-weight: 400;color:#172B4D;font-family: 'Gilroy', sans-serif;margin:0; padding:0;}
article, aside, details, figcaption, figure, footer, header, nav, section, summary {display: block;}
audio, canvas, video {display: inline-block;}
iframe {border:0; width:100%;}
svg:not(:root) {overflow:hidden;}
img {max-width: 100%;display: block;margin: 0;}
.clear:before, .clear:after, .entry-content:before, .entry-content:after, .entry-footer:before, .entry-footer:after, .comment-content:before, .comment-content:after, .site-header:before, .site-header:after, .site-content:before, .site-content:after, .site-footer:before, .site-footer:after, .nav-links:before, .nav-links:after, .pagination:before, .pagination:after, .comment-author:before, .comment-author:after, .widget-area:before, .widget-area:after, .widget:before, .widget:after, .comment-meta:before, .comment-meta:after {content: ""; display: table; table-layout: fixed;}
.clear:after, .entry-content:after, .entry-footer:after, .comment-content:after, .site-header:after, .site-content:after, .site-footer:after, .nav-links:after, .pagination:after, .comment-author:after, .widget-area:after, .widget:after, .comment-meta:after {clear: both;}
.clearfix:before, .clearfix:after {visibility:hidden; display:block; font-size:0; content:" "; clear:both; height:0;}
i{display: block;}
i::before{content: ''; display: block; background-size: cover !important;}
.container{max-width: 1248px;}
.border-bottom{border-color: #EBEDF0 !important;}
/*================ End Basic Styles =================*/

/*================ 3. Typography =================*/
h1{font-size: 56px;line-height: 68px;}
h2,h3{font-size: 40px;line-height: 48px;}
h4{font-size: 30px;line-height: 36px;}
h5{font-size: 26px;line-height: 31px;}
h6{font-size: 24px;line-height: 29px;}
h1,h2{font-weight: 700;}
h3,h6{font-weight: 600;}
h4,h5{font-weight: 400;}
h1, h2, h3, h4, h5, h6{color: #3C6A97;}
p,a {font-size: 18px;line-height: 32px;font-weight: 400;color: #202429;}
h1, h2, h3, h4, h5, h6,address, p, pre, blockquote, dl, dd, menu, ol, ul, table, caption, hr {margin: 0 0 15px 0;}
p:last-child {margin-bottom:0;}
dl, ol, ul{list-style-type: none;padding: 0;}
.title-1,.title-2,.title-3{font-size: 22px;line-height: 27px;}
.title-4{font-size: 20px;line-height: 28px;}
.title-1{font-weight: 600;}
.title-2,.title-4{font-weight: 400;}
.title-3{font-weight: 500;}
.body-large{font-size: 18px;line-height: 22px;}
.body-medium{font-size: 16px;line-height: 19px;font-weight: 500;}
.body-normal{font-size: 16px;line-height: 19px;}
.body-small{font-size: 14px;line-height: 17px;}
.body-extra-small{font-size: 12px;line-height: 15px;}
.body-large,.body-normal,.body-small,.body-extra-small{font-weight: 400;}
.detailed-content p{margin-bottom: 24px; line-height: 24px;}
.detailed-content p.title{color: #172B4D; font-weight: 500;}
.detailed-content ul{list-style: disc; padding-left: 20px; color: #7A869A;}
.detailed-content li{font-size: 14px; line-height: 24px;}
/*================ End Typography =================*/

/*================ Color Style =================*/
.text-blue{color: #0070FF;}
.text-dark-blue{color: #172B4D;}
.text-green{color: #3EBB89;}
.text-yellow{color: #FFB400;}
.text-red{color: #DE350B;}
.text-purple{color: #705FC7;}
.text-light-green{color: #5FABBC;}
.text-light-purple{color: #4364A2;}
.text-grey-1{color: #7A869A;}
.text-grey-2{color: #C6CDD5;}
.text-grey-3{color: #E0E0E0;}
.text-grey-4{color: #DFE1E6;}
.text-grey-5{color: #EEEFF2;}
.text-grey-6{color: #F6F8FA;}
.text-grey-7{color: #F1F4FA;}
.text-grey-8{color: #F3F8FF;}
.text-grey-9{color: #FAFCFE;}
.text-grey-10{color: #FAFBFC;}
.text-gard-black{color: #000000;}
.text-black{color: #303030;}
.text-white{color: #FFFFFF;}
.bg-blue{background: #0070FF;}
.bg-dark-blue{background: #172B4D;}
.bg-green{background: #3EBB89;}
.bg-yellow{background: #FFB400;}
.bg-red{background: #DE350B;}
.bg-purple{background: #705FC7;}
.bg-light-green{background: #5FABBC;}
.bg-light-purple{background: #4364A2;}
.bg-complete{background:#D6FFEE;}
.bg-fail{background: #FFE7E1}
.bg-grey-1{background: #7A869A;}
.bg-grey-2{background: #C6CDD5;}
.bg-grey-3{background: #E0E0E0;}
.bg-grey-4{background: #DFE1E6;}
.bg-grey-5{background: #EEEFF2;}
.bg-grey-6{background: #F6F8FA;}
.bg-grey-7{background: #F1F4FA;}
.bg-grey-8{background: #F3F8FF;}
.bg-grey-9{background: #FAFCFE;}
.bg-grey-10{background: #FAFBFC;}
.bg-dark{background: #202429;}
.text-dark-gray{color: #363645;}
.text-active{color: #3EBB89;}
.text-disabled{color: #DE350B;}
.text-pending{color: #D19505;}
.bg-active{background: #D6FFEE;}
.bg-disabled{background: #FFE7E1;}
.bg-pending{background: #FFF8E7;}
.light-purple{background: #EFECFF;}
.bg-blue-primary{background: #3C6A97;}
.bg-blue-secondary{background: #4D82C5;}
.bg-blue-tertiary{background: #264672;}
.bg-light-blue{background: #58CCED;}
.bg-skyblue{background: #7DBCDF;}
.bg-brown{background: #9C7A6B;}
/*================ End Color Style =================*/


/*================ 4. Anchor Tag Style =================*/
a {font-size: 16px;line-height: 20px;font-weight: 400;color: #022037;text-decoration:none;transition: all 0.5s;}
a:hover,.small-icon-btn-link:hover,.medium-icon-btn-link:hover,.large-icon-btn-link:hover{color: #3C6A97;}
a:focus,.small-icon-btn-link:focus,.medium-icon-btn-link:focus,.large-icon-btn-link:focus{color: #3C6A97;}
a:hover,a:focus{transition: all 0.5s;}
.small-icon-btn-link,.medium-icon-btn-link,.large-icon-btn-link{display: inline-flex;align-items: center;padding: 0;border: none;box-shadow: none !important;outline: none !important;transition: all 0.5s;color: #022037;background: transparent;}
.small-icon-btn-link{font-size: 12px;line-height: 15px;}
.medium-icon-btn-link{font-size: 16px;line-height: 20px;}
.large-icon-btn-link{font-size: 16px;line-height: 24px;}
.small-icon-btn-link.disabled,.medium-icon-btn-link.disabled,.large-icon-btn-link.disabled{color: #C6CDD5;}
.small-icon-btn-link.disabled svg path,.medium-icon-btn-link.disabled svg path,.large-icon-btn-link.disabled svg path,.small-icon-btn-link.disabled:hover svg path,.medium-icon-btn-link.disabled:hover svg path,.large-icon-btn-link.disabled:hover svg path,.small-icon-btn-link.disabled:focus svg path,.medium-icon-btn-link.disabled:focus svg path,.large-icon-btn-link.disabled:focus svg path{fill: #C6CDD5;}
.small-icon-btn-link svg,.medium-icon-btn-link svg,.large-icon-btn-link svg, 
.small-icon-btn-link i,.medium-icon-btn-link i,.large-icon-btn-link i
{margin-right: 6px;flex-shrink: 0;}
.small-icon-btn-link svg path,.medium-icon-btn-link svg path,.large-icon-btn-link svg path{fill: #0070FF;transition: all 0.5s;}
.small-icon-btn-link:hover svg path, .medium-icon-btn-link:hover svg path,.large-icon-btn-link:hover svg path{fill:#2952CC;}
.small-icon-btn-link:focus svg path,.medium-icon-btn-link:focus svg path,.large-icon-btn-link:focus svg path{fill: #1D3D9B;}
.text-link{font-weight: 400; font-size: 16px; line-height: 19px; color: #0070FF; display: inline-block;}
.text-link.disabled{color: #CCE2FF;}
.small-icon-btn-link.text-red,.medium-icon-btn-link.text-red,.large-icon-btn-link.text-red{color: #DE350B;}
/*================ End Anchor Tag Style =================*/

/*================ 5. Button Style =================*/
button {
    transition: all 0.5s;
}
button:hover,
button:focus {
    transition: all 0.5s;
}
.small-btn,
.medium-btn,
.large-btn {
    font-size: 16px;
	line-height: 20px;
	font-weight: 700;
	padding: 13px 32px;
	color: #FFFFFF;
    border: 1px solid transparent;
	background-color: #3C6A97;
	cursor: pointer;
	border-radius: 8px;
	-webkit-text-decoration: none;
	text-decoration: none;
	position: relative;
	overflow: hidden;
	z-index: 0;
	transition: color 0.4s ease-in-out;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}
.small-border-btn,
.medium-border-btn,
.large-border-btn{
    color: #3C6A97;
	border: 1px solid #3C6A97;
    background: #FFFFFF;
}
.small-btn.small-border-btn.disabled,
.medium-btn.medium-border-btn.disabled,
.large-btn.large-border-btn.disabled,
.small-btn.small-border-btn.disabled:hover,
.medium-btn.medium-border-btn.disabled:hover,
.large-btn.large-border-btn.disabled:hover,
.small-btn.small-border-btn.disabled:focus,
.medium-btn.medium-border-btn.disabled:focus,
.large-btn.large-border-btn.disabled:focus{
    background: transparent;
    color: #c6cdd5;
}
.small-btn.disabled,
.medium-btn.disabled,
.large-btn.disabled,
.small-btn.disabled:hover,
.medium-btn.disabled:hover,
.large-btn.disabled:hover,
.small-btn.disabled:focus,
.medium-btn.disabled:focus,
.large-btn.disabled:focus {
    background: #c6cdd5;
    color: #7a869a;
    border-color: #c6cdd5;
}
.small-btn:hover,
.medium-btn:hover,
.large-btn:hover {
    color: #FFFFFF;
	transition: color 0.4s ease-in-out;
}
.small-btn:focus,
.medium-btn:focus,
.large-btn:focus {
    color: #FFFFFF;
	transition: color 0.4s ease-in-out;
}
.small-border-btn:hover,
.medium-border-btn:hover,
.large-border-btn:hover{
    color: #FFFFFF;
	border: 1px solid #022037;
	transition: color 0.4s ease-in-out;
}
.small-border-btn:focus,
.medium-border-btn:focus,
.large-border-btn:focus{
    color: #FFFFFF;
	border: 1px solid #022037;
	transition: color 0.4s ease-in-out;
}
.small-btn{
    padding: 9px 20px;
}
.medium-btn{
    padding: 11px 24px;
}
.large-btn{
    padding: 13px 26px;
}
.small-icon-btn {
    padding: 6px 20px;
}
.medium-icon-btn {
    padding: 8px 24px;
}
.large-icon-btn {
    padding: 11px 26px;
}
.small-icon-btn,
.medium-icon-btn,
.large-icon-btn {
    font-size: 16px;
	line-height: 20px;
	font-weight: 700;
    background: transparent;
    color: #3C6A97;
    border: 1px solid transparent;
    padding: 11px 26px;
    cursor: pointer;
	border-radius: 8px;
	-webkit-text-decoration: none;
	text-decoration: none;
	position: relative;
	overflow: hidden;
	z-index: 0;
	transition: color 0.4s ease-in-out;
    border-color:  #3C6A97;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}
.small-icon-btn:hover,
.medium-icon-btn:hover,
.large-icon-btn:hover {
    color: #FFFFFF;
	border: 1px solid #022037;
	transition: color 0.4s ease-in-out;
}
.small-icon-btn:focus,
.medium-icon-btn:focus,
.large-icon-btn:focus {
    color: #FFFFFF;
	transition: color 0.4s ease-in-out;
}
.solid-icon-btn{
    background: #3C6A97;
    color: #fff;
}
.small-icon-btn.solid-icon-btn.disabled,
.medium-icon-btn.solid-icon-btn.disabled,
.large-icon-btn.solid-icon-btn.disabled,
.small-icon-btn.solid-icon-btn.disabled:hover,
.medium-icon-btn.solid-icon-btn.disabled:hover,
.large-icon-btn.solid-icon-btn.disabled:hover,
.small-icon-btn.solid-icon-btn.disabled:focus,
.medium-icon-btn.solid-icon-btn.disabled:focus,
.large-icon-btn.solid-icon-btn.disabled:focus{
    background: #c6cdd5;
    color: #7a869a;
}
.small-icon-btn.solid-icon-btn.disabled svg path,
.medium-icon-btn.solid-icon-btn.disabled svg path,
.large-icon-btn.solid-icon-btn.disabled svg path,
.small-icon-btn.solid-icon-btn.disabled:hover svg path,
.medium-icon-btn.solid-icon-btn.disabled:hover svg path,
.large-icon-btn.solid-icon-btn.disabled:hover svg path,
.small-icon-btn.solid-icon-btn.disabled:focus svg path,
.medium-icon-btn.solid-icon-btn.disabled:focus svg path,
.large-icon-btn.solid-icon-btn.disabled:focus svg path{
    fill: #7a869a;
}
.small-icon-btn.solid-icon-btn svg path,
.medium-icon-btn.solid-icon-btn svg path,
.large-icon-btn.solid-icon-btn svg path{
    fill: #fff;
    transition: color 0.4s ease-in-out;
}
.small-icon-btn.disabled,
.medium-icon-btn.disabled,
.large-icon-btn.disabled,
.small-icon-btn.disabled:hover,
.medium-icon-btn.disabled:hover,
.large-icon-btn.disabled:hover,
.small-icon-btn.disabled:focus,
.medium-icon-btn.disabled:focus,
.large-icon-btn.disabled:focus {
    color: #c6cdd5;
    border-color:  #c6cdd5;
}
.small-icon-btn.disabled:hover,
.medium-icon-btn.disabled:hover,
.large-icon-btn.disabled:hover,
.small-icon-btn.disabled:focus,
.medium-icon-btn.disabled:focus,
.large-icon-btn.disabled:focus {
    background: transparent;
}
.small-icon-btn.disabled svg path,
.medium-icon-btn.disabled svg path,
.large-icon-btn.disabled svg path,
.small-icon-btn.disabled:hover svg path,
.medium-icon-btn.disabled:hover svg path,
.large-icon-btn.disabled:hover svg path,
.small-icon-btn.disabled:focus svg path,
.medium-icon-btn.disabled:focus svg path,
.large-icon-btn.disabled:focus svg path {
    fill: #c6cdd5;
}
.small-icon-btn svg,
.medium-icon-btn svg,
.large-icon-btn svg,
.small-icon-btn i,
.medium-icon-btn i,
.large-icon-btn i,
.large-btn svg,
.medium-btn svg,
.small-btn svg,
.large-btn i,
.medium-btn i,
.small-btn i {
    margin-right: 6px;
    flex-shrink: 0;
}
.small-icon-btn svg path,
.medium-icon-btn svg path,
.large-icon-btn svg path {
    fill: #3C6A97;
    transition: all 0.5s;
    transition: color 0.4s ease-in-out;
}
.small-icon-btn:hover svg path,
.medium-icon-btn:hover svg path,
.large-icon-btn:hover svg path,
.small-icon-btn:focus svg path,
.medium-icon-btn:focus svg path,
.large-icon-btn:focus svg path {
    fill: #fff;
    transition: color 0.4s ease-in-out;
}
.grey-line-btn {
    border-color: #dfe1e6;
    color: #7a869a;
}
.light-grey-solid-btn {
    background: #dfe1e6;
    color: #7a869a;
}
.border-red-btn svg path{fill: #DE350B;}
.border-red-btn{color: #DE350B;}
.border-red-btn,.solid-red-btn{background: transparent;border-color: #DE350B;}
.border-red-btn:hover,
.border-red-btn:focus{background: #DE350B;border-color: #DE350B;}
.border-red-btn:hover svg,
.border-red-btn:focus svg,
.solid-red-btn svg path{filter: brightness(100);fill: #fff;}
.solid-red-btn{color: #fff;background: #DE350B;}
.solid-red-btn:hover,
.solid-red-btn:focus{background: transparent;border-color: #DE350B; color: #DE350B;}
.solid-red-btn:hover svg path,
.solid-red-btn:focus svg path{filter: brightness(1); fill: #DE350B;}
/* Button Effect */
.small-btn span,
.medium-btn span,
.large-btn span,
.small-border-btn span,
.medium-border-btn span,
.large-border-btn span,
.small-icon-btn span,
.medium-icon-btn span,
.large-icon-btn span {
    position: absolute;
	display: block;
	width: 0;
	height: 0;
	border-radius: 50%;
	background-color: #022037;
	transition: width 0.4s ease-in-out, height 0.4s ease-in-out;
	transform: translate(-50%, -50%);
	z-index: -1;
}
.small-btn:hover span,
.medium-btn:hover span,
.large-btn:hover span,
.small-border-btn:hover span,
.medium-border-btn:hover span,
.large-border-btn:hover span,
.small-icon-btn:hover span,
.medium-icon-btn:hover span,
.large-icon-btn:hover span {
    width: 300%;
	height: 562.5px;
}
/*================ End Button Style =================*/

/*================ 7. Form Style =================*/
.form-group{margin: 0 0 24px;}
.form-button-group{margin:16px 0 0;display:inline-flex;align-items:center;}
input,select,textarea{font-family:Inter,sans-serif;font-size:16px;line-height:24px;font-weight:400;padding:10px;background:#FFFFFF;border:1px solid #E4E9EE;color:#202429;width:100%;border-radius:8px;-webkit-border-radius:8px;box-shadow:none;-webkit-box-shadow:none;transition:all .4s ease-out 0s;-webkit-transition:all .4s ease-out 0s;}
input::placeholder,textarea::placeholder{color:#7a869a;}
input:active,input:focus,select:active,select:focus,textarea:active,textarea:focus{outline:0;border-color:#E4E9EE;}
input:disabled,select:disabled,textarea:disabled{border: 0; background: #F6F8FA;}
select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-position:right center;background-image:url('../images/select_down_arrow.svg')!important;background-repeat:no-repeat!important;background-position:right 14px center!important;line-height:1.2;text-indent:.01px;text-overflow:"";cursor:pointer;padding-right: 40px;}
label{font-weight:400;font-size:16px;line-height:24px;color:#202429;margin:0 0 10px;}
input[type=checkbox],input[type=radio]{width:auto;height:auto;}
input[type=checkbox]:focus,input[type=radio]:focus{outline:0;box-shadow:none;}
.check-group{display: inline-flex;align-items: center;}
.check-group label{font-weight:400;margin:0;padding:0 0 0 8px;cursor:pointer;}
.form-check-input[type=checkbox]{width:24px;height:24px;border:1px solid #c6cdd5;background-color:#fafbfc;margin:0;padding:0;cursor:pointer;flex-shrink:0;transition:none;}
.form-check-input.w-h-16[type=checkbox]{width:16px;height:16px;}
.form-check-input[type=checkbox]:checked{background-color:#3C6A97;border:1px solid #3C6A97;background-image:url('../images/icon_check_box_right.svg');background-repeat: no-repeat;background-size:22px 12px;background-position:center;transition:none;}
.form-check-input[type=checkbox]:disabled{background-color:#c6cdd5;border:1px solid #c6cdd5; opacity: 1;}
.form-check-input.error[type=checkbox]:checked{background-color:#de350b;border:1px solid #de350b;}
.form-check-input.error.grey[type=checkbox]:checked{border:1px solid #7A869A;}
.form-check-input.undefined[type=checkbox]:checked{background-image:url('../images/icon_check_box_undefined.svg');background-repeat: no-repeat;;background-size:14px 4px;background-position:4px center;}
.form-check-input.w-h-16[type=checkbox]:checked{background-size:10px;background-position:2px center;}
.form-check-input.w-h-16.undefined[type=checkbox]:checked{background-size:10px 4px;background-position:2px center;}
.form-check-input[type=radio]{width:24px;height:24px;padding:0;margin:0;background-color:#fafbfc;border:1px solid #d1e5ff;transition:all 0.5s;}
.form-check-input.w-h-16[type=radio]{width:16px;height:16px;}
.form-check-input[type=radio]:checked{background-color:#3C6A97;border:1px solid #3C6A97;}
.form-check-input.error[type=radio]:checked{background-color:#de350b;border:1px solid #de350b;}
.form-check-input[type=radio]:disabled{background-color:#c6cdd5;border:1px solid #c6cdd5;}
.swich-toggle input[type=checkbox].toggle{opacity:0;position:absolute;}
.swich-toggle input[type=checkbox].toggle+label{height:auto;background-color:#e0e0e0;padding:6px;border-radius:50px;display:block;position:relative;cursor:pointer;font-weight:400;font-size:12px;line-height:15px;margin:0;width:52px;height:28px;}
.swich-toggle.small input[type=checkbox].toggle+label{font-size:9px;line-height:14px;padding:3px 4px;width:35px;height:20px;}
.swich-toggle [type=checkbox].toggle+label:hover:before,.swich-toggle input[type=checkbox].toggle+label:before{content:"";position:absolute;top:2px;left:2px;width:24px;height:24px;background:#fff;z-index:2;border-radius:50%;transition:all .4s;}
.swich-toggle.small [type=checkbox].toggle+label:hover:before,.swich-toggle.small input[type=checkbox].toggle+label:before{top: 3px; left:3px;width:14px;height:14px;}
.swich-toggle input[type=checkbox].toggle+label .off{margin-left:23px;display:inline-block;transition:all .4s;}
.swich-toggle.small input[type=checkbox].toggle+label .off{margin-left:15px;color:#7a869a;}
.swich-toggle input[type=checkbox].toggle+label .on{display:none;}
.swich-toggle input[type=checkbox].toggle:checked+label .off{display:none;}
.swich-toggle [type=checkbox].toggle:checked+label .on{margin-right:26px;display:inline-block;transition:all .4s;color:#fff;}
.swich-toggle.small [type=checkbox].toggle:checked+label .on{margin-right:15px;}
.swich-toggle [type=checkbox].toggle:checked+label,.swich-toggle input[type=checkbox].toggle:focus:checked+label{background-color:#0070ff;}
.swich-toggle input[type=checkbox].toggle:checked+label:before,.swich-toggle input[type=checkbox].toggle:checked+label:hover:before,.swich-toggle input[type=checkbox].toggle:focus:checked+label:before,[type=checkbox].toggle:focus:checked+label:hover:before{background-position:0 0;top:2px;left:100%;margin-left:-26px;transition:all .4s;}
.swich-toggle.small input[type=checkbox].toggle:checked+label:before,.swich-toggle.small input[type=checkbox].toggle:checked+label:hover:before,.swich-toggle.small input[type=checkbox].toggle:focus:checked+label:before,[type=checkbox].toggle:focus:checked+label:hover:before{margin-left:-17px; top: 3px;}
.form-password{position: relative;}
.form-password input{padding-right: 44px;}
.toggle-password{position: absolute;top: 50%;right: 16px;transform: translate(0, -50%);}
.show-password,.hide-password{padding: 0;border: none;width: 24px;height: 24px;display: block;}
.show-password{display: none; background: url('../images/icon_show_eye.svg') no-repeat center;}
.hide-password{background: url('../images/icon_hiden_eye.svg') no-repeat center;}
.show-hide-password .hide-password{display: none;}
.show-hide-password .show-password{display: block;}
.select-hidden{display: none; visibility: hidden; padding-right: 10px;}
.select {cursor: pointer; display: inline-block; position: relative; font-size: 16px; color: #fff; width: 100%; height: 48px;}  
.select-styled {position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: #fafbfc; padding: 15px 20px 14px; -moz-transition: all 0.2s ease-in; -o-transition: all 0.2s ease-in; -webkit-transition: all 0.2s ease-in; transition: all 0.2s ease-in; border: 1px solid #E0E0E0; border-radius: 5px; color: #7A869A; font-size: 14px;line-height: 17px;}
.select-styled:after {content: ""; background-image:url('../images/select_down_arrow.svg'); width: 24px; height: 24px; position: absolute; top: 12px; right: 15px; transition: all .4s ease-in-out;}
.select-styled:hover {box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.03);}
.select-styled:active, .select-styled.active {border-color: #0070FF;}
select.border-red ~ .selectCF .titleCF, select.border-red ~ .selectCF .searchCF{
    border-color: #DE350B;
}
.select-styled:active:after, .select-styled.active:after {top: 12px;transform: rotate(180deg); transition: all .4s ease-in-out;}
.select-options {display: none; position: absolute; top: 100%; right: 0; left: 0; z-index: 999; margin: 0; padding: 0; list-style: none; background-color: #fff;box-shadow: 0px 3px 8px rgba(3, 3, 3, 0.08); max-height: 240px; overflow-y: auto;}
.select-options li { margin: 0; padding: 12px 16px; font-size: 14px; line-height: 17px; color: #212121; -moz-transition: all 0.15s ease-in; -o-transition: all 0.15s ease-in; -webkit-transition: all 0.15s ease-in; transition: all 0.15s ease-in;}
.select-options li:hover, .select-options li.is-selected {background: #F6F8FA;}
.select-options li[rel="hide"]{display: none;}
.selectCF{
    margin:0;
    display:block;
    position:relative;
    width: 100%;
}
.selectCF li{
    cursor: pointer;
}
.selectCF > li{
    position:relative;
}
.selectCF span{
    display:block;
    color:#FFF;
    z-index:0;
}
.selectCF .titleCF{
    position: relative;
    padding: 14px 20px;
    font-size:14px;
    line-height: 18px;
    font-weight:400;
    overflow:hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    border: 1px solid #E0E0E0;
    border-radius: 5px;
    width: 100% !important;
}
.selectCF .titleCF::after{
    content: '';
    background-image: url(../images/select_down_arrow.svg);
    width: 24px;
    height: 24px;
    position: absolute;
    top: 50%;
    right: 15px;
    transition: .4s ease-in-out;
    transform: translateY(-50%);
}
.selectCF.onCF .titleCF::after{
    transform: translateY(-50%) rotate(180deg);
    transition: .4s ease-in-out;
}
.selectCF .searchCF{
    width: 100% !important;
    padding: 13px 20px;
    border: 1px solid #E0E0E0;
    border-radius: 5px;
    position: absolute;
    top:0;
    right:0;
    z-index:-1;
}
@keyframes searchActive {
    from{ transform: rotateY(180deg) }
    to{ transform: rotateY(0deg); }
}@-moz-keyframes searchActive {
    from{ transform: rotateY(180deg) }
    to{ transform: rotateY(0deg); }
}
@-webkit-keyframes searchActive {
    from{ -webkit-transform: rotateY(180deg) }
    to{ -webkit-transform: rotateY(0deg); }
}
.searchActive .searchCF{
    z-index:0;
    animation: searchActive 0.3s alternate 1;
    -moz-animation: searchActive 0.3s alternate 1;
    -webkit-animation: searchActive 0.3s alternate 1;
}
.searchActive .titleCF{
    opacity:0;
}
.selectCF .searchCF input{
    border:none;
    padding:0;
    margin:0;
    width:100%;
    height:100%;
    background:transparent;
    font-size:14px;
    line-height:18px;
}
.selectCF .searchCF input:active, .selectCF .searchCF input:focus{
    box-shadow:none;
    border:none;
    outline: none;
}
.selectCF li ul{    
    display:none;
    position:absolute;
    top:100%;
    left:0;
    padding: 0 !important;
    width:100%;
    max-height: 240px;
    overflow-y: auto;
    transition: .2s;
    -webkit-transition: .2s;
    z-index:2;
    background: #fff;
    box-shadow: 0px 3px 8px rgba(3, 3, 3, 0.08);
    border-radius: 4px;
  
}
.selectCF li ul li{
    padding:16px 12px;
    font-weight: 400;
    font-size:14px;
    line-height: 17px;
    color: #212121;
    transition: .2s;
    -webkit-transition: .2s;
    overflow:hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.selectCF li ul li:hover, .selectCF .selected{
    background: #F6F8FA;
}
@keyframes effect1{
    from{ transform: translateY(15px); opacity:0; }
    to{ transform: translateY(0px); opacity:1; }
}
@-moz-keyframes effect1 {
    from{ transform: translateY(15px); opacity:0; }
    to{ transform: translateY(0px); opacity:1; }
}
@-webkit-keyframes effect1 {
    from{ -webkit-transform: translateY(15px); opacity:0; }
    to{ -webkit-transform: translateY(0px); opacity:1; }
}
.onCF li ul{
    display:block;
    animation: effect1 0.3s alternate 1;
    -moz-animation: effect1 0.3s alternate 1;
    -webkit-animation: effect1 0.3s alternate 1;
}
.selectCF li[value="hide"]{
    display: none !important;
}
.searchbar{
    position: relative;
}
.searchbar .icon-search{
    position: absolute;
    top: 14px;
}
.searchbar.back-icon .icon-search{
    right: 20px;
}
.searchbar.front-icon .icon-search{
    left: 20px;
}
.searchbar.back-icon input{
    padding: 15px 50px 15px 20px;
}
.searchbar.front-icon input{
    padding: 15px 20px 15px 50px;
}
.searchbar input{
    background: #FAFBFC;
}
::-webkit-search-cancel-button{
    appearance: none;
    -webkit-appearance: none;
    width: 18px;
    height: 18px;
    background: url(../images/icon_search_cancel.svg) no-repeat;
}
.upload-file-label{
    width: 100%;
    cursor: pointer;
    position: relative;
}
.upload-file-label input[type="file"]{
    position: absolute;
    opacity: 0;
    width: 100%;
}
.upload-file-box{
    position: relative;
    background: #FDFEFF;
    border: 1px dashed #DFE1E6;
    border-radius: 3px;
    padding: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 18px;
}
/* upload file progressbar */
/* Custom css */
.upload-process .dropzone.dz-clickable{
    cursor: pointer;
    color: #396E90;
    font-weight: 700;
    letter-spacing: 1px;
    border:0;
    border-radius: 2px;
    padding: 0;
    min-height: auto;
}
.upload-process .dropzone .camera-img{
    display: inline-block;
    width: 20px;
    height: 20px;
    margin: 0 15px;
    position: absolute;
    left: 0;
}
.upload-process .dropzone .camera-img img{
    width: 100%;
    height: 100%;
    display: block;
}
.upload-process .dropzone .camera-img i::before{
    width: 33px;
    height: 37px;
}
.upload-process .dropzone .dz-message{margin: 0 0 20px;}
.upload-process .dropzone.dz-started .dz-message{display: block;}
.upload-process .dropzone .dz-preview .dz-details .dz-size{display: none;}
.upload-process .dropzone .dz-preview .dz-details{
    padding:0;
    text-align: left;
    display: flex;
    align-items: center;
    opacity: 1;
    justify-content: space-between;
    position: static;
}
.upload-process .dropzone .dz-preview{
    width: 100%;
    min-height: auto;
    margin: 0;
    background: #F6F8FA !important;
    border-radius: 4px;
    padding: 15px 20px;
    display: flex;
    align-items: center;
    gap: 16px;
    margin-bottom: 10px;
}
.upload-process .dropzone .dz-preview.dz-complete .file-data, .upload-process .dropzone .dz-preview.dz-complete .dz-progress{
    display: none !important;
}
.upload-process .dropzone .dz-preview .dz-progress{
    margin: 0;
    height: 4px;
    width: auto;
    position: static;
    background: #D9D9D9;
}
.upload-process .dropzone .file-data span{
    font-weight: normal;
}
.upload-process .dropzone .dz-preview .dz-image{
    height: auto;
    width: auto;
    border-radius: 0 !important;
    /* display: none; */
}
.upload-process .dropzone .dz-preview .dz-details .dz-filename{display:flex;}
.dropzone .dz-preview .dz-details .dz-filename:not(:hover) span, .dropzone .dz-preview .dz-details .dz-filename:hover span{border: 0;}
.upload-process .dropzone .dz-preview:hover .dz-image img{
    -webkit-transform:none;
    -moz-transform:none;
    -ms-transform:none;
    -o-transform:none;
     transform:none; 
     -webkit-filter: none; 
     filter: none; 
}
.upload-process .dropzone .dz-preview .dz-image img{
     height: 100%;
     width: 100%;
}
.upload-process .dropzone .dz-preview .dz-progress .dz-upload{
    background: #0070FF;   
}
.upload-process .dropzone .dz-preview .dz-error-message{
    top: auto;
    left: 0;
    background: linear-gradient(to bottom, #ff0000, #ff0000);
    background: #ff0000;
}
.upload-process .dropzone .dz-preview .dz-error-message:after{
    border-bottom: 6px solid #ff0000;
}
.upload-process .dropzone .dz-preview .dz-remove{
    background: url(../images/icon_toggle_close_blue_grey.svg);
    font-size: 0;
    line-height: 0;
    width: 12px;
    height: 12px;
    text-decoration: none;
    padding: 0;
    position: absolute;
    right: 20px;
    top: 21px;
    z-index: 8;
}
.upload-process .dropzone .dz-preview.dz-complete .dz-remove{
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
}
.upload-process .dropzone .dz-preview.image__open .dz-image{display: block;}
.upload-process .dropzone .dz-preview.image__open .uploading{display: none;}

/* upload file progressbar */
.form-error-massage{
    display: block  ;
    margin: 30px 0;
}
.form-error-massage i{
    display: inline-block;
    margin-right: 2px;
    vertical-align: middle;
}
.form-error-massage i::before{
    width: 16px;
    height: 16px;
}
.form-check-input.error.disabled[type=checkbox]:checked{
    background-image: url(../images/icon_cross_red.svg);
    background-color: #fff;
}
.form-check-input.error.grey.disabled[type=checkbox]:checked{
    background-image: url(../images/icon_cross_grey.svg);
}
.form-check-input.error.disabled[type=checkbox]:checked ~ label{
    color: #DE350B;
    text-decoration: line-through;
}
.form-check-input.error.grey.disabled[type=checkbox]:checked ~ label{
    color: #7A869A;
}
.input-group input{
    position: relative;
    flex: 1 1;
}
.input-group>:not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback){
    border-left: 0;
}
.input-group-text{
    background: #fafbfc;
    font-size: 14px;
    line-height: 17px;
    color: #7A869A;
    border-color: #e0e0e0;
    z-index: 0;
    padding-left: 20px;
    padding-right: 20px;
    transition: all .4s ease-out 0s;
}
.input-group input:focus + .input-group-text{
    border-color: #0070FF;
}
.custom-daterange-picker{
    position:relative;
    background-color:#fafbfc;
    z-index: 0;
}
.custom-daterange-picker::after{
    z-index:-1; 
    content:'';
    display: block;
    background: url('../images/icon_calendar.svg') no-repeat;
    background-size: cover;
    width: 24px;
    height: 24px;
    position: absolute;
    top:50%;
    right:20px;
    transform: translateY(-50%);
}
.custom-daterange-picker input::-webkit-calendar-picker-indicator{
    opacity:0;
    display: none;
}
.custom-daterange-picker input, .custom-daterange-picker input:focus{
    background:rgba(0, 0, 0, 0);
}
select.bg-active{background-image: url('../images/icon_active_arrow.svg')!important;border: 1px solid #D6FFEE !important;}
select.bg-disabled{background-image: url('../images/icon_disabled_arrow.svg')!important;border: 1px solid #FFE7E1 !important;}
select.bg-pending{background-image: url('../images/icon_pending_arrow.svg')!important;border: 1px solid #FFF8E7 !important;}
.status-dropdown .dropdown-toggle{
    width: 100%;
    border: none;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    font-size: 14px;
    font-weight: 400;
    padding: 10px 44px 10px 14px;
    text-align: start;
    position: relative;
}
.status-dropdown .dropdown-menu{
    padding: 0;
    border: none;
    box-shadow: 0px 3px 8px rgb(3 3 3 / 8%);
    overflow: hidden;
    min-width: 100%;
}
.status-dropdown .dropdown-menu li a{
    margin: 0;
    padding: 10px 14px;
    font-size: 14px;
    line-height: 17px;
    color: #212121;
    -moz-transition: all 0.15s ease-in;
    -o-transition: all 0.15s ease-in;
    -webkit-transition: all 0.15s ease-in;
    transition: all 0.15s ease-in;
}
.status-dropdown .dropdown-menu li a.text-red{
    color: #DE350B;
}
.status-dropdown .dropdown-menu li a:hover,
.status-dropdown .dropdown-menu li a:focus,
.status-dropdown .dropdown-menu li a:active{
    background-color: #F6F8FA;
    color: #212121;
}
.status-dropdown .dropdown-menu li a:hover,
.status-dropdown .dropdown-menu li a:focus,
.status-dropdown .dropdown-menu li a:active{
    background-color: #DE350B;
    color: #fff;
}
.status-dropdown .dropdown-toggle.bg-active::after{
    content: '';
    position: absolute;
    background: url('../images/icon_active_arrow.svg') no-repeat;
    width: 16px;
    height: 17px;
    border: none;
    right: 10px;
}
.status-dropdown .dropdown-toggle.bg-pending::after{
    content: '';
    position: absolute;
    background: url('../images/icon_pending_arrow.svg') no-repeat;
    width: 16px;
    height: 17px;
    border: none;
    right: 10px;
}
.status-dropdown .dropdown-toggle.show::after{
    transform: rotate(180deg);
    transition: all .4s ease-in-out;
}
.form-separate{border-bottom: 1px solid #DFE1E6;}
.select2-container .select2-selection--multiple{padding: 6px 36px 6px 16px;height: 48px;}
.select2-container .select2-selection--multiple{min-height: 28px;}
.select2-container--default .select2-selection--multiple .select2-selection__rendered{height: 100%;}
.select2-container--default.select-single li::before{display: none;}

/*================ End Form Style =================*/

/*================ 8. Common Login /Signup Style =================*/
.login-content{width:100%;height:100vh;position:relative;}
.login-content::after,.login-content::before{content:'';position:absolute;height:100%;width:50%;top:0;left:0;}
.login-content::before{background:url('../images/login.png') no-repeat;background-size:cover;background-position:initial;}
.login-content.registration-content::before{background:url('../images/registration_left_image_bg.png') no-repeat;background-size:cover;background-position:initial;}
.login-content.registration-content.service-provider::before{background:url('../images/service_provider_register.png') no-repeat;background-size:cover;background-position:initial;}
.login-content::after{background:url('../images/login_left_image_bg.png') no-repeat center;background-size:cover;z-index:-1;}
.login-content .right-content{padding:40px 0 40px 154px;overflow-y:auto;overflow-x: hidden;height:100vh;display:flex;align-items:center;}
.login-content .right-content .login-body{width:100%; height: calc(100vh - 80px);}
.login-content .right-content::-webkit-scrollbar{width:0;height:0;}
.login-content .right-content::-webkit-scrollbar-thumb{background:0 0;border-radius:0;}
.login-content .right-content::-webkit-scrollbar-track{box-shadow:none;border-radius:0;}
.right-content .logo{margin:0 0 30px;max-width: 120px;}
.right-content h4{margin:0 0 13px;}
.login-form{margin:30px 0 0;}
.login-form input{border:1px solid #e0e0e0;background:0 0;}
/* .login-form input:active,.login-form input:focus{border-color:#0070ff;} */
.login-form .form-group{margin:0 0 20px;}
.forgot-password-group{display:flex;align-items:flex-start;justify-content:space-between;}
.login-form .form-button-group{display:flex;margin:30px 0 0;}
.login-form .form-button-group .large-btn{width:100%;text-align:center;border-radius:3px;font-size:14px;line-height:17px;}
.sign-with{margin:55px 0 0;text-align:center;}
.sign-with .text-grey-1{display:inline-block;position:relative;margin:0;}
.sign-with .text-grey-1::after,.sign-with .text-grey-1::before{content:'';position:absolute;background-color:#dfe1e6;width:150%;height:1px;top:0;bottom:0;margin:auto;}
.sign-with .text-grey-1::before{left:105%;}
.sign-with .text-grey-1::after{right:105%;}
.social-link{display:flex;align-items:center;justify-content:center;margin:24px 0 0;}
.social-link li{margin:0 6px;}
.social-link li a{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:5px;}
.social-link li a path,.social-link li a:hover path{transition:all .5s;}
.social-link li a.google{background:#ed4c3d;border:1px solid #ed4c3d;}
.social-link li a.google:hover path{fill:#ED4C3D;}
.social-link li a.linkedin{background:#0082bd;border:1px solid #0082bd;}
.social-link li a.linkedin:hover path{fill:#0082BD;}
.social-link li a.google:hover,.social-link li a.linkedin:hover{background:0 0;}
.member-yet{margin:138px 0 0;}
.member-yet p{margin:0;}
.login-content.registration-content::after{display:none;}
.registration-content .left-content{position:relative;display:flex;align-items:center;justify-content:flex-end;padding-right:104px;}
.registration-content .left-content-body h2,.registration-content .left-content-body h4{color:#fff;text-transform:uppercase;margin:0;text-align:end;}
.registration-content .left-content-body h4{font-weight:300;font-size:40px;line-height:52px;}
.registration-content .left-content-body h2{font-weight:700;font-size:80px;line-height:80px;}
.login-content.forgot-password::before,.login-content.forgot-password::after{display: none;}
.forgot-password{background: #F6F8FA;}
.center-card{position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);min-width: 680px;background: #FFFFFF;border-radius: 6px;padding: 100px;text-align: center;}
.center-card .logo{margin: 0 0 30px;}
.center-card h4{font-weight: 600;margin: 0 0 20px;}
.center-card p.body-small{max-width: 332px;line-height: 20px;margin: auto;}
.center-card .form-group label{display: block;text-align: start;}
.back-to-login{margin: 18px 0 0;}
.back-to-login.medium-icon-btn-link svg path{fill:#7A869A;}
.back-to-login.medium-icon-btn-link:hover svg path{fill: #2952CC;}
.back-to-login.medium-icon-btn-link:focus svg path{fill: #1D3D9B;}
.back-to-login.medium-icon-btn-link svg{margin-right: 10px;}
.back-to-login.medium-icon-btn-link svg,.back-to-login.medium-icon-btn-link:hover svg,.back-to-login.medium-icon-btn-link:focus svg{transition: all 0.5s;}
.back-to-login.medium-icon-btn-link:hover svg,.back-to-login.medium-icon-btn-link:focus svg{transform: translateX(-6px);}
.forgot-password .login-form .form-button-group,.registration-content .login-form .form-button-group{margin: 10px 0 0;}
.set-up-success .center-card .logo{margin: 0 0 40px;}
.successful-image{margin: 0 auto 10px;}
.back-to-login.member-yet{margin: 18px 0 0;}
.login-form .form-group.verify-group{display: flex;align-items: center;justify-content: center;}
.login-form .verify-group input{width: 47px;height: 47px;background: #FAFBFC;border-radius: 4px;padding: 2px;text-align: center;margin: 0 13px;font-weight: 600;font-size: 20px;color: #172B4D;}
.login-form .verify-group input:first-child{margin-left: 0;}
.login-form .verify-group input:last-child{margin-right: 0;}
.login-content.choose-module::before,.login-content.choose-module::after{display: none;}
.choose-module{display: flex;flex-direction: column;align-items: center;justify-content: space-between;padding: 70px 0 100px;text-align: center;background: #FCFDFF;}
.module-card-group{display: flex;align-items: stretch;margin: 30px 0 0;}
.module-card-item{margin: 0 20px;}
.module-card-item a{display: block;background: #FFFFFF;border: 1px solid #F0F3F5;box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.04);border-radius: 6px;max-width: 350px;padding: 70px 30px;height: 100%;}
.module-card-item svg{margin: 0 0 15px;}
.module-card-item svg path,.module-card-item a:hover svg path,.module-card-item .title-2,.module-card-item svg,.module-card-item a:hover .title-2,.module-card-item a:hover svg,.module-card-item .hiden-text,.module-card-item a:hover .hiden-text{transition: all 0.7s;}
.module-card-item .hiden-text{opacity: 0;transform: translateY(-10px);}
.module-card-item .title-2,.module-card-item svg{transform: translateY(34px);}
.module-card-item a:hover svg{transform: translateY(0px);}
.module-card-item a:hover .title-2{transform: translateY(-10px);}
.module-card-item a:hover .hiden-text{opacity: 1;}
.module-card-item a:hover svg path{fill: #0070FF;}
.center-card .logo,.right-content .logo{display: inline-block;}
.success .center-card p.body-small{max-width: 370px;}
input[type="date"]::-webkit-calendar-picker-indicator,input[type="date"]::-moz-calendar-picker-indicator{opacity: 1;display: block;background-image: url('../images/icon_calendar.svg');background-position: center right;background-repeat: no-repeat;width: 24px;height: 24px;}
input[type="date"]{padding:14px 20px;}
/*================ End Common Login /Signup Style =================*/

/*================ 9. Spacing Style =================*/
.mt-10{margin-top: 10px;}
.mb-40{margin-bottom: 40px;}
.mt-40{margin-top: 40px;}
.mb-30{margin-bottom: 30px;}
.mt-30{margin-top: 30px;}
.mt-24{margin-top: 24px;}
.mb-24{margin-bottom: 24px;}
.mb-20{margin-bottom: 20px;}
.mb-10{margin-bottom: 10px;}
.pb-40{padding-bottom: 40px;}
.pt-40{padding-top: 40px;}
.pb-30{padding-bottom: 30px;}
.pt-30{padding-top: 30px;}
.pt-24{padding-top: 24px;}
.pb-24{padding-bottom: 24px;}
.pb-20{padding-bottom: 20px;}
.pt-20{padding-top: 20px;}
.mr-20{margin-right: 20px;}
.mt-20{margin-top: 20px;}
.pt-10{padding-top: 10px;}
.pb-10{padding-bottom: 10px;}
.mb-60{margin-bottom: 60px;}
.pb-50{padding-bottom: 50px;}
.pt-50{padding-top: 50px;}
.py-60{padding: 60px 0;}
.my-24{margin: 24px 0;}
/*================ End Spacing Style =================*/

/*================ 10. Modal Style =================*/
.modal-content{
    padding: 30px;
}
.modal .report-text-block{
    padding: 20px;
    border-radius: 10px;
}
.issue-report-modal .modal-dialog{
    max-width: 621px;
}
.custom-modal {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    opacity: 0;
    visibility: hidden;
    transform: scale(1.1);
    transition: visibility 0s linear 0.25s, opacity 0.25s 0s, transform 0.25s;
}
.custom-modal .modal-content {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: white;
}
.show-modal {
    display: block;
    opacity: 1;
    visibility: visible;
    transform: scale(1.0);
    transition: visibility 0s linear 0s, opacity 0.25s 0s, transform 0.25s;
}
.modal-backdrop.show {opacity: .2;}
.modal-content{
    background: #FFFFFF;
    border-radius: 10px;
    border: none;
}
.modal-dialog{
    height: 100%;
    display: flex;
    align-items: center;
    margin: 0 auto;
}
.modal-header{
    padding: 0;
    border: none;
}
.modal-header .btn-close{
    position: absolute;
    top: 20px;
    right: 20px;
    padding: 0;
    margin: 0;
    opacity: 1;
    box-shadow: none !important;
    z-index: 9;
}
.modal-header .btn-close:hover{
    filter: brightness(0.5);
}
.delete-modal .modal-dialog{
    max-width: 572px;
}
.delete-modal .modal-content{
    padding: 50px;
}
.delete-modal .modal-body{
    text-align: center;
    padding: 0;
}
.delete-modal .modal-body img{
    margin: auto;
    width: 40px;
}
.delete-modal .modal-body p{
    max-width: 330px;
    margin: 16px auto 30px;
}
.delete-modal .modal-body p span{
    font-weight:600
}
.invitation-modal .modal-body p{
    font-weight:500;
    margin: 20px auto 14px;
}
.invitation-modal .modal-body .body-normal{
    font-weight:400;
    margin: auto !important;
}
.invitation-modal .modal-header .btn-close{
    display: none;
}
.modal-btn-group{
    display: flex;
    align-items: center;
    justify-content: center;
    grid-gap: 20px;
}
.modal-btn-group a,
.modal-btn-group button{
    min-width: 170px;
    text-align: center;
}
.red-solid-btn{
    background: #DE350B;
    border: 1px solid #DE350B;
}
.red-solid-btn:hover,
.red-solid-btn:focus{
    background: transparent;
    color: #DE350B;
    border-color: #DE350B;
}
.cancel-btn{
    color: #7A869A;
    border-color: #DFE1E6;
}

.cancel-btn:hover{
    color: #fff;
    background: #2952CC;
    border-color: #2952CC;
}
.grey-solid-btn{
    background: #7A869A;
    border-radius: 6px;
    border: 1px solid #7A869A;
    color: #fff;
}
.grey-solid-btn:hover,
.grey-solid-btn:focus{
    background: transparent;
    color: #7A869A;
    border-color: #DFE1E6;
}
.popup-heading{
    padding-bottom: 20px;
    border-bottom: 1px solid #EBEDF0;
    margin-bottom: 30px;
}
#offerAcceptModal .modal-dialog{
    max-width: 620px;
}
.add-new-user-modal p {
    border-bottom: 1px solid #EBEDF0;
}
.add-new-user-modal .name-labels {
    margin: 14px 0 30px;
    padding: 14px;
    background: #F6F8FA;
    border-radius: 6px;
}
.add-new-user-modal .modal-body .name-labels li {
    padding: 4px 10px 4px 10px;
    border: 0.5px solid #E0E0E0;
    border-radius: 4px;
    background: #FFFFFF;
    display: inline-block;
}
.add-new-user-modal .name-labels .cross-label {
    order: 2;
    color: #7a869a;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    background: #eeeff2;
    margin-left: 10px;
    width: 18px;
    height: 18px;
    border-radius: 100%;
    font-size: 14px;
    line-height: 14px;
    padding: 4px 5px 6px;
}
.add-new-user-modal .modal-btn-group {
    justify-content: flex-end;
}
.add-new-user-modal .modal-btn-group a {
    padding: 14px 26px;
    min-width: 0;
}
.select2-dropdown {
    z-index: 1060;
}
.modal .upload-process .dropzone .dz-preview{
    margin-bottom: 40px;
}
.modal .upload-process .dropzone .dz-preview .dz-remove{
    top: 50%;
    transform: translateY(-50%);
}
.make-payment-modal .check-group {
    position: relative;
    padding-right: 14px;
}
.make-payment-modal .form-check-input[type=radio]:checked {
    position: absolute;
    top: -6px;
    right: 6px;
    background: #3C6A97;
    width: 17px;
    height: 17px;
    padding: 0;
    margin: 0;
    display: block;
}
.make-payment-modal .form-check-input[type="radio"] {
    display: none;
}
.make-payment-modal .form-check-input:checked[type=radio] {
    background-image: url(../images/icon_check_white.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.make-payment-modal .check-group label {
    background: #FFFFFF;
    border: 1px solid #EEEFF2;
    border-radius: 4px;
}
.make-payment-modal .form-check-input[type=radio]:checked + label {
    border: 1px solid #3C6A97;
}
.payment-successful .modal-dialog {
    max-width: 693px;
}
.payment-successful .modal-body {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}
.payment-successful .modal-body img {
    width: 60px;
    height: 60px;
}
.payment-successful .modal-body a {
    padding: 15px 26px;
}
.review-popup .modal-dialog {
    min-width: 720px;
}
.review-popup .modal-body a {
    padding: 15px 26px;
}
.review-popup .modal-body p {
    font-size: 28px;
    line-height: 34px;
    font-weight: 400;
}
.review-popup .star-value {
    gap: 8px;
}
.review-popup-question .modal-dialog {
    min-width: 720px;
}
.review-popup-question .modal-body p {
    margin-right: 12px;
}
.review-popup-question .star-value {
    gap: 5px;
} 
.review-popup-question .star-value .icon-star-fill::before {
    width: 18px;
    height: 18px;
}
.review-popup-question .star-value .icon-star::before {
    width: 18px;
    height: 18px;
}
.modal-body-top {
    display: flex;
    align-items: center;
}
.modal-body-top p {
    margin-bottom: 0;
}
.rating {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 30px 0 74px;
}
.rating-label {
    position: relative;
    width: 40px;
    height: 40px;
    background: #FFFFFF;
    border: 1px solid #E0E0E0;
    margin-right: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}
.rating-label::after {
    content: '';
    position: absolute;
    width: 50px;
    height: 1px;
    background: #EEEFF2;
    left: 100%;
}
.rating-label:last-child {
    margin-right: 0;
}
.rating-label:last-child::after {
    display: none;
}

.rating-label-active{
    position: relative;
    width: 40px;
    height: 40px;
    background: #0070ff;
    border: 1px solid #E0E0E0;
    margin-right: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    color: #FFFFFF;
}
.rating-label-active::after {
    content: '';
    position: absolute;
    width: 50px;
    height: 1px;
    background: #EEEFF2;
    left: 100%;
}
.rating-label-active:last-child {
    margin-right: 0;
}
.rating-label-active:last-child::after {
    display: none;
}

/* Make Offer Popup New */
.makeOfferModalNew .modal-dialog {
	max-width: 800px;
}

.inspection-date {
   display: flex;
   padding-top: 20px;
   border-top: 1px solid #EEEFF2;
   margin: 0 -8px;
}
.inspection-date .form-group {
   padding: 0 8px;
   width: 100%;
}
.quote-sub-price {
   display: flex;
   justify-content: space-between;
   padding-top: 20px;
   /* border-top: 1px solid #EEEFF2; */
}
.quote-sub-price .form-group {
   width: 20%;
}
.quote-sub-price-service {
   border-top: 1px solid #EEEFF2;
   padding-top: 20px;
}



.inspection-from-group {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	gap: 12px;
}
.quote-sub-price span {
   display: flex;
	align-items: center;
	gap: 12px;
}
.registration-complete .modal-dialog {
    max-width: 790px;
}
.registration-complete .modal-body {
    display: flex;
    flex-direction: column;
    align-items: center;
}

/*================ End Modal Style =================*/

/* =============== 11. Custom Scroll style =================== */
.sidebar-menu::-webkit-scrollbar, .select-options::-webkit-scrollbar, .chat-user-list::-webkit-scrollbar, .chat-list::-webkit-scrollbar,.request-inspection-detail .left-bar::-webkit-scrollbar, .request-inspection-detail .right-content::-webkit-scrollbar, .selectCF li ul::-webkit-scrollbar, .offcanvas-body::-webkit-scrollbar,.service-provider-titlebar .nav-tabs::-webkit-scrollbar,.white-box .left-content::-webkit-scrollbar, .white-box .right-content::-webkit-scrollbar, .msg-body::-webkit-scrollbar, .modal-dialog-scrollable .modal-body::-webkit-scrollbar, .user_table_buttom table tbody::-webkit-scrollbar, .dashboard-details.scrollable::-webkit-scrollbar, .dashboard-details .user-group-left::-webkit-scrollbar, .device-infobox-list .device-list::-webkit-scrollbar{
    width: 4px;
    background: transparent;
}
.service-job-tabContent .card-list::-webkit-scrollbar, .table-block::-webkit-scrollbar, .select2-container .select2-selection--multiple .select2-selection__rendered::-webkit-scrollbar, .profile-tabs::-webkit-scrollbar, .service-job-tabs::-webkit-scrollbar,.service-provider-titlebar .nav-tabs::-webkit-scrollbar, .profile-tabs.nav-pills::-webkit-scrollbar, .user_table_buttom table tbody::-webkit-scrollbar{
    height: 4px;
    background: transparent;
}
.sidebar-menu::-webkit-scrollbar-thumb,.service-job-tabContent .card-list::-webkit-scrollbar-thumb,.select-options::-webkit-scrollbar-thumb, .table-block::-webkit-scrollbar-thumb, .select2-container .select2-selection--multiple .select2-selection__rendered::-webkit-scrollbar-thumb, .profile-tabs::-webkit-scrollbar-thumb, .service-job-tabs::-webkit-scrollbar-thumb, .chat-list::-webkit-scrollbar-thumb, .chat-user-list::-webkit-scrollbar-thumb, .request-inspection-detail .left-bar::-webkit-scrollbar-thumb, .request-inspection-detail .right-content::-webkit-scrollbar-thumb, .selectCF li ul::-webkit-scrollbar-thumb, .offcanvas-body::-webkit-scrollbar-thumb,.service-provider-titlebar .nav-tabs::-webkit-scrollbar-thumb, .profile-tabs.nav-pills::-webkit-scrollbar-thumb, .white-box .left-content::-webkit-scrollbar-thumb, .white-box .right-content::-webkit-scrollbar-thumb, .msg-body::-webkit-scrollbar-thumb, .modal-dialog-scrollable .modal-body::-webkit-scrollbar-thumb, .user_table_buttom table tbody::-webkit-scrollbar-thumb, .dashboard-details.scrollable::-webkit-scrollbar-thumb, .dashboard-details .user-group-left::-webkit-scrollbar-thumb{
    border-radius: 4px;
    background: #ABBED1;
}
.device-infobox-list .device-list::-webkit-scrollbar-thumb{
    border-radius: 6px;
    background: #E0E0E0;
}
/* =============== End Custom Scroll style =================== */

/*================ 12. Alert Box Style =================*/
.alert-box{padding: 15px 20px; border: 1px solid #DFE1E6; box-shadow: 0px 3px 8px rgba(0, 0, 0, 0.03); border-radius: 4px; background: #FEFDFC; display: flex; align-items: flex-start;}
.alert-box i{width: 24px; height: 24px; margin-right: 12px; margin-top: 2px;}
.alert-box .heading p{font-weight: 500;}
.alert-box.success{border-color: #A5EACE;}
.alert-box.info{border-color: #A2CBFF;}
.alert-box.warning{border-color: #E0DBCE;}
.alert-box.error{border-color: #FEC9BB;}
/*================ End Alert Box Style =================*/

/*================ 13. Pagination Style =================*/
.pagination a{
    border: 0.5px solid transparent;
    border-radius: 3px;
    font-size: 16px;
    line-height: 19px;
    color: #172B4D;
    padding: 4px 10px;
    margin-right: 10px;
    transition: all .4s ease-in-out;
    display: flex;
    align-items: center;
    justify-content: center;
}
.pagination li:last-child a{
    margin-right: 0;
}
.pagination a:hover{
    background: #EEEFF2;
    transition: all .4s ease-in-out;
}
.pagination a.active{
    border-color: #C6CDD5;
}
.pagination a.disabled{
    color: #C6CDD5;
}
.pagination i{
    width: 18px;
    height: 18px;
}
.pagination li.next i{
    transform: rotate(180deg);
}
.pagination .prev.disabled,.pagination .next.disabled{
    opacity: .5;
}
.pagination .prev a, .pagination .next a{
    border-color: #C6CDD5;
    padding: 4px 5px;
    line-height: 18px;
}
.pagination .inbetween{
    font-size: 26px;
    line-height: 16px;
    margin-right: 10px;
}
/*================ End Pagination Style =================*/

/*================ 14. Side Navigation Menu =================*/
.sidebar-menu .logo {
	max-width: 220px;
	margin: 0 auto 30px;
}
.sidebar-menu{
    padding: 35px 24px;
    height: 100%;
    overflow-y: auto;
    min-height: 100vh;
}
.sidebar-menu .nav-item.mb-20 {
    margin-bottom: 16px;
}
.sidebar-menu .nav-link{
    padding: 14px 20px;
    display: flex;
    align-items: center;
    border-radius: 4px;
    transition: all .4s ease-in-out;
    color: #FFFFFF;
}
.sidebar-menu .nav-link i{
    margin-right: 12px;
    transition: all .4s ease-in-out;
}
.sidebar-menu .nav-link i.hvr{
    display: none;
    transition: all .4s ease-in-out;
}
.sidebar-menu .nav-link.active i, .sidebar-menu .nav-link:hover i,.nav-link.dropdown-toggle.show i{
    display: none;
}
.sidebar-menu .nav-link.active i.hvr, .sidebar-menu .nav-link:hover i.hvr,.nav-link.dropdown-toggle.show i.hvr{
    display: block;
    transition: all .4s ease-in-out;
}
.sidebar-menu .nav-link.active, .sidebar-menu .nav-link:hover{
    background: #fff;
    transition: all .4s ease-in-out;
    color: #3C6A97;
}
.nav-link.dropdown-toggle.show{
    border-radius: 4px 4px 0 0;
    background: #fff;
    color: #3C6A97;
}
.sidebar-menu .dropdown-menu{
    position: static !important;
    width: 100%;
    border: 0;
    transform: translate(0,0) !important;
    border-radius: 0 0 4px 4px;
    padding: 10px 20px 20px 58px;
}
.sidebar-menu .dropdown-menu a{
    padding: 10px 0;
    border-bottom: 1px solid #EBEDF0;
    color: #022037;
    white-space: break-spaces;
    font-size: 14px;
    line-height: 21px;
}
.sidebar-menu .dropdown-menu li:first-child a{
    padding-top: 0;
}
.sidebar-menu .dropdown-menu li:last-child a{
    padding-bottom: 0;
    border-bottom: 0;
}
.sidebar-menu .dropdown-item:focus,.sidebar-menu .dropdown-item:hover,.sidebar-menu .dropdown-item.active{
    background: transparent;
    color: #3C6A97;
}
.sidebar-menu .dropdown-toggle::after{
    content: url(../images/select_down_arrow_white.svg);
    border: 0;
    margin-left: auto;
    width: 24px;
    height: 24px;
    transition: all .4s ease-in-out;
}
.sidebar-menu .dropdown-toggle.show::after{
    content: url(../images/select_down_arrow_dark_blue.svg);
    transform: rotate(180deg);
    transition: all .4s ease-in-out;
}
.sidebar-menu .dropdown-toggle:hover::after {
    content: url(../images/select_down_arrow_dark_blue.svg);
    transition: all .4s ease-in-out;
}
/*================ End Side Navigation Style =================*/

/*================ 15. Dashboard Header Style =================*/
.dashboard-header{
    padding: 12px 24px;
}
.notification-btn{
    border: 0;
    background: transparent;
    position: relative;
    margin-right: 25px;
    padding: 0;
    display: block;
    height: 24px;
}
.notification-btn::after{
    display: none;
}
.notification-btn span.count{
    position: absolute;
    width: 18px;
    height: 18px;
    top: -5px;
    right: -8px;
    font-size: 11px;
    line-height: 13px;
    color: #fff;
    border-radius: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.profile-btn{
    display: flex;
    align-items: center;
    border: 0;
    background: transparent;
    padding: 0;
}
.profile-btn img{
    border-radius: 100%;
    width: 32px;
    height: 32px;
    margin-right: 8px;
}
.profile-btn .user-name{
    margin-right: 10px;
}
.profile-btn .dropdown-toggle::after{
    border-color: #172B4D;
    border-width: 3px;
}
.notification-btn i, .profile-btn i{
    width: 24px;
    height: 24px;
}
.notification-dropdown .dropdown-menu{
    width: max-content;
    padding: 0;
    border: 0;
    box-shadow: 0px 3px 8px rgb(0 0 0 / 8%);
    top: 40px !important;
    transform: none !important;
    right: -50px !important;
    left: auto !important;
}
.notification-dropdown .dropdown-menu .dropdown-header{
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid #EBEDF0;
    padding: 18px 20px;
}
.dropdown-header .left-content{
    display: flex;
    align-items: center;
}
.dropdown-header .left-content .notification-count{
    border-radius: 6px;
    padding: 3px 6px;
    margin-left: 8px;
}
.notification-dropdown .dropdown-menu li{
    padding: 20px 70px 20px 20px;
    border-bottom: 1px solid #EBEDF0;
    display: flex;
    align-items: center;
    position: relative;
}
.notification-preview{
    width: 40px;
    height: 40px;
    border-radius: 100%;
    margin-right: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.notification-preview i{
    width: 24px;
    height: 24px;
}
.notification-dropdown li .pending-read{
    position: absolute;
    width: 8px;
    height: 8px;
    background: #0070FF;
    border-radius: 100%;
    display: block;
    top: 50%;
    transform: translateY(-50%);
    right: 20px;
}
.notifcation-info p{
    max-width: 310px;
}
.notification-dropdown .dropdown-menu li:last-child{
    border-bottom: 0;
}
.profile-dropdown .dropdown-menu{
    padding: 0;
    border: 1px solid #E0E0E0;
    box-shadow: 0px 3px 8px rgba(0, 0, 0, 0.08);
    border-radius: 4px;
    top: 12px !important;
    overflow: hidden;
}
.profile-dropdown .dropdown-menu a{
    padding: 12px 16px;
    border-bottom: 1px solid #E0E0E0;
    transition: all .4s ease-in-out;
}
.profile-dropdown .dropdown-menu li:last-child a{
    border-bottom: 0;
}
.profile-dropdown .dropdown-menu a:hover{
    background: #f6f8fa;
    transition: all .4s ease-in-out;
}
.profile-dropdown .dropdown-menu li:last-child a:hover{
    background: #fff;
    color: #DE350B;
}
/*================ End Dashboard Header Style =================*/

/*================ 16. Common Card Style =================*/
.card{
    padding: 28px 30px;
    border-radius: 10px;
    border: 0;
    margin-bottom: 20px;
}
.card .card-title{
    margin-bottom: 5px;
}
.card .card-title.mb-12{
    margin-bottom: 12px;
}
.card .text-link{
    font-size: 14px;
    line-height: 17px;
} 
.card .card-for-info{
    margin-bottom: 12px;
}
.card-review-detail li{
    display: flex;
    align-items: center;
}
.card-review-detail li > span{
    width: 20%;
}
.card-review-detail li > p{
    width: 80%;
}
.card-review-detail li span.title{
    text-transform: uppercase;
}
.card-review-detail li .value{
    display: flex;
    align-items: center;
}
.card-review-detail li .value i{
    height: 14px;
}
.card-review-detail li .value span{
    margin-left: 6px;
}
.pill-list{
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px;
    width:100%;
}
.card .pill{
    padding: 4px 15px;
    background: #EEEFF2;
    border-radius: 30px;
    font-size: 14px;
    line-height: 17px;
    color: #172B4D;
}
.card-review-detail td, .card-review-detail th{
    padding: 0 10px 20px 0;
} 
.card-review-detail tr:last-child td, .card-review-detail tr:last-child th{
    padding-bottom: 0;
}
.card .indetail{
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    margin-bottom: 20px;
}
.card-footer{
    background: transparent;
    border-top: 1px solid #EEEFF2;
    padding: 20px 0 0;
}
.card-footer .progress-info{
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 10px;
}
.card-footer .thin-progress.progress{
    background: #C6CDD5;
    height: 2px;
}
.pdf-view-box{
    background: #FEFEFF;
    border: 1px solid #EEEFF2;
    border-radius: 6px;
    padding: 10px 15px;
    display: inline-flex;
    align-items: center;
    gap: 15px;
}
.pdf-view-box span{
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow-y: hidden;
    -webkit-line-clamp: 1;
}
.pdf-view-box .icon-download::before{
    width: 18px;
    height: 18px;
}
/*================ End common card Style =================*/

/*================ 17. Table Style =================*/
.table-block {
    position: relative;
}
table{
    width: 100%;
    border-collapse: collapse;
    white-space: nowrap;
}
td, th {
    text-align: left;
}
thead tr{
    background: #F1F4FA
}
th{
    font-weight: 400;
    font-size: 13px;
    line-height: 16px;
    text-transform: uppercase;
    color: #A2AFC4;
    padding: 16px 20px;
}
td{
    font-weight: 400;
    font-size: 14px;
    line-height: 17px;
    color: #7A869A;
    padding: 20px 20px;
}
td span{
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow-y: hidden;
}
.table-block .text-link{
    font-size: 14px;
    line-height: 17px;
}
table .user-profile{
    display: flex;
    align-items: center;
    gap: 12px;
    overflow: hidden;
}
table .user-profile img{
    width: 36px;
    height: 36px;
    object-fit: cover;
    border-radius: 100%;
}
th.shorting{cursor: pointer;}
th.shorting span{position: relative;}
th.shorting span::after,th.shorting span::before{content: '';position: absolute;bottom: 0;top: 0;margin: auto;right: -14px;width: 8px;height: 6px;}
th.shorting span::before{background: url('../images/Icon_shorting_up.svg') no-repeat center;top: -10px;}
th.shorting span::after{background: url('../images/Icon_shorting_down.svg') no-repeat center;bottom: -10px;}
td .status{padding: 4px 14px;border-radius: 4px;display: inline-block;}
td.action-list{text-align: end;}
.action-list .action-link{display: inline-flex;align-items: center;justify-content: center;width: 36px;height: 36px;border-radius: 100%;vertical-align: middle;}
.action-list .action-link.delet-link{margin-left: 16px;}
.action-list .action-link.eye-link{background: #F3F8FF;}
.action-list .action-link.delet-link .icon-delete::before{width: 18px;height: 18px;}
.action-list .action-dropdown{margin-left: 32px;}
tfoot tr{background: #F1F4FA;}
tfoot td{color: #172B4D;padding: 16px 20px;font-weight: 400;font-size: 16px;line-height: 19px;}
tfoot td .pagination{justify-content: flex-end;}
.pagination a.active,.pagination .prev a, .pagination .next a{background: #fff;}
.table-block{width: 100%;white-space: nowrap;overflow-x: auto;}
.table-block::-webkit-scrollbar-thumb {border-radius: 4px;background: #ABBED1;}
.table-block::-webkit-scrollbar {height: 4px;background: transparent;}
td span .icon-star-fill{display: inline-block;margin-right: 8px;vertical-align: middle;}
td span .icon-star-fill::before{width: 17px;height: 17px;}
.approval-Status {
    padding: 4px 22px 4px 14px;
    max-width: 116px;
    border-radius: 4px;
    background-position: right 10px center !important;
}
/*================ End Table Style =================*/

/*================ 18. Breadcrumb Style =================*/
.dashboard-titlebar .bread-crumb-block{
    width: 100%;
}
.bread-crumb-block .breadcrumb{
    margin-bottom: 40px;
    align-items: center;
}
.bread-crumb-block .breadcrumb li{
    position: relative;
    padding-right: 20px;
    margin-right: 12px;
}
.bread-crumb-block .breadcrumb li:last-child{
    margin-right: 0;
    padding-right: 0;
}
.bread-crumb-block .breadcrumb li:last-child::after{
    display: none;
}
.bread-crumb-block .breadcrumb li::after{
    content: '';
    background: url(../images/icon_breadcrumb_arrow.svg) no-repeat;
    width: 8px;
    height: 8px;
    background-size: cover;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}
/*================ End Breadcrumb Style =================*/

/*================ 19. Chat Board Style =================*/
.chat-user-list-block{
    background: #FDFEFF;
    border: 1px solid #D1E5FF;
    box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.02);
    border-radius: 6px;
    height: calc(100vh - 443px);
}

.customer-support-list {
    display: flex;
    align-items: center;
    gap: 20px;
    padding: 18px 20px;
}

.message-title {
    padding: 40px 0 27px;
    border-bottom: 0;
}

.message-in-tab .chat-user-list-block{
    height: calc(100% - 68px);
}
.chat-user-list{
    height: calc(100% - 78px);
    overflow-y: auto;
}
.message-in-tab .chat-user-list{
    height: 100vh;
}
.chat-user-list-block .block-title{
    padding: 30px 28px 16px;
}
.chat-user-list-block .block-title h6{
    font-weight: 400;
}
.chat-user-list li{
    padding: 0 20px;
}
.chat-user-list li.active{
    background: #F3F8FF;
}
.chat-user-list li.active .chat-list-item{
    border-color: transparent;
}
.chat-user-list li .chat-list-item{
    display: flex;
    align-items: center;
    gap: 20px;
    padding: 18px 0;
    border-bottom: 1px solid rgba(180, 171, 171, 0.2);
}
.chat-user-list li:last-child .chat-list-item{
    border-bottom: 0;
}
.chat-list-item .user-profile img{
    width: 50px;
    height: 50px;
    object-fit: cover;
    border-radius: 100%;
}
.chat-list-item .chat-user-info{
    width: calc(100% - 70px);
}
.chat-list-item .chat-user-info .top-content, .chat-list-item .chat-user-info .bottom-content{
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 5px;
    margin-bottom: 5px;
}

.chat-list-item .chat-user-info .time {
    text-align: right;
}

.chat-list-item .chat-user-info .time, .chat-list-item .chat-user-info .chat-preview{
    font-weight: 300;
    font-size: 15px;
    line-height: 18px;
    letter-spacing: 0.05em;
    color: #303030;
} 
.chat-list-item .chat-user-info .chat-preview{
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow-y: hidden;
    -webkit-line-clamp: 1;
}
.chat-list-item .chat-user-info .pending-view-msg{
    background: #F24E1E;
    border-radius: 100%;
    color: #fff;
    width: 24px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    line-height: 17px;
}
.chat-right-content{
    position: relative;
    z-index: 0;
}
.chatboard{
    background: #FFFFFF;
    border: 1px solid #DFE1E6;
    border-radius: 3px;
    padding: 30px 40px;
    height: calc(100vh - 192px);
}
.message-in-tab .chatboard{
    height: 100%;
}
.chatboard .chatboard-header{
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-bottom: 20px;
    border-bottom: 1px solid rgba(180, 171, 171, 0.5);
}
.chatboard-header .chat-user-detail{
    display: flex;
    align-items: center;
    gap: 25px;
}
.chatboard-header .chat-user-detail .user-profile, .chat-list-item .user-profile{
    position: relative;
}
.chat-user-detail .user-profile img{
    width: 75px;
    height: 75px;
    object-fit: cover;
    border-radius: 100%;
}
.chat-user-detail .user-profile .online-status, .chat-list-item .user-profile .online-status{
    width: 15px;
    height: 15px;
    border-radius: 100%;
    display: block;
    position: absolute;
    bottom: 0;
    right: 0;
    border: 2.5px solid #fff;
    background: #7A869A;
}
.chat-user-detail .user-profile .online-status.active, .chat-list-item .user-profile .online-status.active{
    background: #3EBB89;
}
.chat-user-detail .last-seen{
    color: #7C7C7C;
}
.chat-user-detail .last-seen.online{
    color: #3EBB89;
}
.msg-body{
    height: calc(100% - 216px);
    overflow-y: auto;
}
.chat-list{
    padding: 24px 0 255px;
    scrollbar-width: none;
    margin: 0;
}
.message-in-tab .chat-list{
    height: calc(100vh - 45px);
}
.chat-list .left {
    align-items: flex-start;
}
.chat-list .right {
    align-items: flex-end;
    position: relative;
}
.chat-list li {
    margin: 0 0 20px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
}
.chat-list li .message-box {
    padding: 12px 30px 12px 25px;
    border-radius: 10px;
    max-width: 60%;
    position: relative;
    margin: 0 0 15px;
}
.chat-list li .message-box p{
    font-size: 18px;
    line-height: 26px;
    margin-bottom: 0;
}
.chat-list .left .message-box{    
    background: #F3F8FF;
    border-bottom-left-radius: 0;
}
.chat-list .left .message-box p {
    color: #172B4D;
}
.chat-list .right .message-box{    
    background: #0070FF;
    border-bottom-right-radius: 0;
}
.chat-list .right .message-box p {
    color: #fff;
}
.chat-list .day-time{
    font-weight: 300;
    font-size: 15px;
    line-height: 18px;
    letter-spacing: 0.05em;
    color: #303030;
    margin-bottom: 0;
}
.chat-list .chat-image-upload {
    padding: 15px 24px 15px 15px;
    margin: 0 0 15px;
    max-width: 200px;
}
.chat-list .right .chat-image-upload {
    background: #0070FF;
    border-radius: 10px;
    border-bottom-right-radius: 0;
}
.chat-list .left .chat-image-upload {
    background: #F3F8FF;
    border-radius: 10px;
    border-bottom-left-radius: 0;
}
.chat-list .right .chat-image-upload img, .chat-list .left .chat-image-upload img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    border-radius: 10px;
    cursor: pointer;
}
.popupContainer {
    position: fixed;
    left: 0;
    bottom: 0;
    right: 0;
    top: 0;
    overflow: auto;
}
.popupContainer .popUpBackground {
    transition: all 0.3s ease-in-out;
    position: fixed;
    left: 0;
    bottom: 0;
    right: 0;
    top: 0;
}
.popupContainer .popUpBackground.active {
    background-color: rgba(0, 0, 0, 0.5);
}
.popupContainer .popUpBackground.active::after {
    content: 'x';
    font-size: 58px;
    position: absolute;
    top: 40px;
    right: 40px;
    color: #FFFFFF;
    display: block;
    cursor: pointer;
}
.popupContainer .popImage {
    position: relative;
    display: block;
    transition: all 0.3s ease-in-out;
    border-radius: 6px;
    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.15), 0 10px 10px -5px rgba(0, 0, 0, 0.1);
    max-width: 500px;
    max-height: 500px;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%);
}
.chat-list .chat-file-upload {
    padding: 12px 30px 12px 25px;
    margin: 0 0 15px;
    max-width: 200px;
}
.chat-list .right .chat-file-upload {
    background: #0070FF;
    border-radius: 10px;
    border-bottom-right-radius: 0;
}
.chat-list .left .chat-file-upload {
    background: #F3F8FF;
    border-radius: 10px;
    border-bottom-left-radius: 0;
}
.chat-list .chat-file-upload .file-upload-name {
    font-size: 18px;
    line-height: 26px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    margin-top: 8px;
}
.chat-list .right .chat-file-upload .file-upload-name {
    color: #FFFFFF;
}
.chat-list .left .chat-file-upload .file-upload-name {
    color: #172B4D;
}
.chat-file-upload .icon-pdf-red-white::before, .chat-file-upload .icon-doc-blue::before, .chat-file-upload .icon-xls-green::before {
	width: 44px;
	height: 50px;
}
.chat-dots {
    position: absolute;
    top: 14px;
    right: 10px;
}
.chat-dots i {
	width: 15px;
	height: 20px;
}
.chat-image-upload .chat-dots {
    position: absolute;
    top: 5px;
    right: 6px;
}
.chat-dots .icon-action-dott::before {
    width: 15px;
    height: 20px;
}
.chat-list li .message-box .dropdown-toggle::after, .chat-list li .chat-image-upload .dropdown-toggle::after, .chat-list li .chat-file-upload .dropdown-toggle::after {
    display: none;
}
.chat-list li .message-box .dropdown-menu li, .chat-list li .chat-image-upload .dropdown-menu li, .chat-list li .chat-file-upload .dropdown-menu li {
    margin: 0;
}
.chat-list li .message-box .dropdown-menu.show {
    transform: inherit !important;
    min-width: 100px;
    inset: inherit !important;
    right: 0 !important;
    top: 50px !important;
}
.chat-list .chat-image-upload .dropdown-menu.show {
    transform: inherit !important;
    min-width: 100px;
    inset: inherit !important;
    right: 0 !important;
    bottom: -35px !important;
}
.chat-list .chat-file-upload .dropdown-menu.show {
    transform: inherit !important;
    min-width: 100px;
    inset: inherit !important;
    right: 0 !important;
    bottom: -35px !important;
}


/* Chat Box */

.chat-box {
    padding: 39px 0 23px;
}
.chat-send {
    position: relative;
}
.chat-send input {padding: 15px 120px 15px 65px;}
.chat-send .attachment {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 20px;
}
.chat_upload {display: none;}
.chat_icons {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 20px;
    display: flex;
    align-items: center;
    white-space: nowrap;
}
.mr-28 {margin-right: 28px;}

/*================ End chat board Style =================*/
.review-left-content,
.review-right-content {
    background: #ffffff;
    border: 1px solid #dfe1e6;
    border-radius: 3px;
}
.review-right-content{
    height: calc(100vh - 233px);
}
.tab-pane .review-right-content {
    height: auto;
}
.review-left-header,
.review-left-body {
    padding: 20px 20px 22px;
    border-bottom: 1px solid #dfe1e6;
}
.review-left-body {
    padding: 30px 20px;
}
.review-left-body h2 {
    font-weight: 400;
}
.review-left-footer {
    padding: 20px 20px 24px;
}
.star-group {
    grid-gap: 6px;
}
.star-group i::before,
.star-group i::before {
    width: 26px;
    height: 26px;
}
.review-left-body .rating-group .item {
    margin-right: 80px;
}
.rating-progress p, .review-right-header .clear-filter {
    flex-shrink: 0;
}
.rating-progress p{
    width: 16%;
    white-space: nowrap;
}
.rating-progress p:last-child{
    width: 18%;
}
.rating-progress .progress {
    width: 100%;
    background: #eeeff2;
    border-radius: 10px;
    height: 6px;
}
.rating-progress .progress-bar {
    border-radius: 10px;
}
.review-right-header {
    padding: 14px 30px;
    border-bottom: 1px solid #dfe1e6;
}
.review-right-body .review-card {
    padding: 30px;
    border-bottom: 1px solid #dfe1e6;
}
.review-right-body .review-card:last-child {
    border: none;
}
.review-right-header .table-count-filter input[type="search"] {
    padding: 11px 20px;
    padding-right: 36px;
    flex-shrink: 1;
    margin: 0;
}
.review-right-header .table-count-filter .searchbar{
    width: 100%;
}
.review-right-header .table-count-filter .icon-search{
    top: 11px;
}
.review-right-header .select-styled {
    padding: 8px 20px;
}
.review-right-header .selectCF .titleCF {
    padding: 10px 20px;
    max-width: 170px;
}
.review-right-header .selectCF{
    max-width: 170px;
    margin-right: 10px;
}
.review-right-header .select-styled:after {
    top: 5px;
}
.review-right-header .select-styled:active:after,
.review-right-header .select-styled.active:after {
    top: 5px;
}
.review-right-body .profile-detail {
    gap: 14px;
}
.review-right-body .profile-detail .user-profile {
    width: 50px;
    height: 50px;
    flex-shrink: 0;
}
.review-action-group,
.review-right-body .top-group,
.review-right-body .swich-toggle-btn {
    display: flex;
    align-items: center;
}
.review-right-body .top-group {
    align-items: flex-start;
    justify-content: space-between;
    grid-gap: 10px;
}
.review-right-body .star-group i::before {
    width: 17px;
    height: 17px;
}
.review-right-body .review-card p {
    line-height: 22px;
}
.review-right-body .swich-toggle.small input[type="checkbox"].toggle + label {
    vertical-align: middle;
}
.review-right-body {
    height: calc(100% - 69px);
    overflow-y: auto;
    position: relative;
}
.tab-pane .review-right-body {
    height: 100vh;
    overflow-y: auto;
}
.review-right-body::-webkit-scrollbar {
    width: 0px;
    background: transparent;
}
/*================ Rating & Review Style =================*/

/*================ End Rating & Review Style =================*/

/*================ Loader Style =================*/
.loader-container{
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, .9);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1;
}
/*================ End Loader Style =================*/

/*================ User Profile offcanvas Style =================*/
.offcanvas-end{
    width: 470px;
    border-left: 0;
}
.offcanvas-header{
    border-bottom: 1px solid #EBEDF0;
    padding: 20px 30px;
}
.offcanvas-header .offcanvas-title{
    line-height: 29px;
}
.offcanvas-body{
    padding: 25px 30px;
}
.offcanvas-body .user-profile-wrap{
    width: 204px;
    height: 204px;
    border: 8px solid #F3F8FF;
    border-radius: 100%;
    margin: 0 auto 24px;
    overflow: hidden;
}
.offcanvas-body .user-profile-wrap img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.commercial-info-row{
    display: flex;
    align-items: stretch;
    justify-content: center;
    gap: 18px;
}
.commercial-info-box{
    width: 50%;
    background: #F6F8FA;
    border-radius: 6px;
    padding: 26px 30px;
}
.offcanvas-body .media-header{
    margin: 0 -30px 20px;
    padding: 0 30px 20px;
    border-bottom: 1px solid #EBEDF0;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.media-block-row{
    display: flex;
    align-items: stretch;
    justify-content: flex-start;
    margin: 0 -8px;
    flex-wrap: wrap;
}
.media-block-col{
    width: 33.33%;
    padding: 0 8px 16px;
}
.media-box{
    background: #F3F8FF;
    border-radius: 6px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: 120px;
}
.media-box img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.media-box i::before{
    width: 39px;
    height: 43px;
}
/**/
.star-value {
    display: flex;
    padding-bottom: 8px;
}
.star-value .icon-star-fill::before {
    width: 21px;
    height: 21px;
}
.star-value .icon-star::before {
    width: 21px;
    height: 21px;
}
.star-value .icon-star-half-fill::before {
    width: 21px;
    height: 21px;
}
.offcanvas-body .review-header{
    margin: 0 -30px 20px;
    padding: 0 30px 20px;
    border-bottom: 1px solid #EBEDF0;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.review-block-row{
    margin: 0 -30px;
    padding: 0 30px;
}
.review-block-col{
    padding: 0 0 20px;
    margin-bottom: 20px;
    border-bottom: 1px solid #EBEDF0;
}
.review-block-col:last-child {
    padding-bottom: 0;
    margin-bottom: 0;
    border-bottom: 0;
}
.review-box span {
    padding-bottom: 12px;
}
.review-box > .star-value .icon-star-fill::before {
    width: 17px;
    height: 17px;
}
.review-box p {
    padding-bottom: 12px;
}
/**/
.select2-container--default .select2-selection--single .select2-selection__placeholder {
	color: #7A869A;
}
.select2-selection--single .select2-selection__rendered .select2-selection__clear {
	display: none;
}
.select2-container .select2-selection--single .select2-selection__rendered {
    display: flex;
    align-items: center;
}
.select2-container{
    width: 100% !important;
}

/*================ End User Profile offcanvas Style =================*/

/*================ 22. Site Icon Class Style =================*/
.icon-check-success::before{background: url(../images/icon_check_success.svg) no-repeat; width: 24px; height: 24px;}
.icon-info::before{background: url(../images/icon_info.svg) no-repeat; width: 24px; height: 24px;}
.icon-info-grey::before{background: url(../images/icon_info_grey.svg) no-repeat; width: 24px; height: 24px;}
.icon-warning::before{background: url(../images/icon_warning.svg) no-repeat; width: 24px; height: 24px;}
.icon-error::before{background: url(../images/icon_error.svg) no-repeat; width: 24px; height: 24px;}
.icon-arrow-left::before{background: url(../images/icon_arrow_left_18.svg) no-repeat; width: 18px; height: 18px;}
.icon-dasboard::before{background: url(../images/icon_dashboard.svg) no-repeat; width: 24px; height: 24px;}
.icon-dasboard-blue::before{background: url(../images/icon_dashboard_blue.svg) no-repeat; width: 24px; height: 24px;}
.icon-inspections::before{background: url(../images/icon_inspections.svg) no-repeat; width: 24px; height: 24px;}
.icon-inspections-blue::before{ background: url(../images/icon_inspections_blue.svg) no-repeat; width: 24px; height: 24px;}
.icon-quotes::before{ background: url(../images/icon_quotes.svg) no-repeat; width: 24px; height: 24px;}
.icon-quotes-blue::before{background: url(../images/icon_quotes_blue.svg) no-repeat; width: 24px; height: 24px;}
.icon-properties::before{background: url(../images/icon_properties.svg) no-repeat; width: 24px; height: 24px;}
.icon-properties-blue::before{background: url(../images/icon_properties_blue.svg) no-repeat; width: 24px; height: 24px;}
.icon-messages::before{background: url(../images/icon_messages.svg) no-repeat; width: 24px; height: 24px;}
.icon-messages-blue::before{background: url(../images/icon_messages_blue.svg) no-repeat; width: 24px; height: 24px;}
.icon-account::before{background: url(../images/icon_account.svg) no-repeat; width: 24px; height: 24px;}
.icon-account-blue::before{background: url(../images/icon_account_blue.svg) no-repeat; width: 24px; height: 24px;}
.icon-notification::before{background: url(../images/icon_notification.svg) no-repeat; width: 24px; height: 24px;}
.icon-notification-blue::before{background: url(../images/icon_notification_blue.svg) no-repeat; width: 24px; height: 24px;}
.icon-users::before{background: url(../images/icon_users.svg) no-repeat; width: 26px; height: 24px;}
.icon-users-blue::before{background: url(../images/icon_users_blue.svg) no-repeat; width: 26px; height: 24px;}
.icon-cms::before{background: url(../images/icon_cms.svg) no-repeat; width: 24px; height: 24px;}
.icon-cms-blue::before{background: url(../images/icon_cms_blue.svg) no-repeat; width: 24px; height: 24px;}
.icon-reports::before{background: url(../images/icon_reports.svg) no-repeat; width: 24px; height: 24px;}
.icon-reports-blue::before{background: url(../images/icon_reports_blue.svg) no-repeat; width: 24px; height: 24px;}
.icon-active-service-job::before{background: url(../images/icon_active_service_job.svg) no-repeat; width: 90px; height: 90px;}
.icon-service-job-done::before{background: url(../images/icon_service_jobs_done.svg) no-repeat; width: 90px; height: 90px;}
.icon-total-spending::before{background: url(../images/icon_total_spending.svg) no-repeat; width: 90px; height: 90px;}
.icon-star-fill::before{background: url(../images/icon_star_fill.svg) no-repeat;width: 14px; height: 14px;}
.icon-star::before{background: url(../images/icon_star.svg) no-repeat; width: 14px; height: 14px;}
.icon-pdf-white::before{background: url(../images/icon_pdf_white.svg) no-repeat; width: 39px; height: 52px;}
.icon-toggle::before{background: url(../images/icon_menu_toggle.svg) no-repeat; width: 16px; height: 16px;}
.icon-search-cancel::before{background: url(../images/icon_search_cancel.svg) no-repeat; width: 18px; height: 18px;}
.icon-active-requests::before{background: url(../images/icon_active_requests.svg) no-repeat; width: 90px; height: 90px;}
.icon-active-subscription::before{background: url(../images/icon_active_subscription.svg) no-repeat; width: 90px; height: 90px;}
.icon-total-properties::before{background: url(../images/icon_total_properties.svg) no-repeat; width: 90px; height: 90px;}
.icon-mail-blue::before{background: url(../images/icon_mail_blue.svg) no-repeat; width: 24px; height: 24px;}
.icon-delete::before{background: url(../images/icon_delete.svg) no-repeat; width: 24px; height: 24px;}
.icon-dollar::before{background: url(../images/icon_dollar.svg) no-repeat; width: 24px; height: 24px;}
.icon-dollar-blue::before{background: url(../images/icon_dollar_blue.svg) no-repeat; width: 24px; height: 24px;}
.icon-dollar-red::before{background: url(../images/icon_dollar_red.svg) no-repeat; width: 40px; height: 40px;}
.icon-inspections-green::before{background: url(../images/icon_inspections_green.svg) no-repeat; width: 24px; height: 24px;}
.icon-inspections-red::before{background: url(../images/icon_inspections_red.svg) no-repeat; width: 24px; height: 24px;}
.icon-check-green::before{background: url(../images/icon_check_green.svg) no-repeat; width: 16px; height: 14px;}
.icon-pdf-red::before{background: url(../images/icon_pdf_red.svg) no-repeat; width: 24px; height: 26px;}
.icon-eye-grey::before{background: url(../images/icon_eye_grey.svg) no-repeat; width: 24px; height: 24px;}
.icon-arrow-left-blue::before{background: url(../images/icon_arrow_left_blue.svg) no-repeat; width: 16px; height: 16px;}
.icon-check-white::before{background: url(../images/icon_check_white.svg) no-repeat; width: 22px; height: 22px;}
.icon-check-grey::before{background: url(../images/icon_check_grey.svg) no-repeat; width: 24px; height: 24px;}
.icon-camera::before{background: url(../images/icon_camera.svg) no-repeat; width: 21px; height: 21px;}
.icon-search::before{background: url(../images/icon_search.svg) no-repeat; width: 20px; height: 20px;}
.icon-puzzle::before{background: url(../images/icon_puzzle.svg) no-repeat; width: 24px; height: 24px;}
.icon-puzzle-blue::before{background: url(../images/icon_puzzle_blue.svg) no-repeat; width: 24px; height: 24px;}
.icon-system-devices::before{background: url(../images/icon_system_devices.svg) no-repeat; width: 24px; height: 24px;}
.icon-system-devices-blue::before{background: url(../images/icon_system_devices_blue.svg) no-repeat; width: 24px; height: 24px;}
.icon-billing::before{background: url(../images/icon_billing.svg) no-repeat; width: 24px; height: 24px;}
.icon-billing-blue::before{background: url(../images/icon_billing_blue.svg) no-repeat; width: 24px; height: 24px;}
.icon-document::before{background: url(../images/icon_document.svg) no-repeat; width: 24px; height: 24px;}
.icon-document-blue::before{background: url(../images/icon_document_blue.svg) no-repeat; width: 24px; height: 24px;}
.icon-fire-alarm::before{background: url(../images/icon_fire_alarm.svg) no-repeat; width: 50px; height: 50px;}
.icon-fire-alarm-blue::before{background: url(../images/icon_fire_alarm_blue.svg) no-repeat; width: 30px; height: 30px;}
.icon-fire-alarm-white::before{background: url(../images/icon_fire_alarm_white.svg) no-repeat; width: 30px; height: 30px;}
.icon-security::before{background: url(../images/icon_security.svg) no-repeat; width: 50px; height: 50px;}
.icon-hvac::before{background: url(../images/icon_hvac.svg) no-repeat; width: 50px; height: 50px;}
.icon-roofing::before{background: url(../images/icon_roofing.svg) no-repeat; width: 50px; height: 50px;}
.icon-plumbing::before{background: url(../images/icon_plumbing.svg) no-repeat; width: 50px; height: 50px;}
.icon-others::before{background: url(../images/icon_others.svg) no-repeat; width: 50px; height: 50px;}
.icon-others-blue::before{background: url(../images/icon_others_blue.svg) no-repeat; width: 50px; height: 50px;}
.icon-upload::before{background: url(../images/icon_upload.svg) no-repeat; width: 24px; height: 24px;}
.icon-download::before{background: url(../images/icon_download.svg) no-repeat; width: 24px; height: 24px;}
.icon-download-white::before{background: url(../images/icon_download_white.svg) no-repeat; width: 24px; height: 24px;}
.icon-download-blue::before{background: url(../images/icon_download_blue.svg) no-repeat; width: 24px; height: 24px;}
.icon-add-circle::before{background: url(../images/icon_add_circle.svg) no-repeat; width: 24px; height: 24px;}
.icon-sprinkle::before{background: url(../images/icon_sprinkle.svg) no-repeat; width: 24px; height: 24px;}
.icon-sprinkle-blue::before{background: url(../images/icon_sprinkle_blue.svg) no-repeat; width: 24px; height: 24px;}
.icon-backflow::before{background: url(../images/icon_backflow.svg) no-repeat; width: 24px; height: 25px;}
.icon-backflow-blue::before{background: url(../images/icon_backflow_blue.svg) no-repeat; width: 24px; height: 25px;}
.icon-backflow-white::before{background: url(../images/icon_backflow_white.svg) no-repeat; width: 24px; height: 25px;}
.icon-fire-pump::before{background: url(../images/icon_fire_pump.svg) no-repeat; width: 24px; height: 24px;}
.icon-fire-pump-blue::before{background: url(../images/icon_fire_pump_blue.svg) no-repeat; width: 24px; height: 24px;}
.icon-kitchen-hood::before{background: url(../images/icon_kitchen_hood.svg) no-repeat; width: 24px; height: 24px;}
.icon-kitchen-hood-white::before{background: url(../images/icon_kitchen_hood_white.svg) no-repeat; width: 24px; height: 24px;}
.icon-kitchen-hood-blue::before{background: url(../images/icon_kitchen_hood_blue.svg) no-repeat; width: 24px; height: 24px;}
.icon-special-hazard::before{background: url(../images/icon_special_hazard.svg) no-repeat; width: 24px; height: 24px;}
.icon-special-hazard-white::before{background: url(../images/icon_special_hazard_white.svg) no-repeat; width: 24px; height: 24px;}
.icon-cylinder-blue::before{background: url(../images/icon_cylinder_blue.svg) no-repeat; width: 24px; height: 24px;}
.icon-cylinder::before{background: url(../images/icon_cylinder.svg) no-repeat; width: 24px; height: 24px;}
.icon-nozzle-drop-blue::before{background: url(../images/icon_nozzle_drop_blue.svg) no-repeat; width: 24px; height: 24px;}
.icon-nozzle-drop::before{background: url(../images/icon_nozzle_drop.svg) no-repeat; width: 24px; height: 24px;}
.icon-administrate-white::before{background: url(../images/icon_account_white.svg) no-repeat; width: 90px; height: 90px;}
.icon-commercial-white::before{background: url(../images/icon_commercial_white.svg) no-repeat; width: 90px; height: 90px;}
.icon-service-provider-white::before{background: url(../images/icon_service_provider_white.svg) no-repeat; width: 90px; height: 90px;}
.icon-data-agent-white::before{background: url(../images/icon_data_agent_white.svg) no-repeat; width: 90px; height: 90px;}
.icon-filter::before{background: url(../images/icon_filter.svg) no-repeat; width: 22px; height: 22px;}
.icon-devices::before{background: url(../images/icon_devices.svg) no-repeat; width: 24px; height: 24px;}
.icon-calander::before{background: url(../images/icon_calendar.svg) no-repeat; width: 24px; height: 24px;}
.icon-devices-blue::before{background: url(../images/icon_devices_blue.svg) no-repeat; width: 24px; height: 24px;}
.icon-kitchen-system::before{background: url(../images/icon_kitchen_system.svg) no-repeat; width: 24px; height: 24px;}
.icon-cross-red::before{background: url(../images/icon_cross_red.svg) no-repeat; width: 24px; height: 24px;}
.icon-arrow-long-left::before{background: url(../images/icon_arrow_long_left.svg) no-repeat; width: 24px; height: 24px;}
.icon-check-success-fill::before{background: url(../images/icon_check_success_fill.svg) no-repeat; width: 34px; height: 34px;}
.icon-error-fill::before{background: url(../images/icon_error_fill.svg) no-repeat; width: 34px; height: 34px;}
.icon-eye::before{background: url('../images/icon_eye.svg') no-repeat;width: 19px; height: 14px;}
.icon-action-dott::before{background: url('../images/icon_action_dott.svg') no-repeat;width: 25px; height: 24px;}
.icon-action-edit::before{background: url('../images/icon_action_edit.svg') no-repeat;width: 13px; height: 13px;}
.icon-action-delete::before{background: url('../images/icon_action_delete.svg') no-repeat;width: 10px; height: 11px;}
.icon-resend-invite::before{background: url('../images/icon-resend-invite.svg') no-repeat;width: 24px; height: 24px;}
.icon-fire-alarm-grey::before{background: url('../images/icon-fire-alarm-grey.svg') no-repeat;width: 24px; height: 24px;}
.icon-roofing-grey::before{background: url('../images/icon-roofing-grey.svg') no-repeat;width: 24px; height: 24px;}
.icon-download-grey::before{background: url('../images/icon-download-grey.svg') no-repeat;width: 24px; height: 24px;}
.icon-subscription-grey::before{background: url('../images/icon-subscription-grey.svg') no-repeat;width: 24px; height: 24px;}
.icon-ratings-grey::before{background: url('../images/icon-ratings-grey.svg') no-repeat;width: 24px; height: 24px;}
.icon-subscription-grey-blue::before{background: url('../images/icon-subscription-grey-blue.svg') no-repeat;width: 24px; height: 24px;}
.icon-ratings-grey-blue::before{background: url('../images/icon-ratings-grey-blue.svg') no-repeat;width: 24px; height: 24px;}
.icon-star-half-fill::before{background: url('../images/icon-star-half-fill.svg') no-repeat;}
.icon_attachment::before{background: url('../images/icon_attachment.svg') no-repeat; width: 30px; height: 30px;}
.icon_emoji::before{background: url('../images/icon_emoji.svg') no-repeat; width: 30px; height: 30px;}
.icon_black_camera::before{background: url('../images/icon_black_camera.svg') no-repeat; width: 30px; height: 30px;}
.icon_add_circle_white::before{background: url('../images/icon_add_circle_white.svg') no-repeat; width: 24px; height: 24px;}
.icon_delete_grey::before{background: url('../images/icon_delete_grey.svg') no-repeat; width: 18px; height: 18px;}
.icon_bold::before{background: url('../images/icon_bold.svg') no-repeat; width: 11px; height: 14px;}
.icon_italic::before{background: url('../images/icon_italic.svg') no-repeat; width: 5px; height: 14px;}
.icon_underline::before{background: url('../images/icon_underline.svg') no-repeat; width: 14px; height: 19px;}
.icon_a_underline::before{background: url('../images/icon_a_underline.svg') no-repeat; width: 15px; height: 20px;}
.icon_text_size::before{background: url('../images/icon_text_size.svg') no-repeat; width: 17px; height: 14px;}
.icon-correct::before{background: url('../images/icon_correct.svg') no-repeat; width: 16px; height: 14px;}
.icon_download_white::before{background: url('../images/icon_download_white.svg') no-repeat; width: 17px; height: 22px;}
.icon_download_lightgrey::before{background: url('../images/icon_download_lightgrey.svg') no-repeat; width: 17px; height: 22px;}
.icon-green-check::before{background: url('../images/icon_green_check.svg') no-repeat; width: 24px; height: 24px;}
.icon-star-light-grey::before{background: url('../images/icon_star_light_grey.svg') no-repeat; width: 17px; height: 17px;}
.icon-check-success-fill-small::before{background: url('../images/icon_check_success_fill_small.svg') no-repeat; width: 17px; height: 17px;}
.icon-total-data::before{background: url('../images/icon_total_data.svg') no-repeat; width: 90px; height: 90px;}
.icon-doc-white::before{background: url('../images/icon_doc_white.svg') no-repeat; width: 31px; height: 40px;}
.icon-doc-blue::before{background: url(../images/icon_doc_blue.svg) no-repeat; width: 24px; height: 26px;}
.icon-xls-green::before{background: url(../images/icon_xls_green.svg) no-repeat; width: 24px; height: 26px;}
.icon-pdf-red-white::before{background: url(../images/icon_pdf_red_white.svg) no-repeat; width: 24px; height: 26px;}
.icon-dasboard-white::before{background: url(../images/icon_dasboard_white.svg) no-repeat; width: 24px; height: 24px;}
.icon-dasboard-dark-blue::before{background: url(../images/icon_dasboard_dark_blue.svg) no-repeat; width: 24px; height: 24px;}
.icon-mentors-white::before{background: url(../images/icon_mentors_white.svg) no-repeat; width: 24px; height: 24px;}
.icon-mentors-dark-blue::before{background: url(../images/icon_mentors_dark_blue.svg) no-repeat; width: 24px; height: 24px;}
.icon-mentees-white::before{background: url(../images/icon_mentees_white.svg) no-repeat; width: 24px; height: 24px;}
.icon-mentees-dark-blue::before{background: url(../images/icon_mentees_dark_blue.svg) no-repeat; width: 24px; height: 24px;}
.icon-subadmin-white::before{background: url(../images/icon_subadmin_white.svg) no-repeat; width: 24px; height: 24px;}
.icon-subadmin-dark-blue::before{background: url(../images/icon_subadmin_dark_blue.svg) no-repeat; width: 24px; height: 24px;}
.icon-support-white::before{background: url(../images/icon_support_white.svg) no-repeat; width: 24px; height: 24px;}
.icon-support-dark-blue::before{background: url(../images/icon_support_dark_blue.svg) no-repeat; width: 24px; height: 24px;}
.icon-college-white::before{background: url(../images/icon_college_white.svg) no-repeat; width: 24px; height: 24px;}
.icon-college-dark-blue::before{background: url(../images/icon_college_dark_blue.svg) no-repeat; width: 24px; height: 24px;}
.icon-notification-white::before{background: url(../images/icon_notification_white.svg) no-repeat; width: 24px; height: 24px;}
.icon-notification-dark-blue::before{background: url(../images/icon_notification_dark_blue.svg) no-repeat; width: 24px; height: 24px;}
.icon-major-white::before{background: url(../images/icon_major_white.svg) no-repeat; width: 24px; height: 24px;}
.icon-major-dark-blue::before{background: url(../images/icon_major_dark_blue.svg) no-repeat; width: 24px; height: 24px;}
.icon-alerts-white::before{background: url(../images/icon_alerts_white.svg) no-repeat; width: 24px; height: 24px;}
.icon-alerts-dark-blue::before{background: url(../images/icon_alerts_dark_blue.svg) no-repeat; width: 24px; height: 24px;}
.icon-master-data-white::before{background: url(../images/icon_master_data_white.svg) no-repeat; width: 24px; height: 24px;}
.icon-master-data-dark-blue::before{background: url(../images/icon_master_data_dark_blue.svg) no-repeat; width: 24px; height: 24px;}
.icon-setting-white::before{background: url(../images/icon_cms_white.svg) no-repeat; width: 24px; height: 24px;}
.icon-setting-dark-blue::before{background: url(../images/icon_cms_dark_blue.svg) no-repeat; width: 24px; height: 24px;}
.icon-certificates-white::before{background: url(../images/icon_certificates_white.svg) no-repeat; width: 24px; height: 24px;}
.icon-certificates-dark-blue::before{background: url(../images/icon_certificates_dark_blue.svg) no-repeat; width: 24px; height: 24px;}
.icon-mentors-90::before{background: url(../images/icon_mentors_90.svg) no-repeat; width: 90px; height: 90px;}
.icon-mentees-90::before{background: url(../images/icon_mentees_90.svg) no-repeat; width: 90px; height: 90px;}
.icon-colleges-90::before{background: url(../images/icon_colleges_90.svg) no-repeat; width: 90px; height: 90px;}
.icon-sub-admin-90::before{background: url(../images/icon_sub_admin_90.svg) no-repeat; width: 90px; height: 90px;}
.icon-notification-90::before{background: url(../images/icon_notification_90.svg) no-repeat; width: 90px; height: 90px;}
.icon-alert-90::before{background: url(../images/icon_alert_90.svg) no-repeat; width: 90px; height: 90px;}
/*================ End Site Icon Class Style =================*/

/*================ 23. Diff. Animation Styles =================*/
/* Dot Typing */
.loading-icon{
    width: 74px;
    height: 60px;
    background: #F6F8FA;
    border-radius: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    overflow: hidden;
}
.dot-typing{
    display: block;
    position: relative;
    left: -9999px;
    width: 6px;
    height: 6px;
    border-radius: 5px;
    background-color: #7A869A;
    color: #7A869A;
    box-shadow: 9988px 0 0 0 #7A869A, 9999px 0 0 0 #7A869A, 10010px 0 0 0 #7A869A;
    animation: dotTyping 1.5s infinite linear;
}

@keyframes dotTyping {
    0% {
        box-shadow: 9988px 0 0 0 #7A869A, 9999px 0 0 0 #7A869A, 10010px 0 0 0 #7A869A;
    }
    16.667% {
        box-shadow: 9988px -10px 0 0 #7A869A, 9999px 0 0 0 #7A869A, 10010px 0 0 0 #7A869A;
    }
    33.333% {
        box-shadow: 9988px 0 0 0 #7A869A, 9999px 0 0 0 #7A869A, 10010px 0 0 0 #7A869A;
    }
    50% {
        box-shadow: 9988px 0 0 0 #7A869A, 9999px -10px 0 0 #7A869A, 10010px 0 0 0 #7A869A;
    }
    66.667% {
        box-shadow: 9988px 0 0 0 #7A869A, 9999px 0 0 0 #7A869A, 10010px 0 0 0 #7A869A;
    }
    83.333% {
        box-shadow: 9988px 0 0 0 #7A869A, 9999px 0 0 0 #7A869A, 10010px -10px 0 0 #7A869A;
    }
    100% {
        box-shadow: 9988px 0 0 0 #7A869A, 9999px 0 0 0 #7A869A, 10010px 0 0 0 #7A869A;
    }
}

.dot-spin {
    position: relative;
    width: 10px;
    height: 10px;
    border-radius: 5px;
    background-color: transparent;
    color: transparent;
    box-shadow: 0 -18px 0 0 #7A869A, 12.727926px -12.727926px 0 0 #7A869A, 18px 0 0 0 #7A869A, 12.727926px 12.727926px 0 0 rgba(152, 128, 255, 0), 0 18px 0 0 rgba(152, 128, 255, 0), -12.727926px 12.727926px 0 0 rgba(152, 128, 255, 0), -18px 0 0 0 rgba(152, 128, 255, 0), -12.727926px -12.727926px 0 0 rgba(152, 128, 255, 0);
    animation: dot-spin 1.5s infinite linear;
}
  
@keyframes dot-spin {
    0%, 100% {
      box-shadow: 0 -18px 0 0 #7A869A, 12.727926px -12.727926px 0 0 #7A869A, 18px 0 0 0 #7A869A, 12.727926px 12.727926px 0 -5px rgba(152, 128, 255, 0), 0 18px 0 -5px rgba(152, 128, 255, 0), -12.727926px 12.727926px 0 -5px rgba(152, 128, 255, 0), -18px 0 0 -5px rgba(152, 128, 255, 0), -12.727926px -12.727926px 0 -5px rgba(152, 128, 255, 0);
    }
    12.5% {
      box-shadow: 0 -18px 0 -5px rgba(152, 128, 255, 0), 12.727926px -12.727926px 0 0 #7A869A, 18px 0 0 0 #7A869A, 12.727926px 12.727926px 0 0 #7A869A, 0 18px 0 -5px rgba(152, 128, 255, 0), -12.727926px 12.727926px 0 -5px rgba(152, 128, 255, 0), -18px 0 0 -5px rgba(152, 128, 255, 0), -12.727926px -12.727926px 0 -5px rgba(152, 128, 255, 0);
    }
    25% {
      box-shadow: 0 -18px 0 -5px rgba(152, 128, 255, 0), 12.727926px -12.727926px 0 -5px rgba(152, 128, 255, 0), 18px 0 0 0 #7A869A, 12.727926px 12.727926px 0 0 #7A869A, 0 18px 0 0 #7A869A, -12.727926px 12.727926px 0 -5px rgba(152, 128, 255, 0), -18px 0 0 -5px rgba(152, 128, 255, 0), -12.727926px -12.727926px 0 -5px rgba(152, 128, 255, 0);
    }
    37.5% {
      box-shadow: 0 -18px 0 -5px rgba(152, 128, 255, 0), 12.727926px -12.727926px 0 -5px rgba(152, 128, 255, 0), 18px 0 0 -5px rgba(152, 128, 255, 0), 12.727926px 12.727926px 0 0 #7A869A, 0 18px 0 0 #7A869A, -12.727926px 12.727926px 0 0 #7A869A, -18px 0 0 -5px rgba(152, 128, 255, 0), -12.727926px -12.727926px 0 -5px rgba(152, 128, 255, 0);
    }
    50% {
      box-shadow: 0 -18px 0 -5px rgba(152, 128, 255, 0), 12.727926px -12.727926px 0 -5px rgba(152, 128, 255, 0), 18px 0 0 -5px rgba(152, 128, 255, 0), 12.727926px 12.727926px 0 -5px rgba(152, 128, 255, 0), 0 18px 0 0 #7A869A, -12.727926px 12.727926px 0 0 #7A869A, -18px 0 0 0 #7A869A, -12.727926px -12.727926px 0 -5px rgba(152, 128, 255, 0);
    }
    62.5% {
      box-shadow: 0 -18px 0 -5px rgba(152, 128, 255, 0), 12.727926px -12.727926px 0 -5px rgba(152, 128, 255, 0), 18px 0 0 -5px rgba(152, 128, 255, 0), 12.727926px 12.727926px 0 -5px rgba(152, 128, 255, 0), 0 18px 0 -5px rgba(152, 128, 255, 0), -12.727926px 12.727926px 0 0 #7A869A, -18px 0 0 0 #7A869A, -12.727926px -12.727926px 0 0 #7A869A;
    }
    75% {
      box-shadow: 0 -18px 0 0 #7A869A, 12.727926px -12.727926px 0 -5px rgba(152, 128, 255, 0), 18px 0 0 -5px rgba(152, 128, 255, 0), 12.727926px 12.727926px 0 -5px rgba(152, 128, 255, 0), 0 18px 0 -5px rgba(152, 128, 255, 0), -12.727926px 12.727926px 0 -5px rgba(152, 128, 255, 0), -18px 0 0 0 #7A869A, -12.727926px -12.727926px 0 0 #7A869A;
    }
    87.5% {
      box-shadow: 0 -18px 0 0 #7A869A, 12.727926px -12.727926px 0 0 #7A869A, 18px 0 0 -5px rgba(152, 128, 255, 0), 12.727926px 12.727926px 0 -5px rgba(152, 128, 255, 0), 0 18px 0 -5px rgba(152, 128, 255, 0), -12.727926px 12.727926px 0 -5px rgba(152, 128, 255, 0), -18px 0 0 -5px rgba(152, 128, 255, 0), -12.727926px -12.727926px 0 0 #7A869A;
    }
}
/*================ End Diff. Animation Styles =================*/

/*================ 24. Edit / Delete Dropdown Style =================*/
.action-dropdown{display: inline-block;vertical-align: middle;}
.action-dropdown .profile-btn::after{display: none;}
.action-dropdown .dropdown-menu{min-width: 110px;bottom: auto !important;}
.action-dropdown .dropdown-menu a{display: flex;align-items: center;}
.action-dropdown .dropdown-menu a i{margin-right: 10px;}
/*================ End Edit / Delete Dropdown Style =================*/

/*================ 25. Fixed Chat Boat Style =================*/
.fixed-chat-boat {
    position: fixed;
    right: 50px;
    bottom: 30px;
}
.fixed-chat-boat {
    max-width: 267px;
}
.fixed-chat-boat .btn {
    background: #fdfeff;
    border: 1px solid #d1e5ff;
    color: #303030;
    box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.04);
    border-radius: 6px;
    padding: 12px 15px 12px 100px;
    position: relative;
    text-align: start;
}
.fixed-chat-boat .btn img {
    width: 70px;
    height: 70px;
    border-radius: 100%;
    object-fit: cover;
    position: absolute;
    top: -22px;
    left: 20px;
}
/*================ End Fixed Chat Boat Style =================*/

/*================ Start 404 page Style =================*/
.page-error-sec{
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100vh;
}
.page-error-card{
    width: 50%;
    margin: 0 auto;
    padding: 60px;
    border-radius: 30px;
    box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.03);
    display: block;
}
.page-error-card p{
    max-width: 440px;
    margin: 0 auto 50px;
}
.lock {
    display: inline-block;
    position: relative;
    border-radius: 5px;
    width: 55px;
    height: 45px;
    background-color: #172B4D;
    animation: dip 1s;
    animation-delay: 1.5s;
    margin-bottom: 20px;
  }
  .lock::before, .lock::after {
    content: "";
    position: absolute;
    border-left: 5px solid #172B4D;
    height: 20px;
    width: 15px;
    left: calc(50% - 12.5px);
    box-sizing: content-box;
  }
  .lock::before {
    top: -30px;
    border: 5px solid #172B4D;
    border-bottom-color: transparent;
    border-radius: 15px 15px 0 0;
    height: 30px;
    animation: lock 2s, spin 2s;
  }
  .lock::after {
    top: -10px;
    border-right: 5px solid transparent;
    animation: spin 2s;
  }
  
  @keyframes lock {
    0% {
      top: -45px;
    }
    65% {
      top: -45px;
    }
    100% {
      top: -30px;
    }
  }
  @keyframes spin {
    0% {
      transform: scaleX(-1);
      left: calc(50% - 30px);
    }
    65% {
      transform: scaleX(1);
      left: calc(50% - 12.5px);
    }
  }
  @keyframes dip {
    0% {
      transform: translateY(0px);
    }
    50% {
      transform: translateY(10px);
    }
    100% {
      transform: translateY(0px);
    }
  }

/*================ End 404 page Style =================*/

.user-profile img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

/*================ Mentor Match ================*/
.table-top-filters {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex-wrap: wrap;
    gap: 8px;
}
.table-top-filters .btn {
	background: transparent;
	border: transparent;
	color: #202429;
	opacity: 1;
}
.title-text {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    max-width: 200px;
}
.upload-file-block {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 12px;
}
.upload-file-block .right-content {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}
.upload-file-block .right-content .large-icon-btn svg {
    display: none;
}
/*================ End Mentor Match ================*/

/*================ 26. Responsive Media Query Style =================*/
/* MEDIA :: 1400px */
@media only screen and (max-width: 1399px){
    .container{max-width: 1140px;}
    .login-content .right-content{padding: 40px 0 40px 80px;}
    .right-content .logo{margin: 0 0 40px;}
    .member-yet{margin: 70px 0 0;}
    .sign-with{margin: 40px 0 0;}
    .registration-content .left-content{padding-right: 80px;}
    .registration-content .left-content-body h2{font-size: 58px;line-height: 68px;}
    .registration-content .left-content-body h4{font-size: 28px;line-height: 36px;}
    .sidebar-menu{padding: 30px 12px;}
    .sidebar-menu .nav-link{padding: 12px;}
    .sidebar-menu .nav-link i::before{width: 21px; height: 20px;}
    .sidebar-menu .nav-link span{font-size: 14px; line-height: 17px;}
    .sidebar-menu .nav-link i{margin-right: 10px;}
    .sidebar-menu .dropdown-menu{padding: 10px 12px 20px 42px;}
    .sidebar-menu .dropdown-menu a{font-size: 13px; line-height: 15px;}
    .sidebar-menu .nav-item{margin-bottom: 16px;}
    .chat-wrapper{position: relative;}
    .chat-right-content{visibility: hidden; opacity: 0; display: block; position: absolute; left: 0; right: 0; top: 0; bottom: 0; width: 100%;}
    .chat-right-content.show{visibility: visible; opacity: 1; transition: visibility 0s, opacity 0.4s linear;}
    .rating-progress p{font-size: 12px; line-height: 15px;}
}

/* MEDIA :: 1200px */
@media only screen and (max-width: 1199px){
     h1{font-size: 48px;line-height: 60px;}
     h2,h3{font-size: 36px;line-height: 42px;}
    .container{max-width: 100%;padding: 0 12px;}
    .container .row{margin-left: 0; margin-right: 0;}
    .login-content .right-content{padding: 40px 0 40px 40px;}
    .sign-with .text-grey-1::after, .sign-with .text-grey-1::before{width: 100px;}
    .social-link li a{width: 40px;height: 40px;}
    .social-link li a svg{width: 17px;}
    .registration-content .left-content{padding-right: 40px;}
    .right-content .logo{margin: 0 0 24px;}
    .right-content .logo img,.center-card .logo img{max-width: 180px;}
    .login-form{margin: 24px 0 0;}
    .login-form .form-button-group{margin: 16px 0 0;}
    .center-card{padding: 60px;}
    .center-card .logo{margin: 0 0 32px;}
    .sidebar-menu .dropdown-menu{min-width: auto; padding: 10px 12px;}
    .module-card-item a{padding: 40px 20px;}
    .fixed-chat-boat{right: 20px;bottom: 20px;}
    .card-box .deleticon {top: 10px!important;right: 5px!important;}
    .bread-crumb-block .breadcrumb{margin-bottom: 0;}
    .review-left-content{display: flex; align-items: center; flex-wrap: wrap;}
    .review-left-content .review-left-header{width: 100%;}
    .review-left-content .review-left-body{width: 40%; border-right: 1px solid #dfe1e6; border-bottom: 0;}
    .review-left-content .review-left-footer{width: 60%;}
    .popupContainer .popImage {max-width: 400px;max-height: 400px;}
}

/* MEDIA :: 991px */
@media only screen and (max-width: 991px){
    h1{font-size: 40px;line-height: 52px;}
    h2,h3{font-size: 34px;line-height: 46px;}
    h4{font-size: 28px;line-height: 32px;}
    .title-1, .title-2, .title-3, .title-4{font-size: 18px; line-height: 24px;}
    .bread-crumb-block .breadcrumb li{padding-right: 20px; margin-right: 12px;} 
    .login-content .right-content{padding:40px 0}
    .login-content::before{width:100%;background-size:contain;background-position:bottom}
    .login-content.registration-content::after,.login-content::after{display:block;width:100%;background:#172b4d;z-index:1;opacity:.4}
    .login-content .container{position:relative;z-index:2}
    .login-content .right-content .login-body{background:#fff;border-radius:6px;padding:40px;max-width:600px;margin:auto}
    .member-yet{margin:30px 0 0}
    .sign-with .text-grey-1::after,.sign-with .text-grey-1::before{width:150px}
    .registration-content .left-content{display:none}
    .center-card{padding: 40px;}
    .sidebar-menu{position: fixed;left: -100%;transition: all .4s ease-in-out; z-index: 9;}
    .sidebar-menu.shownav{left: 0;transition: all .4s ease-in-out; box-shadow: 0 0 10rem rgb(0 0 0 / 15%); width: 35%; height: 100vh;}
    .sidebar-menu .icon-toggle{position: absolute; right: 0; top: 0; width: 30px; height: 30px; background-image: url(../images/icon_toggle_close_blue.svg); background-repeat: no-repeat; background-position: center; background-color: transparent; cursor: pointer; background-size: 14px;}
    .sidebar-menu.shownav .icon-toggle::before{display: none;}
    .sidebar-open{overflow: hidden;}
    .dashboard-header .logo{order: 2;max-width: 180px;}
    .dashboard-header i.icon-toggle{margin-right: 20px; height: 30px; width: 30px; border: 1px solid #172B4D; border-radius: 4px; display: flex; align-items: center; justify-content: center; cursor: pointer;}
    .offcanvas-end{width: 400px;}
    .offcanvas-header,.offcanvas-body{padding: 20px;}    
    .offcanvas-body .user-profile-wrap{width: 160px; height: 160px;}
    .offcanvas-body .media-header{margin: 0 -20px 20px; padding: 0 20px 20px;}
    .media-box{min-height: 105px;}
    .media-box i::before{width: 30px; height: 34px;}
    .set-up-success .center-card .logo{margin: 0 0 24px;}
    .module-card-item a{max-width: 100%;}
    .module-card-group{width: 100%;flex-wrap: wrap;}
    .module-card-item{width: 50%;margin: 0;padding: 0 12px 24px;}
    .choose-module{padding: 40px 0;}
    .module-card-item svg{width: 60px;height: auto;}
    .choose-module .logo img{max-width: 180px;}
    .dashboard-details.user-edit-details {padding-bottom: 40px!important;}
    .review-right-body .review-card{position: relative; padding: 20px;}
    .review-action-group{position: absolute;right: 30px;top: 30px;}
    .review-right-content{height: auto;}
    .review-right-header{padding: 14px 20px;}
    .review-right-body .review-card p{margin-bottom: 10px;}
}

/* MEDIA :: 767px */
@media only screen and (max-width: 767px){
    h1{font-size: 36px;line-height: 44px;}
    h2,h3{font-size: 32px;line-height: 42px;}
    h4{font-size: 26px;line-height: 30px;}
    h5{font-size: 24px;line-height: 30px;}
    h6{font-size: 20px;line-height: 28px;}
    .mb-30, .mb-40{margin-bottom: 20px;}
    .mt-30, .mt-40{margin-top: 20px;}
    .pb-40, .pb-30, .pb-50{padding-bottom: 20px;}
    .pt-30, .pt-40, .pt-50{padding-top: 20px;}  
    .py-60{padding: 40px 0;}  
    .body-normal, .large-icon-btn-link, .body-medium{font-size: 14px; line-height: 17px;}
    .title-2, .title-3, .body-large, .title-4{font-size: 16px; line-height: 22px;}
    .small-btn,.medium-btn,.large-btn{padding: 10px 20px;}
    .small-icon-btn,.medium-icon-btn,.large-icon-btn{padding: 9px 20px;}
    .small-icon-btn svg, .medium-icon-btn svg, .large-icon-btn svg, .large-btn svg, .medium-btn svg, .small-btn svg, .large-btn i::before, .medium-btn i::before, .small-btn i::before, .small-icon-btn i::before, .medium-icon-btn i::before, .large-icon-btn i::before{width: 20px;height: 20px;}
    .large-btn i, .medium-btn i, .small-btn i, .small-icon-btn i, .medium-icon-btn i, .large-icon-btn i{margin-right: 4px;}
    .center-card{min-width: 600px;max-width: 100%;}
    .sidebar-menu.shownav{width: 45%;}
    .table-block{width: 100%; white-space: nowrap; overflow-x: auto;}   
    .chatboard{padding: 24px;}
    .chatboard-header .chat-user-detail{gap: 16px;}
    .chat-user-detail .user-profile img{width: 50px; height: 50px;}
    .chat-list li .message-box p{font-size: 16px; line-height: 22px;}
    .chat-list li .message-box {padding: 10px 25px;}
    .module-card-item a{padding: 30px 30px 20px;}
    .dashboard-details.user-edit-details {padding-bottom: 40px!important;}
    .review-left-header, .review-left-body,.review-left-footer,.review-right-body .review-card,.review-right-header{padding: 20px;}
    .review-action-group{right: 20px; top: 20px;}
    .review-popup .modal-dialog {width: 100%;min-width: 0;}
    .review-popup-question .modal-dialog {min-width: 0;width: 100%;}
    .payment-successful .modal-dialog {max-width: 550px;}
    .quote-sub-price .form-group {width: 30%;}
    .page-error-card{padding: 35px;}
    .chat-list .chat-image-upload {max-width: 150px;padding: 10px 15px 10px 10px;}
    .chat-list .chat-file-upload {padding: 10px 20px;}
    .chat-list .chat-file-upload .file-upload-name {font-size: 16px;line-height: 22px;}
    .popupContainer .popImage {max-width: 300px;max-height: 300px;}
    .popupContainer .popUpBackground.active::after {font-size: 40px;top: 30px;right: 30px;}
    .chat-list li .message-box .dropdown-menu.show {top: 42px !important;}
    .chat-dots {top: 11px;right: 7px;}
    .chat-image-upload .chat-dots {right: 3px;}
}

/* MEDIA :: 640px */
@media only screen and (max-width: 640px){
    .container .row{margin-left:-12px; margin-right: -12px;}
    h1{font-size: 30px;line-height: 42px;}
    h2,h3{font-size: 26px;line-height: 36px;}
    h4{font-size: 22px;line-height: 30px;}
    h5{font-size: 20px;line-height: 30px;}
    h6{font-size: 18px;line-height: 28px;}
    .title-2, .title-3, .body-large,.title-4,.text-link{font-size: 14px; line-height: 17px;}
    .body-extra-small{font-size: 11px; line-height: 14px;}
    .small-btn,.medium-btn,.large-btn{padding: 8px 16px;font-size: 14px;}
    .small-icon-btn,.medium-icon-btn,.large-icon-btn{padding: 7px 16px;font-size: 14px;}
    .mr-20{margin-right: 12px;}
    .login-content .right-content{padding: 40px 12px;}
    .sign-with .text-grey-1::after, .sign-with .text-grey-1::before{width: 80px;}
    .login-content .right-content .login-body{padding: 30px;}
    .social-link li a{width: 32px;height: 32px;}
    .social-link li a svg{width: 15px;}
    .social-link{margin: 16px 0 0;}
    .sign-with{margin: 24px 0 0;}
    .right-content .logo img,.center-card .logo img{max-width: 150px;}
    .right-content .logo,.center-card .logo{margin: 0 0 20px;}
    .center-card{min-width: 440px;padding: 30px;}
    .back-to-login{font-size: 12px;margin: 16px 0 0;}
    .back-to-login.medium-icon-btn-link svg{width: 12px;margin-right: 8px;}
    input, select, textarea, .select2-container .select2-selection--multiple, .select2-container .select2-selection--single .select2-selection__rendered,.select-styled{padding: 11px 16px;}
    .select{height: 40px;}
    .selectCF .searchCF{padding: 9px 16px;}
    .selectCF .titleCF{padding: 10px 16px;}
    .select-styled:after,.selectCF .titleCF::after{right: 11px;}
    .searchbar.front-icon input{padding: 11px 16px 11px 40px;}
    .searchbar.back-icon input{padding: 11px 40px 11px 20px;}
    .searchbar.back-icon .icon-search{right: 15px;}
    .searchbar.front-icon .icon-search{left: 15px;}
    .searchbar .icon-search{top: 11px;}
    .login-form .form-group,.form-group{margin: 0 0 16px;}
    label{margin: 0 0 6px;}
    .sidebar-menu.shownav{width: 60%;}
    .notification-btn{margin-right: 15px;}
    .notification-dropdown .dropdown-menu li{padding: 10px 20px 10px 10px;}
    .notification-dropdown li .pending-read{right: 10px;}
    .notification-preview{width: 30px; height: 30px; margin-right: 8px;}
    .notification-preview .notification-time{font-size: 12px;}
    .profile-btn .user-name{margin-right: 6px;}
    .logo img{max-width: 120px;}
    .dashboard-header i.icon-toggle{margin-right: 15px;}
    .dashboard-header{padding: 12px;}
    .profile-btn .user-name{display: none;}
    .card{padding: 15px;}
    .card .pill{padding: 3px 12px; font-size: 12px; line-height: 16px;}
    .card-review-detail li{flex-direction: column; gap: 8px;}
    .card-review-detail li > span, .card-review-detail li > p{width: 100%;}
    .chat-list li p{font-size: 14px; line-height: 17px;}
    .chat-list .day-time{font-size: 12px; line-height: 16px;}
    .chatboard{padding: 16px 12px;}
    .chat-list li .message-box p{font-size: 14px; line-height: 17px;}
    .chat-list li .message-box {padding: 10px 20px;}
    .chat-dots {top: 12px;right: 3px;}
    .chat-dots .icon-action-dott::before {width: 15px;height: 15px;}
    .small-icon-btn-link svg, .medium-icon-btn-link svg, .large-icon-btn-link svg, .small-icon-btn-link i::before, .medium-icon-btn-link i::before, .large-icon-btn-link i::before{width: 18px; height: 18px;}
    .notification-dropdown .dropdown-menu .dropdown-header{padding: 12px;}
    .form-error-massage{margin: 24px 0 0;}
    .detailed-content p{margin-bottom: 16px;}
    .bread-crumb-block .breadcrumb{margin-bottom: 0;}
    .bread-crumb-block .breadcrumb i::before{width: 18px; height: 18px;}
    .notification-btn span.count{width: 15px; height: 15px; font-size: 10px; line-height: 15px; right: -4px;}
    .offcanvas-end{width: 300px;}
    .offcanvas-header,.offcanvas-body,.commercial-info-box{padding: 12px;}    
    .offcanvas-body .user-profile-wrap{width: 120px; height: 120px;}
    .offcanvas-body .media-header{margin: 0 -12px 16px; padding: 0 12px 16px;}
    .media-box{min-height: 82px;}
    .media-box i::before{width: 18px; height: 22px;}
    .media-box p{font-size: 10px; line-height: 13px; display: -webkit-box; -webkit-box-orient: vertical; overflow-y: hidden; -webkit-line-clamp: 1;}
    .media-box span{font-size: 10px; line-height: 13px;}
    .commercial-info-row{gap: 12px;}
    .media-block-row{margin: 0 -4px;}
    .media-block-col{padding: 0 4px 8px;}
    .btn-close{background-size: 12px;}
    .successful-image{max-width: 46px;}
    .successful-image{margin: 0 auto 16px;}
    .back-to-login.member-yet{margin: 16px 0 0;}
    .login-form .verify-group input{width: 40px;height: 40px;}
    .module-card-item .hiden-text,.module-card-item .title-2, .module-card-item svg{opacity: 1;transform: none !important;}
    .module-card-item a:hover svg path{fill: #fff;}
    .module-card-item a:hover {background: #0070FF;border: 1px solid #0070FF;}
    .module-card-item a:hover p{color: #fff;}
    .module-card-item a{padding: 20px;}
    .module-card-item svg{width: 50px;margin: 0 0 10px;}
    .choose-module-center{padding: 0;overflow-y: auto;}
    .choose-module{padding: 30px 0;}
    .choose-module .logo{padding-bottom: 30px;}
    .choose-module .member-yet{padding-top: 30px;}
    .module-card-group{margin: 24px 0 0;}
    input[type="date"]{padding: 11px 16px;}
    .action-list .action-dropdown{margin-left: 16px;}
    .delete-modal .modal-dialog{max-width: 430px;}
    .delete-modal .modal-content{padding: 30px;}
    .select2-container .select2-selection--multiple, .select2-container .select2-selection--single .select2-selection__rendered{height: 40px;padding: 4px 36px 4px 16px;}
    .select2-results__options .select2-results__option:before{width: 20px;height: 20px;margin-right: 8px;}
    .select2-results__options .select2-results__option[aria-selected=true]:before{background-size: 18px 10px;}
    .dashboard-details.user-edit-details {padding-bottom: 40px!important;}
    .popup-heading{padding-bottom: 15px; margin-bottom: 15px;}
    .modal-content{padding: 0;}
    .modal-dialog{max-width: 94%;}
    #offerAcceptModal .modal-content{padding: 15px;}
    #offerAcceptModal .modal-dialog{max-width: 90%;}
    .modal-header .btn-close{top: 15px; right: 15px;}
    .form-check-input[type="checkbox"]{width: 16px; height: 16px;}
    .form-check-input[type="radio"]{width: 16px; height: 16px;}
    .pdf-view-box i::before{width: 18px; height: 20px;}
    .review-right-body .top-group{margin-bottom: 14px !important;}
    .review-right-content .table-count-filter{padding: 0;}
    .review-left-header, .review-left-body, .review-left-footer, .review-right-body .review-card, .review-right-header{padding: 12px;}
    .star-group i::before, .star-group i::before{width: 18px; height: 18px;}
    .review-right-body .star-group i::before{width: 16px; height: 16px;}
    .review-left-body .rating-group .item{margin-right: 20px;}
    .review-left-content .review-left-body{width: 36%;}
    .review-action-group{right: 12px; top: 12px;}
    .review-right-header .selectCF{max-width: 80%; margin-right: 0;}
    .review-right-header .selectCF .titleCF{max-width: 100%;}
    .upload-process .dropzone .dz-preview{padding: 8px; gap: 8px;}
    .upload-process .icon-pdf-red::before{width: 18px; height: 20px;}
    .upload-process .dropzone .dz-preview .dz-remove{right: 8px;}
    .upload-process .dropzone .dz-preview .dz-details .dz-filename span, .upload-process .dropzone .file-data span{font-size: 12px; line-height: 15px;}
    .upload-process .dropzone .dz-preview .dz-remove{top: 11px;}
    .make-payment-modal .modal-content {padding: 30px;}    
    .review-popup .modal-body p {font-size: 18px;line-height: 21px;}
    .review-popup .modal-body a {padding: 10px;}
    .payment-successful .modal-dialog {max-width: 94%;}
    .payment-successful .modal-body a {padding: 10px 15px;}
    .quote-sub-price {flex-wrap: wrap;}
    .quote-sub-price .form-group {width: 100%;}
    .quote-sub-price span {padding-bottom: 16px;}
    .page-error-card{width: 60%;}
    .lock{margin-top: 20px;}
    .chat-box{padding: 20px 0;}
    .chat_icons .mr-28{margin-right: 12px;}
    .chat_icons i:before, .chat-send .attachment i:before{width: 20px; height: 20px;}
    .msg-body{height: calc(100% - 190px);}
    .chat-send input{padding: 12px 80px 12px 40px;}
    .chat-send .attachment{left: 12px;}
    .chat_icons{right: 12px;}
    .chat-list .chat-file-upload {padding: 10px 18px;}
    .chat-list .chat-file-upload .file-upload-name {font-size: 14px;line-height: 17px;}
    .chat-file-upload .icon-pdf-red-white::before, .chat-file-upload .icon-doc-blue::before, .chat-file-upload .icon-xls-green::before {width: 26px;height: 30px;}
    .chat-list li .message-box .dropdown-menu.show {top: 37px !important;min-width: 70px;padding: 0;}
    .chat-list .chat-image-upload .dropdown-menu.show {bottom: -37px !important;}
    .chat-list .chat-file-upload .dropdown-menu.show {bottom: -37px !important;}
    .chat_icons .emojionearea-button {width: 20px;height: 20px;right: 16px;}
    .chat_icons .emojionearea-button > div {width: 20px;height: 20px;background-size: 20px !important;}
    .chat_icons .emojionearea-button.active > div {width: 20px;height: 20px;background-size: 20px !important;}
    .chat_icons .emojionearea-picker.emojionearea-picker-position-top {right: -28px;}
    .chat_icons .emojionearea-filters .emojionearea-filter {width: 24px;height: 24px;}
    .chat_icons .emojionearea-filters .emojionearea-filter::before {width: 24px;height: 24px;display: none;}
    .chat_icons .emojibtn::before {display: none;}
    /* Mentor Match */
    .table-top-align input.col-6 {
        width: 100%;
        margin-bottom: 18px;
    }
}

/* MEDIA :: 480px */
@media only screen and (max-width: 480px){
    h1{font-size: 28px;line-height: 36px;}
    h2,h3{font-size: 22px;line-height: 32px;}
    h4{font-size: 20px;line-height: 30px;}
    h5{font-size: 18px;line-height: 28px;}
    h6{font-size: 16px;}
    .login-content .right-content .login-body{padding: 20px;}
    .member-yet p,.member-yet p a,.forgot-password-group .medium-icon-btn-link{font-size: 12px;}
    .sign-with .text-grey-1::after, .sign-with .text-grey-1::before{width: 50px;}
    .social-link li a{width: 24px;height: 24px;}
    .social-link li a svg{width: 13px;}
    .social-link {margin: 10px 0 0;}
    .center-card{min-width: 300px;padding: 20px;}
    .center-card h4{margin: 0 0 10px;}
    .center-card .logo{margin: 0 0 16px;}
    .sidebar-menu.shownav{width: 90%;}
    .profile-btn img {margin-right: 4px;}
    .notification-dropdown .dropdown-menu{width: 300px; }
    .chat-user-list-block .block-title{padding: 16px;}
    .chat-user-list li{padding: 0 16px;}
    .chat-user-list li .chat-list-item{padding: 16px 0; gap: 8px;}
    .chat-list-item .user-profile img{width: 30px; height: 30px;}
    .chat-list-item .chat-user-info{width: calc(100% - 38px);}
    .chat-list-item .chat-user-info .time, .chat-list-item .chat-user-info .chat-preview{font-size: 12px; line-height: 16px;}
    .chat-list-item .chat-user-info .pending-view-msg{width: 16px; height: 16px; font-size: 12px; line-height: 16px; min-width: 16px;}
    .chat-list-item .chat-user-info .time{white-space: nowrap;}
    .chatboard .chatboard-header{flex-direction: column; align-items: flex-start; gap: 15px;}
    .chatboard .chatboard-header .large-icon-btn{padding: 4px 10px;}
    .chat-list li .message-box{max-width: 85%;}
    .set-up-success .center-card .logo{margin: 0 0 18px;}
    .login-form .verify-group input{width: 32px;height: 32px;font-size: 16px;margin: 0 8px;}
    .login-form .form-group.verify-group{margin: -4px 0 10px;}
    .module-card-item{width: 100%;padding: 0 0 24px;}
    .module-card-item a{min-height: 100% !important;}
    .delete-modal .modal-dialog{max-width: 300px;}
    .modal-btn-group{grid-gap: 10px;    flex-direction: column;}
    .delete-modal .modal-content{padding: 26px;}
    .fixed-chat-boat .btn{font-size: 0px;padding: 0;width: 50px;height: 50px;display: flex;align-items: center;justify-content: center;}
    .fixed-chat-boat .btn img{position: static;width: 46px;height: 46px;margin: 0;}
    .pt-50{padding-top: 25px;}    
    .pb-50 {padding-bottom: 25px;}
    .dashboard-details.user-edit-details {padding-bottom: 40px!important;}
    .form-group { margin: 16px 0 16px;}
    .card .text-link{font-size: 12px; line-height: 15px;}
    .review-right-body .top-group{flex-direction: column;}
    .review-right-body .profile-detail{flex-direction: column;}
    .review-left-content .review-left-body, .review-left-content .review-left-footer{width: 100%;}
    .review-left-content .review-left-body{border-right: 0; border-bottom: 1px solid #dfe1e6;}
    .rating-progress p:last-child{width: 20%;}
    .review-right-header .selectCF{max-width: 70%;}
    .rating-label {margin-right: 20px;}
    .modal-body-top {flex-direction: column;}
    .modal-body-top p {margin: 0 0 10px;}
    .quote-sub-price {padding-top: 16px;}
    .quote-sub-price .form-group {width: 100%; margin-top: 0;}
    .inspection-date {flex-direction: column; padding-top: 0;}
    .inspection-from-group {flex-wrap: wrap;} 
    .page-error-card {width: 80%;}
    .chat-list .chat-image-upload {max-width: 100px;padding: 5px 13px 5px 5px;}
    .popupContainer .popImage {max-width: 200px;max-height: 200px;}
    .chat-image-upload .chat-dots {right: 0;}
    .chat-list .chat-image-upload .dropdown-menu.show {min-width: 70px;padding: 0;bottom: -21px !important;}
    .chat-list .chat-file-upload {max-width: 150px;padding: 5px 10px 5px 5px;}
    .chat-list .chat-file-upload .dropdown-menu.show {min-width: 70px;padding: 0;bottom: -21px !important;}
    .msg-body {height: calc(100% - 230px);}
    .chat_icons .emojionearea-picker {width: 295px;}
    .chat_icons .emojionearea-picker .emojionearea-wrapper {width: 295px;}
    .chat_icons .emojionearea-picker.emojionearea-picker-position-top {right: -43px;}
    .chat_icons .emojionearea-picker.emojionearea-picker-position-top .emojionearea-wrapper::after {right: 58px;}
    .chat_icons .emojionearea-picker .emojionearea-search > input {width: 150px;}
    .chat_icons .emojionearea-picker .emojionearea-tones {width: 110px;}
    /* Mentor Match */
    /* .table-top-filters .check-group {
        width: 100%;
    } */
}
/*================ End Responsive Media Query Style =================*/

#progress-wrp {
    border: 1px solid #0099CC;
    padding: 1px;
    position: relative;
    border-radius: 3px;
    margin: 10px;
    text-align: left;
    background: #fff;
    box-shadow: inset 1px 3px 6px rgba(0, 0, 0, 0.12);
    }
    #progress-wrp .progress-bar{
        height: 20px;
        border-radius: 3px;
        background-color: #f39ac7;
        width: 0;
        box-shadow: inset 1px 1px 10px rgba(0, 0, 0, 0.11);
    }
    #progress-wrp .status{
        top:3px;
        left:50%;
        position:absolute;
        display:inline-block;
        color: #000000;
    }
    .chat-message{
        height: 100px !important;
        width: 100px !important;
    }

.error-text{
    display: block;
    text-align: left;
    margin-top: 5px;
}