@import url(../css/hover.css);
@import url(../css/animate.css);
.clr {
    clear: both
}

ul {
    padding: 0;
    margin: 0 0 0 15px;
    color: #333
}

ul li {
    margin-bottom: 5px
}

a {
    text-decoration: none!important;
    color: #000
}

a:hover {
    color: #333
}

p {
    color: #121420;
    font-size: 16px;
    line-height: 20px;
    font-family: Arbeit-Light
}

body {
    background: #fff;
    color: #121420;
    font-family: Arbeit-Light;
    font-size: 16px;
    line-height: 18px;
    overflow-x: hidden
}

h1 {
    color: #3b3b3b;
    font-size: 48px;
    font-family: Arbeit-Bold;
    font-weight: inherit
}

h2 {
    font-family: Arbeit-Bold;
    color: #121420;
    font-size: 30px;
    margin-bottom: 15px;
    font-weight: inherit
}

h4 {
    font-size: 32px;
    color: #121420;
    font-family: Arbeit-Bold;
    font-weight: inherit
}

h3 {
    font-family: Arbeit-Bold;
    font-size: 24px;
    font-weight: inherit
}

h5 {
    font-size: 24px;
    color: #121420;
    font-family: Arbeit-Light;
    font-weight: inherit
}

.table td {
    vertical-align: top
}

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

@font-face {
    font-family: Arbeit-Light;
    src: url(../fonts/arbeit-light.eot);
    src: url(../fonts/arbeit-light.eot?#iefix) format('embedded-opentype'), url(../fonts/arbeit-light.woff2) format('woff2'), url(../fonts/arbeit-light.woff) format('woff'), url(../fonts/arbeit-light.ttf) format('truetype'), url(../fonts/arbeit-light.svg#youworkforthem) format('svg');
    font-weight: 400;
    font-style: normal
}

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

@font-face {
    font-family: Arbeit-SemiBold;
    src: url(../fonts/arbeit-semi-bold.eot);
    src: url(../fonts/arbeit-semi-bold.eot?#iefix) format('embedded-opentype'), url(../fonts/arbeit-semi-bold.woff2) format('woff2'), url(../fonts/arbeit-semi-bold.woff) format('woff'), url(../fonts/arbeit-semi-bold.ttf) format('truetype'), url(../fonts/arbeit-semi-bold.svg#youworkforthem) format('svg');
    font-weight: 400;
    font-style: normal
}

.btn {
    padding-left: 1.5rem!important;
    padding-right: 1.5rem!important;
    min-width: 208px;
    padding: .375rem .75rem .395rem
}

.btn-success {
    background-color: #00bb31!important;
    color: #fff;
    border: solid 1px #00bb31!important;
    box-shadow: 0 7px 7px rgba(0, 0, 0, .1)
}

.btn-success:hover {
    color: #000;
    border-color: #00bb31!important;
    background-color: transparent!important
}

.bg-success {
    background-color: #00bb31!important
}

.text-success {
    color: #00bb31!important
}

.btn-outline-success {
    color: #333;
    border-color: #00bb31!important
}

.btn-outline-success:hover {
    background-color: #00bb31!important
}

.border-success {
    border-color: #00bb31!important
}

.container-fluid {
    max-width: 1400px
}

header {
    position: fixed;
    width: 100%;
    z-index: 999;
    background: #111420
}

.aboutsection p {
    line-height: 30px;
    font-size: 24px
}

.p-box {
    border-radius: 40px;
    padding: 25px;
    border: solid 1px #ddd;
    box-shadow: -4px 12px 15px #ddd;
    margin: 30px 15px;
    background: #fff;
    min-height: 450px;
    height: 100%
}

.bannersection {
    background: #121420 url(../images/15.png) 50% 100% no-repeat;
    height: 800px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 100px 0 0 0
}

.bannersection h1 {
    font-size: 64px
}

.navbar-dark .navbar-nav .nav-link {
    color: #00bb31;
    font-size: 12px;
    margin: 0 15px;
    border-bottom: solid 1px transparent
}

.navbar-dark .navbar-nav .nav-link:focus,
.navbar-dark .navbar-nav .nav-link:hover {
    color: #56fc88;
    border-bottom: solid 1px;
    font-weight: 700
}

.navbar-dark .navbar-nav .active>.nav-link,
.navbar-dark .navbar-nav .nav-link.active,
.navbar-dark .navbar-nav .nav-link.show,
.navbar-dark .navbar-nav .show>.nav-link {
    color: #56fc88;
    font-weight: 700;
    border-bottom: solid 1px
}

.current_page_item a {
    color: #56fc88!important;
    font-weight: 700!important;
    border-bottom: solid 1px #56fc88!important
}

.rsection {
    background: url(../images/bg1.png) 100% 100% no-repeat
}

.sourcesection {
    background: #111420 url(../images/mask-group2.png) 100% 60% no-repeat;
    min-height: 500px;
    display: flex;
    align-items: center
}

.sourcesection h1 {
    font-size: 64px
}

.usingsection {
    background: url(../images/02.png) 0 0 no-repeat, url(../images/bg1.png) 112% 270% no-repeat
}

.navbar-dark {
    background: #111420
}

.subscribe {
    background: #111420 url(../images/mask-group.png) 100% 50% no-repeat
}

.subsfild {
    background: #fff;
    border: solid 4px #fff;
    border-radius: 30px
}

.subsfild .form-control:focus {
    box-shadow: none
}

footer {
    background: #111420
}

.menu-list {
    list-style: none;
    padding: 0;
    margin: 0
}

.menu-list li {
    display: block;
    margin: 5px 0;
    color: #fff;
    font-size: 12px;
    font-weight: 700
}

.menu-list li a {
    display: inline-block;
    color: #fff;
    font-size: 12px;
    font-weight: 700
}

.menu-list li a:hover {
    color: #56fc88
}

.flogo {
    padding-bottom: 15px;
    margin-bottom: 15px
}

.flink {
    list-style: none;
    margin: 0;
    margin: 15px 0 0;
    padding: 10px 0
}

.flink li {
    display: inline-block
}

.flink li a {
    font-size: 12px;
    color: #fff;
    text-decoration: underline!important;
    margin: 0 4px;
    font-weight: 700
}

#owl-demo2 .owl-controls .owl-buttons div {
    background: 0 0;
    border: solid 1px #56fc88;
    color: #56fc88;
    width: 35px;
    height: 35px;
    text-align: center;
    line-height: 25px;
    opacity: 1
}

.navbar-dark .navbar-toggler {
    border-color: transparent
}

.navbar-toggler {
    font-size: 1.5rem
}

.bannersection2 {
    background: #121420 url(../images/100bg.jpg) 100% -97px no-repeat;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 100px 0 0 0;
    background-attachment: fixed
}

#countdown ul {
    list-style: none;
    padding: 0;
    margin: 0
}

#countdown ul li {
    display: inline-block;
    text-align: center;
    font-size: 16px;
    color: #fff;
    font-weight: 400;
    width: 75px
}

#countdown ul li span {
    display: block;
    font-size: 48px;
    font-weight: 700!important;
    list-style-type: none;
    color: #00bb31;
    text-transform: uppercase;
    font-family: Arbeit-Bold;
    height: 37px
}

.softwearsection {
    background: rgba(18, 20, 32, .7);
    padding: 50px 0;
    height: 500px
}

.testislider {
    background: rgba(18, 20, 32, .7);
    padding: 50px 0
}

#owl-demo3 .owl-controls .owl-buttons div {
    background: #56fc88;
    opacity: 1;
    color: #000;
    width: 30px;
    height: 30px;
    text-align: center;
    line-height: 23px
}

.membersection {
    background: #121420 url(../images/memberbg.jpg) 0 0 no-repeat;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 600px;
    background-size: cover;
    background-attachment: fixed
}

.serbox {
    border-radius: 35px;
    padding: 25px;
    background: #fff;
    margin: 50px 0
}

.serbox h5 {
    font-family: Arbeit-Bold;
    color: #3b3b3b;
    font-size: 24px
}

.staffsection {
    background: #fff;
    border-radius: 15px;
    padding: 15px;
    text-align: center;
    border: solid 1px #222;
    margin-bottom: 25px
}

#owl-demo4 .owl-controls .owl-page span {
    background: #56fc88
}

#owl-demo4 .owl-controls .owl-page.active span {
    background: #56fc88
}

.servive {
    position: relative
}

.servive::after {
    background: #56fc88;
    content: "";
    height: 100%;
    width: 100%;
    display: block;
    position: absolute;
    top: 169px;
    z-index: 0
}

.mainwrapper {
    background: url(../images/bodybg1.png) 0 50% no-repeat, url(../images/bodybg2.png) 100% 95% no-repeat
}

.social {
    display: block
}

.social a {
    font-size: 16px;
    margin: 5px 20px 5px 0;
    display: inline-block
}

.swiper-slide {
    opacity: .4
}

.swiper-slide-next {
    opacity: 1
}

.swiper-button-next,
.swiper-button-prev {
    top: auto!important;
    bottom: 0!important
}

.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
    left: auto!important;
    right: 45px!important
}

.swiper-container {
    margin: 60px auto
}

.swiper-wrapper {
    padding: 50px 0
}

.swiper-button-next,
.swiper-button-prev {
    color: #222!important;
    width: 30px!important;
    height: 30px!important;
    background: #56fc88;
    border-radius: 100%
}

.swiper-button-next::after,
.swiper-button-prev::after {
    font-size: 18px
}

.swiper-button-next::after,
.swiper-button-prev::after {
    font-size: 16px!important
}

.ratingsymble {
    padding: 20px;
    background: #00bb31;
    position: relative
}

.trlist {
    list-style: none;
    padding: 0;
    margin: 0
}

.trlist li {
    margin: 10px;
    display: inline-block;
    width: 44%;
    position: relative;
    padding-left: 35px
}

.trlist li:before {
    content: "";
    position: absolute;
    left: 0;
    top: 5px;
    font-size: 20px;
    color: #00bb31;
    background: url(../images/check.png) 0 0 no-repeat;
    width: 25px;
    height: 25px
}

.sourcesection {
    background: url(../images/sourcebg.jpg) 0 0 no-repeat;
    min-height: 500px;
    display: flex;
    align-items: center;
    background-attachment: fixed;
    background-size: cover
}

.clientbox ul {
    list-style: none;
    padding: 0;
    margin: 0;
    text-align: center
}

.clientbox ul li {
    display: inline-block;
    background: #fff url(../images/boxbg.png) 9px -2px no-repeat;
    border: solid 1px #ddd;
    border-radius: 50px;
    box-shadow: -6px 5px 15px #ddd;
    margin: 10px 15px;
    padding: 25px;
    width: 240px;
    height: 380px;
    text-align: left;
    background-size: contain
}

.climg {
    width: 80px;
    border: solid 2px #56fc88;
    border-radius: 100%
}

.colaberation {
    padding-top: 100px;
    background: url(../images/colaberation.png) 100% 0 no-repeat;
    background-attachment: fixed
}

.reviewsection {
    background: url(../images/reviewbg.png) 0 39% no-repeat;
    background-attachment: fixed
}

.loginmodal {
    padding: 20px;
    border-radius: 25px;
    background: #fff url(../images/popupbg.png) 120% -23px no-repeat
}

.cmodal {
    width: 35px;
    height: 35px;
    line-height: 0;
    border-radius: 100%;
    color: #fff;
    opacity: 1;
    text-align: center;
    padding: 0!important;
    font-size: 20px;
    display: inline-block;
    float: none;
    text-shadow: none
}

.cmodal span {
    margin-top: -5px
}

.loginmodal label {
    font-size: 13px;
    color: #121420;
    font-family: Arbeit-Regular
}

.loginmodal .form-control {
    border-radius: 25px;
    border-color: #1fb622
}

.cmodal span {
    background: #fff url(../images/cross.png) 0 0 no-repeat;
    width: 28px;
    height: 28px;
    display: inline-block;
    text-indent: -99999px
}

.userimg {
    width: 40px;
    height: 40px;
    border-radius: 100%;
    border: solid 1px #090
}

.mylogin {
    margin: 0 10px
}

.mylogin a {
    color: #fff!important
}

.searchbox {
    margin: 0 auto;
    flex: auto;
    border-radius: 25px;
    border: solid 1px #fff;
    background: rgba(255, 255, 255, .3);
    max-width: 50%;
    overflow: hidden
}

.searchbox input {
    border: none;
    background: 0 0;
    text-align: center;
    color: #fff
}

.searchbox input:focus {
    border: none;
    background: 0 0;
    box-shadow: none;
    color: #fff
}

.searchbox input::placeholder {
    color: #fff
}

.dashboardsection {
    background: #fbfbfb;
    padding-top: 54px
}

.account-menu {
    background: #fff;
    padding: 20px 0;
    box-shadow: 0 3px 6px #00000029;
    border-radius: 0 0 10px 0
}

.account-menu ul {
    list-style: none;
    margin-left: 0
}

.account-menu ul li {
    display: block
}

.account-menu ul li a {
    display: block;
    padding: 15px;
    font-size: 18px;
    position: relative
}

.account-menu ul li a:hover,
.account-menu ul li.active a {
    color: #00bb31
}

.account-menu ul li a:hover:after,
.account-menu ul li.active a:after {
    content: "";
    background: #00bb31;
    height: 100%;
    width: 5px;
    border-radius: 0 50px 50px 0;
    position: absolute;
    left: 0;
    top: 0
}

.card {
    border: none;
    box-shadow: 0 1px 6px #00000029;
    margin: 20px 0;
    border-radius: 10px
}

.progress {
    background-color: #fff;
    border: solid 1px #ddd;
    border-radius: .5rem
}

.slist {
    display: block;
    list-style: none
}

.slist li {
    display: inline-block;
    margin: 10px 10px 10px 0;
    overflow: hidden;
    width: 100px;
    height: 65px
}

.slist li a {
    height: 65px;
    align-items: center;
    justify-content: center;
    display: flex
}

.customisebox {
    background: url(../images/banner.jpg) 0 0 no-repeat;
    background-size: cover;
    border-radius: 5px;
    overflow: hidden;
    padding: 20px;
    margin-bottom: 20px;
    position: relative
}

.customisebox:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background: transparent linear-gradient(271deg, #00bb31 0, #fffFFF00 100%) 0 0 no-repeat padding-box
}

.text-facebook {
    color: #3d5a98
}

.text-twitter {
    color: #02a8f3
}

.text-linkedin {
    color: #0b66c3
}

.eventlist a {
    background: #e5e6e7
}

.callacrion {
    background: #121420 url(../images/thoughts-bg.jpg) 0 50% no-repeat;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 70px 0;
    background-size: cover;
    border-radius: 10px;
    background-attachment: fixed
}

.needmore {
    background: #121420 url(../images/Image-59.jpg) 0 50% no-repeat;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background-size: cover;
    border-radius: 10px;
    padding: 50px 10px;
    margin-bottom: 20px;
    background-attachment: fixed
}

.hubsection {
    background: url(../images/colaberation.png) 100% -9% no-repeat, url(../images/colaberation15.png) 0 90% no-repeat
}

.heandlingsection {
    background: url(../images/art15.png) 0 335% no-repeat
}

.quatosection {
    background: url(../images/sourcebg.jpg) 0 0 no-repeat;
    min-height: 500px;
    display: flex;
    background-attachment: fixed;
    background-size: cover
}

.radiusleft {
    position: relative;
    border-radius: 190px 0 35px 35px;
    box-shadow: 0 -8px 0 #00bb31;
    overflow: hidden;
    margin-bottom: 10px
}

.radiusleft:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    background: transparent linear-gradient(0deg, #121420 0, #60626A00 100%) 0 0 no-repeat padding-box;
    height: 100%
}

.overlay {
    position: absolute;
    bottom: 7%;
    left: 7%;
    width: 90%
}

.radiusright {
    position: relative;
    border-radius: 0 190px 35px 35px;
    box-shadow: 0 -8px 0 #00bb31;
    overflow: hidden;
    margin-bottom: 10px
}

.radiusright:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    background: transparent linear-gradient(0deg, #121420 0, #60626A00 100%) 0 0 no-repeat padding-box;
    height: 100%
}

.resourcebannersection {
    background: #121420 url(../images/resourcebg.png) 100% 0 no-repeat;
    min-height: 500px;
    padding: 150px 0 0;
    border-bottom: solid 25px #28a745
}

.eventbox {
    box-shadow: -16px -7px 18px #0000001A;
    border: 1px solid #d2d2d2;
    border-radius: 50px;
    background: #fff;
    margin-bottom: 20px
}

.eventtab .nav-link {
    color: #28a745;
    border-radius: 0;
    padding: 15px
}

.eventtab .nav-link.active,
.eventtab .nav-link:hover {
    border-color: transparent transparent #28a745 transparent;
    background: 0 0;
    color: #28a745
}

.custom-select {
    background: #fff url(../images/sort.png) 97% 48% no-repeat
}

.form-control:focus {
    box-shadow: 0 0 0 .2rem rgba(32, 255, 0, .25)
}

.videosection {
    position: relative
}

.videosection::before {
    content: "";
    height: 100%;
    width: 100%;
    position: absolute;
    z-index: 9
}

.playbtn {
    position: absolute;
    z-index: 10;
    left: 50%;
    top: 50%;
    width: 100px;
    height: 100px;
    transform: translate(-45%, -50%);
    text-align: center;
    font-size: 40px;
    line-height: 100px
}

.playbtn::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    height: 110%;
    width: 110%;
    line-height: 110px;
    background: #1fb622;
    border-radius: 50%;
    z-index: -1;
    animation: pulse-border 1.5s ease-out infinite
}

.uploadvideo {
    position: relative;
    width: 100px;
    border-radius: 5px;
    overflow: hidden;
    height: 65px
}

.uploadvideo:before {
    content: "";
    height: 100%;
    width: 100%;
    background-color: rgba(31, 182, 34, .5);
    position: absolute;
    z-index: 9
}

.uploadvideo .play-btn {
    position: absolute;
    z-index: 10;
    left: 50%;
    top: 50%;
    width: 40px;
    height: 40px;
    transform: translate(-50%, -50%);
    text-align: center;
    font-size: 20px;
    line-height: 40px;
    border-radius: 100%
}

.uploadvideo .play-btn::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    height: 100%;
    width: 100%;
    line-height: 100px;
    background: #1fb622;
    border-radius: 50%;
    z-index: -1;
    animation: pulse-border 1.5s ease-out infinite
}

@keyframes pulse-border {
    0% {
        transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
        opacity: 1
    }
    100% {
        transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
        opacity: 0
    }
}

@-webkit-keyframes pulse-border {
    0% {
        transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
        opacity: 1
    }
    100% {
        transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
        opacity: 0
    }
}

.productbanner {
    background: #121420 url(../images/productbannerbg.jpg) 55% 0 no-repeat;
    padding: 200px 0 0 0;
    min-height: 250px;
	background-size: cover;
}

.starlist {
    display: block;
    margin: 5px 0 10px
}

.starlist ul {
    list-style: none;
    padding: 0;
    margin: 0
}

.starlist ul li {
    display: inline-block;
    margin: 2px;
    font-size: 12px;
	color:#fff;
}

.starlist ul li i {
    font-size: 20px
}

.starlist ul li i.text-secondary {
    color: #d5d5d5!important
}

.page-menu {
    display: block;
    padding: 15px 0;
    background: rgba(18, 20, 32, .5)
}

.page-menu ul {
    list-style: none;
    text-align: center
}

.page-menu ul li {
    display: inline-block;
    padding: 10px 20px
}

.page-menu ul li a {
    color: #00bb31;
    font-size: 16px;
    border-bottom: solid 2px transperant
}

.page-menu ul li.active a {
    border-bottom: solid 2px #00bb31;
    font-weight: 700
}

#about {
    padding: 100px 0;
    min-height: 500px
}

#pricing {
    padding: 0 0 100px 0;
    position: relative;
    background: url(../images/art16.png) 0 116% no-repeat;
    min-height: 500px
}

#pricing:after {
    content: "";
    background: #00bb31;
    width: 100%;
    height: 80%;
    display: block;
    position: absolute;
    z-index: -1;
    top: 20%
}

.pricingbox {
    padding: 50px 30px;
    background: #fff;
    box-shadow: -16px -7px 18px #0000001A;
    border-radius: 50px;
    height: 100%
}

.pricingbox h5 {
    font-size: 28px
}

.belist {
    list-style: none;
    padding: 0;
    margin: 0
}

.belist li {
    display: block;
    margin-bottom: 10px;
    position: relative;
    padding-left: 30px
}

