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

@font-face {
font-family: 'Gilroy';
src: url('../fontsv/Gilroy-SemiBold.eot');
src: url('../fontsv/Gilroy-SemiBold.eot?#iefix') format('embedded-opentype'),
url('../fontsv/Gilroy-SemiBold.woff2') format('woff2'),
url('../fontsv/Gilroy-SemiBold.woff') format('woff'),
url('../fontsv/Gilroy-SemiBold.ttf') format('truetype'),
url('../fontsv/Gilroy-SemiBold.svg#Gilroy-SemiBold') format('svg');
font-weight: 600;
font-style: normal;
}

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

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

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

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

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

@font-face {
    font-family: 'Source Sans Pro';
    src: url('../fontsv/SourceSansPro-Light.eot');
    src: url('../fontsv/SourceSansPro-Light.eot?#iefix') format('embedded-opentype'),
        url('../fontsv/SourceSansPro-Light.woff2') format('woff2'),
        url('../fontsv/SourceSansPro-Light.woff') format('woff'),
        url('../fontsv/SourceSansPro-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Source Sans Pro';
    src: url('../fontsv/SourceSansPro-Regular.eot');
    src: url('../fontsv/SourceSansPro-Regular.eot?#iefix') format('embedded-opentype'),
        url('../fontsv/SourceSansPro-Regular.woff2') format('woff2'),
        url('../fontsv/SourceSansPro-Regular.woff') format('woff'),
        url('../fontsv/SourceSansPro-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Source Sans Pro';
    src: url('../fontsv/SourceSansPro-Bold.eot');
    src: url('../fontsv/SourceSansPro-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fontsv/SourceSansPro-Bold.woff2') format('woff2'),
        url('../fontsv/SourceSansPro-Bold.woff') format('woff'),
        url('../fontsv/SourceSansPro-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Source Sans Pro';
    src: url('../fontsv/SourceSansPro-Semibold.eot');
    src: url('../fontsv/SourceSansPro-Semibold.eot?#iefix') format('embedded-opentype'),
        url('../fontsv/SourceSansPro-Semibold.woff2') format('woff2'),
        url('../fontsv/SourceSansPro-Semibold.woff') format('woff'),
        url('../fontsv/SourceSansPro-Semibold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: 'Source Sans Pro';
    src: url('../fontsv/SourceSansPro-Semibold.eot');
    src: url('../fontsv/SourceSansPro-Semibold.eot?#iefix') format('embedded-opentype'),
        url('../fontsv/SourceSansPro-Semibold.woff2') format('woff2'),
        url('../fontsv/SourceSansPro-Semibold.woff') format('woff'),
        url('../fontsv/SourceSansPro-Semibold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: 'Roboto';
    src: url('../fontsv/Roboto-Thin.eot');
    src: url('../fontsv/Roboto-Thin.eot?#iefix') format('embedded-opentype'),
        url('../fontsv/Roboto-Thin.woff2') format('woff2'),
        url('../fontsv/Roboto-Thin.woff') format('woff'),
        url('../fontsv/Roboto-Thin.ttf') format('truetype');
    font-weight: 100;
    font-style: normal;
}

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

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

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

@font-face {
    font-family: 'Roboto';
    src: url('../fontsv/Roboto-Bold.eot');
    src: url('../fontsv/Roboto-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fontsv/Roboto-Bold.woff2') format('woff2'),
        url('../fontsv/Roboto-Bold.woff') format('woff'),
        url('../fontsv/Roboto-Bold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
}

* {box-sizing: border-box;margin: 0px;padding: 0px;}
body {margin: 0px;background: #fff;font-weight: normal;font-size: 14px;line-height: 1;font-family: 'Roboto';}
a, a:hover, a:focus {outline: none; text-decoration: none;}
button:focus, input:focus, select:focus {outline: none !important;  box-shadow: inherit !important;}
ul {padding: 0; margin: 0;}
li {list-style: none;}
.container {
    max-width: 1150px;
    width: 100%;
}

.gradientBtn {background: linear-gradient(0deg, #33155D 11.07%, #401777 97.35%);border: 1px solid #D0D0D1;border-radius: 4px; transition: 0.9s;}

/********** HEADER ****************/
.main {padding-top: 70px;}
.headerMain {position: fixed; top: 0;left: 0; width: 100%; background: #fff; z-index: 10;}
.sticky .headerMain {box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3);}
.header .container, .dashboardSec .container{max-width: 1134px; width: 100%; }
.headerInner {display: flex; }
.headerInner .logo {margin-right: auto; padding: 9px 0 9px;}
.menuRight {display: flex; justify-content: flex-end;}
.menuRow .menu {margin: 0px; display: flex;}
.mobileMenuBtn {display: none;}
.menuRow > ul > li {list-style: outside none none;margin: 0 10px;padding: 0; display: inline-flex;}
.menuRow > ul > li > a { padding: 27px 0 25px; color: #65606C; position: relative; font-weight: 600; font-size: 15px; line-height: 18px; letter-spacing: 1px; text-decoration: none;}
.menuRow > ul > li > a:before, .menuRow a:after {position: absolute;-webkit-transition: all 0.35s ease;transition: all 0.35s ease;}
.menuRow > ul > li > a:before {bottom: 0;display: block;height: 3px;width: 0%;content: "";background-color: #2D1553;}
.menuRow > ul > li > a:after {left: 0;top: 0px;padding: 27px 0 25px;position: absolute;content: attr(data-hover);color: #2D1553;letter-spacing: 1px;white-space: nowrap;max-width: 0%;font-weight: 600;font-size: 15px;line-height: 18px;overflow: hidden;}
.menuRow > ul > li > a:hover:before, .menuRow .active a:before {opacity: 1;width: 100%;}
.menuRow > ul > li > a:hover:after, .menuRow .active a:after {max-width: 100%;}

.dropdown-submenu > ul > li > a { padding: 18px 24px 17px; display: flex; align-items: center; font-weight: 600; font-size: 14px; line-height: 20px; color: #8591b0; border-bottom: 1px solid #E6EAEE; transition: all 0.3s ease-in-out; }
.dropdown-submenu > ul > li a:hover {color: #2D1553;}
.dropdown-submenu > ul > li:last-child a{border-bottom:0px;}
.dropdown-submenu > ul > li a .listIcon {margin-right: 12px; } 
.dropdown-submenu > ul > li a .listIcon svg path, .headerUserBtn .userDropdown li a .listIcon svg rect {transition: all 0.3s ease-in-out; stroke: #8591B0;}
.dropdown-submenu > ul > li a:hover .listIcon svg path, .headerUserBtn .userDropdown li a:hover .listIcon svg rect {stroke: #2D1553;}

.headerTaskBtn {padding: 11px 0 11px 11px;}
.headerTaskBtn .btn {color: #33155D;font-weight: 600;font-size: 15px;line-height: 18px; padding: 14px 26px 13px 27px; background: transparent; border: 1px solid #33155D;border-radius: 4px; transition: all 0.4s ease-in-out;}
.headerTaskBtn .btn:hover {background: #33155D; color: #fff;}

.headerUserBtn {padding: 17px 0 17px 39px;}
.headerUserBtn .dropdown {display: flex; align-items: center;}
.headerUserBtn .userThumb {cursor: pointer; height: 36px; width: 36px; overflow: hidden; border-radius: 50%; display: block; filter: drop-shadow(0px 10px 20px rgba(154, 154, 154, 0.465948));}
.userThumb img {width: 100%; height: 100%; object-fit: cover; object-position: top;}
.headerUserBtn .dropdown-toggle {padding: 0px; margin: 0px; border: 0px; margin-left: 11px;}
.headerUserBtn .dropdown-toggle::after {display: none;}
.headerUserBtn .userDropdown  {background: #fff; padding: 10px 0; border: 1px solid #E6EAEE;border-radius: 4px;margin-top: 10px;z-index: 10; width: 220px; top: 100% !important; left: 6px !important; transform: translate3d(0, 0, 0px) !important;}
.headerUserBtn .userDropdown::after {     content: "";position: absolute;top: -11px;left: 34px;height: 20px;width: 20px;border-left: 1px solid #E6EAEE;z-index: -1000;transform: rotate(45deg);border-top: 1px solid #E6EAEE;background: #fff;}
.headerUserBtn .userDropdown li a {padding: 18px 24px 17px; display: flex; align-items: center; font-weight: 600;font-size: 14px;line-height: 20px; color: #8591b0; border-bottom:1px solid #E6EAEE; transition: all 0.3s ease-in-out;}
.headerUserBtn .userDropdown li a:hover {color: #2D1553;}
.headerUserBtn .userDropdown li:last-child a{border-bottom:0px;}
.headerUserBtn .userDropdown li a .listIcon {margin-right: 12px; } 
.headerUserBtn .userDropdown li a .listIcon svg path, .headerUserBtn .userDropdown li a .listIcon svg rect {transition: all 0.3s ease-in-out; stroke: #8591B0;}
.headerUserBtn .userDropdown li a:hover .listIcon svg path, .headerUserBtn .userDropdown li a:hover .listIcon svg rect {stroke: #2D1553;}
/******** BANNER ******/
.banner-img {position: relative;}
.banner-img img {width: 100%;}
.banner-img a img { height: 25px; width: 25px; position: relative; top: -1px; }
.banner-img:after {background: rgba(0, 0, 0, 0.713344);opacity: 0.5; content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.banner-details {position: absolute;top: 50%;text-align: center;width: 100%;transform: translate(0, -50%);left: 0;z-index: 9;}
.banner-text {max-width: 495px;margin: 0 auto 24px;}
.banner-text p {font-weight: 600;font-size: 14px;line-height: 36px;color: #FFFFFF;mix-blend-mode: normal;opacity: 0.84;}
.banner-text h1 {font-weight: 600;font-size: 36px;line-height: 46px;color: #FFFFFF;}
.banner-btn {max-width: 86%;margin: 0 auto;}
.banner-btn {max-width: 86%;margin: 0 auto;}
.banner-btn a {background: #FFFFFF;border-radius: 4px;font-weight: 500;font-size: 14px;line-height: 16px;text-align: center;letter-spacing: 0.0526496px;padding: 15px 22px;color: #33155D;margin:20px 10px 0;display: inline-block;box-shadow: 0px 5px 13px rgba(51, 21, 93, 0.311623);}
.banner-search {max-width: 650px;margin: 0 auto;}
.banner-form {width: 100%; margin-top: 20px;position: relative; }
.bannerSearchGroup {display: flex; padding:15px 0;background: #FFFFFF;box-shadow: 0px 2px 14px rgba(0, 0, 0, 0.0883435);border-radius: 4px; overflow: hidden;}
.bannerSearchGroup .categorySelect {flex: 0 0 182px; }
.bannerSearchGroup .categorySelect .form-control {border-radius: 0px;border: none; height: 30px; padding: 0px 22px;font-size: 19px;letter-spacing: 1px;line-height: 22px; color: #000000;font-family: 'Roboto';-webkit-appearance: none;-moz-appearance: none;appearance: none;  background: url(../imagesv/select-arrow.svg) right 22px center no-repeat;}
.bannerSearchGroup .categorySelect .form-control:focus {box-shadow: none;}
.bannerSearchGroup .drope-search {flex: 1 1 auto; margin-left: -1px;}
.bannerSearchGroup .drope-search .form-control {border-radius: 0px;border: none;height: 30px; padding: 0px 10px 0 54px;font-size: 19px;letter-spacing: 1px;line-height: 22px; color: #000000;font-family: 'Roboto'; border-left: 1px solid rgba(151, 151, 151, 0.2); background: url(../imagesv/search-icon.svg) left 21px center no-repeat;}
.bannerSearchGroup .drope-search .form-control:focus {box-shadow: none;}
.banner-form .searchFilterItems {position: absolute; top: 100%; left: 0; width: 100%; background: #FFFFFF;box-shadow: 0px 2px 14px rgba(0, 0, 0, 0.0883435);border-radius: 4px; margin-top: -5px; padding: 10px 0 26px; display: none;}
.searchFilterItems [data-filter-item] {display: none;}
.searchFilterItems .showSuggestions, .searchFilterItems.showSuggestions {display: block;}
.searchFilterItems .searchFilterOption {display: flex; align-items: center; padding: 10px 30px 10px 28px;}
.searchFilterItems .searchFilterOption .thumb {height: 63px; width: 63px; overflow: hidden; border-radius: 50%;}
.searchFilterItems .searchFilterOption p {font-weight: 500;font-size: 18px;line-height: 21px;color: #354052; margin: 0px; padding-left: 20px;}
.searchFilterItems .searchFilterOption label {font-weight: 600;font-size: 14px;line-height: 17px; color: #8591B0; margin: 0 0 0 auto;}
/****** Popular ********/
.hm-popular {padding: 70px 0 60px;background: linear-gradient(339.11deg, #EEF1F6 3.21%, #FCFDFD 92.88%);}
.page-title {width: 100%;text-align: center;}
.page-title h2 {font-weight: 600;font-size: 40px;line-height: 48px;color: #354052;}
.page-title p {font-weight: 500;font-size: 18px;line-height: 28px;letter-spacing: 0.5px;color: #8591B0;max-width: 520px; width: 100%; margin: 0 auto;}
.popular-box {margin-top: 54px;} 
.popular-box > .row .colItem {padding: 0 10px;}
.popular-content {display: flex;flex-wrap: wrap; margin: 0 -5px 0 -12.5px;} 
.popular-col {width: 50%;padding:0 12.5px;margin-bottom: 17px;}
.popular-col:nth-child(even) {margin-right:0px;}
.popular-details h3 {font-weight: 600;font-size: 16px;line-height: 22px;color: #354052;margin: 0 0 10px;}
.popular-icon img {border-radius: 4px;}	
.popular-details p {font-weight: 500;font-size: 14px;line-height: 23px;color: #8591B0; margin: 0;}
.popular-img img {background: linear-gradient(325.3deg, #7956EC 0%, #2FB9F8 100%);box-shadow: 0px 6px 12px rgba(32, 33, 39, 0.08);border-radius: 12px; max-width: 100%; width: 100%; height: auto;}
.popularSlider .owl-nav, .popularSlider .owl-nav.disabled {display: block;display: flex;justify-content: flex-end;margin-top: 31px;}
.popularSlider .owl-nav [class*=owl-] {width: 50px;height: 50px;background: #FFFFFF;border-radius: 50%;margin: 0px;font-size: 0px;}
.popularSlider .owl-nav .owl-prev {background-image: url(../imagesv/left-arrow-icon.svg); background-position: center; background-repeat: no-repeat;}
.popularSlider .owl-nav .owl-next {background-image: url(../imagesv/right-arrow-icon.svg); background-position: center; background-repeat: no-repeat;margin-left: 40px;}

/********* How It Works ***********/
.hm-works {padding: 70px 0 60px;} 
.work-box {margin-top: 60px;text-align: center;}
.work-icon img {box-shadow: 0px 6px 12px rgba(32, 33, 39, 0.08);}
.work-col  {background: #FFFFFF;box-shadow: 0px 1px 3px rgba(32, 33, 39, 0.12);border-radius: 4px; padding: 58px 29px;}
.work-col h2 {font-weight: 600;font-size: 20px;line-height: 25px;color: #354052;margin-top: 34px;}
.work-col p {font-weight: 500;font-size: 14px;line-height: 23px;color: #8591B0; margin: 0px;}

/********* Task ***********/
.hm-task {padding: 70px 0 60px;background: linear-gradient(332.08deg, #EEF1F6 3.21%, #FCFDFD 92.88%);}
.task-box {margin-top: 60px;text-align: center;}
.task-col {display: block;width: 100%;background: #fff;margin-bottom: 30px;}
.task-col .task-img img {max-width: 100%; width: 100%; height: auto;}
.task-details {padding: 18px 46px 30px;}
.task-details h2 {font-weight: 600;font-size: 20px;line-height: 25px;color: #354052;}
.task-details p {font-weight: 500;font-size: 14px;line-height: 23px;color: #8591B0;}
.btn-row a { font-weight: 600;font-size: 14px;line-height: 17px;text-align: center;letter-spacing: 0.0526496px;color: #FFFFFF;padding: 15px 37px 14px;margin-top: 10px;display: inline-block;}

/************************/
.hm-app {padding: 70px 0 60px;background: linear-gradient(180deg, #FFFFFF 24.36%, #F7F7F7 93.67%);}
.app-img img {width: 100%;}
.app-box {margin-top: 60px;}
.app-col h2 {font-weight: 600;font-size: 20px;line-height: 25px;color: #354052;}
.app-col p {font-weight: 500;font-size: 14px;line-height: 23px;color: #8591B0;}
.app-icon {background: #ebe7ef;border-radius: 50%;height: 60px;width: 60px;display: flex;align-items: center;justify-content: center;margin-bottom: 26px;}
.app-col {background: #FFFFFF;box-shadow: 0px 10px 50px rgba(7, 42, 68, 0.04);border-radius: 15px;padding: 40px 30px 46px;margin-top:80px;}
.hm-app .btn-row {width: 100%;text-align: center;margin-top: 50px;}

/*** hm-testimon-sec  ***/
.hm-testimon-sec  {padding: 80px 0;}
.testimonialSlider .users-slid {text-align: center; max-width: 796px; margin: 0 auto;}
.testimonialSlider .users-slid  h2 {font-weight: 600;font-size: 32px;line-height: 25px; color: #354052; margin: 0 0 28px;}
.testimonialSlider .users-slid  p {font-weight: 500;font-size: 20px;line-height: 34px;color: #8591B0; margin: 0 0 18px;}
.testimonialSlider .users-reting {display: flex; align-items: center; justify-content: center;}
.testimonialSlider .users-reting .users-img {height: 100px; width: 100px; flex: 0 0 100px; border-radius: 50%; overflow: hidden;}
.testimonialSlider .users-reting .users-img img {height: 100%; width: 100%; object-fit: cover;}
.testimonialSlider .users-reting .users-reting-row {padding-left: 30px; text-align: left;}
.testimonialSlider .users-reting .users-reting-row h4 {font-weight: normal;font-size: 20px;line-height: 23px;color: #1C1F28; margin: 0px 0 15px;}
.testimonialSlider .users-reting .users-reting-row ul {display: flex;}
.testimonialSlider .users-reting .users-reting-row ul li {margin-right: 10px;}

.testimonialSlider .owl-nav, .testimonialSlider .owl-nav.disabled {display: block;  display: flex;justify-content: flex-end;}
.testimonialSlider .owl-nav [class*=owl-] {width: 50px;height: 50px;background: #FFFFFF;border-radius: 50%;margin: 0px;font-size: 0px;position: absolute; top: 50%;margin-top: -25px;}
.testimonialSlider .owl-nav .owl-prev {background-image: url(../imagesv/left-arrow-icon.svg); background-position: center; background-repeat: no-repeat; left: -190px;}
.testimonialSlider .owl-nav .owl-next {background-image: url(../imagesv/right-arrow-icon.svg); background-position: center; background-repeat: no-repeat; right: -190px;}
/*** mobileAppLinkSec ***/
.mobileAppLinkSec {margin-bottom: -172px; position: relative; z-index: 10;}
.mobileAppLinkSec .mobileAppLinkBox {background: #FFFFFF;box-shadow: 10px 20px 60px rgba(0, 0, 0, 0.06);border-radius: 8px; border-top: 8px solid #33155D; padding: 41px 0 47px; text-align: center; }
.mobileAppLinkSec .mobileAppLinkDetails {padding: 42px 0 0px; max-width: 520px; margin: 0 auto;}
.mobileAppLinkSec .mobileAppLinkDetails h3 {font-weight: 600;font-size: 32px;line-height: 25px;color: #354052; margin: 0 0 21px;}
.mobileAppLinkSec .mobileAppLinkDetails p {font-weight: 500;font-size: 16px;line-height: 26px; color: #8591B0; margin: 0px;}
.mobileAppLinkSec .mobileAppLinkDetails .mobileAppLinkBtn{padding-top: 31px; display: flex; align-items: center; justify-content: center;}
.mobileAppLinkSec .mobileAppLinkDetails .mobileAppLinkBtn a {margin: 0 20px; display: inline-block;}

/********* services ************/
.services {width: 100%;padding: 40px 0 70px;}
.services-row {background: #FFFFFF;border: 1px solid #E6EAEE;border-radius: 4px; height: 100%;}
.services .item {margin-bottom: 20px;}
.services-img img {width: 100%;padding: 10px; padding-bottom: 0;}
.services-text {padding: 10px;border-bottom:1px solid #E6EAEE;}
.services-text h3 {font-weight: 600;font-size: 16px;line-height: 19px;color: #2D1553;}
.services-text p {font-weight: normal;font-size: 12px;line-height: 14px;color: #7F8FA4; margin: 0;}
.services-details ul {padding: 10px;}
.services-details ul li {font-weight: 500;font-size: 16px;line-height: 31px;color: #2D1553;}

/************ Sign Up **************/
.signup {background: linear-gradient(180deg, #F3F5F7 0%, #F6FBFF 100%); box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);}
.signup-left-img img {width: 100%; height: 100%; object-fit: cover; object-position: top;}
.signup-row {display: flex;align-items: center;height: calc(100vh - 70px);}
.signup-left-img {flex: 0 1 50%; height: 100%;}
.signup-form {flex: 0 1 50%;  display: -ms-flexbox;display: flex;flex-direction: column;align-items: center;justify-content: center;-ms-flex-pack: center;overflow: auto;height: 100%;}
.signup-form .formBox {text-align: left;max-width: 475px;margin: auto; width: 100%; max-height: 100%; padding: 30px 0px 15px 0px;}
.signup-form h2 {font-weight: 500;font-family: Roboto;font-style: normal;font-size: 24px;line-height: 28px;letter-spacing: -0.06px;color: #33155D;}
.signup-form p { font-family: Roboto; font-style: normal; font-weight: normal; font-size: 14px; line-height: 20px; color: #354052; }
.signup-form-row {margin-top: 30px;}
.signup-form-row .form-group input[type="text"],
.signup-form-row .form-group input[type="password"] { border:1px solid #D0D0D1; box-sizing: border-box; border-radius: 4px; width: 100%;height: 50px; padding: 15px; transition: all 0.3s ease-in-out; background: inherit; font-family: Roboto; font-style: normal; font-weight: 500; font-size: 14px; line-height: 19px; color: #222; }
.signup-form-row .form-group input[type="text"]:focus, .signup-form-row .form-group input[type="password"]:focus, .contact_min .signup-form-row .form-group textarea:focus { border: 2px solid #33155D; box-sizing: border-box; color:#33155D; outline: 0px; box-shadow: none;}

.registration {margin: 10px 0;}
.forgot-row {display: flex;align-items: center;}
.forgot-row .registration {width: 100%;}
.forgot {width: 100%;float: right;}
.forgot a {font-family: Roboto;float: right;text-align: right;font-weight: normal;font-size: 14px;line-height: 20px;letter-spacing: -0.05px;color: #33155D;}
.forgot-password .submit-btn {margin-top: 32px;width: 100%;}
.submit-btn a {display: inline-block;font-weight: bold;font-size: 14px;line-height: 17px;letter-spacing: -0.05px;color: #33155D; width: 100%; text-align: center; margin-top: 23px;}

/** checked css ***/
.container-row {display: block;position: relative;padding-left: 26px;cursor: pointer;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;font-weight: normal;font-size: 14px;line-height: 18px;letter-spacing: -0.05px;color: #8591B0;}
/* .container-row > span { font-family: Roboto; font-style: normal; font-weight: bold; font-size: 14px; line-height: 17px; color: #354052;letter-spacing: -0.05px;} */
.container-row a, .signup-form-row .form-group .submit-btn { padding-bottom: 15px; }
.container-row a, .signup-form-row .form-group .submit-btn p a {font-weight: 600;color: #381667; width: auto;}
.container-row input {position: absolute;opacity: 0;cursor: pointer;height: 0;width: 0;}
.checkmark {position: absolute;top: 0;left: 0;height: 18px;width: 18px;background-color: inherit;border: 1px solid #33155D;border-radius: 2px;}
.container-row input:checked ~ .checkmark {background-color: #33155D;}
.checkmark:after {content: "";position: absolute;display: none;}
.container-row input:checked ~ .checkmark:after {display: block;}
.container-row .checkmark:after {left: 5px; top: 2px; width: 6px;height: 10px;border: solid white;border-width: 0 2px 2px 0;-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg);}
/*******/
input::-webkit-input-placeholder {color: #8591B0;}
input::-moz-placeholder {color: #8591B0;}
input:-ms-input-placeholder {color: #8591B0;}
input:-moz-placeholder {color: #8591B0;}

.signup-form-row .form-group .submit-btn button { 
    box-shadow: 0px 1px 3px rgba(0, 0, 0, 0), 0px 2px 1px rgba(0, 0, 0, 0), 0px 1px 1px rgba(0, 0, 0, 0);  
    background: linear-gradient(76.76deg, #5E2563 -10.58%, #2D1553 67.78%, #2D1553 67.85%);
    height: 40px; 
    line-height: 40px;
    font-family: Roboto;
    font-style: normal;
    font-weight: bold;
    font-size: 14px;
    line-height: 16px;
    text-align: center;
    color: #FFFFFF;  
    width: 100% !important;  
    padding: 0 25px; 
}
.signup-form-row .form-group .submit-btn p {
    font-family: Roboto;
    font-weight: normal;
    font-size: 14px;
    line-height: 16px;
    letter-spacing: -0.05px;
    color: #8591B0; 
    color: #000000;
}
.signin-form-row .container-row { 
    margin-bottom: 0; 
    font-family: Roboto; 
    font-style: normal; 
    font-weight: normal; 
    font-size: 14px; 
    line-height: 17px; 
    color: #000000; 
}


/************ Dashboard **************/
.page-body {background: #E3E8EC; padding: 20px 0; min-height: calc(100vh - 138px);}
.left-sitebar {background: #FFFFFF;border: 1px solid #E6EAEE;border-radius: 4px;padding: 10px;}
.profile-banner img {width: 100%;}
.profile-content {padding: 0 10px;}
.profile-img {position: relative;margin: -35px 0 0;border-bottom: 1px solid #E6EAEE;padding-bottom: 20px;}
.profile-imgs {position: absolute;top: 0px}
.progileThumb {width: 80px; height: 80px; border-radius: 50%;border: 3px solid #fff; position: relative;display: block;overflow: hidden;}
.progileThumb >img {height: 100%; width: 100%; object-fit: cover;}
.edit-profile {position: absolute;top: 0;right: 0;  cursor: pointer;}
.edit-profile img {background: inherit; border: none; }
.edit-profile .fileInput {opacity: 0;cursor:pointer; width: 100%;height: 100%;top: 0;left: 0;}
.profile-img h3 {font-weight: 600;font-size: 16px;line-height: 19px;color: #354052;margin: 10px 0 0;}
.profile-details {padding-bottom: 45px;}
.profile-details a {font-weight: 500;font-size: 13px;line-height: 16px;margin-top: 24px;color: #354052;display: inline-block;}
.profile-details a span {margin-right: 9px;float: left;}

.page-content-body {background: #FFFFFF;border: 1px solid #E6EAEE;border-radius: 0px 0px 4px 4px;margin-bottom: 20px;float: left;width: 100%;}
.content-body-head {border-bottom: 1px solid #E6EAEE; padding: 18px;}
.content-body-head h2 {font-style: normal;font-weight: 600;font-size: 18px;line-height: 21px;color: #354052; margin-bottom: 0;display: inline-block;}
.content-body-head .kyc_status_label { display: inline-block; margin-left: 10px; vertical-align: text-bottom; margin-bottom: 3px; }


/******* radio css *********/
.summary-btn {display: table;margin: 0 auto;padding: 48px 0 66px;}
.summary-btn input[type=checkbox], .summary-btn input[type=radio] {position: absolute;right: 0;opacity: 0;}
.summary-btn .btn-group .btn {background: #DBDFE5;border: none; outline: none;box-shadow: inherit;font-weight: normal;font-size: 16px;line-height: 19px;color: #7F8FA4;    padding: 10px 18px;}
.summary-btn .btn-group .btn.active {background: linear-gradient(0deg, #33155D 11.07%, #401777 97.35%); color: #fff; font-weight: 600;}
.summary-btn .btn-group .btn {outline: none;}

/***************/
/***** progress css ******/
.categories-box {display: flex;flex-wrap: wrap;align-items: center;justify-content: center;padding-top: 42px;}
.categories-row {flex: 0 1 20%;text-align: center;margin-bottom: 54px;}
.categories-row h2 {font-weight: 500;font-size: 18px;line-height: 21px;margin: 13px 0 0;color: #354052;}
.chartbox { padding: 20px 0px; border: 1px #E6EAEE solid; }
.mb-10{ margin-bottom: 10px; }
.chartbox h5 { margin-bottom: 0px; }
.chartbox div a{ color: #65606C; font-size: 13px; line-height: 15px; font-family: Roboto; font-style: normal; font-weight: normal;}
/***********/

/******* Account *******/
.account-teb ul li a {font-weight: 600;font-size: 14px;line-height: 20px;color: #2D1553;width: 100%;display: inline-block;padding: 13px 15px;margin-bottom: 1px;}
.account-teb ul li a span {margin-right: 10px;}
.account-teb ul li.active a, .account-teb ul li a:hover {background: #eeebf1;mix-blend-mode: normal;border-radius: 4px;color: #2D1553;transition: all 0.3s ease-in-out;}
.account-teb ul li a .listIcon svg path, .account-teb ul li a .listIcon svg rect, .account-teb ul li.active a .listIcon svg path, .account-teb ul li.active a .listIcon svg rect {transition: all 0.3s ease-in-out; stroke: #2D1553;}
.account-teb ul li a:hover .listIcon svg path, .account-teb ul li a:hover .listIcon svg rect, .account-teb ul li.active a .listIcon svg path, .account-teb ul li.active a .listIcon svg rect {stroke: #2D1553;}

.account-row {padding: 40px 30px;}
.editAvatar img { width: 65px; height: 65px; filter: drop-shadow(0px 11px 5px rgba(154, 154, 154, 0.465948));border-radius: 50%;object-fit: cover;}
.editAvatar .edit-profile img{filter: drop-shadow(0px 11px 5px rgba(154, 154, 154, 0.465948));height: 20px;width: 20px;border-radius: 50%;object-fit: cover;}
.editAvatar h3 {font-family: 'Source Sans Pro';font-size: 16px;line-height: 16px;color:#354052; margin: 20px 0 0; font-weight: 600;text-align: center;}
.AccountForm {padding: 40px 0px 0px 0px;}
.AccountForm .form-group {margin-bottom: 24px; float: left;width: 100%;}
.AccountForm .category-row-label .form-group {margin-bottom: 0px; float: left;width: 100%;}
.AccountForm .form-group label { display: inline-block; width: 100%; font-weight: 500; font-size: 14px; line-height: 16px; color:#354052;}
.AccountForm .form-group input, .AccountForm .form-group textarea {font-weight: 500;font-size: 14px;line-height: 19px;color: #354052; background: #FFFFFF ;border: 1px solid #D0D0D1;display: inline-block;width: 100%; height: 36px; border-radius: 4px; padding: 9px 13px; transition:all 0.3s ease-in-out;}
.AccountForm .bootstrap-tagsinput input { display: none; box-shadow: none; outline: none; background-color: transparent; padding: 0 6px; margin: 0; width: auto; max-width: inherit; }
.AccountForm .form-group select {background: url(../imagesv/filter-select-arrow.svg) right 14px center no-repeat; border: 1px solid #CED0DA;border-radius: 4px;font-weight: 500;font-size: 14px;line-height: 19px;color: #354052; width: 100%; height: 36px;padding: 9px 13px 8px; -webkit-appearance: none;-moz-appearance: none;appearance: none;} 
.AccountForm .form-group select.form-control {font-weight: 600;font-size: 14px;line-height: 19px;color: #354052; border: 1px solid #D0D0D1;display: inline-block;width: 100%; height: 36px; border-radius: 4px;  -webkit-appearance: none;   padding: 9px 30px 9px 13px;}
.AccountForm .form-group textarea {height: 84px; line-height: 19px; resize: none;}
.BankAccount-btn .submit-btn button, .AccountForm .submit-btn button { width: 125px; float: right; box-shadow: 0px 1px 3px rgba(0, 0, 0, 0), 0px 2px 1px rgba(0, 0, 0, 0), 0px 1px 1px rgba(0, 0, 0, 0); background: linear-gradient(76.76deg, #5E2563 -10.58%, #2D1553 67.78%, #2D1553 67.85%); height: 40px; font-family: Roboto; font-style: normal; font-weight: bold; font-size: 14px; line-height: 40px; text-align: center; color: #FFFFFF; padding: 0 25px; }
.AccountForm .form-group input:focus, 
.AccountForm .form-group textarea:focus, 
.AccountForm .form-group select:focus,
.messageTypeBox .form-group .form-control:focus,
.topFillterBar .fillterGroupRow .fillterGroupItme .form-control-select:focus,
.topFillterBar .fillterGroupRow .fillterGroupItme .form-control-input:focus {outline: 0px; border-color: #2d1553; box-shadow: none;}
.AccountForm .form-group input.is-invalid, .AccountForm .form-group textarea.is-invalid, .AccountForm .form-group select.is-invalid {outline: 0px; border-color: #D0021B; box-shadow: none;}
.typeofworkblock { border-radius: 4px; margin-bottom: 17px; }
.typeofworkblockinner{ padding: 23px 17px 0px 17px; background-color:rgba(227,232,236,0.35); border-radius: 4px; display: inline-block; width: 100%; }

.topAssignTaskBar { padding:27px 0 10px 0px; background: #FFFFFF;box-shadow: 0px -1px 0px #E6EAEE; margin-top: 1px;}
.topAssignTaskRow .taskCheckGroup {display: flex; align-items: center;} 
.topAssignTaskRow .taskCheckGroup .container-row {margin-right: 16px; margin-bottom: 0px;  display: inline-flex;}
.topAssignTaskRow .taskCheckGroup .container-row span{
    font-size: 16px;
    font-weight: 500;
    padding-top: 1px;
    color: black;
}
.topFillterBar { background: #FFFFFF; padding: 20px 0px 27px 0px;}
.topFillterBar .fillterGroupRow {display: flex; margin: 0 -6px;}
.topFillterBar .fillterGroupRow .fillterGroupItme {padding: 0 6px;}
.topFillterBar .fillterGroupRow .fillterGroupItme .form-control-select {width: 170px; background: url(../imagesv/filter-select-arrow.svg) right 14px center no-repeat;   border: 1px solid #CED0DA;border-radius: 4px;font-weight: 500;font-size: 14px;line-height: 19px;  height: 36px; -webkit-appearance: none;-moz-appearance: none; appearance: none; }
.topFillterBar .fillterGroupRow .fillterGroupItme .form-control-input {width: 224px; border: 1px solid #CED0DA;border-radius: 4px; font-weight: 500;font-size: 14px;line-height: 19px; color: #354052; height: 36px;}
.topFillterBar .fillterGroupRow .fillterGroupItme .searchBtn { font-weight: 600; font-size: 14px; line-height: 19px; color: #FFFFFF; box-shadow: 0px 1px 3px rgba(0, 0, 0, 0), 0px 2px 1px rgba(0, 0, 0, 0), 0px 1px 1px rgba(0, 0, 0, 0); background: linear-gradient(76.76deg, #5E2563 -10.58%, #2D1553 67.78%, #2D1553 67.85%); border-radius: 4px; min-width: 90px; height: 36px;}
.takListingSec {padding: 20px 0 18px; }
.takListingSec .takListingRow {display: flex; margin: 0 -12px;}
.takListingSec .takListingRow .taskListCol {padding: 0 12px; flex:0 0 362px; height: 600px;overflow-y: auto;}
.takListingSec .takListingRow .taskLocation {flex: 1 1 auto;}

.taskBox {box-shadow: 0px 1px 10px rgba(221, 221, 221, 0.161968);border-radius: 4px; background: #fff; border-left:3px solid #2D1553; display: flex; padding: 16px 10px 20px 16px; margin-bottom: 12px; position: relative;}
.taskBox.companionshipcat{ border-left:3px solid lightpink; }
.taskBox.charitytask{ border-left:3px solid #6FC57C; }
.taskBoxwithnoborder { border-left:0px solid #1BB934; padding: 5px;}
.taskBox:last-child {margin-bottom: 0px;}
.taskBox .taskThumb {flex: 0 0 41px;}
.taskBox .taskDetails {flex: 1 1 auto; padding-left: 15px;}
.taskBox .taskDetails h4 { font-weight: 600;font-size: 16px;line-height: 19px; color: #354052; margin: 0 0 8px;}
.taskBox .taskDetails .taskLocDetails p {padding-left: 18px; position: relative;font-size: 14px;line-height: 16px;color: #354052; margin:0 0 10px;}
.taskBox .taskDetails .taskLocDetails p.price {font-weight: 500;}
.taskBox .taskDetails .taskLocDetails p img {position: absolute; top: 2px; left: 0px;}
.taskBox .taskStatus {position: absolute; right: 10px; bottom: 10px;}
.taskBox .taskStatus span {background: #6FC57C;border-radius: 4px; height: 25px; padding: 2px 7px;font-weight: 500;font-size: 12px;line-height: 14px; color: #FFFFFF; display: flex; align-items: center; justify-content: center;}
.taskBox.completed {border-left-color: #BCB7C2;}
.taskBoxDetails.completed .taskStatus span, .taskBox.completed .taskStatus span {background: #BCB7C2;}


/** Message ***/
.messagesBody {padding: 30px 30px 10px;}
.messagesBody .messageBoxRow .item {padding: 0 10px;}
.messageBoxRow .jumbotron { padding: 1rem 1rem 0rem 1rem;margin-bottom: 1rem;}
.messageBoxRow p { font-size: 14px;line-height: 23px;margin: 0 0 10px; }
.messageBoxRow .profilepic { 
    cursor: pointer;
    height: 50px;
    width: 50px;
    overflow: hidden;
    border-radius: 50%;
    display: block;
    filter: drop-shadow(0px 10px 20px rgba(154, 154, 154, 0.465948));
    margin: 0px;
    float: right;
 }
.badge {
    position: absolute;
    top: 10px;
    right: -7px;
    border-radius: 50%;
    background: linear-gradient(76.76deg, #5E2563 -10.58%, #2D1553 67.78%, #2D1553 67.85%);
}
/****** Message End  ******/


/****** My Profile  ******/
.category-row {display: flex;align-items: center;justify-content: center;}
.category-row .form-group {margin: 0 4px 24px; flex: 0 1 100%;}
.category-row .form-group:last-child {flex:0;}
.PostRow .category-row .form-group:last-child {flex: inherit;}
.add-btn button { font-weight: 600; font-size: 14px; line-height: 19px; color: #FFFFFF; box-shadow: 0px 1px 3px rgba(0, 0, 0, 0), 0px 2px 1px rgba(0, 0, 0, 0), 0px 1px 1px rgba(0, 0, 0, 0); background: linear-gradient(76.76deg, #5E2563 -10.58%, #2D1553 67.78%, #2D1553 67.85%); border-radius: 4px; width: 100%; height: 36px; margin: 22px 0 0; }
.titlenotes { font-family: Roboto; font-style: normal; font-weight: normal; font-size: 14px; line-height: 19px; color: #354052; }


.radio-container {display: flex;align-items: center;margin: 10px 0 0;}
.radio-container .radio label {font-weight: 500;font-size: 14px;line-height: 19px;margin: 0;}
.radio-container .radio input {height: auto;border: none;line-height: normal;}
.radio-container .radio {margin-right: 14px;}
.radio-container .radio input[type="radio"] {position: absolute;opacity: 0; width: auto; height: auto;}
.radio-container .radio input[type="radio"] + .radio-label:before {content: '';background: #f4f4f4;border-radius: 100%;border: 1px solid #b4b4b4;display: inline-block;width: 18px;height:18px;position: relative;top: -0.2em;margin-right: 8px;vertical-align: middle;cursor: pointer;text-align: center;transition: all 250ms ease;}
.radio-container .radio input[type="radio"]:checked + .radio-label:before {background-color: #2A0F54;    border-color: #2A0F54 !important;box-shadow: inset 0 0 0 4px #f4f4f4;}
.radio-container .radio input[type="radio"]:focus + .radio-label:before {outline: none;border-color: #3197EE;}
.radio-container .radio input[type="radio"] + .radio-label:empty:before {margin-right: 0;}

.checkbox-container .registration {margin: 20px 0 0;}
.submit-check input, .checkbox-container input {background: inherit !important;opacity: 0 !important; width: auto !important;height: 0 !important;}
.AccountForm .form-group .custom-file input[type="file"] {opacity: 0;}
.AccountForm .form-group .custom-file label {line-height: 19px;margin: 0;}
.AccountForm .form-group .custom-file .custom-file-label {height: 36px;}
.custom-file-label::after { height: 34px; padding: .375rem .75rem; border-left: inherit; color: #fff; font-weight: 600; font-size: 14px; line-height: 19px; background: linear-gradient(76.76deg, #5E2563 -10.58%, #2D1553 67.78%, #2D1553 67.85%); border: 1px solid #33155D; border-radius: 4px; cursor: pointer; }
.custom-file-input:focus~.custom-file-label { border-color: none; box-shadow: none; color:#2d1553 }
#content .submit-btn {position: absolute;right: 0;top:190px;}


/***** Bank Account *****/
.account-row.BankAccount-row {padding: 0;}
.AccountForm.BankAccount {padding: 40px 30px 5px;border-bottom: 1px solid #DFE3E9;}
.BankAccount-box {border-right: 1px solid #DFE3E9;float: left;width: 100%; height: 100%;}
.BankAccount-btn {padding: 26px 30px;float: right;}
.AccountForm.BankAccount .item {padding: 0 10px;}
.BankAccount-col {padding: 30px 30px 30px 0;}
.BankAccount-details {background: #FAFBFC;border: 1px solid #F4F7F9;box-sizing: border-box;border-radius: 8px;display: flex;width: 100%; flex-direction: column; margin-bottom: 20px;}
.BankAccount-details:last-child {margin-bottom: 0;}
.BankAccount-title {display: flex;align-items: center;justify-content: center; width: 100%;padding: 30px 30px 7px;}
.Notification-text {padding: 15px 30px 0;}
.Notification-text p {font-weight: normal;font-size: 14px;line-height: 20px;letter-spacing: -0.05px;color: #8591B0; margin-bottom: 0;}

.BankAccount-text h2 {font-weight: 600;font-size: 22px;line-height: 26px;color: #354052;}
.BankAccount-text {flex: 0 1 100%;}
.BankAccount-icon {flex: 0 1 100%;text-align: right;}
.BankAccount-border {margin:0; border: 0.8px solid #F4F7F9;}

.BankAccount-number {padding: 0 30px 30px;}
.BankAccount-number-row {margin-top: 23px;}
.BankAccount-number-row label {font-weight: normal;font-size: 14px;line-height:24px;color: #7F8FA4; width: 100%; margin-bottom: 0;}
.BankAccount-number-row span {font-weight: 600;font-size: 18px;line-height: 21px;width: 100%;margin: 0;color: #354052;}
.DeleteAccount {padding: 20px; text-align: center;}
.DeleteAccount a {font-weight: 600;font-size: 14px;line-height: 19px;color: #D0021B;}

.PayoutAccount {padding: 30px;}
.PayoutAccount-row {float: left;}
.PayoutAccount-row .form-group label {margin-bottom: 7px;display: inline-block;width: 100%;font-weight: 500;font-size: 14px;line-height: 16px;color: #7F8FA4;}
.PayoutAccount-row .form-group input {font-weight: 600;font-size: 14px;line-height: 19px;color: #8591B0;opacity: 0.5;background: #FFFFFF;border: 1px solid #DFE3E9;display: inline-block;width: 100%;height: 36px;border-radius: 4px;padding: 9px 13px;}
.PayoutAccount-col .submit-btn button {height: 36px;width: 103px;font-weight: 600;font-size: 14px;line-height: 16px;text-align: center;color: #FFFFFF;border: none;margin: 22px 0 0 15px;}

/***** Payments Method ********/
.AccountForm .form-group .card-row {display: flex;align-items: center; justify-content: center;margin: 29px 0 0;}
.card-icon {margin: 0 2.5px;}
.card-icon:last-child {margin-right: 0;}
/***** Notification Method ********/
.Notification-pagination {display: flex;align-items: center;width: 100%;float: right;    justify-content: flex-end;}
.Notification-pagination ul {display: flex;align-items: center;}
.Notification-pagination ul li {margin: 0 7px;}
.Notification-pagination ul li:last-child {margin-right: 0;}
.Notification-pagination ul li a {font-weight: normal;font-size: 12px;line-height: 14px;color: #7F8FA4;}


/* rating */

/****** Style Star Rating Widget *****/

.ratinga { border: none; float: left; position: absolute; top: 42%; left: 10px; }
.ratinga > input { display: none; }
.ratinga > label:before { margin: 5px; font-size: 2.00em; font-family: FontAwesome; display: inline-block; content: "\f005"; }
.ratinga > .half:before { content: "\f089"; position: absolute; }
.ratinga > label { color: #ddd; float: right; }

/***** CSS Magic to Highlight Stars on Hover *****/

.ratinga > input:checked ~ label, /* show gold star when clicked */
.ratinga:not(:checked) > label:hover, /* hover current star */
.ratinga:not(:checked) > label:hover ~ label { color: #FFD700;  } /* hover previous stars in list */

.ratinga > input:checked + label:hover, /* hover current star when changing ratinga */
.ratinga > input:checked ~ label:hover,
.ratinga > label:hover ~ input:checked ~ label, /* lighten current selection */
.ratinga > input:checked ~ label:hover ~ label { color: #FFED85;  }

.ratinga > label.displaystartyellow, .ratinga > label.displaystartyellow:hover { color: #FFD700;  } /* hover previous stars in list */
.ratinga > label.displaystartgray, .ratinga > label.displaystartgray:hover { color: #ddd;  } /* hover previous stars in list */
.noHover{ pointer-events: none; }
.userratinganame { margin-bottom: 0px; }

/***** Camping page *****/
.campanion_section_main { width: 100%; margin: 0; padding: 40px 0 39px 0; background: #E3E8EC; }
.campanion_section_main .container .campining_main{ width: 100%; margin: 0 0 38px; padding: 30px; background: #FFFFFF; border: 1px solid #E6EAEE; }
.campanion_section_main .page_title h2{ font-family: 'Roboto'; font-style: normal; font-weight: 600; font-size: 32px; line-height: 38px; color: #354052; margin: 0 0 20px 0; padding: 0; }
.campanion_section_main .contain {   margin-top: 20px; margin-bottom: 20px; } 
.campanion_section_main .contain h3{     font-family: 'Roboto'; font-style: normal; font-weight: 600; font-size: 20px; line-height: 25px; color: #354052; width: 100%; margin: 25px 0px 10px 0px; padding: 0; }
.campanion_section_main .contain p{ font-family: 'Roboto'; font-style: normal; font-weight: 500; font-size: 14px; line-height: 23px; color: #8591B0; width: 100%; margin: 0 0 22px 0; padding: 0; }




/***footer **/
.footTop {background: #33155D; padding: 237px 0 65px;}
.footer.form-none .footTop {padding: 58px 0 63px !important;}
.footerDetailsRow {display: flex; justify-content: space-between; }
.footerDetailsRow .footLinkCol h4 {font-weight: 600;font-size: 14px;line-height: 17px; color: #FFFFFF; margin: 0 0 31px; text-transform: uppercase;}
.footerDetailsRow .footLinkCol ul {padding: 0px; margin: 0px; display: flex; flex-direction: column;}
.footerDetailsRow .footLinkCol ul li {list-style: none; margin-bottom: 16px;}
.footerDetailsRow .footLinkCol ul li:last-child {margin-bottom: 0px;}
.footerDetailsRow .footLinkCol ul li a {font-weight: 600;font-size: 14px;line-height: 16px; color: #fff;opacity: 0.9; transition: all 0.3s ease-in-out;}
.footerDetailsRow .footLinkCol ul li a:hover {color: #8591B0; opacity: 1;}
.footBottom {background: linear-gradient(76.76deg, #5E2563 -10.58%, #2D1553 67.78%, #2D1553 67.85%); padding: 24px 0;}
.footBottomRow {display: flex; justify-content: space-between; align-items: center;}
.footBottomRow p {font-weight: normal;color: #FFF;font-size: 14px;line-height: 15px;  margin: 0px;}
.footBottomRow .footMenu {display: flex;}
.footBottomRow .footMenu li {margin: 0 10px;}
.footBottomRow .footMenu li a {display: block;font-weight: normal;font-size: 14px;line-height: 15px;color: #FFF; transition: all 0.3s ease-in-out;}
.footBottomRow .footMenu li a:hover {color: #8591B0;}
.footBottomRow .footSocial {display: flex;}
.footBottomRow .footSocial li {margin-left: 20px; line-height: 1; display: inline-flex;}
.footBottomRow .footSocial li:first-child {margin-left: 0px;}
.footBottomRow .footSocial li a {display: block;  transition: all 0.3s ease-in-out;}
.footBottomRow .footSocial li a:hover {transform: rotate(-20deg) scale(1.1); }



/************ Contact Information **************/
img{max-width: 100%;}
.contactFormSec {background: #E3E8EC; padding: 30px 0 96px;}
.contact_min{width: 100%; margin:0px 0 170px 0; padding: 0;}
.contact-col {width: 100%;background: #FFFFFF;border: 1px solid #E6EAEE; padding: 40px; }
.contact_min .signup-form-row {width: 100%; margin-top: 0;}
.contact_min .signup-form-row .contact_col{float: left;}
.contact_min .signup-form-row .form-group label{font-family: 'Roboto'; font-style: normal; font-weight: 600; font-size: 22px; line-height: 26px; width: 100%; display: inline-block;}
.contact_min .signup-form-row .form-group textarea{border: 1px solid rgba(0, 0, 0, 0.32); box-sizing: border-box; border-radius: 4px; width: 100%; min-height: 150px; line-height:normal; font-weight: 600; font-size: 14px; color: #222;   padding: 15px; background: inherit; resize: none; transition: all 0.3s ease-in-out;}
.contact_min .signup-form-row .form-group .submit-btn{max-width: 160px; margin:20px auto 0;}
.signup-form-row .form-group textarea:focus, .signup-form-row .form-group textarea:focus {border: 1px solid #6200EE;}
textarea::-webkit-input-placeholder {color: #8591B0;}
textarea::-moz-placeholder {color: #8591B0;}
textarea:-ms-input-placeholder {color: #8591B0;}
textarea:-moz-placeholder {color: #8591B0;}
.contact_mail_box{width: 100%; margin:0 0 150px 0; padding: 0;}
.contact_mail_box .contact_mail_bar {width: 100%; margin: 0; padding: 81px 84px; height: 100%;}
.contact_mail_box .contact_mail_bar:hover{background: #f6f5ff;  }
.contact_mail_box .contact_mail_bar h3{font-family: 'Roboto'; font-style: normal; font-weight: 600; font-size: 22px; line-height: 26px; color: #354052; margin: 0; padding: 0; float: left; width: 100%;}
.contact_mail_box .contact_mail_bar a{font-family: 'Roboto'; font-style: normal; font-weight: 500; font-size: 18px; line-height: 36px; color: #8591B0; display: block; margin: 0; padding: 0; width: 100%; clear: both;}
.contact_mail_box .contact_mail_bar ul{margin: 0; padding: 0;}
.contact_mail_box .contact_mail_bar ul li{ display: block; margin: 0; padding: 0;}

/************ Bringing People Together **************/

.bringing_people{padding:29px 0 70px 0; display: flex;    background: #E3E8EC;}
.bringing-row {background: #FFFFFF;border: 1px solid #E6EAEE;}
.bringing_people .bringing_people_row {display: flex; margin: 64px 0 71px 0; padding: 0; align-items: center;}
.bringing_people .bringing_people_row .bringing_people_left{flex: 0 0 45%; text-align: center; margin: 0; padding: 0; order: 1;}
.bringing_people .bringing_people_row .bringing_people_left img{border-radius: 10px;}
.bringing_people .bringing_people_row .bringing_people_right {padding: 0 107px 0 5px; margin: 0 0 0 0; flex: 1 1 auto; order: 2;}
.bringing_people .bringing_people_row .bringing_people_right h3{font-family: 'Roboto'; font-style: normal; font-weight: 600; font-size: 32px; line-height: 38px; color: #354052; margin:0 0 11px 0; padding:0; width: 100%;}
.bringing_people .bringing_people_row .bringing_people_right p{font-family: 'Roboto'; font-style: normal; font-weight: 500; font-size: 14px; line-height: 23px; color: #8591B0; margin:0 0 25px 0; padding:0; width: 100%;}
.bringing_people .bringing_people_row .bringing_people_right ul{margin: 0; padding:0 0 0 20px;}
.bringing_people .bringing_people_row .bringing_people_right ul li {width: 100%; float: left; margin: 0 0 6px 0; padding: 0; font-family: 'Roboto'; font-style: normal; font-weight: 500; font-size: 14px; line-height: 23px; color: #8591B0; list-style: disc;}
.bringing_people .bringing_people_row:nth-child(even) .bringing_people_left{order: 2;}
.bringing_people .bringing_people_row:nth-child(even) .bringing_people_right{order: 1; padding: 0 65px 0 35px;}


/************ Teams and Conditions **************/
.teams_conditions {width: 100%;   margin: 0; padding: 40px 0 39px 0; background: #E3E8EC;}
.teams_conditions_min {width: 100%;   margin: 0; padding: 0;}
.teams_conditions_min h2{font-family: 'Roboto'; font-style: normal; font-weight: 600; font-size: 32px; line-height: 38px; color: #354052; margin: 0 0 20px 0 ; padding: 0;}
.teams_conditions_min .teams_conditions_top {width: 100%; margin: 0 0 38px;padding: 30px;background: #FFFFFF;border: 1px solid #E6EAEE;}
.teams_conditions_min .teams_conditions_top h3{font-family: 'Roboto'; font-style: normal; font-weight: 600; font-size: 20px; line-height: 25px; color: #354052; width: 100%;  margin:0 0 5px 0; padding: 0;}
.teams_conditions_min .teams_conditions_top p{font-family: 'Roboto'; font-style: normal; font-weight: 500; font-size: 14px; line-height: 23px; color: #8591B0; width: 100%;   margin:0 0 22px 0; padding: 0;}
.teams_conditions_min .teams_conditions_top p span {color: #354052; margin: 0 5px 0 0;}
.teams_conditions_min .teams_conditions_top h4{font-family: 'Roboto'; font-style: normal; font-weight: 500; font-size: 14px; line-height: 23px; color: #354052; width: 100%;  margin:10px 0 5px 0; padding: 0;}
.teams_conditions_min .teams_conditions_top ul{margin:0; padding:0 0 0 15px; }
.teams_conditions_min .teams_conditions_top ul li{font-family: Roboto; font-style: normal; font-weight: 500; font-size: 14px; line-height: 23px; color: #8591B0; width: 100%;   margin:0 0 5px 0; padding: 0; list-style: disc;}
.teams_conditions_min .teams_conditions_top ol{margin: 0 0 32px 0;  padding: 0 0 0 15px;  }
.teams_conditions_min .teams_conditions_top ol li{font-family: Roboto; font-style: normal; font-weight: 500; font-size: 14px; line-height: 23px; color: #8591B0; width: 100%;   margin:0 0 20px 0; padding: 0; list-style: decimal;}
.teams_conditions_min .teams_conditions_top ul li span{color:#354052;}
.teams_conditions_min .teams_conditions_top ul.cookies_policy {padding: 0;}
.teams_conditions_min .teams_conditions_top ul.cookies_policy li{list-style: none;}

/* .table-bordered{border: 1px solid #E6EAEE; margin: 0 0 18px 0;}
.table-bordered tr th{border: 1px solid #E6EAEE; padding: 14px 20px; font-family: 'Roboto'; font-style: normal; font-weight: 600; font-size: 18px; line-height: 25px; color: #354052;}
.table-bordered tr td{border: 1px solid #E6EAEE; padding: 12px 20px; font-family: 'Roboto'; font-style: normal; font-weight: normal; font-size: 16px; line-height: 25px; color: #354052;}  cm by me*/

.privacy_policy{width: 100%;   margin:0; padding:0px;}
.accordionBox .card {border: 0; box-shadow: none; border-radius: 0; margin:0 0 14px;background: #FFFFFF;box-shadow: 0px 5px 25px rgba(0, 0, 0, 0.0391474);border-radius: 4px;}
.accordionBox .card .card-header {border: 0; padding:28px 30px; margin: 0; background-color:transparent;}
.accordionBox .card .card-header a {font-family: 'Roboto'; font-style: normal; font-weight: 600; font-size: 24px; padding-right: 25px; line-height: 25px; color: #354052; display: block; position: relative;}

.accordionBox .card .card-body { padding: 0 30px 30px; margin: 0;}
.accordionBox .card .card-body h3{ margin: 0 0 4px; padding: 0; font-weight: 600; font-size: 18px; line-height: 25px;  color: #354052; }
.accordionBox .card .card-body p{font-family: 'Roboto'; font-style: normal; font-weight: 500;  font-size: 14px; line-height: 23px; color: #8591B0;}
.accordionBox .card .card-header a:after {content: ""; background: url(../imagesv/accordion-botom-arrow.svg) no-repeat center; width: 18px; height: 18px; position: absolute; top: 50%; margin-top: -9px;  right: 0; transform: rotate(-90deg);transition: all 0.3s ease-in-out;} 
.accordionBox .card .card-header a[aria-expanded="true"]:after {content: "";   transform: rotate(0deg);}
 
.privacyPolicyPage {box-shadow: 0px 5px 25px rgba(0, 0, 0, 0.0391474);border-radius: 4px; padding: 30px; background: #fff;}
.collapse_show{padding:30px 0 0 0; }

.accordionInner {border: 1px solid #E6EAEE; border-bottom: 0px; border-radius: 4px; overflow: hidden;}
.accordionInner .smallCard{padding:0 0; margin: 0; box-shadow: none; }
.accordionInner .smallCard .smallCardHeader {padding: 13px 14px 13px;background: #FFFFFF; border-bottom: 1px solid #E6EAEE; border-radius: 0;}
.accordionInner .smallCard .smallCardHeader a{font-family: 'Roboto'; font-style: normal; font-weight: 600;  font-size: 18px; line-height: 25px;padding-right: 25px; color: #354052; display: block; position: relative; }
.accordionInner .smallCard .smallCardHeader a:after {content: ""; background: url(../imagesv/small-accordion-arrow.svg) no-repeat center; width: 18px; height: 18px; position: absolute; right: 0;top: 50%; margin-top: -9px; transform: rotate(-90deg);transition: all 0.3s ease-in-out;}
.accordionInner .smallCard .smallCardHeader a[aria-expanded="true"]:after {content: ""; transform: rotate(0);}
.accordionInner .smallCard .smallCardBody {border-radius: 0; padding: 13px 271px 0 14px; background: #E3E8EC; border-bottom: 1px solid #E6EAEE; }
.accordionInner .smallCard .smallCardBody p, .accordionInner .smallCard .smallCardBody ul li {font-family: 'Roboto'; font-style: normal; font-weight: 500;  font-size: 14px; line-height: 23px; color: #8591B0;}
.accordionInner .smallCard .smallCardBody p span, .accordionInner .smallCard .smallCardBody ul li span {color: #354052;}
.accordionInner .smallCard .smallCardBody h3{ margin: 0 0 4px; padding: 0; font-weight: 600; font-size: 18px; line-height: 25px;  color: #354052; }

/****** my task details page *******/
.pad0 {padding: 0 !important;}
.mytaskDetails {flex: 1 1 auto; display: flex;  background: #fff; box-shadow: 0px 1px 10px rgba(221, 221, 221, 0.161968); border-radius: 4px; min-height: 600px;}
.mytaskDetails .mytaskBox {flex: 1 1 auto;}
.mytaskDetails .mytaskBox .myTaskStatusBox{border-bottom:1px solid rgba(230, 234, 238, 0.5); padding: 16px 20px 20px 18px; }
.mytaskDetails .mytaskBox .myTaskStatusBox .taskBoxDetails {position: relative; display: flex; padding-right: 80px;}
.taskBoxDetails .taskThumb {flex: 0 0 41px;}
.taskBoxDetails .taskDetails {flex: 1 1 auto; padding-left: 15px;}
.taskBoxDetails .taskDetails h4 { font-weight: 600;font-size: 16px;line-height: 19px; color: #354052; margin: 0 0 8px;}
.taskBoxDetails .taskDetails .taskLocDetails p { padding-left: 18px; position: relative; font-style: normal; font-weight: 500; font-size: 14px; line-height: 17px; color: #354052; margin:0 0 10px;}
.taskBoxDetails .taskDetails .taskLocDetails p img {position: absolute; top: 2px; left: 0px;}
.taskBoxDetails .taskStatus {position: absolute; right: 0; top: 0;display: inherit;}
.taskBoxDetails .taskStatus span {background: #6FC57C;border-radius: 4px; height: 25px; padding: 2px 7px;font-weight: 500;font-size: 12px;line-height: 14px; color: #FFFFFF; display: flex; align-items: center; justify-content: center;margin-left: 10px;}
.myTaskStatusBox .taskPostDetails {background: rgba(249, 250, 251, 0.5);border: 1px solid #F4F7F9;border-radius: 4px; padding: 14px 14px 0 16px;display: flex; justify-content: space-between; margin-top: 10px;}  
.myTaskStatusBox .taskPostDetails .taskPostText {flex: 1 1 auto;}
.myTaskStatusBox .taskPostDetails .taskPostText .taskPostDetailsRow {display: flex; margin-bottom: 18px; }
.taskPostDetailsRow .taskPostDetailsThumb {flex: 0 0 32px;}
.taskPostDetailsRow .taskPostDetailsThumb span {background: #EDF2F6; height: 32px; width: 32px; overflow: hidden; border-radius: 50%; display: flex; align-items: center; justify-content: center;}
.taskPostDetailsRow .taskPostDetailsThumb span img {object-fit: cover;}
.taskPostDetailsRow .postUserDetails {padding-left: 10px;}
.taskPostDetailsRow .postUserDetails p {font-size: 13px;line-height: 15px; color: #7F8FA4; margin: 0px 0 3px;}
.taskPostDetailsRow .postUserDetails h6 a{ font-weight: 500; font-size: 14px; line-height: 16px; color: #354052; }
.taskPostDetailsRow .postUserDetails .budgetDetails { color: #6FC57C; font-weight: bold;font-size: 14px;line-height: 17px; padding-right: 26px; position: relative;}
.taskPostDetailsRow .postUserDetails .budgetDetails a {position: absolute; top: 3px; display: inline-flex; right: 0;}
.taskPostDetails .taskCompleteBtn span { display: inline-block; }
.taskPostDetails .taskCompleteBtn button { padding: 0px 10px; font-weight: 600; font-size: 14px; line-height: 19px; color: #FFFFFF; box-shadow: 0px 1px 3px rgba(0, 0, 0, 0), 0px 2px 1px rgba(0, 0, 0, 0), 0px 1px 1px rgba(0, 0, 0, 0); background: linear-gradient(76.76deg, #5E2563 -10.58%, #2D1553 67.78%, #2D1553 67.85%); border-radius: 4px; min-width: 90px; height: 36px; }
.taskPostDetails .taskCompleteBtn button.remove { background: #9f0303;}

.taskMessageDetails { border-bottom: 1px solid rgba(230, 234, 238, 0.5); padding: 16px 20px 20px 18px; }
.taskMessageDetails h4 { font-size: 14px; line-height: 19px; font-weight: bold; margin:0px 0 3px; color: #354052; }
.taskMessageDetails p { font-size: 14px; line-height: 19px; color: #354052; font-weight: normal; margin:0px;}
.taskMessageDetailsRow .job_images ul li {width: auto;float: left;padding: 10px 10px 0px 0px; max-height: auto; cursor: pointer; } 
.taskMessageDetailsRow .job_images ul li img { position: relative; width: auto; max-width: 100%; max-height: 100%; height: 100px; border-radius: 4px; overflow: hidden; } 
.clear { clear: both; }
.gm-style-iw {
   max-width: 350px !important;
   top: 0 !important;
   left: 0 !important;
   background-color: #fff;
   box-shadow: 0 1px 6px rgba(178, 178, 178, 0.6);
   border: 1px solid rgba(72, 181, 233, 0.6);
   border-radius: 2px 2px 0 0;
}
/* .gm-style-iw-d{
    overflow: hidden !important;
}
.gm-style-iw{
    padding: 0px !important;
} */
/* .chathistory-main { padding: 14px; background-color: rgba(249, 250, 251, 0.7); border-radius: 4px; } */
.chathistory-main .taskMessageRow { display: flex;padding: 14px; background-color: rgba(249, 250, 251, 0.7); }
.chathistory-main .taskMessageRow:last-child { margin-bottom: 0px; }
.chathistory-main .taskMessageRow .messageUserThumb {height: 46px; width: 46px; flex: 0 0 46px;}
.chathistory-main .taskMessageRow .messageUserThumb span {height: 46px; width: 46px; border-radius: 50%; overflow: hidden;  display: block;}
.chathistory-main .taskMessageRow .messageUserThumb span img { border-radius: 50%; object-fit: cover; height: 100%; width: auto; }
.chathistory-main .taskMessageRow .messageSenderText {padding-left: 20px; width:100%}
.messageSenderText .messageSenderTitle {display: flex; justify-content: space-between; align-items: center; padding-bottom: 8px;}
.messageSenderText .messageSenderTitle h4 a { font-size: 16px; font-weight: bold;line-height: 19px; color: #354052;}
.messageSenderText .messageSenderTitle span {font-weight: 500;font-size: 12px;line-height: 14px; color: #7F8FA4;}
.messageSenderText p {font-size: 12px;line-height: 18px; color: #354052; margin-bottom: 0px;}

.taskMessageDetailsRow .messageTypeBox {padding: 10px 15px 10px 10px; display: flex;}
.messageTypeBox .form-group {flex: 1 1 auto; margin:0px 0px 10px 0px; padding-right: 8px;}
.messageTypeBox .form-group textarea.form-control { font-weight: 500; font-size: 14px; line-height: 19px; color: #354052; background: #FFFFFF; border: 1px solid #D0D0D1; display: inline-block; width: 100%; height: 85px; border-radius: 4px; transition: all 0.3s ease-in-out; }
.form-group textarea.is-invalid {outline: 0px; border-color: #D0021B !important; box-shadow: none;}
.messageTypeBox .sendMsgBtn {flex: 0 0 62px;}
.messageTypeBox .sendMsgBtn  button {padding: 0px 10px; font-weight: 600; font-size: 14px; line-height: 19px; color: #FFFFFF; box-shadow: 0px 1px 3px rgba(0, 0, 0, 0), 0px 2px 1px rgba(0, 0, 0, 0), 0px 1px 1px rgba(0, 0, 0, 0); background: linear-gradient(76.76deg, #5E2563 -10.58%, #2D1553 67.78%, #2D1553 67.85%); border-radius: 4px; min-width: 90px; height: 36px;}
.mytaskDetails .assingUserList {flex: 0 0 269px; border-left: 1px solid #E6EAEE;}
.assingUserList .assingUserListTitle {display: flex; align-items: center; justify-content: space-between; padding: 19px; border-bottom: 1px solid #E6EAEE;}
.assingUserList .assingUserListTitle h2 {font-weight: 600;font-size: 18px;line-height: 21px;color: #354052; margin: 0px;}
.assingUserList .assingUserListTitle  .btn {padding: 0px; margin: 0px; border:0px;}

/** Intrusted user list */
.assingUserListRow .assignUserDetails { display: flex; padding: 18px 18px;}
.assingUserListRow .assignUserDetails .assignUserThumb {flex: 0 0 60px;width: 60px; height: 60px; }
.assingUserListRow .assignUserDetails .assignUserThumb span {border-radius: 50%;}
.assingUserListRow .assignUserDetails .assignUserThumb span img {border-radius: 50%; object-fit: cover; height: 100%; width: auto;}
.assingUserListRow .assignUserDetails .assignUserDetailsRight {flex: 1 1 auto; padding-left: 24px;}
.assignUserDetailsRight .assingUserCol {padding-bottom: 23px; border-bottom: 1px solid rgba(230, 234, 238, 0.5);} 
.assignUserDetailsRight .assingUserCol h3 { font-weight: bold; font-size: 16px; line-height: 19px; color: #354052; margin: 0  0 6px;}
.assignUserDetailsRight .assingUserCol h3 a { color: #354052;}
.assignUserDetailsRight .assingUserCol span {font-size: 14px;line-height: 16px; color: #8591B0; margin: 0px 0 8px; display: block;}
.assignUserDetailsRight .assingUserCol .rating {display: flex; padding-bottom: 25px;}
.assignUserDetailsRight .assingUserCol .rating li {margin-right: 5px;}
.assignUserDetailsRight .assingUserCol .assignBtn { padding: 0px 10px; font-weight: 600; font-size: 14px; line-height: 19px; border: 1px solid #33155D; border-radius: 4px; background:transparent; color: #33155D; transition: all 0.4s; min-width: 90px; height: 36px; }
.assignUserDetailsRight .assingUserCol .assignBtn:hover{ padding: 0px 10px; font-weight: 600; font-size: 14px; line-height: 19px; color: #FFFFFF; box-shadow: 0px 1px 3px rgba(0, 0, 0, 0), 0px 2px 1px rgba(0, 0, 0, 0), 0px 1px 1px rgba(0, 0, 0, 0); background: linear-gradient(76.76deg, #5E2563 -10.58%, #2D1553 67.78%, #2D1553 67.85%); border-radius: 4px; min-width: 90px; height: 36px; }
.taskRange .slider  {height: 12px; width: 202px;}
.taskRange .slider .slider-track {height: 4px; margin-top: -2px;}
.taskRange .slider .slider-selection {background: #2D1553;}
.taskRange .slider .slider-track-high {background: #DFE4EE;}
.taskRange .slider .slider-handle {background: #2D1553;border: 1px solid #FFFFFF; box-shadow: 0px 2px 8px rgba(55, 22, 101, 0.482705); height: 12px; width: 12px;}
.taskRange .slider .tooltip-main {height: 16px; width: 46px; background:url(../imagesv/tooltipArrow.svg); display: flex; align-items: center; justify-content: center; opacity: 1; margin: -2px 19px; z-index: 9;}
.taskRange .slider .tooltip-main .tooltip-inner {background-color: transparent;   font-weight: 600;font-size: 11px;line-height: 13px; padding: 0 0 2px 4px;}



/************* MODAL **************/
/* .owner-modal .modal-dialog { max-width: 580px; }
.owner-modal .modal-dialog.modal-xl {max-width: 850px;}  comment by ck*/

.owner-modal .modal-header {border-bottom: none;background: linear-gradient(76.76deg, #5E2563 -10.58%, #2D1553 67.78%, #2D1553 67.85%);height: 40px;padding: 10px 15px;}
.owner-modal .modal-title {font-weight: bold; font-size: 16px; line-height: 20px;color: #FFFFFF;}
.owner-modal .modal-header .close {color: #fff;opacity: 1;}
.owner-modal .modal-header .close:hover {color: #fff;opacity:0.7;}

.owner-modal .profile-details {padding-bottom: 20px;}
.owner-modal .profile-details h2 {font-weight: bold;font-size: 16px;line-height: 35px;color: #354052;margin: 0 0 10px;display: inline;}
.owner-modal .profile-details a {display: inline-block;width: 100%; margin:0 0 16px;}
.owner-modal .profile-details a:last-child {margin-bottom: 0; padding-left: 25px;}
.owner-modal .profile-details .dbs-verified-tickmark { 
    height: 50px;
    width: auto;
    float: right;
 }
.modal-about {padding:10px 0 15px;border-bottom: 1px solid #F0F3F8;border-top: 1px solid #F0F3F8;}
.modal-about h3 {font-weight: 600;font-size: 14px;line-height: 19px;color: #354052;}
.modal-about p {font-weight: normal;font-size: 14px;line-height: 19px;color: #354052; margin-bottom: 0;}
.modalReviews-title {margin: 10px 0 16px;}
.modalReviews-title h2 {font-weight: 600;font-size: 14px;line-height: 19px;color: #354052; margin-bottom: 0;}

.ReviewsRow {display: flex;justify-content: center;margin-bottom: 16px;}
.Reviewsimg {flex: 0 1 15%;height: 45px;width: 45px;}
.Reviewsimg img{ filter: drop-shadow(0px 11px 5px rgba(154, 154, 154, 0.465948)); height: 45px;width: 45px;border-radius: 50%; object-fit: cover; }
.ReviewsDetails {flex: 0 1 80%;}
.ReviewsDetails h3 {font-weight: 600;font-size: 16px;line-height: 19px;color: #354052; margin-bottom: 6px;}
.ReviewsDetails p {font-weight: normal;font-size: 12px;line-height: 18px;margin: 7px 0 0;color: #354052;}

/************* POST TASK **************/
.PostRow {background: #FFFFFF;border: 1px solid #E6EAEE;box-sizing: border-box;border-radius: 4px;}
.Postimg-Row {display: flex;justify-content: center;}
.Postimg-Row {display: flex;justify-content: center;height: 100%;}
.Post-img {padding-bottom: 24px;}
.Post-img-form {padding:30px 20px 6px;}
.Post-img .jFiler-input-inner {padding: 39px 40px 29px;}
.Post-img #content .jFiler-input-text h3 {width: 100%; font-weight: 600;font-size: 14px;line-height: 19px;text-align: center;color: #7F8FA4}
.Post-img #content.jFiler-input-text h3 span {color: #2D1553; font-weight: 600;font-size: 14px;line-height: 19px;text-align: center;}
.Post-img .jFiler-items.jFiler-row {margin-top: 20px;width: 100%;}
.Post-img .jFiler-items-grid .jFiler-item {float: left;width: 33%;padding: 0 5px;}
.Post-img .jFiler-items-grid .jFiler-item .jFiler-item-container {margin-right: 0;}
.Post-img .jFiler-items-grid .jFiler-item .jFiler-item-container .jFiler-item-info {padding: 0;}
.Post-img #content .Info-icon {font-weight: normal;font-size: 13px;line-height: 15px;color: #7F8FA4; display: inline-block; margin-top: 15px;}
.Post-img #content .Info-icon img {margin-right: 9px;}

.Post-map { height: 324px;padding-bottom: 24px;}

.Postimg-Row.locetion-row {display: flex;justify-content: center;border-bottom: none;}
.submit-col {float: right;display: flex; align-items: center; justify-content: flex-end;}
.submit-check {display: inline-block;vertical-align: middle;margin-right: 15px;}
/* .submit-btn {display: inline-block; vertical-align: middle; float: right;} */
/* .custom-scroll-height{
    max-height: 600px;
    overflow-y: auto;
} */
.custom-scroll-height-1000{
    max-height: 1000px;
    overflow-y: auto;
}


/** Alert model CSS */
.alertmodel-message { min-height: 80px; }
.alertmodel-message h5 { font-family: Roboto; font-style: normal; font-weight: normal; font-size: 20px; line-height: 38px; text-align: center; color: #354052; margin: 0; position: absolute; top: 50%; left: 50%; margin-right: -50%; transform: translate(-50%, -50%); }
.centerbtn { text-align: center; display: inherit; padding-top: 0px; }
.modal .btn-primary, .modal .btn-primary:hover, .modal .btn-primary:active, .modal .btn-primary:visited { background: linear-gradient(76.76deg, #5E2563 -10.58%, #2D1553 67.78%, #2D1553 67.85%); border: none; text-align: center; font-family: Roboto; font-style: normal; font-weight: bold; font-size: 14px; }
.modal .btn-secondary, .modal .btn-secondary:hover, .modal .btn-secondary:active { background: #D8D8D8;border: none; color: #33155D; text-align: center; font-family: Roboto; font-style: normal; font-weight: bold; font-size: 14px; }

/* Dashborad tables CSS */
.table-container { flex: 1 1 auto; padding: 1rem; }
.primarytable { border: 1px solid #E6EAEE; margin-bottom: 0px; }
.primarytable thead tr th{ color: #354052; padding-top: 20px; padding-bottom: 20px; }
.primarytable tbody tr td{ color: #354052; }


/** Dispute model user profile thumb */
.p-30 { padding: 30px; }
.disputeModelThumb { height: 65px; width: 65px; }
.disputeModelThumb span { height: 65px; width: 65px; border-radius: 50%; overflow: hidden; display: block; }
.disputeModelThumb span img { border-radius: 50%; object-fit: cover; height: 100%; width: auto; min-width: 65px; min-height: 65px;}
#disputeJobForm h5 { font-weight: bold; font-size: 16px; line-height: 19px; text-align: center; margin: 0; position: absolute; top: 50%; margin-right: -50%; transform: translate(0%, -50%); }
#markAsaCompletedForm h5 { font-weight: bold; font-size: 16px; line-height: 19px; margin: 0; position: absolute; top: 15%; margin-right: -50%; }
#markAsaCompletedForm h5 a, #disputeJobForm h5 a { color: #354052; }
#markAsaCompletedForm .form-control-label, #disputeJobForm  label { font-weight: 500; font-size: 14px; line-height: 16px; color: #354052; }
#markAsaCompletedForm .form-group .form-control, #disputeJobForm .form-group .form-control { font-weight: 500; font-size: 14px; line-height: 19px; color: #354052; background: #FFFFFF; border: 1px solid #D0D0D1; display: inline-block; width: 100%; border-radius: 4px; transition: all 0.3s ease-in-out; }
#markAsaCompletedForm .form-group .form-control:focus, #disputeJobForm .form-group .form-control:focus { border-color: #2d1553;box-shadow:none; }