.belist li:before {
    content: "\f058";
    position: absolute;
    left: 0;
    top: 3px;
    font-family: FontAwesome;
    font-size: 20px;
    color: #00bb31
}

#feature {
    display: block;
    padding: 50px 0;
    background: url(../images/art17.png) 100% 50% no-repeat;
    min-height: 500px
}

.featuresection {
    background: #fff;
    box-shadow: -16px -7px 18px #0000001A;
    border: 1px solid #d2d2d2;
    border-radius: 50px;
    padding: 50px 20px
}

.midborder {
    background: #ddd;
    width: 1px
}

.featurelist {
    display: block
}

.featurelist ul {
    list-style: none;
    margin: 0;
    padding: 0
}

.featurelist ul li {
    position: relative;
    margin-bottom: 35px;
    padding-left: 35px;
    font-size: 20px
}

.featurelist ul li:before {
    content: "\f058";
    position: absolute;
    left: 0;
    top: 5px;
    font-family: FontAwesome;
    font-size: 24px;
    color: #00bb31
}

.featurelist ul li.dalow:before {
    content: "\f057";
    position: absolute;
    left: 0;
    top: 5px;
    font-family: FontAwesome;
    font-size: 24px;
    color: #ff6767
}

.blockquote {
    position: relative
}

.blockquote::before {
    content: "\f10d";
    position: absolute;
    left: -43px;
    top: -9px;
    font-family: FontAwesome;
    font-size: 37px;
    color: #00bb31
}

.blockquote::after {
    content: "\f10e";
    position: absolute;
    righ: -43px;
    bottom: -9px;
    font-family: FontAwesome;
    font-size: 37px;
    color: #00bb31
}

.sharethought {
    background: #121420 url(../images/thoughts-bg.jpg) 0 0 no-repeat;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 400px;
    background-size: cover;
    background-attachment: fixed
}

.rbiglist {
    display: block
}

.rbiglist ul {
    list-style: none;
    padding: 0;
    margin: 0
}

.rbiglist ul li {
    margin-bottom: 30px
}

.customerrevoiew {
    background: #fff 0 0 no-repeat padding-box;
    box-shadow: -16px -7px 18px #0000001A;
    border: 1px solid #d2d2d2;
    border-radius: 50px;
    padding: 50px;
    margin: 50px 0
}

#reviewsection {
    background: url(../images/art16.png) 0 116% no-repeat;
    min-height: 500px
}

#alternatives {
    min-height: 500px
}

#owl-demo4 .owl-controls .owl-buttons div {
    background: 0 0;
    border: solid 1px #56fc88;
    color: #56fc88;
    width: 35px;
    height: 35px;
    text-align: center;
    line-height: 25px;
    opacity: 1
}

#owl-demo4 .owl-controls {
    position: absolute;
    right: 36%;
    bottom: 3px
}

.keybord {
    position: relative;
    height: 42px;
    width: 100%;
    background: url(../images/keybord.png) 50% 0 no-repeat;
    background-size: contain;
    z-index: 9;
    bottom: 0;
    margin-top: -7px
}

.gallery-top {
    height: 80%;
    width: 90%;
    border: solid 5px #000;
    border-bottom-width: 10px;
    border-radius: 10px 10px 4px 4px;
    box-shadow: 0 0 15px #aaa
}

.questionbox {
    background: #fff;
    box-shadow: -16px -7px 18px #0000001A;
    border: 1px solid #d2d2d2;
    border-radius: 50px;
    padding: 30px 50px;
    margin: 65px 0 30px
}

.prlist {
    display: block
}

.prlist ul {
    list-style: none;
    padding: 0;
    margin: 0;
    text-align: center
}

.prlist ul li {
    display: inline-block;
    vertical-align: middle;
    margin: 10px
}

.adproduct {
    flex-direction: column;
    height: 150px;
    border: dashed 1px green;
    border-radius: 8px;
    justify-content: center;
    width: 150px;
    position: relative
}

.dbox {
    background: #fff;
    box-shadow: -16px -7px 18px #0000001A;
    border: 1px solid #d2d2d2;
    border-radius: 50px;
    padding: 50px
}

.rtable td {
    border-bottom: dashed 2px #ddd;
    border-top: none;
    vertical-align: middle
}

#features {
    position: relative
}

#features:after {
    content: "";
    background: #00bb31;
    width: 100%;
    height: 80%;
    display: block;
    position: absolute;
    z-index: -1;
    top: 25%
}

.filupload {
    position: absolute;
    height: 100%;
    width: 100%;
    opacity: 0;
    cursor: pointer
}

.botborder {
    margin: 10px 0;
    border-bottom: solid 1px #00bb31
}

.dashborder {
    border-style: dashed
}

.shortlistlist {
    display: block;
    list-style: none
}

.shortlistlist li {
    display: inline-block;
    margin: 10px 10px 10px 0;
    position: relative;
    vertical-align: top
}

.shortlistlist li p {
    margin-bottom: 0
}

.shortlistlist li a {
    height: 65px;
    width: 100px;
    align-items: center;
    justify-content: center;
    display: flex;
    overflow: hidden;
    border-radius: 5px
}

.filebtn {
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: 0;
    cursor: pointer
}

.language {
    display: block;
    margin: 15px 0
}

.language ul {
    list-style: none;
    margin-top: 20px
}

.language ul li {
    display: inline-block;
    margin-right: 10px;
    margin-bottom: 10px
}

.editmodalbox {
    flex-direction: column;
    padding: 40px 10px;
    min-height: 300px;
    border: dashed 1px green;
    border-radius: 8px;
    justify-content: start;
    margin-bottom: 20px;
    min-height: 360px;
    position: relative;
    max-width: 250px;
    height: 97%
}

.f-12 {
    font-size: 12px
}

.editmodalbox h3 {
    font-size: 16px;
    font-family: Arbeit-SemiBold
}

.border-textarea {
    border: dashed 1px green;
    border-radius: 8px;
    padding: 10px;
    width: 100%
}

.reviewbanner {
    background: url(../images/100bg.jpg) 100% -61px no-repeat;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 100px 0;
    min-height: 600px;
    background-size: contain;
    background-color: #121420;
    border-bottom: solid 27px #00bb31;
    background-attachment: fixed
}

.reviewbanner h1 {
    font-size: 64px
}

.processvanu span {
    position: relative;
    font-size: 13px
}

.processvanu span.active {
    color: #28a745
}

.processvanu span.active:before {
    content: "";
    height: 80%;
    border-right: dashed 1px #28a745;
    position: absolute;
    left: 5px;
    top: 21px
}

.reviewbanner p {
    font-size: 15px;
    font-family: Arbeit-Regular
}

.small,
small {
    font-size: 12px;
    font-family: Arbeit-Light;
    color: #121420
}

.treeborder {
    position: absolute;
    left: 29%
}

.reviewform {
    padding: 100px 0 50px 0;
    background: url(../images/art15.png) -20% 50% no-repeat;
    background-attachment: fixed
}

.custom-select {
    border-radius: 25px;
    border-color: #00bb31
}

.myaccordion {
    display: block;
    border-top: solid 1px #00bb30;
    margin-top: 20px
}

.myaccordion .card {
    box-shadow: none;
    margin: 0;
    border-top: solid 1px #00bb30
}

.myaccordion .card,
.myaccordion .card:last-child .card-header {
    border-radius: 0
}

.myaccordion .card-header {
    border-bottom-color: #edeff0;
    background: 0 0;
    padding: 10px 0;
    border: none
}

.myaccordion .fa-stack {
    font-size: 18px;
    width: 1em
}

.myaccordion .btn {
    width: 100%;
    color: #121420;
    padding: 0;
    font-family: Arbeit-Light;
    font-size: 16px
}

.myaccordion .btn-link:focus,
.myaccordion .btn-link:hover {
    text-decoration: none
}

.myaccordion li+li {
    margin-top: 10px
}

.custom-control-label::before {
    width: 20px;
    height: 20px;
    border: #00bb31 solid 1px;
    top: 1px
}

.custom-control-label::after {
    width: 21px;
    height: 21px
}

.custom-radio .custom-control-input:checked~.custom-control-label::after {
    background-color: #00bb31;
    background-image: none;
    content: "";
    position: absolute;
    height: 18px;
    width: 18px;
    border-radius: 50%;
    border: solid 5px #fff;
    margin: 1px;
    top: 1px
}

.custom-control-input:checked~.custom-control-label::before {
    color: #fff;
    border-color: #00bb31;
    background-color: #00bb31
}

.pageactive ul {
    list-style: none
}

.pageactive ul li {
    display: inline-block
}

.pageactive ul li a {
    color: #ddd;
    padding: 5px
}

.pageactive ul li a.active {
    color: #00bb31
}

.range-slider {
    margin-top: 15px
}

.range-slider__range {
    -webkit-appearance: none;
    height: 10px;
    border-radius: 5px;
    background: #fff;
    outline: 0;
    padding: 0;
    margin: 0;
    width: 100%
}

.range-slider__range::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    width: 30px;
    height: 15px;
    background: #fff;
    cursor: pointer;
    border: none;
    box-shadow: 0 5px 5px #ddd;
    border-radius: 50px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px
}

.range-slider__range::-moz-range-thumb {
    width: 30px;
    height: 15px;
    background: #ddd;
    cursor: pointer;
    border: none;
    box-shadow: 0 5px 5px #f5f5f5;
    border-radius: 50px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px
}

.spsbtn {
    font-style: italic;
    color: #a2a2a2
}

.custom-checkbox .custom-control-label::before {
    border-radius: 2.25rem
}

.custom-checkbox .custom-control-input:checked~.custom-control-label::after {
    background-image: none;
    border: solid 5px #fff;
    width: 18px;
    height: 18px;
    border-radius: 100%;
    top: 2px;
    left: -23px
}

input::placeholder {
    color: #bcbcbc!important;
    font-style: italic
}

textarea::placeholder {
    color: #bcbcbc!important;
    font-style: italic
}

#wrightreviewModal .modal-header {
    padding-left: 0
}

.orgcheck:before {
    border-radius: 5px!important
}

.custom-control-input:checked~.orgcheck::after {
    background: url(../images/checkimg.png) 100% 0 no-repeat!important;
    border: none!important
}

.solutionbanner {
    background: #121420 url(../images/solutionbgtop.png) 100% -52px no-repeat;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 100px 0;
    border-bottom: solid 27px #00bb31;
    background-attachment: fixed
}

.text-dark {
    color: #222!important
}

.s-section {
    height: 250px;
    background: #fff 0 0 no-repeat padding-box;
    box-shadow: -16px -7px 18px #0000001C;
    border: 1px solid #00bb31;
    border-radius: 66% 0 10% 10%;
    margin: 20px 0;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 30px;
    text-align: center;
    flex-direction: column;
    overflow: hidden;
    position: relative;
    transition: transform .6s;
    transform-style: preserve-3d
}

.s-section.overlays:before {
    content: "";
    position: absolute;
    z-index: 1;
    width: 100%;
    height: 100%;
    background: rgba(0, 200, 53, .7)
}

.frontsection {
    position: absolute;
    text-align: center;
    display: flex;
    align-content: center;
    justify-content: center;
    transition: transform .6s;
    transform-style: preserve-3d
}

.radius-right {
    border-radius: 0 165px 35px 35px
}

.solutionsection {
    padding: 100px 0
}

.lbox {
    background: #fff;
    border-radius: 10px;
    padding: 15px;
    margin: 10px 0;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center
}

.testi {
    padding: 80px 0 20px 0;
    background: url(../images/thoughts-bg.jpg) 50% 50% no-repeat;
    background-attachment: fixed;
    background-size: cover
}

.boxcard {
    background: #fff;
    border-radius: 50px;
    padding: 20px 30px;
    margin-bottom: 20px;
    box-shadow: -16px -7px 18px rgba(0, 0, 0, .1);
    border: solid 1px #d2d2d2;
    min-height: 245px;
    align-items: center;
    justify-content: center;
    display: flex;
    flex-direction: column;
    position: relative;
    z-index: 0
}

.boxcard .expenddeta {
    height: 2px;
    overflow: hidden
}

.boxcard.openbox .expenddeta {
    height: 100%
}

.boxcard .show-less {
    display: none
}

.boxcard.openbox .show-less {
    display: block
}

.boxcard.openbox .show-more {
    display: none
}

.network {
    padding-top: 100px!important;
    background-attachment: fixed
}

.network2 {
    background-attachment: fixed;
    padding-top: 100px!important
}

.lgbox {
    height: 80px;
    display: flex;
    align-items: center;
    justify-content: center
}

.network h4 {
    font-family: Arbeit-Regular
}

.netheading p {
    font-family: Arbeit-Light;
    font-size: 24px;
    line-height: 32px
}

.aboutbanner {
    background: #fff url(../images/colaberation.png) 100% -20% no-repeat;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding-top: 40px;
    background-attachment: fixed
}

.aboutbanner p,
.getbtn p {
    color: #121420;
    font-family: Arbeit-Regular
}

.getbtn {
    margin: 50px 0
}

.aboutmiddle {
    background: url(../images/abnew.png) -6% 44% no-repeat;
    background-attachment: fixed
}

.aboutbottomsection {
    padding: 100px 0;
    background-attachment: fixed
}

.briad {
    display: block;
    margin-bottom: 20px
}

.briad ul {
    list-style: none
}

.briad ul li {
    display: inline-block;
    color: #222;
    font-size: 20px;
    font-family: Arbeit-Bold
}

.briad ul li a {
    color: #00bb31
}

.briad ul li a:after {
    content: "\f105";
    position: relative;
    font-family: FontAwesome;
    margin: 0 5px;
    color: #222
}

.sbold {
    font-family: Arbeit-SemiBold
}

.fnormal {
    font-family: Arbeit-Regular!important
}

.fmedium {
    font-family: Arbeit-SemiBold
}

.articalbox {
    background: #fff 0 0 no-repeat padding-box;
    box-shadow: -8px -7px 18px #0000001A;
    border: 1px solid #e5e6e7;
    border-radius: 50px;
    padding: 30px 20px;
    margin-bottom: 20px
}

.articalbox h5 {
    font-family: Arbeit-Bold;
    font-size: 16px
}

.articalbox p {
    font-size: 13px;
    line-height: 20px
}

.needmore2 {
    background: #121420 url(../images/thoughts-bg.jpg) 0 50% no-repeat;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background-size: cover;
    border-radius: 10px;
    padding: 50px 10px;
    margin-bottom: 20px
}

.nbox {
    border: solid 1px #d2d2d2;
    border-radius: 10px;
    box-shadow: -16px -7px 18px rgba(0, 0, 0, .1)
}

.ui-autocomplete-input::placeholder {
    font-style: normal!important
}

.accountbox {
    background: #fff;
    border-radius: 10px 10px 50px 50px;
    box-shadow: -16px -7px 18px rgba(0, 0, 0, .1);
    border: solid 1px #d2d2d2;
    max-width: 324px;
    height: 100%;
    min-height: 430px
}

.accountbox h4 {
    font-size: 16px;
    color: #121420
}

.buimgbox {
    height: 211px;
    border-radius: 10px;
    overflow: hidden;
    margin-top: -1px
}

.buimgbox img {
    height: 211px;
    width: 100%
}

.text-box {
    height: 60px;
    overflow: hidden;
    margin: 10px 0
}

.text-box p {
    font-size: 12px;
    color: #6c757d;
    line-height: 20px
}

.thankbox {
    position: relative;
    border: solid 1px #ddd;
    border-radius: 25px;
    padding: 34px 20px;
    width: 190px;
    margin: 0 auto 26px auto;
    background: #fff
}

.echosystembanner {
    background: #121420 url(../images/echosystem-bg.png) 100% 0 no-repeat;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 100px 0;
    min-height: 500px;
}
.echosystemtree {
    display: block;
    text-align: center;
    margin-top: 60px
}

.echosystemtree ul {
    list-style: none;
    display: block;
    text-align: center
}

.echosystemtree ul li {
    display: inline-block;
    margin: -30px 10px 0 10px
}

.echosystembox {
    text-align: center;
    font-size: 18px;
    letter-spacing: 0;
    color: #e5e6e7;
    border:1px solid #D5D7D5;
    border-radius: 20px;
    width: 250px;
    height: 105px;
    position: relative;
    overflow: hidden;

}

.echosystembox span {
    position: relative
}

.echosystembox:before {
    content: "";
    background: inherit;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    box-shadow: inset 0 0 0 3000px rgb(255 255 255 / 17%);
    height: 100%;
    width: 100%;
    backdrop-filter: blur(7px);
    z-index: 0;
    filter: blur(7px)
}

.topbtn {
    color: #28a745
}

.topbtn:hover {
    color: #3b3b3b
}

.Procuretech {
    background: #121420 url(../images/memberbg.jpg) 0 0 no-repeat;
    min-height: 500px;
    display: flex;
    background-attachment: fixed;
    background-size: cover
}

.panellist {
    background: #fff;
    border-radius: 15px;
    padding: 10px;
    border: solid 1px #ddd;
    margin-bottom: 15px;
    box-shadow: 0 0 10px #d7d6d6;
}

.lbox {
    background: #fff;
    border-radius: 10px;
    padding: 5px 10px;
    margin: 3px 6px;
    text-align: center;
    vertical-align: middle;
    min-height: 48px;
    overflow: hidden;
}

.bgborder {
    padding: 20px;
    background: #00bb31;
    margin-top: -50px;
    height: 65px;
}

.memberbox {
    border-radius: 15px;
    position: relative;
    overflow: hidden;
    box-shadow: 0 3px 6px #e5e6e7;
    margin-bottom: 15px;
    border: solid 1px #e5e6e7;
    text-align: center;
    height: 205px;
    overflow: hidden;
}

.mtext {
    position: absolute;
    z-index: 99;
    height: 100%;
    width: 100%;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background: rgba(0, 187, 48, .8);
    transition: all .5s ease-in-out;
    opacity: 0
}

.memberbox:hover .mtext {
    opacity: 1
}

.prborder {
    border-top: solid 30px #00bb31
}

#procuretech .owl-controls .owl-page span {
    background: #00bb31
}

.pr-box {
    border-radius: 45px;
    padding: 25px;
    border: solid 1px #ddd;
    box-shadow: -4px 12px 15px rgba(0, 0, 0, .2);
    margin: 50px 20px;
    background: #fff;
    min-height: 385px;
}

.brandmessage {
    padding: 100px 0
}

.form-control {
    border-radius: 25px;
    border-color: #00bb31!important;
    color: #000;
    font-family: Arbeit-Regular
}

.mpheading {
    margin-top: 0!important
}

.dock {
    border: solid 1px #00bb31;
    border-radius: 6px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 200px;
    margin-bottom: 20px
}

.filechoose {
    background: #00bb31 0 0 no-repeat padding-box;
    border-radius: 0 0 6px 6px;
    height: 37px;
    color: #fff;
    position: relative;
    overflow: hidden;
    text-align: center;
    padding-top: 5px;
    cursor: pointer
}

.fileinput {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    z-index: 1;
    opacity: 0
}

.dockimg {
    text-align: center;
    height: 80%;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center
}

.memberplanbox {
    background: #fff;
    box-shadow: 0 1px 6px #0000001A;
    border-radius: 50px;
    padding: 50px 35px;
    height: 100%;
    display: flex;
    flex-direction: column
}

.memberplanbox h4 {
    font-size: 28px
}

.memberselected {
    box-shadow: none;
    border: solid 1px #00bb31
}

.memberfeaturelist {
    display: block;
    height: 100%
}

.memberfeaturelist ul {
    list-style: none;
    margin: 15px 0 0;
    padding: 0
}

.memberfeaturelist ul li {
    position: relative;
    margin-bottom: 20px;
    padding-left: 30px;
    font-size: 16px
}

.memberfeaturelist ul li::before {
    content: "\f058";
    position: absolute;
    left: 0;
    top: 2px;
    font-family: FontAwesome;
    font-size: 20px;
    color: #00bb31
}

.memberfeaturelist ul li.dalow::before {
    content: "\f057";
    position: absolute;
    left: 0;
    top: 5px;
    font-family: FontAwesome;
    font-size: 20px;
    color: #ff6767
}

.custom-control-label {
    padding-left: 10px
}

.chatbox {
    background: #fff;
    box-shadow: -16px -7px 18px #0000001A;
    border: 1px solid #70707033;
    border-radius: 25px;
    padding: 20px 30px;
    position: fixed;
    right: 15px;
    bottom: 15px;
    display: flex;
    align-items: center;
    z-index: 999
}

.rlists {
    list-style: none;
    padding: 0;
    margin: 0
}

.rlists li {
    margin: 10px 0;
    display: block;
    position: relative;
    padding-left: 35px;
    font-size: 16px;
    line-height: 24px;
    font-family: Arbeit-Light
}

.rlists li:before {
    content: "";
    position: absolute;
    left: 0;
    top: 5px;
    background: url(../images/check.png) 0 0 no-repeat;
    width: 25px;
    height: 25px
}

.rheading {
    font-size: 24px;
    margin-top: 20px
}

.nreview {
    border-top: dashed 1px #1fb622;
    padding-top: 20px;
    margin-top: 20px
}

.reviewformd {
    padding: 50px 0;
    background: url(../images/group6.png) 100% 0 no-repeat, url(../images/rbgnew.png) 0 bottom no-repeat;
    background-attachment: fixed
}

.select2-container--default .select2-selection--multiple {
    border: transparent!important;
    padding: 0;
    max-width: 300px
}

.btn-primary {
    color: #fff;
    background-color: #1d72c4;
    border-color: #1d72c4
}

.select2-container--default .select2-selection--multiple .select2-selection__rendered {
    margin: 0;
    padding: 4px 5px!important;
    width: 100%!important;
    border: solid 1px #00bb30;
    border-radius: 25px
}

.pagitree {
    width: 100%
}

.pagitree a {
    margin: 0 5px;
    font-size: 13px
}

.pagitree span {
    font-size: 16px;
    font-family: Arbeit-Regular;
    color: #a2a2a2
}

.treeview {
    height: 125px;
    justify-content: end;
    margin-top: 35px
}

.nreview .custom-select {
    min-width: 150px
}

.nreview .starlist {
    min-width: 130px;
    text-align: right
}

.profilecom {
    width: 105px;
    height: 115px;
    border: solid 1px #00bb31;
    border-radius: 0 71px 15px 15px;
    display: flex;
    justify-content: flex-end;
    flex-direction: column;
    overflow: hidden
}

.mts {
    font-size: 12px;
    line-height: 13px;
    color: #fff;
    border-radius: 0 58px 15px 11px;
    width: 89px;
    height: 89px;
    position: relative;
    display: flex;
    align-items: center;
    z-index: 1;
    margin: -15px 0 0;
    justify-content: flex-start;
    padding-left: 5px;
    padding-top: 10px;
    font-family: Arbeit-Regular
}

.mts::after {
    position: absolute;
    height: 85%;
    width: 85%;
    border-radius: 0 58px 15px 11px;
    right: 0;
    z-index: -2;
    content: "";
    left: 0;
    bottom: 0
}

.brandlist {
    display: block
}

.brandlist ul {
    list-style: none;
    padding: 0;
    margin: 0
}

.brandlist ul li {
    padding: 15px 20px;
    text-align: center;
    background: #fff;
    border-radius: 15px;
    box-shadow: 0 0 15px #00000029;
    margin: 10px 15px 10px 0;
    height: 100px;
    overflow: hidden;
    color: #00bb31;
    position: relative;
    float: left;
    display: flex;
    align-items: center
}

.addpbtn {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    opacity: 0;
    cursor: pointer
}

.reportbox {
    background: #fff;
    border-radius: 10px 10px 50px 50px;
    box-shadow: -16px -7px 18px rgba(0, 0, 0, .1);
    border: solid 1px #d2d2d2;
    max-width: 324px;
    height: 100%;
    min-height: 430px
}

.reportbox h4 {
    font-size: 16px;
    color: #121420
}

.nlist {
    display: block;
    margin-bottom: 20px
}

.nlist h4 {
    font-size: 16px;
    color: #121420
}

.btn-link {
    color: #00bb31!important
}

.myaccordion .btn-link {
    padding: 0!important
}

.searchbox .btn-link {
    color: #fff!important
}

.reportbox a {
    color: #00bb31;
    font-family: Arbeit-SemiBold
}

.reportbox p {
    font-size: 12px
}

.rpttext {
    height: 60px;
    overflow: hidden;
    margin: 10px 0
}

.hubbannersection {
    background: #121420 url(../images/15newbg.png) 100% -44px no-repeat;
    height: 500px;
    display: flex;
    align-items: end;
    border-bottom: solid 27px #00bb31;
    background-attachment: fixed
}

.page-nave {
    margin-bottom: 20px
}

.page-nave ul {
    list-style: none;
    padding: 0;
    margin: 0
}

.page-nave ul li {
    display: inline-block
}

.page-nave ul li a {
    padding: 10px 15px;
    color: #00bb31;
    border-bottom: solid 1px transparent;
    font-size: 12px
}

.page-nave ul a.active,
.page-nave ul li a:hover {
    border-bottom-color: #00bb31;
    font-weight: 700;
    color: #56fc88!important
}

.report {
    padding: 50px 0 0
}

.podcastswrapval {
    padding: 50px 0 0
}

.nletter {
    height: 350px;
    background: url(../images/thoughts-bg.jpg) 71% center no-repeat;
    background-size: cover;
    display: flex;
    flex-direction: column;
    padding: 20px;
    border-radius: 15px;
    align-items: center;
    justify-content: center;
    box-shadow: 0 0 15px #ddd;
    position: relative;
    overflow: hidden
}

.nletter:before {
    background: rgba(0, 184, 49, .7);
    content: "";
    position: absolute;
    z-index: 0;
    height: 100%;
    width: 100%
}

.nreviews {
    height: 150px;
    background: url(../images/nbg.jpg) center center no-repeat;
    background-size: cover;
    display: flex;
    flex-direction: column;
    padding: 20px;
    border-radius: 15px;
    align-items: center;
    justify-content: center;
    box-shadow: 0 0 15px #ddd;
    position: relative;
    overflow: hidden
}

.nreviews:before {
    background: rgba(0, 0, 0, .5);
    content: "";
    position: absolute;
    z-index: 1;
    height: 100%;
    width: 100%
}

.listblogs {
    background: #00bb31;
    padding: 50px 0
}

.joinsection {
    background: #00bb31 url(../images/joinbg.png) 0 40% no-repeat;
    padding: 50px 0
}

.joinsection .whiteform {
    background: 0 0;
    border-color: #fff!important;
    color: #fff
}

.whiteform::placeholder {
    color: #fff
}

.whiteform:focus {
    background: 0 0;
    box-shadow: none;
    border-color: #fff
}

.whiteradio:before {
    border: #fff solid 1px;
    background: 0 0
}

.custom-radio .whiteradio:checked~.whiteradio::after {
    background-color: #fff;
    border: solid 5px #00bb31
}

.custom-control-input:checked~.whiteradio::before {
    color: #fff;
    border-color: #fff;
    background-color: transparent
}

.shadoeblack {
    box-shadow: -4px 12px 15px rgba(0, 0, 0, .2);
    margin: 20px 7px
}

.shadoeblack:hover {
    box-shadow: -4px 12px 15px rgba(0, 0, 0, .2)
}

.nbtn {
    font-family: Arbeit-Regular
}

.rptimg {
    height: 211px;
    border-radius: 10px;
    overflow: hidden;
    margin-top: -1px
}

.rptimg img {
    height: 211px;
    width: 100%
}

.hometrlist li {
    width: 30%
}

.ecosystemsection {
    background: #00bb31
}

.clientsection {
    background-attachment: fixed;
    padding: 100px 0
}

.discover {
    background: #121420 url(../images/03.png) 100% 60% no-repeat;
    padding: 100px 0;
    background-attachment: fixed
}

.joinhome {
    padding: 150px 0;
    background-attachment: fixed
}

.blog-cont {
    padding: 15px 0
}

.blog-cont ul {
    display: inline-block;
    padding: 0;
    margin: 0;
    list-style: none
}

.blog-cont ul li {
    display: inline-block;
    margin-right: 10px
}

.font-bold {
    font-family: Arbeit-Bold
}

.hindbox {
    margin: 25px 0;
    border-bottom: solid 1px #00bb31;
    padding: 10px 0
}

.hindbox input:focus {
    border: none;
    box-shadow: none
}

#blogscrowsel2 .owl-nav {
    position: absolute;
    left: -300px;
    top: 58%
}

#blogscrowsel2 .owl-nav button {
    color: #00bb31;
    background: 0 0;
    opacity: 1;
    font-size: 16px;
    margin: 15px
}

#blogscrowsel2 .owl-nav button i {
    vertical-align: middle;
    margin: 7px 10px 10px 10px;
    display: inline-block
}

#blogscrowsel22 .owl-nav {
    position: absolute;
    left: -300px;
    top: 58%
}

#blogscrowsel22 .owl-nav button {
    color: #00bb31;
    background: 0 0;
    opacity: 1;
    font-size: 16px;
    margin: 15px
}

#blogscrowsel22 .owl-nav button i {
    vertical-align: middle;
    margin: 7px 10px 10px 10px;
    display: inline-block
}

.commentlist {
    display: block
}

.commentlist ul {
    list-style: none;
    padding: 0
}

.commentlist ul li {
    padding-bottom: 20px;
    margin-bottom: 20px;
    border-bottom: solid 1px #ddd
}

.author {
    font-weight: 700;
    margin-right: 15px
}

.author a {
    color: #00bb31
}

.date {
    font-size: 12px;
    color: #ccc
}

.selling {
    border-bottom-left-radius: 18%;
    border-top-right-radius: 70%;
    border-bottom-right-radius: 18%;
    height: 600px;
    width: 550px
}

#blogscrowselnew .owl-nav {
    position: absolute;
    left: -300px;
    top: 58%
}

#blogscrowselnew .owl-nav button {
    color: #00bb31;
    background: 0 0;
    opacity: 1;
    font-size: 16px;
    margin: 15px
}

#blogscrowselnew .owl-nav button i {
    vertical-align: middle;
    margin: 7px 10px 10px 10px;
    display: inline-block
}

.host {
    font-size: 18px;
    color: #121420;
    font-family: Arbeit-Regular;
    line-height: 30px
}

.hostcard {
    border: solid 1px #00bb31;
    border-radius: 49px;
    padding: 20px 50px
}

.simgbox {
    height: 210px;
    overflow: hidden
}

.joinhome .whiteform {
    border-color: #00bb31;
    color: #495057
}

.joinhome .whiteform::placeholder {
    color: #495057
}

.joinhome p {
    color: #3b3b3b!important
}

.joinhome .text-white {
    color: #444!important
}

.joinhome .whiteradio::before {
    border: #00bb31 solid 1px;
    background: 0 0
}

.joinhome .btn-light {
    color: #fff;
    background-color: #00bb31;
    border-color: #00bb31
}

.joinhome .btn-light:hover {
    color: #333;
    background-color: transparent;
    border-color: #00bb31
}

.joinhome .custom-control-input:checked~.whiteradio::before {
    border-color: #00bb31
}

.rwtable td {
    width: 18%
}

.memberbox .btn {
    width: 180px
}

.panel-user-access .navbar-dark {
    background: #121420 url(../images/headerbg.png) 50% -2% no-repeat
}

.swal-button {
    background: #00bb31
}

.clickevent,
.clickevent:hover {
    background: #00bb31!important
}

.quato {
    position: relative;
    padding-left: 24px;
    font-size: 46px
}

.quato::before {
    content: "";
    position: absolute;
    left: -10px;
    top: -10px;
    width: 50px;
    height: 53px;
    background: url(../images/qtop.png) 0 0 no-repeat;
    padding: 0 20px
}

.quato::after {
    content: "";
    position: absolute;
    right: 10px;
    bottom: -10px;
    width: 50px;
    height: 53px;
    background: url(../images/qtop.png) 0 0 no-repeat;
    padding: 0 20px
}

.blackbg-btn {
    background: #00bb30!important;
    color: #fff;
    border: solid 1px #00bb31!important
}

.blackbg-btn:hover {
    background: 0 0!important;
    color: #fff
}

.ptechmenu .signutton {
    color: #fff!important;
    border-color: #00bb31!important;
    background-color: transparent!important;
    padding: 0!important
}

.ptechmenu .signutton:hover {
    background-color: #00bb31!important
}

.ptechmenu .signutton a {
    color: #fff!important;
    margin: 0;
    min-width: 105px
}

.ptechmenu .signutton a:hover {
    text-decoration: none;
    border: none!important;
    font-weight: 400
}

.ptechmenu .signutton a {
    border-bottom: none!important
}

.if-other {
    display: none
}

.nletter .btn {
    min-width: 160px
}

.cookibox {
    display: none;
    box-shadow: -16px -7px 18px #0000001A;
    position: fixed;
    bottom: 0;
    width: 100%;
    z-index: 999;
    padding: 20px;
    background: #fff url(../images/colaberation.png) 100% 22% no-repeat
}

#cookie-law-info-bar {
    box-shadow: -16px -7px 18px #0000001A!important;
    padding: 20px!important;
    background: #fff url(../images/cookiebg.png) 100% 63% no-repeat
}

#cookie-law-info-bar span {
    vertical-align: middle;
    max-width: 1140px;
    display: inline-block
}

.cli-bar-message {
    color: #3b3b3b;
    font-size: 16px;
    line-height: 24px;
    font-family: Arbeit-Light;
    width: 65%!important
}

.cli-plugin-button {
    background-color: #00bb31!important;
    color: #fff!important;
    border: solid 1px #00bb31!important;
    min-width: 200px;
    padding: .375rem .75rem;
    border-radius: 50rem!important
}

.cli-plugin-button:hover {
    background-color: transparent!important;
    color: #3b3b3b!important;
    border: solid 1px #00bb31!important
}

.boxcardcoming {
    background: #00bb31;
    border-color: #00bb31
}

.flip-card {
    perspective: 1000px;
    margin-bottom: 13px;
    height: 220px
}

.flipsmall {
    height: 220px
}

.flip-card-inner {
    position: relative;
    width: 100%;
    height: 100%;
    transition: transform .6s;
    transform-style: preserve-3d
}

.flip-card:hover .flip-card-inner {
    transform: rotateY(180deg)
}

.flip-card-back,
.flip-card-front {
    position: absolute;
    width: 100%;
    height: 100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    top: 0
}

.flip-card-front {
    height: 100%;
    background: #fff 0 0 no-repeat padding-box;
    box-shadow: -16px -7px 18px #0000001C;
    border: 1px solid #00bb31;
    border-radius: 172px 0 50px 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 30px 50px;
    text-align: center;
    flex-direction: column;
    overflow: hidden
}

.flip-card-back {
    height: 100%;
    background: #fff 0 0 no-repeat padding-box;
    box-shadow: -16px -7px 18px #0000001C;
    border: 1px solid #00bb31;
    border-radius: 0 172px 50px 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 30px;
    flex-direction: column;
    overflow: hidden;
    transform: rotateY(180deg)
}

.flip-card-back:before {
    content: "";
    position: absolute;
    z-index: 1;
    width: 100%;
    height: 100%;
    background: rgba(0, 200, 53, .7);
    left: 0
}

.flip-card:hover .flip-card-front {
    box-shadow: none
}

.text-card {
    position: relative;
    z-index: 9
}

.dome {
    border-radius: 172px 0 50px 50px
}

.domeright {
    border-radius: 0 172px 50px 50px
}

.discquato {
    margin-top: -35px;
    margin-left: -30px;
    position: absolute
}

.partnerlist {
    list-style: none;
    padding: 0;
    margin: 0
}

.partnerlist li {
    width: 205px;
    display: inline-block;
    margin: 0 5px
}

.mediaimg {
    height: 70px;
    width: 100px;
    overflow: hidden;
    border-radius: 10px;
    margin-right: 10px
}

.mediaimg img {
    height: 100%;
    max-width: 100%
}

.iconbtn {
    min-width: 40px;
    padding: 5px 10px!important
}

.smalltext {
    font-size: 16px;
    font-family: Arbeit-Bold;
    color: #121420;
    //word-break:break-all
}

.deshtext {
    font-size: 12px;
    color: #a2a2a2;
    margin-bottom: 15px;
    display: block
}

.nbtns {
    font-size: 14px;
    font-family: Arbeit-Bold
}

.rcard {
    border: solid 1px #d2d2d2;
    box-shadow: -16px -7px 18px rgba(0, 0, 0, .1)
}

.resourcrstop {
    position: sticky;
    top: -292px;
    z-index: 99;
    border-top: solid 1px #00bb30
}

.elementor-column-gap-default>.elementor-column>.elementor-element-populated {
    padding: 10px 0
}

.mailslider {
    width: 15%
}

.oneforth {
    height: 88px;
    width: 80px;
    border-radius: 0 66px 7px 11px;
    background: #b7eec5;
    position: relative;
    color: #fff!important
}

.oneforth:after {
    border-radius: 0 60px 4px 11px;
    background: #00bb31;
    height: 83%;
    width: 81%
}

.onetherd {
    height: 99px;
    width: 91px;
    border-radius: 0 58px 7px 11px;
    background: #b7eec5;
    position: relative;
    color: #fff!important
}

.onetherd:after {
    border-radius: 0 58px 7px 11px;
    background: #00bb31;
    height: 90%;
    width: 90%
}

.fullfill {
    height: 100%;
    width: 100%;
    position: relative;
    background: #00bb31;
    color: #fff!important
}

.fullfill:after {
    height: 100%;
    width: 100%;
    background: #00bb31
}

.editbtn {
    position: absolute;
    right: 10px;
    top: 10px
}

.btn-success.focus,
.btn-success:focus {
    box-shadow: 0 4px 3px .2rem rgba(0, 0, 0, .1)
}

.custom-select:focus {
    border-color: #00bb30;
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(0, 187, 49, .2)
}

.custom-control-label {
    font-size: 16px!important
}

.default-main-page {
    padding-top: 60px
}

.ewd-ufaq-faq-div {
    margin: 9px 0!important;
    padding: 5px 0!important;
    clear: both;
    background: #f5f5f5;
    border-radius: 5px
}

.ewd-ufaq-faq-title-text h4 {
    font-size: 18px;
    font-family: Arbeit-SemiBold;
    margin: 3px!important
}

.ewd-ufaq-faq-display-style-default {
    color: #00bb31!important
}

.ewd-ufaq-faq-title .ewd-ufaq-post-margin-symbol span {
    font-size: 25px!important;
    padding: 0 7px!important;
    color: #00bb30
}

.ewd-ufaq-faq-body {
    border-top: solid 1px #ddd
}

.ewd-ufaq-faq-title {
    padding: 10px 5px
}

.ewd-ufaq-faq-post p {
    line-height: 22px
}

.ewd-ufaq-post-active {
    color: #333!important
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    .pass {
        letter-spacing: .1em
    }
}

​ .custom-select select {
    font-style: italic
}

.add-more-countries,
.add-more-language {
    height: 70px;
    width: 120px;
    align-items: center;
    justify-content: center;
    display: flex;
    overflow: hidden;
    flex-direction: column;
    border-radius: 5px;
    border: dashed 1px #00bb31!important;
    color: #00bb31
}

.pmpro_confirmation_wrap {
    margin: 20px;
    border: solid 1px #ddd;
    border-radius: 5px;
    padding: 20px
}

.pmpro_confirmation_wrap h3 {
    text-align: center;
    background: #f5f5f5;
    border: solid 1px #ddd;
    padding: 20px;
    text-transform: uppercase
}

.pmpro_confirmation_wrap ul {
    list-style: none;
    padding: 0;
    margin: 0
}

.pmpro_confirmation_wrap ul li {
    margin-bottom: 15px;
    text-align: center
}

.pmpro_invoice_details {
    line-height: 30px
}

.pmpro_actions_nav a {
    background-color: #00bb31!important;
    color: #fff;
    border: solid 1px #00bb31!important;
    box-shadow: 0 7px 7px rgba(0, 0, 0, .1);
    padding-left: 1.5rem!important;
    padding-right: 1.5rem!important;
    min-width: 208px;
    padding: 15px;
    border-radius: 50rem!important
}

.pmpro_actions_nav {
    margin-top: 30px
}

.pmpro_a-print {
    display: none
}

.solutionsection .col-lg-5 {
    padding-right: 5px;
    padding-left: 5px
}

.mCSB_inside>.mCSB_container {
    margin: 0!important
}

.flip-card-front h5 {
    font-family: Arbeit-SemiBold;
    font-size: 18px
}

.flip-card-front p {
    font-size: 13px
}

.flip-card-back p {
    color: #fff;
    margin-top: 10px;
    font-size: 13px
}

.indi-page ul {
    margin: 0 0 3rem 1rem;
    list-style: disc;
    color: #121420
}

.indi-page ul li {
    margin: .5rem 0 0 2rem;
    color: #121420;
    font-size: 16px;
    line-height: 20px;
    font-family: Arbeit-Light
}

.indi-page ol li {
    color: #121420
}

.privacy-policy ul ul {
    list-style: circle
}

.indi-page table {
    border: 1px solid #dee2e6;
    width: 100%
}

.indi-page table td {
    border: 1px solid #dee2e6;
    padding: .75rem;
    color: #121420;
    font-size: 16px;
    line-height: 20px;
    font-family: Arbeit-Light
}

.indi-paget {
    padding-top: 91px
}

.errorpage {
    background: #121420;
    padding: 100px 0
}

.errorpage a:hover {
    color: #fff
}

.error404 {
    padding: 0
}

.blank-box {
    border: solid 1px #00bb30;
    height: 48px;
    background: #000;
    margin-bottom: 8px;
    padding: 3px;
    border-radius: 5px
}

.great-review {
    margin-top: 25px!important
}

.great-review li {
    margin: .5rem 0 0 .5rem!important
}

.termlink {
    color: #00bb30!important;
    display: block;
    margin-bottom: 15px;
    text-decoration: underline!important
}

.mo_btn {
    min-width: 99%;
    max-width: 100%
}

.custom-control-input:focus~.custom-control-label::before {
    box-shadow: none
}

.custom-control-input:focus:not(:checked)~.custom-control-label::before {
    border-color: #00bb30
}

.platinumTypebutton {
    display: none!important
}

.pts100 {
    margin-top: 100px
}

.llbox img {
    height: 70px;
    width: 100%
}

.llbox {
    width: 100px;
    height: 70px;
    border-radius: 10px;
    margin-right: 15px;
    overflow: hidden
}

.ewd-ufaq-faq-category {
    margin-bottom: 0!important
}

.ewd-ufaq-faq-category-title {
    width: 25%!important;
    clear: inherit!important;
    display: inline-block;
    vertical-align: top
}

.ewd-ufaq-faq-category-inner {
    margin-bottom: -1px!important;
    width: 70%;
    display: inline-block;
    border-left: solid 1px #ddd;
    padding-left: 5%
}

.ewd-ufaq-faq-category-title h3 {
    text-transform: uppercase;
    font-size: 16px;
    padding: 10px
}

.ewd-ufaq-faq-list {
    margin-top: 30px
}

.tbox {
    min-height: 45px
}

.nav-pills .nav-link {
    border-radius: 0;
    padding: 15px;
    margin-bottom: 15px
}

.nav-pills .nav-link:hover {
    background: #f5f5f5
}

.nav-pills .nav-link.active,
.nav-pills .nav-link.active:hover {
    background: #00bb31
}

.faqpage {
    background: url(../images/processbg.png) 100% 10% no-repeat;
    min-height: 800px;
    background-attachment: fixed
}

.custom-file-upload {
    height: calc(1.7em + .75rem + 2px);
    border-radius: 25px;
    border: solid 1px #00bb31!important;
    position: relative;
    display: block!important;
    width: 100%;
    padding: 10px 20px!important;
    font-size: 14px
}

.custom-file-upload:after {
    content: "Browse"
}

.custom-file-upload:after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 3;
    display: block;
    height: 36px;
    padding: 10px 15px;
    line-height: 1.1;
    color: #fff;
    content: "Browse";
    background-color: #00bb31;
    border-left: inherit;
    border-radius: 0 25px 25px 0
}
#fraxon .owl-nav button {
    background: #00bb31;
    color: #fff;
    width: 35px;
    height: 35px;
    text-align: center;
    line-height: 25px;
    opacity: 1;
	border-radius: 50%;
margin: 5px;
}
#fraxon .owl-nav {
    position: absolute;
right: -164px;
bottom: 38px;
}

/*===================== New page End css ====================*/
.flowbannersection {
    background: #121420 url(../images/100bg.jpg) 100% -97px no-repeat;
    min-height: 500px;
    padding: 150px 0 0;
    border-bottom: solid 25px #28a745;
}
.flowlist{
display:block;
margin-bottom:30px;	
	}
.flowlist ul {
list-style:none;
padding:0;
margin:0;	
	}
.flowlist ul li {
display:inline-block;
vertical-align: top;
	
	}
.flowlist ul li a {
margin: 10px 10px 10px 0;
width:185px;
height:130px;
display:flex;
border:solid 1px #c8c8c8;
border-radius:15px;
align-items: center;
justify-content: center;
padding:0 15px;	
background:#fff;
flex-direction: column;
position: relative;
	}
.flowlist ul li a:hover {
border-color:#00BB31;	
	}
.pagesearch {
border-color:#bdbaba;
max-width:100% !important;	
	}
.pagesearch input::placeholder {
color:#aaa;	
	}
.sresult {
border:solid 1px #00bb31;
padding: 0px 10px 5px;
margin:3px;
border-radius:25px;
display:inline-block;
	}
.sresult a {
color:#00bb31;
margin-left:10px;	
	}				
.shortlist {
display:block;	
	}
.shortlist ul {
list-style:none;
padding:0;
margin:0;	
	}	
.shortlist ul li {
margin:0 5px 10px 0;
display:inline-block;	
	}
.shortlist ul li a.btn {
border-color:#d2d2d2;
color:#d2d2d2;	
	}
.shortlist ul li a.active {
border-color:#00BB31;
color:#000;	
	}
.flowleft {
padding:20px 15px;
border:solid 1px #e8e8e8;
border-radius:15px;
box-shadow: -8px -2px 15px #ddd;
background:#fff;	
	}
.product-desc {
margin-bottom:25px;	
padding:25px;
border:solid 1px #e8e8e8;
border-radius:15px;
box-shadow: -6px -4px 15px #ddd;
background:#fff;	
	}
.text-decouration {
text-decoration:underline !important;	
	}	
.innerprocess {
background:#ddd;
border:none;
border-radius:25px;
height:9px;	
	}	
	
.discovernew {
    background: #121420 url(../images/informationbg.png) -4% -5% no-repeat;
    padding: 100px 0;
}	

.owl-dots .owl-dot span {
    width: 10px;
    height: 10px;
    margin: 5px 7px;
    background: #D6D6D6;
    display: block;
    -webkit-backface-visibility: visible;
    transition: opacity .2s ease;
    border-radius: 30px;

}	
#procuretech .owl-dots button span {
    background: #7ec791;
}	
#procuretech .owl-dots .owl-dot.active span {
   background: #00BB31;
	}
.owl-dots {
text-align:center;	
	}
.clienttext {
padding-left:20px;	
	}	
.clienttext h1 {
position: relative;
	}	
.clienttext h1:before {
    content: "''";
    position: absolute;
    left: -20px;
}
.clienttext h1:after {
    content: "''";
    position: relative;
}
.brname {
margin-bottom:0;
color: #666;
font-size: 12px;
position: absolute;
top: 4px;
left: 10px;
	}
.searchresultbanner {
background: #121420 url(../images/echosystem-bg.png) 100% 0 no-repeat;
display: flex;
flex-direction: column;
justify-content: space-between;
padding: 100px 0;
min-height: 500px;	
	}	
.whiteselect {
    background: rgba(255,255,255,0.5) url(../images/sort-white.png) 97% 48% no-repeat;
    border-color: #fff;
    color: #fff;
    height: calc(1.8em + .75rem + 2px);
}
.f-18 {
    font-size: 18px;
}
.searchresultsection {
min-height:500px;	
	}
.whiteselect {
    background: rgba(255,255,255,0.4) url(../images/sort-white.png) 97% 48% no-repeat;
    border-color: #fff;
    color: #fff;
	height: calc(1.8em + .75rem + 2px);
}
.whiteselect:focus {
box-shadow:none;
border-color:#fff;	
	}
.whiteselect option {
color:#333;	
	}	
.f-18 {
font-size:18px;	
	}
.withoutborderpagi .page-link {
	border:none;
	color:#333;
	}	
.withoutborderpagi .page-link:hover {
color:#00bb30;
background:none;	
	}
.withoutborderpagi .page-item.active .page-link {
background:none;
color:#00bb30;		
		}											
/*===================== new page End css ====================*/

@media only screen and (min-width:320px) and (max-width:767px) {
    .ecosystemsection img {
        margin-top: 0!important
    }
    #owl-demo4 h1 {
        font-size: 35px!important;
        line-height: 35px
    }
    #owl-demo4 h1 svg {
        position: absolute;
        margin-top: -10px!important
    }
    p.Speedofimplementationdesktop {
        display: none!important
    }
    p.mobileSpeed {
        display: block!important
    }
    .discquato {
        margin-left: -25px;
        margin-top: -16px
    }
    .selling {
        border-bottom-left-radius: 18%;
        border-top-right-radius: 70%;
        border-bottom-right-radius: 18%;
        height: auto;
        width: 550px
    }
    .aboutbottomsection,
    .aboutnsection,
    .bgsection {
        background-size: contain
    }
    .hubsection {
        background-size: contain
    }
    .searchbox {
        max-width: 85%
    }
    .bannersection h1,
    .sourcesection h1 {
        font-size: 50px
    }
    .softwearsection h1 {
        font-size: 36px
    }
    .testislider h1 {
        font-size: 30px
    }
    .serbox {
        margin: 25px 0
    }
    .getinvoledbg {
        padding-top: 0!important
    }
    .pricingbox {
        height: auto
    }
    .brandmessage {
        padding: 0
    }
    .keybord {
        width: 100%;
        left: 0
    }
    .gallery-top {
        height: 235px!important
    }
    .brandmessage h1 {
        font-size: 30px;
        margin: 0 20px
    }
    .brandmessage h1 svg {
        position: absolute;
        margin-top: -20px!important
    }
    .hometrlist li {
        width: 90%
    }
    .bannersection2 {
        background-position: 90% 0;
        padding: 0
    }
    .bannersection2 h1 {
        font-size: 35px
    }
    .bannersection2 h1 br {
        display: none
    }
    .clientsection,
    .getinvoledbg,
    .missionbox {
        background-image: none
    }
    .getinvoledbg .media img {
        width: 80px
    }
    .getinvoledbg .media {
        margin-bottom: 50px
    }
    .mtext p {
        font-size: 18px
    }
    .flip-card {
        min-height: 250px
    }
    .flipsmall {
        height: 250px
    }
    .solutionbanner {
        background-position: 0 25%!important;
        background-size: contain;
        padding: 40px 0
    }
    .testi {
        padding: 50px 0
    }
    .network {
        margin-top: 0
    }
    .netheading p br {
        display: none
    }
    .callacrion h4 br {
        display: none
    }
    .pts100 {
        margin-top: 40px
    }
    .melaheading {
        text-align: center
    }
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .hometrlist li {
        width: 43%
    }
    .swiper-container {
        height: 300px!important
    }
    .gallery-thumbs .swiper-slide,
    .gallery-thumbs.swiper-container {
        height: 90px!important
    }
    .swiper-button-next,
    .swiper-button-prev {
        top: 56%!important;
        bottom: auto
    }
    .account-menu ul li a {
        font-size: 16px
    }
    .reportbox {
        height: 96%
    }
    .accountbox {
        height: 96%
    }
    .melaheading {
        margin-left: 20px
    }
}

@media only screen and (min-width:992px) and (max-width:1206px) {
    .gallery-thumbs.swiper-container {
        height: 21%!important
    }
    .swiper-button-prev,
    .swiper-container-rtl .swiper-button-next {
        top: 59%!important
    }
    .swiper-button-next,
    .swiper-button-prev {
        top: 60%!important;
        bottom: auto
    }
    .account-menu ul li a {
        font-size: 16px
    }
}

@media (min-width:992px) {
    .slidercontainer {
        margin: 0 auto
    }
    .solutionbanner {
        padding: 100px 0 50px
    }
    #owl-demo2 .owl-controls {
        position: absolute;
        right: -164px;
        bottom: 38px
    }
    .bannersection2 h1 {
        font-size: 64px;
        font-family: Arbeit-Bold;
        line-height: 62px;
        font-weight: inherit
    }
    #owl-demo4 .owl-controls {
        position: absolute;
        bottom: -60px
    }
    .minus {
        margin-right: -153px
    }
    .sblogs {
        margin-right: -100px
    }
    .p60 {
        padding-bottom: 60px
    }
    .navbar-dark {
        padding: 25px
    }
    .lgminus {
        margin-top: -7%
    }
    .mtop {
        margin-top: -5%
    }
    .ewd-ufaq-faqs {
        height: 100vh;
        min-height: 400px;
        position: relative
    }
    .ewd-ufaq-faq-category-inner {
        position: absolute;
        top: 0
    }
    .malage {
        margin-top: -31px
    }
}

.tts input::placeholder {
    font-style: normal
}

@media (max-width:600px) {
    .bannersection2,
    .btn-outline-success {
        min-width: 208px!important
    }
    .ratingsymble .card-body {
        padding: 1.25rem 0
    }
    .ratingsymble .bg-white {
        padding: 5px 15px!important
    }
    #owl-demo4 .d-flex {
        padding-left: 10px!important
    }
    #owl-demo4 h5 {
        font-size: 15px;
        margin-left: 5px;
    }
    #softwareslider img {
        height: 15px!important;
        width: auto!important
    }
    #softwareslider .lbox {
        min-height: 30px;
    }
    .blank-box {
        height: 30px;
    }
    .clientsection {
        padding-bottom: 0;
    }
    .clientsection h1 {
        padding: 0 15px;
        font-size: 25px!important;
    }
    .elementor img {
        height: auto!important
    }
    .flip-card-back .btn-light {
        min-width: 135px!important
    }
    .reportbox a {
        display: block!important
    }
    .likeAction-wrap a {
        display: inline-block!important
    }
    .rptimg,
    .rptimg img {
        height: auto;
    }
    .resourcrstop {
        height: auto;
        background-size: cover
    }
    .hubbannersection h1,
    .solutionbanner h1 {
        font-size: 35px
    }
    .hubbannersection h5 br {
        display: none
    }
    .slidercontainer h4 {
        margin-left: 15px
    }
    .ui-widget.ui-widget-content {
        width: 76%!important
    }
    .elementor-heading-title {
        font-size: 25px
    }
    .partnerlist {
        text-align: center
    }
    .rwtable td,
    .rwtable th {
        width: auto!important;
        padding: 2px
    }
    .rwtable td .btn {
        min-width: 126px!important;
        padding: 7px 8px!important;
        margin-top: 0!important
    }
    .bannersection2 br {
        display: none
    }
    .reportbox {
        height: auto;
        min-height: 430px;
        margin-bottom: 25px!important;
        margin: 0 auto 25px auto
    }
    .nreview .custom-select {
        min-width: 130px
    }
    .nreview .form-control {
        min-width: 120px
    }
    .ewd-ufaq-faq-category-title {
        width: 100%
    }
    .ewd-ufaq-faq-category-inner {
        width: auto!important
    }
    .navbar ul {
        width: 100%
    }
    .reviewbanner h1 {
        font-size: 40px
    }
    .slidercontainer h4 {
        text-align: center
    }
    .accountbox {
        height: 96%
    }
    .malage {
        padding-left: 0!important
    }
    .melaheading {
        text-align: center
    }
    #owl-demo4 h1 {
        font-size: 35px!important;
        line-height: 35px;
        margin: 0 15px 20px
    }
.shortlist li {
display:block !important;	
	}
#procuretech .media {
display:block;	
	}	
.echosystemtree ul li {
    margin: 10px;
}		
}

@media (max-width:992px) {
    .accountbox,
    .reportbox {
        height: 96%
    }
    .pagitree a {
        margin: 0 5px
    }
    .pagitree a svg {
        width: 120%
    }
    .pagitree a span {
        display: none
    }
    .simgbox {
        height: 250px;
        overflow: hidden
    }
    .getinvoledbg {
        padding-top: 100px
    }
    .errorpage {
        background-size: contain;
        display: block
    }
    .reviewformd {
        padding: 50px 0;
        background: url(../images/group6.png) 300% 0 no-repeat, url(../images/rbgnew.png) -500% 56% no-repeat
    }
    .reviewform {
        background: url(../images/art115.png) -100% 0 no-repeat, url(../images/art15.png) -20% 134% no-repeat
    }
}

@media (min-width:1200px) {
    .btn {
        min-width: 180px
    }
    #blogscrowsel22 .reportbox {
        min-height: 380px
    }
.productbanner {
    //top: -240px;
    z-index: 99;
}	
}

@media (min-width:1350px) {
    #blogscrowsel22 .simgbox {
        height: 165px
    }
}

body.logged-in header .searchbox {
    opacity: 0
}

.mCSB_scrollTools {
    opacity: .2!important
}

.simgbox img {
    height: 100%
}

.getbtn h4 {
    font-size: 25px
}

.getbtn h2 {
    font-size: 32px
}

.blankcard {
    background: #01b531;
    border-color: #01b531
}

@keyframes fadeInUp {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

.mCSB_scrollTools {
    right: -8px!important
}

body.page-id-3 ol {
    padding-left: 15px
}

p.Speedofimplementationdesktop {
    display: block
}

p.mobileSpeed {
    display: none
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
    color: #00bb31
}

.likeAction-wrap a {
    display: inline-block;
    vertical-align: bottom
}

.cs {
    font-size: 15px;
    color: #00bb30
}

.toggle-password {
    position: absolute;
    right: 33px;
    top: 10px;
    cursor: pointer;
    color: #aaa;
    z-index: 9
}

.language small {
    font-size: 16px;
    font-family: Arbeit-Bold
}

.home-bgsection {
    background: url(../images/mtsbg.png) -15% 100% no-repeat;
    background-attachment: fixed
}

.ptbgsection {
    background: url(../images/getinvoledbg.png) -6% 175% no-repeat;
    background-attachment: fixed
}

.solutionbgsection {
    background: url(../images/solutionbg-gray.png) -34% 200px no-repeat;
    background-attachment: fixed;
    background-attachment: fixed
}

p.no-comments {
    display: none!important
}

.media .playbtn {
    font-size: 25px
}

.media .playbtn::after {
    height: 50%;
    width: 50%
}

.rpttext p {
    font-size: 12px;
    color: #6c757d!important
}

.elementor-heading-title {
    color: #000!important
}

.elementor-widget-image .elementor-image img {
    //width:100%
}

.elementor-share-buttons--color-custom.elementor-share-buttons--skin-boxed .elementor-share-btn .elementor-share-btn__icon,
.elementor-share-buttons--color-custom.elementor-share-buttons--skin-minimal .elementor-share-btn .elementor-share-btn__icon {
    background-color: #00bb31!important
}

.autocomplete-input-open {
    border-radius: 25px 25px 0 0!important;
    box-shadow: none!important;
    border-bottom: none
}

.ui-widget.ui-widget-content {
    border: 1px solid #00bb31!important
}

.elementor-share-btn {
    font-size: calc(.7px * 10);
    height: 5em !important;
    width: 5em
}

body.single .likeAction-wrap {
    //z-index: 99;
    //position: relative !important;
    //right: 50px;
    //top: -30px !important;
    //text-align: right;
    background: #fff;
    //box-shadow: 0 8px 14px #a19b9b;
    //float: right;
    padding: 3px 10px 5px;
    border-radius: 50px;
    display: inline-block;
    border: solid 1px #d0d0d0;
}

body.single .likeAction-wrap span {
    font-size: 11px;
}

.fa-tags::before {
    font-family: FontAwesome;
}

.review-new {
    position: relative;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: 1rem;
    overflow-y: scroll !important;
    height: 93vh;
    display: block;
    padding-bottom: 3rem;
}

.selected-level,
.selected-level:hover,
.selected-level:focus {
    background: #007bff78;
    border: none;
}

.clickevent,
.clickevent:hover {
    //background: #007bff7a !important;
    border: none !important;
    cursor: progress !important;
}

.mc4wp-alert.mc4wp-success p {
    color: #fff;
}

.custom-file-upload {
    border: 1px solid #ccc;
    display: inline-block;
    padding: 6px 12px;
    cursor: pointer;
}


/*!
 * Start Bootstrap - Modern Business (https://startbootstrap.com/template/modern-business)
 * Copyright 2013-2020 Start Bootstrap
 * Licensed under MIT (https://github.com/StartBootstrap/startbootstrap-logomodern-business-nav/blob/master/LICENSE)
 */

body {
    padding-top: 56px;
}

.carousel-item {
    height: 65vh;
    min-height: 300px;
    background: no-repeat center center scroll;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.portfolio-item {
    margin-bottom: 30px;
}

.btn-success {
    //color: #fff !important;
}

.mainptech-filedswrap {
    margin: 0 auto;
    width: 100%;
    margin-top: 5rem;
    margin-bottom: 5rem;
    display: flex;
    align-items: center;
    justify-content: center;
}

.ptech-filedswrap {
    margin: 1rem 0;
}

.mainptech-filedswrap {
    margin: 0 auto;
    width: 100%;
    margin-top: 5rem;
    margin-bottom: 5rem;
}

.mainptech-heaing {
    text-align: center;
}

.np-error-login {
    color: #dc3545;
}

h1.h3.mb-3.font-weight-normal {
    margin-bottom: 1.5rem !important;
}

.col-sm-6.sign-form {
    height: 100%;
    background-color: #fff;
    box-shadow: 0px 10px 30px -8px rgba(145, 148, 150, .5);
}

input#pmpro_btn-submit {
    background-color: #28a745;
    border-color: #28a745;
    color: #fff;
    border-radius: 19px;
    font-size: 12px;
}

.pmpro-has-access header.entry-header.alignwide {
    display: none;
}

.main-content {
    height: 100%;
    background-color: #fff;
    margin-top: 3rem;
    margin-bottom: 5rem;
    padding: 30px 5px;
    box-shadow: 0px 10px 30px -8px rgba(145, 148, 150, .5);
}

.main-content-heading {
    margin-top: 1rem;
}

input.ptech-fileds:focus {
    box-shadow: none;
}

input.ptech-fileds:focus {
    box-shadow: none;
}

form.form-signin {
    padding: 1rem 1rem 0;
}

.ptech-forms .d-flex.links {
    padding: 0 4rem .5rem;
}

.col-sm-6.img {
    padding: 0;
    height: 100%;
}

.login-img {
    width: 100%;
    height: 28.8rem;
}

.t-color::placeholder {
    color: red !important;
}

.sidebar-wrap ul {
    list-style: none;
}

.sidebar-wrap {
    background: #c1c1c12e;
    padding-top: 20px;
    border-radius: 5px;
    padding-bottom: 20px;
}

.sidebar-wrap a {
    color: #000;
}

.sidebar-wrap ul li {
    padding-bottom: 8px;
}

li.signuttonwrap {
    border: 1px solid #28a745;
    border-radius: 30px;
}

a#signutton {
    //color: #fff;
    //border-bottom: none;
}




.spinner-border {
position: absolute;
left: 45%;	
	}
.pagination {
text-align:center;
justify-content: center;	
	}
.page-numbers {
    text-align: center;
    margin: 5px;
    min-width: 25px;
    height: 25px;
    display: inline-block;
}
.page-numbers.current {
color:#00bb31	
	}



/**09-09-21**/
.banner-logo-img {background-color: #fff; border-radius: 12px; height: 140px; width: 150px; display: flex; align-items: center; justify-content: center; padding: 20px 15px; overflow: hidden; text-align: center;}
.banner-logo-img img {max-width: 100%;}
.banner-logo-img h3 {font-size: 18px; word-break: break-all;}
.btn-success-txt {color: #3B3B3B; font-family: 'Arbeit-Regular';}
.btn-success-txt:hover {color: #fff;}
.page-menu ul li {padding: 10px 30px;}
.page-menu ul .btn-success {margin-left: 70px;}
#about {padding: 40px 0 30px;}
#about h4{color: #3B3B3B;}
#about h5 {font-family: 'Arbeit-Bold'; font-size: 24px; color: #3B3B3B;}
#about p {text-align: justify; text-justify: inter-word;}
.detail-left-panel table {width: 100%;}
.award-detail {display: flex; align-items: center;}
.detail-text{margin-bottom: 25px; overflow: hidden; word-break: break-all;}
.detail-text strong {font-family: 'Arbeit-Regular'; font-size: 15px; color: #3B3B3B; margin-bottom: 4px; display: block;}
.detail-text span {font-family: 'Arbeit-Regular'; font-size: 16px; color: #121420; word-break: break-word;}
.company-details h6 {font-family: 'Arbeit-Bold'; font-size: 14px; color: #3B3B3B; margin-top: 15px;}
.name-date {padding-left: 11px;}
.name-date span {font-family: 'Arbeit-Regular'; margin-bottom: 5px; display: block;}
.website-linkedin {margin-left: 30px; vertical-align: top; margin-top: -5px; display: inline-block;}
.website-linkedin i {color: #00bb31; font-size: 24px;}
.span-green {display: inline-block; padding-left: 5px; color: #00bb31;}
.gallery-top {height: 260px;}
.gallery-thumbs {width: 85%;}
.gallery-thumbs .swiper-slide {height: 60px !important;}
.thumb-arrow {position: absolute; top: 365px; left: 0; right: 0;}
.swiper-button-prev:after, .swiper-container-rtl .swiper-button-next:after{display: none;}
.swiper-button-next:after, .swiper-container-rtl .swiper-button-prev:after{display: none;}
.swiper-button-next, .swiper-button-prev {background: #00BB31;}
.thumb-arrow i {color: #fff; font-size: 18px;}
#about .swiper-slide {background-size: contain; background-repeat: no-repeat; border-radius: 5px; overflow: hidden;}
.gallery-thumbs .swiper-slide{border: none !important;}
.gallery-thumbs .swiper-slide-thumb-active {border: solid 2px #00BB31 !important;}
.swiper-slide .play-btn {position: relative; left: 0; right: 0; top: 0; bottom: 0; margin: auto; width: 100%; height: 100%; display: flex;  align-items: center; justify-content: center; transform: inherit;}
.swiper-slide .play-btn:before {background-color: rgba(0,187,49,0.5); position: absolute; content: ''; height: 100%; width: 100%;}
.width-1{max-width: 21%;}
.myaccordion .btn {color: #3B3B3B !important; font-size: 24px;}
.myaccordion .card-body {padding-top: 20px !important;}
.featuresection {border-radius: 15px; padding: 30px 20px !important;}
#features:after {top: 5%; height:97%;}
.featurelist {display: flex; width: 33.33%; padding: 0 20px;}
.featurelist:first-child {justify-content: flex-start; padding-left: 0;}
.featurelist ul li {margin-bottom: 24px; font-family: 'Arbeit-Regular'; font-size: 18px; color: #3B3B3B;}
.lang-featurelist ul li:before {display: none;}
.lang-featurelist ul li {padding-left: 0;}
.myaccordion .card {border-top: 1px #A2A2A2 dashed;}
#accordion .featurelist { width: 100%; display: block; padding: 0;}
#accordion .featurelist ul {display: flex; align-items: flex-start; flex-wrap: wrap;}
#accordion .featurelist ul li {width: 33.33%; vertical-align: top; margin-top: 0; padding-right: 15px;}
.integration-partners {background-color: #fff; border-radius: 15px; padding: 30px 20px !important;}
.integration-partners h6 {color: #121420; font-family: 'Arbeit-Bold'; font-size: 18px;}
.parterns-name {font-family: 'Arbeit-Regular'; font-size: 17px; color: #3B3B3B;}
#alternatives .btn-success-txt:hover {color: #3B3B3B;}
.p-box {box-shadow: -16px -7px 18px rgb(0 0 0 / 10%); height: 100%; min-height:400px !important; padding:25px 20px; position: relative;}
.logo-name {font-family: 'Arbeit-Regular'; font-size: 12px; color: #A2A2A2;}
.logo-image {height: 100px; display: flex; align-items: center; margin-bottom: 10px;}
.logo-url a {font-family: 'Arbeit-Regular'; font-size: 12px; color: #00BB31; text-decoration: underline !important;}
.review-rating .starlist ul li {font-family: 'Arbeit-Regular'; color: #00BB31; font-weight: 500; font-size: 16px;}
.review-rating .starlist ul li i {font-size: 15px;}
.review-rating {display: flex; flex-wrap: wrap; align-items: center; padding: 10px 0;}
.procure-rating {display: flex; align-items: baseline; border-left: 1px solid #C9C9C9; padding-left: 10px; margin-left: 5px; line-height: 36px;}
.procure-rating img {width: 15px;}
.procure-rating span {font-family: 'Arbeit-Regular'; font-size: 8px; color: #121420; margin-right: 5px;}
.procure-rating strong {font-family: 'Arbeit-Regular'; font-size: 16px; color: #00BB31; font-weight: 400;}
#alternatives .custom-control.custom-checkbox {position: absolute; text-align: center; bottom: 12px; left: 0; right: 0;}
#fraxon .owl-nav {right: -175px; top: 200px; display: block;}
.implement-support h4 {font-family: 'Arbeit-Bold'; font-size: 28px; color: #121420;}
.implement-support-list .featurelist h6 {font-family: 'Arbeit-Regular'; font-size: 16px; color: #121420; font-weight: 600; margin-bottom: 25px; 
 text-align: left;}
.implement-support-list .featurelist { display: block; width: 25%;}
.implement-support-list .featurelist ul li{font-family: 'Arbeit-Regular'; font-size: 16px; color: #3B3B3B;}
.featurelist ul li:before {top: 2px;}
.specification-study { padding: 40px 0;}
.specification-study-detail h3 {font-family: 'Arbeit-Bold'; font-size: 24px; color: #3B3B3B; margin-bottom: 32px;}
.pdf-docs {display: flex;}
.pdf-docs a{ margin-right: 60px; font-family: 'Arbeit-Regular'; font-weight: 500; font-size: 12px; color: #00BB31;}
.pdf-docs a span{ display: block; margin-top: 10px; text-decoration: underline;} 
.discovernew {background: #121420 url(../images/informationbg.png) -4% 10% no-repeat; padding: 50px 0;}
.searchbox {background: rgba(255, 255, 255, .27); font-size: 16px; color: #fff;}
.any-question h3 {font-family: 'Arbeit-Bold'; font-size: 24px; color: #fff; margin: 50px 0 32px; letter-spacing: 1px;}
.any-question .btn-success:hover {color: #fff;}
.btn-outline-success-text { color: #fff;}
.sharethought .btn-success-txt:hover {background-color: #fff !important;}
.fraxion-reviews {padding: 40px 0;}
.fraxion-reviews h3 {font-family: 'Arbeit-Bold'; font-size: 32px; color: #3B3B3B; margin-bottom: 40px;}
#fraxon .owl-nav button i {display: none;}
#fraxon .owl-nav button.owl-prev:before {content: "\f060"; position: absolute; left: 12px; top: 10px; font-family: FontAwesome; font-size: 20px;
color: #fff;}
#fraxon .owl-nav button.owl-next:before { content: "\f061"; position: absolute; right: 12px; top: 10px; font-family: FontAwesome; font-size: 20px; 
color: #fff;}
.custom-checkbox .custom-control-input {left: 0; right: 0; top: 0; margin: auto; height: 20px; width: 100%; z-index: 1;}
.review-overall{display: flex; margin-bottom: 25px; align-items: center;}
.review-overall h5 {font-family: 'Arbeit-Regular'; color: #121420; font-size: 24px; min-width: 115px;}
.review-overall h6 {font-family: 'Arbeit-Regular'; color: #121420; font-size: 18px; min-width: 115px;}
.pros-cons-list h5 {font-family: 'Arbeit-Regular'; font-weight: 500; font-size: 24px; color: #121420; margin-bottom: 24px;}
.pros-cons-list ul {padding: 0; margin: 0;}
.pros-cons-list li {position: relative; padding-left: 35px; list-style: none; font-family: 'Arbeit-Regular'; color: #121420; font-size: 16px; margin-bottom: 30px; line-height: 22px; min-height: 100%;}
.pros-cons-list li:before{content: "\f058"; position: absolute; left: 0; top: 5px; font-family: FontAwesome; font-size: 24px; color: #00bb31;}
.pros-cons-list li.dalow:before {content: "\f057"; position: absolute; left: 0; top: 5px; font-family: FontAwesome; font-size: 24px; color: #ff6767;}
.user-review {text-align: center; max-width: 620px; margin: auto; padding-top: 50px;}
.user-review h5 {font-family: 'Arbeit-Light'; font-size: 24px; color: #121420; margin-top: 15px;}
.user-review span {font-family: 'Arbeit-Light'; font-size: 16px; color: #121420; display: block; margin-bottom: 35px;}
.user-review p {font-family: 'Arbeit-Regular'; font-size: 16px; color: #121420; padding: 0 12px;}
#pricings h4 {font-family: 'Arbeit-Bold'; font-size: 32px; color: #3B3B3B;}
.pricingbox h5 {font-family: 'Arbeit-Regular'; font-size: 24px; color: #3B3B3B;}
.sharethought .btn-success-txt {color: #3B3B3B;}
.key-customers h6 {font-family: 'Arbeit-Regular'; font-weight: 600;}
.customers-name {font-family: 'Arbeit-Regular';}
.midborder {display: none;}
.searchbox{overflow: visible;}
.searchbox input {border-radius: 50px 0 0 50px !important;}
.tooltip-content {position: relative;}
.tooltip-content .tooltiptext {visibility: hidden; width: auto; background-color: #00bb31; color: #fff; text-align: center; border-radius: 6px; padding: 6px 15px; position: absolute; z-index: 3; top: 65%; left: 40%;}
.tooltip-content:hover .tooltiptext {visibility: visible;}
.menship {min-height: auto !important;}

.casebox {min-height: auto; border-radius: 10px;}
.case-study-img img {width: 100%;}
.case-study-text {padding: 15px;}
.case-study-text h4 {font-size: 16px; color: #121420;}
.case-study-text a {font-size: 12px; color: #00BB31;}
#case-studies-slider .owl-nav {display: block; position: absolute; top: 120px; width: 100%;}
#case-studies-slider .owl-nav button {background: #00bb31; font-size: 0; color: #fff; width: 25px; height: 25px; text-align: center; line-height: 25px; opacity: 1; border-radius: 50%; margin: 5px; position:absolute;}
#case-studies-slider .owl-nav button.owl-prev{left:-30px;}
#case-studies-slider .owl-nav button.owl-prev:before {content: "\f060"; position: absolute; left: 0px; right: 0; top: 0px; bottom: 0; font-family: FontAwesome; font-size: 17px; color: #fff; margin: auto; display: flex; justify-content: center; align-items: center;}
#case-studies-slider .owl-nav button.owl-next{right:-30px;}
#case-studies-slider .owl-nav button.owl-next:before {content: "\f061"; position: absolute; left: 0px; right: 0; top: 0px; bottom: 0; font-family: FontAwesome; font-size: 17px; color: #fff; margin: auto; display: flex; justify-content: center; align-items: center;}
.user-review img {margin: auto;}
.case-studies-content .heading h4 {font-size: 28px;}
#client-review-slider .owl-nav {display: block; position: absolute; top: 50%; width: 100%;}
#client-review-slider .owl-nav button {background: #00bb31; font-size: 0; color: #fff; width: 25px; height: 25px; text-align: center; line-height: 25px; opacity: 1; border-radius: 50%; margin: 5px; position:absolute;}
#client-review-slider .owl-nav button.owl-prev{left:-30px;}
#client-review-slider .owl-nav button.owl-prev:before {content: "\f060"; position: absolute; left: 0px; right: 0; top: 0px; bottom: 0; font-family: FontAwesome; font-size: 17px; color: #fff; margin: auto; display: flex; justify-content: center; align-items: center;}
#client-review-slider .owl-nav button.owl-next{right:-30px;}
#client-review-slider .owl-nav button.owl-next:before {content: "\f061"; position: absolute; left: 0px; right: 0; top: 0px; bottom: 0; font-family: FontAwesome; font-size: 17px; color: #fff; margin: auto; display: flex; justify-content: center; align-items: center;}
#fraxon .p-box {border-radius: 15px;}
.pros-cons-list li.dalow:before {color: #121420; top: 2px;}
.pros-cons-list li:before {top: 2px;}
.review-overall h5, .review-overall h6 {min-width: 250px;}
.spinner-border {margin-top: 8px !important; height: 20px; width: 20px;}

/**solution-popup**/
#solutionModal .modal-dialog {max-width: 540px;}
#solutionModal .modal-body h6 {font-family: 'Arbeit-Light'; font-size: 12px; color: #121420; margin-bottom: 7px;}
#solutionModal .form-control{ text-align: center; font-family: 'Arbeit-Light'; height: 40px;}
#solutionModal .modal-body h5 {font-family: 'Arbeit-Regular'; font-weight: 500; font-size: 16px; color: #121420; text-align: center; margin: 35px 0 20px;}
.recommend-solution-list {border: 1px solid #D2D2D2; border-radius: 10px; padding: 15px;}
.recommend-solution-list label {display: flex; align-items: center;}
.solution-logo {border: 1px solid #C8C8C8; border-radius: 20px; display: flex; align-items: center; justify-content: center; width: 85px; height: 80px; overflow: hidden; margin-right: 20px;}
.recommend-solution-list .starlist ul li:last-child {display: block;}
.solution-detail h4 {font-family: 'Arbeit-Regular'; font-weight: 500; font-size: 16px; color: #3B3B3B;}
.recommend-solution-list .custom-checkbox {display: block; margin-right: 35px; padding-left: 0; padding-right: 25px; width: 100%;}
.recommend-solution-list .custom-control-label {padding-left: 0; padding-right: 10px;}
.recommend-solution-list .custom-control-label::before {top: 0px; bottom: 0; margin: auto; left: auto; right: -25px;}
.recommend-solution-list .custom-control-label::after {top: 0px; bottom: 0; margin: auto; left: auto; right: -25px;}
.recommend-solution-list .custom-checkbox .custom-control-input:checked~.custom-control-label::after {top: 0px; bottom: 0; margin: auto; left: auto; 
 right: -24px; width: 17px; height: 17px;}
#solutionModal .btn-success-txt {display: block; height: 40px; max-width: 282px; margin: 15px auto 0;}
#solutionModal .btn-success-txt:hover{color: #3B3B3B;}
.alternative-view-btn .btn.btn-success-txt {min-width: 108px; height: 34px !important; font-size: 14px; margin: 0px auto 0 !important; max-width: 108px !important; padding: 5px !important;}
.recommend-solution-list .section_wrap {display: flex; justify-content: space-between; align-items: center; margin-bottom: 15px;}
.recommend-solution-list .section_wrap:last-child {margin-bottom: 0;}
/**solution-popup**/

/**alternatives-popup**/
#alternativesmodal{padding-top: 110px;}
.modal-inner-spaced.alternativedata {padding-left: 56px; padding-right: 56px;}
.alternatives-popup {display: flex; align-items: flex-start; padding: 30px 0;}
.alternatives-popup ul {margin: 0; padding: 30px 0 0;}
.alternatives-popup ul li {list-style: none; border-bottom: 1px dashed #ddd; padding: 12px 0; margin: 0; font-size: 12px; color: #3b3b3b; display: flex;
 align-items: center;}
.alternatives-popup ul li:nth-child(1), .alternatives-popup ul li:nth-child(2) {border-bottom: none;}
.fix-list {min-width: 160px;}
.fix-list li{min-height: 46px;}
.alternatives-popup ul li.blank-logo {min-height: 235px; padding: 7px 8px;}
.fix-list li:nth-child(2) {height: 103px;}
.fix-list li strong{font-size: 16px;}
.alternatives-details {max-width: 950px; /*overflow-x: auto; overflow-y: hidden;*/ white-space: nowrap; width: 100%;}
/*.alternatives-details .mCSB_horizontal.mCSB_inside>.mCSB_container {max-width: 950px !important;}*/
.alternatives-details ul{width: 235px; padding: 0px; text-align: center; display: inline-block; white-space: normal; vertical-align: top; position: relative;}
.alternatives-details ul li {padding: 7px 8px; min-height: 46px; color:#121420; display: flex; align-items: center; justify-content: center;}
.alternatives-details ul li:nth-child(2) {min-height: 105px;}
.alternatives-details .vender-profile-img-box {border: none; padding: 15px 20px;}
.vender-profile-img-text {position: absolute; top: 0px; left: 7px; font-size: 12px; font-weight: 500; color: #A2A2A2;}
.alternatives-details i.fa.fa-heart-o {font-size: 17px;}
.alternatives-details ul li .cross-icon {position: absolute; right: 0; top: 7px; background-color: #000; border: 1px solid #000; border-radius: 50%;
 font-size: 11px; color: #fff; border-radius: 50%; height: 20px; width: 20px; min-height: auto; padding: 0; display: flex; align-items: center; justify-content: center; cursor: pointer; z-index: 1;}
.alternatives-details ul li p {margin-bottom: 0; font-size: 12px;}
.alternatives-popup ul li.table-detail-txt {min-height: 138px; align-items: flex-start;}
.alternatives-details ul li a {text-align: center; display: block; font-size: 14px; color: #00BB31; padding: 7px 0; font-weight: 500;}
.alternatives-details ul:nth-child(2n+1) {background-color: #F2F2F2;}
.alternatives-popup ul li:nth-child(1) {background-color: #fff; display: block; padding-bottom: 10px;}
.alternatives-popup ul li.p6 {padding: 18px 8px;}
.alternatives-popup ul li.h-55 {height: 55px;}
.alternatives-details ul li.rating-star a{padding-top: 0;}
.alternatives-details ul li a .fa.fa-star {color: #000; padding: 0 1px;}
.alternatives-details ul li span {padding-left: 7px;}
.request-quote-btn {padding: 15px 10px; background-color: #fff;}
.request-quote-btn .btn {margin-top: 0 !important; font-size: 15px;}
.popup-cross-icon {position: absolute; right: -10px; top: -10px; background-color: #00BB31; border-radius: 50%; height: 25px; width: 25px; color: #fff !important; font-size: 17px;
 display: flex; align-items: center; justify-content: center;}
.add-solutions{cursor: pointer;}
.toggle-password {top: 28px; right: 15px;}
.mCustomScrollBox{padding-top: 30px;}
.mCSB_scrollTools.mCSB_scrollTools_horizontal {height: 7px !important; top: 0px !important; border: 1px solid #DBDBDB; border-radius: 25px;
 opacity: 1 !important; width: 100% !important;}
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail { background-color: #DBDBDB; height: 6px !important; position: absolute; top: -7px;}
/**alternatives-popup**/

/**dashboard-page-fav**/
.main-content-heading h4 {font-family: 'Arbeit-Regular'; font-size: 16px; color: #121420;}
.rwtable td h2 {font-size: 16px;}
.rwtable td span {font-size: 16px; color: #121420;}
.actionbutton{display: flex;}
.actionbutton .btn-success-txt:hover {color: #3B3B3B;}
.actionbutton .btn {margin-top: 0 !important;}
.rwtable td:first-child{padding-left: 0;}
/**dashboard-page-fav**/

/**protech-100**/
.partnerlist-content {background:#121420 url(../images/logolist-bg.jpg) no-repeat; //background-size: contain;background-attachment: fixed;background-position: 0 -22%;}
.logolist {margin: 0;}
.logolist li {width: 19%; display: inline-block; margin-right: 10px;}
.logolist li:nth-child(5n+5) {margin-right: 0;}
.logobox { background-color:#fff; border-radius: 15px; position: relative; overflow: hidden; //box-shadow: 0 3px 6px #e5e6e7; margin-bottom: 15px; border: solid 1px #e5e6e7; height:  205px; text-align: center; display: flex; align-items: center; justify-content: center; padding:0 20px;}
.logo-text {position: absolute; z-index: 99; height: 100%; width: 100%; text-align: center; display: flex; flex-direction: column; align-items: center;
 justify-content: center; background: rgba(0, 187, 48, 1); transition: all .5s ease-in-out; padding: 15px 15px; opacity: 0;}
.logobox:hover .logo-text {opacity: 1;}
.logo-text h4{color:#fff; font-size:18px; margin-bottom:15px;} 
.logo-text p{color:#fff; font-size:13px; line-height:18px;} 
.procure-digital-content{ background-color:#00bb31; padding: 30px 18%;}
.procure-digital-right {display: flex; align-items: end; justify-content: center; height: 100%; margin-top: -10px;}
.procure-digital-right .btn.rounded-pill {border-radius: 22px !important;}
.procure-digital-right .btn {margin-right: 15px;}
.procure-digital-right .btn:last-child {margin-right: 0;}
.logolist li {vertical-align: middle;}
.getinvoled-btn .btn {min-width: 180px;}
.logo-text img {margin: auto;}
#clientslider button.owl-dot:focus {outline: none;}
.owl-dots button span {background: #7ec791;}
.owl-dot.active span {background: #00BB31;}
#softwareslider .owl-dot.active span {background: #fff;}
#owl-demo2 .owl-dot.active span {background: #fff;}
.owl-dot.active {border: none !important; outline: none !important;}
.owl-dot.active span {background: #fff !important;}
button:focus {outline: none !important;}
/**protech-100**/

/**panel-resources-add-edit**/
.main-content-heading h5 {text-transform: capitalize; margin-bottom:20px;}
.ptech-forms .custom-file-upload {height: 115px; margin-bottom: 0; border-radius: 10px; text-align: center;}
.custom-file-upload:after {left: 0; right: 0; top:auto; bottom: 0px; border-radius: 0 0px 10px 10px; text-align:center;}
.ptech-forms .form-control{font-size:15px; height: 38px;}
.custom-file-upload i {font-size: 35px; padding-top: 12px;}
.ptech-forms textarea.form-control{border-radius:15px; resize:none; height:100px;}
.shortlistlist li {margin: 10px 20px 10px 0;}
.editpost.editpost.actionval {position: absolute; top: -5px; left: -5px;}
.deletepost.deletepost.actionval {left: 92px; top: -8px;}
.custom-file-thumbnail {text-align: center; margin: 5px 0 0;}
/**panel-resources-add-edit**/

/**Best-Source**/
.product-desc table td {padding-left: 0;}
.flowleft .select2-container--default .select2-selection--multiple .select2-selection__choice {color: #121420; padding: 0 10px;}
.companybox .justify-content-between {justify-content: inherit !important;}
.product-desc .likeAction-wrap {margin-left: 22px;}
.product-desc .btn {width: 65%;}
.myaccordion td .btn {font-size: initial; height: 40px; display: flex; align-items: center; justify-content: center;}
.flex-fill .likeAction-wrap {margin-left: 20px;}
/**Best-Source**/

/**echo-system**/
.echosystemtree ul {padding: 0; margin: 0;}
.echosystembox {border: 2px solid #00bb31; border-radius: 0 70px 20px 15px; height: 95px; padding: 0 2px;}
.echosystembox:before {background-color: rgba(0,0,0,.6); box-shadow: none; backdrop-filter: inherit; filter: inherit;}
.echosystemtree.echosystemtree ul li {vertical-align: top; margin: 0px 4px 0 4px;}
.echosystembox1:before, .echosystembox2:before, .echosystembox3:before {background-color: rgba(0,0,0,.6); box-shadow: none; 
 backdrop-filter: inherit; filter: inherit; position: absolute; content: ''; height: 100%; left: 0; right: 0; top: 0; bottom: 0;}
.echosystembanner .searchbox {margin-top: 25px !important;}
.echosystembox span a, .echosystembox1 span a, .echosystembox2 span a, .echosystembox3  span a { color: #fff; position: relative;}
/**echo-system**/

/**blog-detail**/
.blog-content {padding: 30px 0;}
.blog-left-image img {width: 100%;}
.blog-right-text h1{font-size: 48px; color: #000; font-weight: 700; line-height: 52px; margin-bottom: 15px;}
.blog-tag-calender {padding: 0; margin: 0 0 10px; display: flex; flex-wrap: wrap;}
.blog-tag-calender li{list-style: none; margin: 0 20px 8px 0;}
.blog-tag-calender li span{font-size: 16px; color: #54595f; font-weight: 600; padding-left: 3px;}
.blog-tag-calender li a{text-decoration: none;}
.blog-tag-calender li i{color: #00BB31;}
.social-icon-like {margin-bottom: 20px;}
.blog-social-icon a {background-color: #00BB31; border-radius: 50%; height: 35px; width: 35px; color: #fff; font-size: 18px; display: inline-flex; align-items: center;
justify-content: center;  margin-right: 5px; text-decoration: none;}
.blog-like-icon {border: solid 1px #d0d0d0; border-radius: 50px; display: inline-block; padding: 3px 10px 5px;}
.blog-like-icon.blog-like-icon .likeAction-wrap {padding: 0; border: none;}
.blog-like-icon i {vertical-align: middle; font-size: 18px; color: #00BB31;}
.blog-like-icon span {font-size: 12px; vertical-align: middle;}
.blog-detail-text {padding: 20px 0;}
.blog-detail-text h2 {font-size: 30px; color: #00bb31; font-weight: 700; margin-bottom: 15px;}
.blog-detail-text h3 {font-size: 24px; color: #000; font-weight: 600; margin-bottom: 12px;}
.blog-faq h6 {font-size: 16px; color: #000; font-weight: bold; margin-bottom: 15px;}
.blog-faq p{font-size: 16px; color: #000;}
.blog-faq h4 {font-size: 24px; color: #00bb31; font-weight: normal;}
/**blog-detail**/

/**addnewcustomrefel-popup**/
#addnewcustomrefel .modal-content {min-width: 650px;}
#addnewcustomrefel .add-photo-field {position: relative; display: block; margin: 25px 0 12px;}
#addnewcustomrefel .add-photo-field label {background-color: #fff; height: 130px; width: 130px; border: 1px dashed #00bb31; border-radius: 12px; font-size: 12px; color: #00BB31;
display: flex; align-items: center; justify-content: center; margin: auto auto 0;}
#addnewcustomrefel .add-photo-field .custom-file-upload {position: absolute; top: 0; left: 0; right: 0; width: 130px; margin: auto; text-align: center;}
.width-50 {width: 54%; margin-left: auto; margin-right: auto;}
.width-80 {width: 85%; margin-left: auto; margin-right: auto;}
#addnewcustomrefel .form-group label {padding-left: 15px;}
#addnewcustomrefel .btn {width: 280px; margin: auto;}
/**addnewcustomrefel-popup**/

/**Request Solution Quote Modal**/
.loginmodal label {position: relative; padding-left: 7px;}
.loginmodal label .requiredfieleds {position: absolute; right: -8px; top: 2px;}
.request-quote-popup .modal-dialog{max-width: 665px;}
.request-quote-popup p{font-size: 15px;}
.request-quote-popup .request-quote-btn {width: 50%; margin: auto;}
.request-quote-popup .request-quote-btn .btn-success-txt:hover {color: #00BB31;}
.pt-privacy-policy a {font-size: 15px; color: #00BB31;}
/**Request Solution Quote Modal**/

/**Requirements page**/
.white-box {background-color: #fff; border-radius: 10px; box-shadow: 0 1px 6px rgb(0 0 0 / 16%); padding: 18px 30px 18px 35px;}
.dashboard-right-part {padding: 18px 10px 18px 15px;}
.dashboard-ryt-title {font-family: 'Arbeit-SemiBold'; font-size: 24px; color: #121420; margin-bottom: 0;}
.ques-info {background-color: #00BB31; border-radius: 50%; width: 21px; height: 21px; display: inline-flex; align-items: center; justify-content: center;
 font-size: 14px; color: #fff; text-align: center; vertical-align: middle; margin-left: 18px; position: relative;}
.ques-info:hover{color: #fff;}
.tooltip-content1{ position: relative;}
.tooltip-content1 .tooltiptext {visibility: hidden; width: 200px; text-align: left; padding: 12px 15px; position: absolute; z-index: 3; top: 20px;
 left: 10px; background-color: #fff; border-radius: 10px; font-family: Arbeit-Regular; font-size: 12px; color: #121420; line-height: 18px; 
 box-shadow: 0 1px 6px rgb(0 0 0 / 16%); white-space: initial;}
.tooltip-content1:hover .tooltiptext {visibility: visible;}
/*.tooltip-content1 .tooltiptext1 {top: 40px; left: 40%;}*/
.content-box{padding: 30px 40px 40px 80px;}
.content-title h5 {font-family: Arbeit-Regular; font-size: 16px; color: #121420;}
.content-title p {font-size: 16px; color: #121420; font-style: italic; margin-bottom: 30px;}
.range-slider {margin-top: 0;}
.multiple-select {margin-bottom: 20px;}
.multiple-select .select2-container--default .select2-selection--multiple {max-width: 700px;}

/**Business-Solutions**/
.business-calbox-width {margin: 0 -5px;}
.business-calbox-width [class*="col-"] {max-width: 18.3%; flex: 18.3%; padding: 0 5px;}
.business-cal-box {padding: 25px 30px 15px; height: 100%;}
.business-cal-box .starlist {margin: -5px 0 5px;}
.business-cal-box span {font-family: 'Arbeit-semibold'; font-size: 12px; line-height: 15px; display: block;}
.current-solution {margin-top: 25px; margin-bottom: 12px;}
.current-solution th:first-child, .current-solution td:first-child {padding-left: 0;}
.current-solution td .logo-name {margin-top: -20px;}
.current-solution td .logo-image {height: auto; width: 70px; margin-top: 7px;}
.current-solution .starlist {margin: 0; display: inline-block;}
.starlist span {text-align: center; display: block; color: #757575; font-size: 11px;}
.current-solution th {font-size: 13px; vertical-align: top !important; white-space: nowrap;}
/*.current-solution .starlist ul {display: flex;}*/
.current-solution .starlist ul li{margin:2px 3px !important;}
.current-solution .starlist li:last-child {display: block;}
.current-solution td{font-family: 'Arbeit-semibold'; position: relative; white-space: nowrap;}
.current-solution td.small-txt {font-size: 13px; line-height: 16px;}
.current-solution td .btn {font-family: 'Arbeit-semibold'; font-size: 12px; padding: 3px 5px !important; box-shadow: none; margin-bottom: 4px;}
.current-solution td.view-profile-btn .btn {min-width: 110px;}
.current-solution td a.d-block {font-size: 12px; color: #00bb31; text-decoration: underline !important; font-family: 'Arbeit-semibold';
 margin-top: 4px; padding-left: 10px;}
.current-solution td .cross-icon {background-color: #000; border: 1px solid #000; font-size: 15px; color: #fff;
 border-radius: 50%; height: 23px; width: 23px; display: flex; align-items: center; justify-content: center;
 cursor: pointer;}
.dashboard-right-part .card .btn {font-family: 'Arbeit-semibold'; margin-top: 0 !important; margin-left: 0 !important; box-shadow: none; text-align: center;}
.title-bar {display: flex; align-items: center;}
.new-shortlist-btn {margin: 0 30px 0 50px;}
.edit-shortlist a{color: #00bb31; text-decoration: underline !important; font-family: 'Arbeit-semibold';}
.shortlist-accord {margin: 0; border: none;}
.shortlist-accord .card {border-top: none;}
.dashboard-right-part .card .white-box {margin: 20px 0;}
.shortlist-accord .current-solution {margin-top: 0;}
.shortlist-accord .card-header {display: flex; align-items: center; justify-content: space-between;}
.shortlist-accord .card-header h5 strong {color: #00bb31;}
.avg-review-score {display: flex; align-items: center; justify-content: end;}
.myaccordion.shortlist-accord li+li {margin-top: 0;}
.avg-review-score h6 {font-size: 13px; font-family: 'Arbeit-bold'; margin-right: 20px;}
.shortlist-rank {font-size: 13px; font-family: 'Arbeit-bold'; margin: 0 20px 0 40px;}
.shortlist-rank span {font-size: 15px; font-family: 'Arbeit-bold'; color: #00bb31; vertical-align: top;}
.avg-review-score button {min-width: auto !important;}
.shortlist-accord td .btn {font-family: 'Arbeit-semibold'; color: #fff !important; height: 30px; width: 120px; min-width: 120px !important;}
.shortlist-accord td .btn:hover{color: #000 !important;}
.shortlist-accord-btn {display: flex; align-items: center;}
.shortlist-accord .btn {font-size: 16px; width: auto; padding: 6px; margin-bottom: 0 !important;}
.shortlist-accord .btn i {font-size: 24px;}
.edit-name {margin: 0 50px 0 30px;}
.delete-shortlist {font-size: 25px;}
.dashboard-ryt-title img {margin-right: 15px;}
.cube-gray {filter: opacity(0.5);}
#addtoshortlist .shortlist_warp {display: flex; margin-bottom: 10px;}
/**Business-Solutions**/

/**Business-Solutions-popup**/
.bSolution-modal .modal-dialog {max-width: 600px;}
.bSolution-modal .modal-body {padding: 15px 90px;}
.bSolution-modal .select2-container--default .select2-selection--multiple {max-width: 100%;}
.bSolution-modal .close{background-color: #000; border-radius: 50%; height: 24px; width: 24px; line-height: 24px; display: flex; align-items: center;}
.bSolution-modal .close span {background: none; font-size: 18px; color: #fff; height: 21px; text-indent: inherit;}
.bSolution-modal .modal-title {text-align: center;}
.bSolution-modal .modal-title p {font-family: 'Arbeit-semibold';}
.rank-shortlist-form {border: 1px solid #00bb31; border-radius: 20px; padding: 12px 12px 0px; margin-top: 30px; margin-bottom: 50px;}
.rank-shortlist-form .row {margin: 0 -10px;}
.rank-shortlist-form .row [class*="col-"]{padding: 0 10px;}
.rank-shortlist-form .form-control {color: #00bb31; height: 32px; font-size: 14px;}
.rank-shortlist-form .custom-select {color: #00bb31; height: 32px; font-size: 14px; line-height: initial;}
.search-note{color: #00bb31; text-decoration: underline !important; margin: 5px 0 0 5px; display: block;}
.bSolution-modal .recommend-solution-list {margin-bottom: 40px;}
.add-text {margin-bottom: 15px; font-family: 'Arbeit-Regular'; color: #bbb;}
.bSolution-modal .recommend-solution-list .section_wrap {margin-bottom: 12px;}
.bSolution-modal .recommend-solution-list .custom-checkbox {display: inherit; width: 30px;}
.bSolution-modal .recommend-solution-list .custom-control-label {padding-right: 0;}
.bSolution-modal .recommend-solution-list .form-control {color: #00bb31; height: 32px; line-height: inherit; font-size: 14px;}
.bSolution-modal .recommend-solution-list .custom-checkbox {margin-right: 25px;}
/**Business-Solutions-popup**/

.btn-success.searchdata:hover {color: #fff;}


/***Media***/
@media only screen and (max-width:1400px){
/**Business-Solutions**/
.business-cal-box {padding: 25px 25px 15px;}
.dashboard-ryt-title img {width: 30px;}
/**Business-Solutions**/
}

@media only screen and (max-width:1360px){
.navbar-dark .navbar-nav .nav-link {padding-left: 1px; padding-right: 1px; margin: 0 12px;}
.ptechmenu .signutton {min-width: 200px;}
}

@media only screen and (max-width:1280px){
.white-box {padding: 18px 30px;}
.dashboard-ryt-title {font-size: 22px;}

/**Business-Solutions**/
.business-cal-box {padding: 25px 15px 15px;}
.business-cal-box h3 {font-size: 22px;}
.current-solution td {font-size: 15px;}
/**Business-Solutions**/
}

@media only screen and (max-width:1200px){
.page-menu ul .btn-success {margin-left: 40px;}
}

@media only screen and (max-width:1024px){
#ptech-menu {margin-left: 0 !important; margin-top: 15px !important;}
.page-menu ul .btn-success {margin-left: 30px;}
.bannersection2 {padding: 40px 0 0 0;}
.searchbox input {height: 41px; margin-top: -1px;}
	
/**alternatives-popup**/
.modal-dialog {max-width: 95%;}
.alternatives-details ul li {padding: 7px 12px;}
/**alternatives-popup**/

/**protech-100**/
.getinvoledbg h5 {font-size: 18px;}
.procure-digital-content {padding: 30px 10%;}
.logolist li {width: 24%; margin-right: 8px;}
.logolist li:nth-child(5n+5) {margin-right: 8px;}
.logolist li:nth-child(4n+4) {margin-right: 0;}
.procure-digital-right {margin-top: 0;}
.procure-digital-right .btn {margin-right: 12px; padding: 6px 10px !important; min-width: 240px;}
/**protech-100**/

/**echo-system**/
.echosystembox {height: 85px; font-size: 16px; width: 215px;}
.echosystembanner h5 { font-size: 22px;}
.echosystembox, .echosystembox1, .echosystembox2, .echosystembox3 {font-size:15px !important; width:175px !important; padding:0 10px !important;}
/**echo-system**/

/**blog-detail**/
.blog-right-text h1 {font-size: 40px; line-height: 42px;}
.blog-detail-text h2 {font-size: 27px;}
.blog-detail-text h3 {font-size: 22px;}
.blog-faq h4 {font-size: 22px;}
/**blog-detail**/

/**Requirements page**/
.dashboard-right-part {padding: 18px 10px 18px 15px;}
.white-box {padding: 18px 30px 18px 30px;}
.dashboard-ryt-title {font-size: 20px;}
.content-box {padding: 20px 30px 30px 30px;}
.multiple-select .select2-container--default .select2-selection--multiple {max-width: 95%;}

/**Business-Solutions**/
.business-calbox-width [class*="col-"] {max-width: 25%; flex: 25%; margin: 8px 0;}
.business-cal-box {padding: 25px 20px 15px;}
.shortlist-accord .card-header {display: block; align-items: inherit; justify-content: flex-start;}
.avg-review-score {display: flex; align-items: center; justify-content: space-between;}
/**Business-Solutions**/
}

@media only screen and (max-width:991px){
.page-menu .navbar-header {margin: 0 !important; padding: 0 15px; width: 100%;}
.page-menu .navbar-toggler {float: right;}	
.page-menu .container {display: block;}	
.page-menu ul {margin: 0;}
.page-menu ul .btn-success {margin-left: 0;}	
.width-1 {max-width: inherit;}
#about {padding: 40px 0 480px; position: relative;}	
.detail-right-panel {position: absolute; bottom: 0; left: 0; right: 0; margin: auto;}
.gallery-thumbs {width: 88%;}
.thumb-arrow {top: 405px;}
h4 {font-size: 28px;}
.myaccordion .btn {font-size: 19px !important;}
.featurelist ul li {font-size: 15px;}
.implement-support-list {display: flex; flex-wrap: wrap; justify-content: flex-start !important;}
.implement-support-list .featurelist {padding: 0 10px;}
.featurelist ul li {padding-left: 30px;}
.implement-support-list .featurelist ul li {font-size: 15px;}
.lang-featurelist ul li {padding-left: 0;}
div#fraxon {height: auto !important;}
	
/**alternatives-popup**/
.alternatives-details {max-width: 550px; overflow-x: auto; width: 100%;}
/*.alternatives-details .mCSB_inside>.mCSB_container{max-width: 550px !important;}*/
.alternatives-details ul {width: 262px;}	
.modal-inner-spaced.alternativedata {padding-left: 30px; padding-right: 30px;}
/**alternatives-popup**/

/**protech-100**/
.bannersection2 .heading {padding-top: 20px !important;}
.bannersection2 h1 {font-size: 40px;}
.bannersection2 h5 {font-size: 20px; margin-top: 30px !important;}
.getinvoledbg {padding-top: 0;}
.getinvoledbg h2 {margin-top: 20px !important;}
.procure-digital-content {padding: 30px 0;}
.partnerlist {margin: 30px 0 0;}
.Procuretech h1 {font-size: 32px;}
.brandmessage {padding: 40px 0;}
.brandmessage h1 {font-size: 22px !important;}
.logolist li {width: 32%; margin-right: 10px;}
.logolist li:nth-child(5n+5) {margin-right: 10px;}
.logolist li:nth-child(4n+4) {margin-right: 10px;}
.logolist li:nth-child(3n+3) {margin-right: 0;}
.procure-digital-right {margin-top: 10px;}
.procure-digital-right .btn {margin-right: 30px; padding: 6px 30px !important;}

/**protech-100**/

/**panel-resources-add-edit**/
.form-btn-center{text-align:center;}
/**panel-resources-add-edit**/

/**echo-system**/
.echosystembanner > .row {padding-right: 15px;}
.echosystemtree.echosystemtree ul li {margin: 0px 3px 12px;}
.echosystembox {border-radius: 0 60px 20px 15px; font-size: 14px; width: 156px;}
.echosystembox, .echosystembox1, .echosystembox2, .echosystembox3 {width: 162px !important;}
.echosystemtree ul li.w-100 {display: none !important;}
/**echo-system**/

/**blog-detail**/
.blog-right-text h1 {font-size: 30px; line-height: 33px;}
.social-icon-like {margin-bottom: 5px;}
.blog-detail-text h2 {font-size: 23px;}
.blog-detail-text h3 {font-size: 18px;}
.blog-faq h4 {font-size: 17px;}
/**blog-detail**/

/**Requirements page**/
.dashboard-right-part {padding: 25px 0px 15px;}
.white-box {padding: 18px 15px}
.dashboard-ryt-title {font-size: 18px;}
.content-box {padding: 20px 15px 25px;}

/**Business-Solutions**/
.shortlist-accord .btn {font-size: 12px !important;}
/**Business-Solutions**/
}

@media only screen and (max-width:767px){
.container {max-width: 100%;}	
.banner-logo-img {height: 120px; width: 130px; margin-right: 15px !important;}
.banner-logo-img h3 {font-size: 15px;}
.page-menu ul .btn-success {margin: 0 15px;}
h4 {font-size: 24px;}	
#about {padding: 25px 0 380px;}
#about h5 {font-size: 20px;}
.gallery-thumbs {margin-bottom: 25px !important;}
.thumb-arrow {top: 345px;}	
.swiper-button-next, .swiper-button-prev {width: 25px!important; height: 25px!important;}
.thumb-arrow i {font-size: 15px;}
.myaccordion .btn {font-size: 17px !important;}
.myaccordion .card-body {padding-bottom: 10px !important;}
#accordion .featurelist ul li {width: 50%;}	
.implement-support h4 {font-size: 24px;}
.implement-support-list .featurelist {width: 33%; margin-bottom: 20px;}	
.implement-support-list .featurelist:last-child {margin-bottom: 0;}	
.discovernew {background: #121420 url(../images/informationbg.png) 0% center no-repeat; padding: 40px 0;}
.searchbox #button-addon2 {background-color: gray; border-radius: 0 50px 50px 0;}
footer.footerwrapval {padding: 10px 0 30px !important;}

.casebox {margin: auto;}
#case-studies-slider .owl-nav button.owl-prev {left: -10px;}
#case-studies-slider .owl-nav button.owl-next {right: -10px;}
#client-review-slider .owl-nav button.owl-prev {left: -10px;}
#client-review-slider .owl-nav button.owl-next {right: -10px;}
		
/**alternatives-popup**/
#alternativesmodal {padding-right: 0 !important;}
.modal-inner-spaced.alternativedata {padding-left: 0; padding-right: 0;}
.fix-list {min-width: 130px;}
.alternatives-details ul {width: 220px;}
/**alternatives-popup**/

/**protech-100**/
.bannersection2 h1 {font-size: 25px;}
.bannersection2 h5 {font-size: 16px; margin-top: 20px !important;}
.getinvoledbg{ text-align:center;}
.getinvoledbg h2 {margin-top: 10px !important; margin-bottom: 0; font-size: 25px; text-align: center !important;}
.getinvoledbg h5 {font-size: 16px;}
.logolist li {margin-right: 9px;}
.logolist li:nth-child(5n+5) {margin-right: 9px;}
.logolist li:nth-child(4n+4) {margin-right: 9px;}
.logolist li:nth-child(3n+3) {margin-right: 0;}
.procure-digital-content {text-align: center;}
.procure-digital-right {margin-top: 10px;}
.processsection {text-align: center;}
.processsection h4 {font-size: 24px !important;}
.clientbox h5 {font-size: 20px;}
.processsection h4 { margin-left:0 !important;}
.processsection h4 br {display: none;}
.processsection h5 {font-size: 18px;}
.processsection h6 br {display: none;}
.partnerlist li {width: 200px;}
.memberbox {height: 200px;}
.mtext p {font-size: 15px;}
.Procuretech img {margin: auto;}
.Procuretech #owl-demo4 h1 {font-size: 25px!important; line-height: 30px; margin-bottom: 20px;}
.Procuretech .d-flex { display: block !important; margin-bottom:20px;}
.prslider #owl-demo2 {margin-bottom: 15px;}
.brandmessage {padding: 10px 0;}
.brandmessage h1 {font-size: 18px !important; margin: 15px 0;}
.brandmessage .media {justify-content: center;}
/**protech-100**/

/**echo-system**/
.echosystemtree.echosystemtree ul li.w-100 {width: auto !important;}
.echosystemtree.echosystemtree ul li {margin: 0px 4px 10px 4px;}
.echosystembox {width: 190px;}
.selling-soft-content > .row {display: flex; flex-direction: column-reverse;}
.selling-soft-content > .row img {margin-top: 20px;}
.selling-soft-content {padding-top: 0px !important;}
/**echo-system**/

/**blog-detail**/
.blog-left-image {margin-bottom: 15px;}
.blog-right-text h1 {font-size: 25px; line-height: 28px;}
.blog-tag-calender li span {font-size: 14px;}
.blog-detail-text h2 {font-size: 19px;}
.blog-detail-text h3 {font-size: 17px;}
.blog-faq h4 {font-size: 16px;}
.blog-faq h4 br{display: none;}
.blog-faq h6 {font-size: 15px; margin-bottom: 8px;}
.blog-faq p {font-size: 15px;}
/**blog-detail**/

/**addnewcustomrefel-popup**/
#addnewcustomrefel .modal-content {min-width: 100%;}
/**addnewcustomrefel-popup**/

/**Request Solution Quote Modal**/
.request-quote-popup .modal-dialog{max-width: 96%;}
/**Request Solution Quote Modal**/

/**Requirements page**/
.ques-info {width: 18px; height: 18px; font-size: 12px; margin-left: 14px;}
.tooltip-content1 .tooltiptext {left: 28%;}
.mb-sm-4{margin-bottom: 20px;}

/**Business-Solutions**/
.business-calbox-width [class*="col-"] {max-width: 33%; flex: 33%;}
.business-cal-box h3 {font-size: 20px;}
.shortlist-accord .btn {font-size: 12px !important;}
.new-shortlist-btn {margin: 0 20px 0 25px;}
.new-shortlist-btn .btn {font-size: 13px; min-width: 165px;}
.edit-shortlist a {font-size: 14px;}
.dashboard-ryt-title img {width: 25px;}
.avg-review-score h6 {font-size: 12px; margin-right: 0px;}
.shortlist-rank {font-size: 12px; margin: 0 5px 0 5px;}
.current-solution td {font-size: 14px;}
.myaccordion.shortlist-accord li+li {margin: 0 1px;}
/**Business-Solutions**/

/**Business-Solutions-popup**/
.bSolution-modal .modal-dialog {max-width: 92%;}
.bSolution-modal .modal-body {padding: 15px;}
/**Business-Solutions-popup**/
}

@media only screen and (max-width:575px){
/**alternatives-popup**/
.alternatives-details ul {width: 200px;}
/**alternatives-popup**/

/**echo-system**/
.echosystembox {width: 165px;}
/**echo-system**/

/**addnewcustomrefel-popup**/
.width-50, .width-80 {width: 100%;}
#addnewcustomrefel .form-group label {padding-left: 10px;}
/**addnewcustomrefel-popup**/

/**Requirements page**/
.tooltip-content1 .tooltiptext {left: 27%; top: 100%;}
}

@media only screen and (max-width:567px){
.productbanner {padding: 130px 0 0 0;}
.productbanner .heading_wrap {margin-bottom: 5px;}	
.banner-logo-img {height: 110px; width: 115px; padding: 15px 10px;}	
.banner-logo-img h3 {font-size: 13px;}
.productbanner p{font-size: 15px;}
.page-menu {padding: 8px 0;}
.page-menu .navbar-header a {font-size: 15px; padding-top: 8px;}
h4 {font-size: 22px;}
#about h5 {font-size: 19px;}	
.website-linkedin {vertical-align: inherit; margin-top: 0;}
.website-linkedin i {font-size: 22px;}
.gallery-thumbs .swiper-slide {height: 40px !important;}
.swiper-button-next, .swiper-button-prev {width: 20px!important; height: 20px!important;}
.thumb-arrow {top: 332px;}
.thumb-arrow i {font-size: 13px;}	
.swiper-slide .play-btn i {font-size: 16px;}	
.featuresection {padding: 20px 15px !important;}
.myaccordion .btn {font-size: 15px !important; text-align: left;}	
.myaccordion .fa-stack {text-align: right;}	
#accordion .featurelist ul li {width: 100%; padding-right: 0;}	
.myaccordion .card-body {padding-top: 7px !important;}	
.featurelist ul li:before {font-size: 20px;}
.featurelist ul li {padding-left: 26px;}	
.implement-support h4 {font-size: 22px;}
.implement-support-list .featurelist {width: 50%; padding: 0 5px;}	
.lang-featurelist ul li {padding-left: 0;}
.discovernew h5 {font-size: 20px;}
.any-question h3 {font-size: 21px; margin: 40px 0 20px;}	

.case-studies-content .heading h4 {font-size: 22px;}
#case-studies-slider {padding: 0 20px;}
#case-studies-slider .owl-nav button.owl-prev {left: -35px;}
#case-studies-slider .owl-nav button.owl-next {right: 5px;}
		
/**alternatives-popup**/
.alternatives-details ul {width: 180px;}
/**alternatives-popup**/
	
/**solution-popup**/
#solutionModal .modal-body {padding: 12px 0;}
#solutionModal .modal-body h5 {margin: 20px 0 15px;}
.recommend-solution-list {padding: 12px 8px;}
.solution-logo {width: 60px; height: 55px; margin-right: 10px;}
.solution-detail h4 {font-size: 13px;}
.starlist ul li i {font-size: 15px;}
.recommend-solution-list .custom-checkbox {margin-right: 10px;}
.alternative-view-btn .btn.btn-success-txt {min-width: 90px; height: 30px !important; font-size: 12px; max-width: 90px !important;}
/**solution-popup**/

/**protech-100**/
.bannersection2 > .text-right {margin-top: 0 !important; margin-right: 15px !important;}
.bannersection2 h1 {font-size: 22px;}
.bannersection2 h5 {font-size: 15px;}
.logolist li {width: 48%; margin-right: 8px;}
.logolist li:nth-child(3n+3), .logolist li:nth-child(4n+4), .logolist li:nth-child(5n+5) {margin-right: 8px;}
.logolist li:nth-child(2n+2) {margin-right: 0;}
.logobox img {max-width: 80%;}
.logo-text {padding: 15px 10px;}
.logo-text p {font-size: 12px; line-height: 15px;}
.brandmessage h1 {font-size: 17px !important;}
.Procuretech #owl-demo4 h1 {font-size: 20px!important; line-height: 26px;}
.procure-digital-right {display: block; align-items: inherit; justify-content: inherit;}
.procure-digital-right .btn {margin-right: 0; margin-top: 12px;}

/**protech-100**/

/**panel-resources-add-edit**/
.dashboardsection .mx-5 {margin: 0 !important;}
/**panel-resources-add-edit**/

/**echo-system**/
.echosystemtree.echosystemtree ul li {margin: 0px 2px 8px 2px; width: 48%;}
.searchbox .form-control {font-size: 14px;}
.echosystembox {width: 100%; padding: 0 8px; font-size: 13px;}
.echosystembox, .echosystembox1, .echosystembox2, .echosystembox3 {width: 100% !important; font-size: 13px !important; padding: 0px 12px !important;}
.navbar-brand svg {width: 200px;}
.flowlist ul li {width: 47%; margin-right: 12px;}
.flowlist ul li:nth-child(2n+2) { margin-right: 0;}
.flowlist ul li a {width: 100%;}
/**echo-system**/

/**blog-detail**/
.blog-tag-calender {margin-bottom: 5px;}
.blog-social-icon {margin-bottom: 10px;}
.blog-detail-text h2 {font-size: 18px;}
.blog-detail-text h3 {font-size: 16px;}
/**blog-detail**/

/**Request Solution Quote Modal**/
.request-quote-popup .request-quote-btn {width: 100%; margin: auto; padding-left: 0; padding-right: 0;}
/**Request Solution Quote Modal**/

/**Business-Solutions**/
.tooltip-content1 .tooltiptext {left: 10%;}
.business-calbox-width [class*="col-"] {max-width: 50%; flex: 50%;}
.business-cal-box h3 {font-size: 18px;}
.shortlist-accord .btn {font-size: 12px !important;}
.title-bar {display: block; align-items: inherit;}
.new-shortlist-btn {margin: 15px 0px 10px; display: inline-block;}
.shortlist-accord-btn {display: block; align-items::inherit;}
.edit-name {margin: 20px 50px 0 0px; display: inline-block;}
.delete-shortlist {float: right; margin-top: 20px;}
/**Business-Solutions**/

/**Business-Solutions-popup**/
.bSolution-modal .modal-dialog {max-width: 95%; margin: 20px auto;}
.bSolution-modal .modal-body {padding: 15px 0;}
.bSolution-modal .recommend-solution-list .custom-control-label {padding-right: 5px;}
.bSolution-modal .recommend-solution-list .custom-checkbox {margin-right: 12px;}
/**Business-Solutions-popup**/
}

@media only screen and (max-width:360px){
/**alternatives-popup**/
.solution-logo {width: 45px; height: 40px; border-radius: 15px; margin-right: 7px;}
.solution-detail h4 {font-size: 13px;}
.recommend-solution-list .custom-checkbox {margin-right: 7px; padding-right: 16px;}
.recommend-solution-list .custom-control-label::before {right: -15px; width: 17px; height: 17px;}
.recommend-solution-list .custom-control-label::after {right: -15px; width: 17px; height: 17px;}
.recommend-solution-list .custom-checkbox {margin-right: 7px; padding-right: 16px;}
.alternative-view-btn .btn.btn-success-txt {min-width: 75px; font-size: 11px; max-width: 75px !important; padding: 6px 5px !important;}
.recommend-solution-list .custom-checkbox .custom-control-input:checked~.custom-control-label::after {right: -14px; border: solid 4px #fff;
 width: 15px; height: 15px;}
/**alternatives-popup**/
}
/**09-09-21**/


/**14-06-22**/
.bgborder {margin-top: 0px; height: 46px;}
.banner-social-icon {margin-right: 30px;}
.selection-process-box ul li {padding: 55px 25px 25px;}
.selection-process-box li span {font-family: Arbeit-Regular; font-size: 16px; color: #3b3b3b;}
.Procuretech.prborder {border: none;}
.memberbox, .logobox {overflow: unset;}
.memberbox img {width: 100%;}
.mtext, .logo-text {box-shadow: inset 0px 3px 6px rgb(0 0 0 / 16%); border-radius: 15px;}
.memberbox .btn.linkedin-btn {background-color: #0077B7; border-radius: 50px; font-size: 16px; color: #fff; line-height: 30px; height: 35px; width: 142px; 
 min-width: 142px; position: absolute; bottom: 20px;}
.pulse {animation: pulse-animation 1.5s infinite;}
@keyframes pulse-animation {
  0% {
    box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.4);
  }
  100% {
    box-shadow: 0 0 0 15px rgba(0, 0, 0, 0);
  }
}
.pulse1 {animation: pulse-animation1 1.5s infinite;}
@keyframes pulse-animation1 {
  0% {
    box-shadow: 0 0 0 0px rgba(255, 255, 255, 0.5);
  }
  100% {
    box-shadow: 0 0 0 15px rgba(255, 255, 255, 0);
  }
}
.Procuretech {background: url(../images/member-bgimg.jpg) no-repeat; min-height: 500px; display: flex; background-size: cover; background: #fff;}
.Procuretech h1 {font-size: 32px; line-height: 38px;}
.Procuretech h1 tspan {font-size: 48px;}
.Procuretech .owl-dots {margin-top: 15px;}
.Procuretech .owl-dots .owl-dot span{background-color: rgba(0, 187, 49, 0.3);}
.Procuretech .owl-dot.active span {background: #00BB31 !important;}
.procure-digital-content {padding: 50px 0;}
.procure-digital-left h4 {margin-bottom: 15px;}
.logolist {padding: 0 0 0 5px;}
.logolist li{padding-top: 15px; margin: 0 6px; width: 205px;}
.brandmessage h1 {font-size: 36px; line-height: 45px;}

/**09-08-22**/
.benchmarking-right-part .tooltip-content1 .tooltiptext {left: 22%;}
.benchmarketing-section {margin-bottom: 25px;}
.benchmarketing-section h5 {font-family: 'Arbeit-Bold'; font-size: 16px; color: #3B3B3B; line-height: 32px;}
.solution-analyse {display: flex; align-items: center; position: relative;}
.solution-analyse-tab {display: block;  align-items: inherit;}
.solution-analyse span {font-size: 16px; color: #121420; white-space: nowrap;}
.solution-analyse ul {display: flex; align-items: center; flex-wrap: wrap; padding-left: 20px;}
.solution-analyse ul.nav-tabs {border-bottom: none;}
.solution-analyse li {list-style: none; margin-right: 15px;}
.solution-analyse li:last-child{margin-right: 0;}
.solution-analyse li .btn {min-width:150px !important; padding:7px 15px !important; border-color:#D2D2D2; font-family:'Arbeit-Regular' !important;
 font-size: 16px; color: #D2D2D2; margin-bottom: 7px}
.solution-analyse li.active .btn, .solution-analyse li .btn.active{ border-color: #00bb31; color: #121420;}
.solution-analyse li .btn.bold-txt{color: #121420;}
.solution-analyse li .btn.bold-txt:hover{color: #fff;}
.solution-analyse-list {margin: 25px 0 0; overflow-x: auto; display: flex; padding-bottom: 20px;}
.solution-analyse-list > ul {display: inline-block; vertical-align: top; min-width: 190px; width: 190px; padding: 0; margin: 0 -2px;}
.solution-analyse-list ul li {list-style: none; padding: 12px 12px; border-bottom: 1px solid #A2A2A2; position: relative; margin-bottom: 0;}
.solution-analyse-list ul li:first-child {padding: 18px 12px;}
.solution-analyse-list > ul li ul {padding: 0; margin: 0;}
.solution-analyse-list > ul li ul li, .solution-analyse-list > ul li ul li:first-child {margin: 0; padding-left: 0; padding-right: 0;}
.recommends-sort-list ul li h6 {min-width: auto; background-color: transparent; border: 1px solid #D2D2D2; border-radius: 30px; font-size: 14px;
 color: #121420; width: 100%; padding: 10px 5px !important; min-height: 50px; display: flex; align-items: center; justify-content: center;}
.solution-analyse-list .add-solutions p {font-family: 'Arbeit-Bold'; letter-spacing: 1px;}
.solution-analyse-list .vender-profile-img-box {background-color: #fff; border: 1px solid #A2A2A2; height: 110px; overflow: hidden;}
.solution-analyse-list > ul:first-child li {padding-left: 2px;}
.solution-analyse-list > ul:nth-child(2n+2) {background-color: rgba(18,20,32,0.05);}
.solution-analyse-list .vender-profile-img-text {top: 5px; left: 10px; color: #121420;}
.solution-analyse-list ul li .btn {min-width: auto; background-color: transparent; border: 1px solid #D2D2D2; font-size: 14px; color: #121420;
 width: 100%; padding: 10px 5px !important;}
.solution-list-text {min-height: 65px; display: flex; align-items: center; justify-content: space-between; font-size: 12px; color: #3B3B3B;}
.total-txt {position: absolute; top: 0; right: 30px; font-family: 'Arbeit-Bold'; font-size: 12px; color: #3B3B3B;}
.solution-list-text span {font-family: 'Arbeit-Regular'; font-size: 12px; color: #3B3B3B; line-height: 12px; width: 60px;}
.solution-list-text strong {font-family: 'Arbeit-Regular'; font-weight: 600; font-size: 16px; color: #00BB31; margin-right: 10px;}
.solution-ranking {display: block; padding: 6.7px 0 0;}
.solution-list-text .ranking-star {margin: 0 2px;}
.solution-list-text .ranking-star i {color: #c5c5c6; font-size: 18px;}
.ranking-text {font-size: 10px; color: #A2A2A2; line-height: 16px; padding: 6.5px 0 0;}
.solution-analyse-list .inner-box img {padding-top: 15px;}
.solution-analyse-list ul li:last-child{ border-color: #00BB31;}
.recommends-sort {margin-bottom: 20px;}
.recommends-sort ul.refresh-btn {position: absolute; right: 0; padding: 0; margin: 0;}
.recommends-sort .refresh-btn li .btn {min-width: 110px !important;}
.recommends-sort-list ul li{border: none;}
.recommends-sort-list ul li:first-child {padding: 18px 12px 10px;}
.recommends-sort-list ul:first-child li {padding-left: 2px;}
.recommends-sort-list .solution-list-text {min-height: 200px;}
.recommends-sort-list .inner-box img {padding-top: 0px; max-width: 100%;}
.icon-left-bottom {position: absolute; left: 7px; bottom: 5px; display: flex; align-items: center; width: 50px; text-align: left;}
.icon-left-bottom span {font-size: 6px; color: #A2A2A2; line-height: 8px; padding-left: 4px;}
.recommends-sort-list .icon-bottom {position: absolute; right: 10px; bottom: 5px;}
.recommends-sort-list .solution-ranking {padding: 10px 0 0; min-height: auto !important;}
.recommends-sort-list .total-txt {position: absolute; top: auto; bottom: 70px; left: 0; right: 0; display: flex; justify-content: center;}
.recommends-sort-list .solution-list-text {min-height: 156px; align-items: end;}
.recommends-sort-list .solution-list-text span {line-height: 16px;}
.review-score {display: flex; align-items: center; justify-content: space-between; width: 100%;}
.Capabilitylist li {min-width: 180px; padding: 7px 7px; border: 1px solid #D2D2D2; border-radius: 30px; font-family: 'Arbeit-Regular';
 font-size: 15px; color: #666; margin-bottom: 7px; text-align: center;}

.leftMenu-icon {margin-right: 20px; width: 50px; text-align: center; display: inline-block;}
.com-wp {margin-top: 20px; border-top: 1px solid #CBCBCB; padding: 30px 15px;}
.com-wp .nav_copy {margin-top: 0 !important; width: auto !important; display: block;}
.bottomnavheading {font-family: 'Arbeit-Regular'; font-size: 18px; color: #121420; margin-bottom: 10px;}
.com-wp .nav__list {border-radius: 7px !important;}
.com-wp .nav__link{color: #00BB31 !important;}
.com-wp .nav__item a:hover:after{background: none;}
.com-wp .nav__list a.nav__link.active-link, .com-wp .nav__list a.nav__link.active-link2 {color: #fff !important;}
/**09-08-22**/

/**01-09-22**/
#memershipalertpoppup .modal-body {text-align: center;}
#memershipalertpoppup .modal-body p {padding: 25px 0;}
#memershipalertpoppup .modal-body .btn {width: 200px; margin: auto; height: 46px; display: flex; align-items: center; justify-content: center;
 color: #fff !important;}
#memershipalertpoppup .modal-body .btn:hover{ color: #000 !important;} 

.recommend-solution-list .move_shortlist_warp {display: flex; margin-bottom: 10px;}
.select2-container--default .select2-selection--multiple .select2-selection__choice {padding: 0 5px 1px !important;}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {margin-top: 0px !important;}
.select2-container--default.select2-container--disabled .select2-selection--multiple {background-color:transparent !important;}

/**table.dataTable thead .sorting_asc {background: url(../images/arrow-up-down.svg) no-repeat; background-position: 74% center;}
table.dataTable thead .sorting_desc{background: url(../images/arrow-up-down.svg) no-repeat; background-position: 74% center;}**/
.page-template-business_solutions .current-solution th.arrowup{position: relative;}
.page-template-business_solutions .current-solution th.arrowup:after{background: url(../images/arrow-up-down.svg) no-repeat; position: absolute; 
 content: ''; right: 0px; top: 18px; height: 9px; width: 5px;}

.key-facts td {padding-left: 0; font-family: 'Arbeit-Light'; font-size: 12px; color: #121420; width: 33%;}
.key-facts td > span {font-family: 'Arbeit-SemiBold'; font-size: 16px; line-height: 21px; text-transform: uppercase; margin-top: 5px;}
.key-facts .starlist ul {width: 125px;}
.key-facts .starlist ul li:last-child {display: block;}
.key-facts .starlist ul li span {font-family: 'Arbeit-Regular'; font-size: 10px; color: #A2A2A2 !important;}
.key-facts td:last-child {text-align: center;}

.current-solution th {font-family: 'Arbeit-Light'; font-size: 12px; color: #121420; font-weight: lighter;}
.current-solution td{vertical-align: middle;}
.current-solution td .removesolutionCurr {background-color: #00BB31; border-color: #00BB31; border-radius: 50px; height: 40px; width: 110px;
 color: #121420; float: right;}
.current-solution td .removesolutionCurr:hover {background-color: transparent;}
.current-solution td .noteditable{background-color: #A2A2A2; border-color: #A2A2A2; border-radius: 50px; height: 40px; width: 110px;
 color: #121420;}
.current-solution td .noteditable:hover {background-color: transparent;}
.page-template-business_solutions .current-solution td .cross-icon {background-color: #000; border: 1px solid #000; border-radius: 50%;
 color: #fff; height: 23px; width: 23px;}
.page-template-business_solutions .current-solution td {vertical-align: top;}
.custom-control-input:disabled~.custom-control-label::before {background-color: transparent;}
.custom-control-input:disabled:checked~.custom-control-label::before {background-color: #A2A2A2 !important;}
.control-group .remove {padding-top: 0; display: flex; align-items: center;}
.tooltip-content1 .tooltiptext.btn-tootltip {top: 30px; left: 50%;}
.manage-team td:first-child {padding-left: 0;}
.manage-team td p{margin-bottom: 0;}
.solution-analyse-tab .solution-analyse span {width: 150px;}
.solution-analyse ul.Capabilitylist {overflow-x: auto; flex-wrap: unset; width: 85%;}
.recommends-sort .company-refresh-btn li .btn{border-color: #D2D2D2 !important; color: #D2D2D2;}
.recommends-sort .company-refresh-btn li .btn:hover{ background-color: transparent !important; color: #D2D2D2 !important;}

.modal .passwordshow {display: block; position: relative;}
.modal .field_icon {position: absolute; top: 0; bottom: 0; display: flex !important; align-items: center;}
.page-template-my-profile .custom-file-upload{margin-bottom: 0px;}
.page-template-my-profile .custom-file-upload:after {border-radius: 30px;}
.page-template-my-profile .custom-file-upload i {padding-top: 28px;}
.page-template-resourcesPanel .tooltip-content1 {overflow: inherit;}
.page-template-resourcesPanel .tooltip-content1:hover {background-color: transparent !important;}

.error-text {color: red;}
.my-profile .form-control {margin-bottom: 0 !important;}
.product-desc table td {white-space: nowrap; width: 180px;}
.account-menu {position: fixed; width: 16%; z-index: 1; max-height: -webkit-fill-available; overflow: auto;}
footer {position: relative; z-index: 1;}
.height100 {height: 100vh;}
.page-template-my-company header, .page-template-my-company .fixed-top {position: fixed;}
.page-template-my-company .dashboardsection {padding-top: 90px;}

.video-content {text-align: center;}
.video-content video {height: auto !important; width: 70% !important;}

.Note-text {color: #121420; font-size: 14px; line-height: 20px; font-family: Arbeit-Light; padding: 5px 0px 0px 5px;}

.echosystembox:hover, .echosystembox1:hover, .echosystembox2:hover, .echosystembox3:hover {background-color: #00bb31;}

/**16-11-22**/
.bannersection2 {background: #121420 url(../images/banner-bg100.png) right 100px no-repeat !important; background-attachment: fixed !important;}
.ptbgsection {background: url(../images/PT_Heroline_02.png) left center no-repeat; background-attachment: fixed;}
.pt100-companies {padding: 42px 0;}
.partnerlist-content {background: #121420 url(../images/company-bg100.png) no-repeat; background-attachment: fixed; background-position: left top;}
.logo-text p {font-family: 'Arbeit-SemiBold'; color: #fff; font-size: 12px; line-height: 16px; font-weight: 600;}
.procure-yearbook .procure-digital-right {align-items: center; justify-content: space-between; padding-left: 50px;}
.clientbox ul li {background: #fff url(../images/PT_Heroline_22.png) 70px -170px no-repeat; background-size: 300px;}
.processsection-bg {background: url(../images/process-bg.png) right center no-repeat; background-attachment: fixed;}
.procure-21 h4 {font-family: Arbeit-Regular; margin-bottom: 0;}
.procure-21 .procure-digital-right{align-items: center; margin-top: 0;}
.procure-21 .procure-digital-right .btn {margin-right: 25px;}
.procure-21 .procure-digital-right .btn:last-child {margin-right: 0;}
.procure-21 .procure-digital-right .btn.rounded-pill {border-radius: 40px !important;}
.procuretech-newdigital {padding: 80px 0 60px;}
.procuretech-newdigital h4 {margin-bottom: 25px;}
.procuretech-newdigital p {font-size: 24px; line-height: 26px; margin-bottom: 25px; max-width: 90%;}
.procuretech-newdigital p strong {font-family: Arbeit-Regular; font-weight: 400;}
.procuretech-newdigital .btn:hover{color: #000;}
.selection-process-box ul li > div {justify-content: inherit !important;}
.selection-process-box h5 {font-family: 'Arbeit-Regular'; font-size: 20px; line-height: 20px; min-height: 62px; margin: 12px 0 20px;}

/*company-popup*/
#partnerpopup .modal-dialog {max-width: 1000px; margin-top: 50px;}
.partner-content {background: none !important;}
.modal-open #partnerpopup.modal {background-color: rgba(18,20,32,0.4);}
#partnerpopup .modal-content {background: #000 url(../images/popup-herobg.png) -10% 45% no-repeat; border-radius: 50px;}
#partnerpopup .cmodal span {background-color: transparent;}
.partner-content h5 {font-family: Arbeit-Bold; font-size: 24px; color: #fff; line-height: 24px;}
.partner-content #clientsliderwrap {margin-top: 30px;}
.partner-content .logolist li {width: 94%; margin: 0; padding: 0;}
#partnerpopup .partnerlist-content .owl-carousel {display: block;}
.partner-content .owl-nav {display: block !important; position: absolute; top: 40%; width: 100%;}
.partner-content .owl-nav .owl-prev {position: absolute; left: -25px;}
.partner-content .owl-nav .owl-next {position: absolute; right: -20px;}
.partner-content .owl-nav i {color: #fff; font-size: 30px;}
/**CSS**/


/**Media**/
@media only screen and (max-width:1400px){
.brandmessage h1 {font-size: 30px; line-height: 42px;}

.benchmarking-right-part .tooltip-content1 .tooltiptext {left: 26%;}

.leftMenu-icon {margin-right: 12px; width: 45px;}
.com-wp .nav_copy .nav__link {font-size: 15px;}
}

@media only screen and (max-width:1280px){
.pr-box {padding: 25px 15px; margin: 22px 12px !important;}

.benchmarking-right-part .tooltip-content1 .tooltiptext {left: 28%;}
.solution-analyse li .btn {min-width: 130px !important;}

.leftMenu-icon {margin-right: 10px; width: 40px;}
.account-menu {width: 17%;}
}

@media only screen and (max-width:1199px){
.selection-process-box ul li {padding: 40px 20px 25px; margin: 10px 7px; width: 215px;}

.benchmarking-right-part .tooltip-content1 .tooltiptext {left: 32%;}
.benchmarking-right-part .prbox {margin: 1.5rem 12px !important;}
.solution-analyse li .btn {min-width: 120px !important;}
.recommends-sort {display: block;}
.solution-analyse span {display: inline-block;}
.solution-analyse ul {display: inline-flex; padding-left: 10px;}

.right-width .mx-lg-5 {margin: 0 1rem !important;}
.account-menu {width: 25%;}

/**16-11-22**/
.procuretech-newdigital p {font-size: 23px; line-height: 25px; margin-bottom: 20px; max-width: 100%;}
#partnerpopup .modal-dialog {max-width: 98%;}
#partnerpopup .modal-content {padding: 20px 12px;}
.partner-content h5 {font-size: 22px;}
}

@media only screen and (max-width:991px){
.selection-process-box ul li {margin: 10px 22px 15px 0; width: 48%;}
.selection-process-box ul li:nth-child(2n+2) {margin-right: 0;}
.brandmessage h1 {line-height: 35px;}

.benchmarking-right-part .prbox {margin: 0px 0px !important;}
.solution-analyse ul {padding-left: 0px;}
.solution-analyse li .btn {min-width: 120px !important; font-size: 14px;}
.recommends-sort .refresh-btn li .btn {min-width: 100px !important;}
.solution-list-text strong {font-size: 14px; margin-right: 5px;}
.solution-analyse span {font-size: 14px;}
.solution-analyse-list > ul {min-width: 160px; width: 160px;}
.solution-analyse-list ul li {padding: 12px 10px;}
.solution-analyse-list ul li:first-child {padding: 18px 10px;}
.solution-analyse-list ul li .btn {font-size: 12px; padding: 10px 2px !important;}
.Capabilitylist li {font-size: 14px;}

.right-width .mx-lg-5 {margin: 0 0rem !important;}

.solution-analyse ul.Capabilitylist {width: 75%; padding-left: 3px;}
.Capabilitylist li {min-width: 150px;}
.account-menu {position: unset; width: 100%;}
.video-content video {width: 100% !important;}

/**16-11-22**/
.bannersection2 {background: #121420 url(../images/banner-bg100.png) right 70px no-repeat !important; background-attachment: fixed !important;}
.procure-yearbook .procure-digital-right {justify-content: space-around; padding-left: 0;}
.procure-21 .procure-digital-left {text-align: center;}
.procure-21 h4 br {display: none;}
.procure-21 .procure-digital-right {margin-top: 15px;}
.selection-process-box h5 {min-height: 42px; margin: 12px 0 15px;}
}

@media only screen and (max-width:767px){
.processsection h5 br{display: none;}
.Procuretech .d-flex{padding-left: 0 !important;}
.Procuretech img {margin-right: auto !important;}
.logolist li {width: 31%;}
.logobox {margin-bottom: 5px;}
.sellingsection-box {margin-bottom: 20px;}
.sellingsection h2 {font-size: 25px !important; margin-bottom: 20px !important;}
.processsection h5 {font-size: 18px !important; margin-left: 0 !important;}
.brandmessage h1 {line-height: 30px; padding: 0 15px;}
.brandmessage .media {display: block;}
.brandmessage .media img{margin-left: 0 !important;}

.benchmarking-right-part .tooltip-content1 .tooltiptext {left: 34%;}
.solution-analyse li {margin-right: 8px;}
.solution-analyse li .btn {min-width: 105px !important; font-size: 13px;}
.solution-analyse-list > ul {min-width: 170px; width: 170px;}
.solution-list-text strong {font-size: 13px; margin-right: 2px;}
.solution-list-text .ranking-star {margin: 0 1px;}
.solution-list-text .ranking-star i {font-size: 16px;}
.ranking-text {padding: 7.1px 0 0;}
.recommends-sort ul.refresh-btn {position: inherit;}
.Capabilitylist li {font-size: 13px; padding: 7px 4px; min-width: 165px;}
.recommends-sort-list ul li h6 {font-size: 12px;}

.product-desc table td {width: 150px;}

/**16-11-22**/
.procuretech-newdigital {padding: 35px 0;}
.procuretech-newdigital p {font-size: 18px; line-height: 22px;}
.procuretech-newdigital h4 br{display: none;}
.partner-content h5 {font-size: 20px;}
#partnerpopup .modal-dialog {margin-top: 30px;}
.partner-content #clientsliderwrap {margin-top: 12px;}
.partner-content .owl-nav {top: 30%;}
.partner-content .logolist li {margin: 0 4px; padding: 7px 0 0;}
.partner-content .owl-nav .owl-prev {left: -15px;}
.partner-content .owl-nav .owl-next {right: -15px;}
.partner-content .owl-nav i {font-size: 25px;}
}

@media only screen and (max-width:567px){
.selection-process-box ul li {margin: 10px 0px 15px; width: 100%; height: auto;}
.Procuretech {padding-top: 0 !important;}
.Procuretech .d-flex {padding-left: 0 !important;}
.Procuretech #owl-demo4 h1 {margin: 0 0px 20px !important; padding: 0 24px;}
#owl-demo4 h1 svg {margin-top: -28px!important; margin-left: 5px !important;}
#owl-demo4 h1 svg:first-child {margin-top: -32px !important; margin-left: -20px !important;}
#owl-demo4 .d-flex {padding-left: 0px!important;}
.logolist {padding: 0;}
.logolist li {width: 46%; margin: 0 5px}
.logolist li:nth-child(2n+2) {margin-right: 5px;}
.brandmessage h1 {padding: 0 5px;}
.brandmessage h1 svg:first-child {margin-left: -20px !important; margin-top: -28px!important;}

.benchmarking-right-part .tooltip-content1 .tooltiptext {left: 27%;}
.solution-analyse {display: block; align-items: inherit;}
.solution-analyse span {margin-bottom: 7px; display: block;}
.solution-analyse ul { margin: 0; display: flex;}
.solution-analyse-list > ul {min-width: 155px; width: 155px;}
.recommends-sort-list .inner-box img {max-width: 100%;}
.solution-analyse li {width: 48%;}
.solution-analyse li:nth-child(2n+2){margin-right: 0;}
.ranking-text {padding: 7.3px 0 0;}
.solution-analyse li .btn {width: 100%; padding: 6px 7px !important;}

/**01-09-22**/
#memershipalertpoppup .modal-body {padding: 1rem 0;}
#memershipalertpoppup .modal-body .btn {width: 100%;}

.key-facts td {width: auto;}
.key-facts td > span {font-size: 14px}
.solution-analyse ul.Capabilitylist {width: 100%; padding-left: 0;}
.Capabilitylist li {min-width: 149px;}

.product-desc table td {width: 120px; font-size: 15px;}
.product-desc table th {font-size: 15px;}

/**16-11-22**/
.bannersection2 {background-size: 100% !important;}
#partnerpopup .modal-content {padding: 20px 0px;}
.partner-content h5 {font-size: 18px; line-height: 22px;}
.procure-21 .procure-digital-right .btn {margin-right: 0; width: 100%;}
.selection-process-box h5 {min-height: inherit;}
}
/**14-06-22**/