/*
Theme Name: 
Theme URI: 
Author: 
Author URI: 
Description: Bausins is a business website template
Version: 1.0.0
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------

# Typography
# Normalize
# Accessibility
# Globals
# Alignments
# Clearings
# Posts and pages
# Captions
# Galleries
# Unit test
# guterberg
# Gutenberg	Default Style
# Block Color Palette Colors
# Sections
## Breadcrumb
## Comments
## Widgets
## Nav Bar
## Info Bar
## Header
# Elements
## Back Top
## Preloader
## Search Popup
## Video Popup
## Button
## Section Title

--------------------------------------------------------------*/
/*-----------------
# Typography
-----------------*/
@import url(https://fonts.googleapis.com/css2?family=Roboto:ital,wght@400;500;600;900&display=swap);
/*@import url("https://fonts.googleapis.com/css2?family=Raleway:wght@400;500;600;700;800;900&display=swap" rel="stylesheet");*/
@import url('https://fonts.googleapis.com/css2?family=Raleway:wght@300;400;500;600;700;800;900&display=swap');
/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/
:root {
--main-color-one: #15c0e8;
--heading-color: #263534;
--paragraph-color: #666;
--bg-color: #1e2a29;
--hover-color: #039dc0;
--white: #fff;
--red: #f95759;
--body-font: 'Poppins', sans-serif;
--heading-font: 'Poppins', sans-serif;}

html {
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
overflow-x: hidden;
font-family: var(--body-font); }

* {
-webkit-box-sizing: border-box;
box-sizing: border-box;
outline: none;
-moz-osx-font-smoothing: grayscale;
/* Firefox */
-webkit-font-smoothing: antialiased;
/* WebKit  */ }

body {
margin: 0;
color: var(--paragraph-color);
font-family: 'Poppins', sans-serif;
overflow-x: hidden;
background-color: #000;
background-image: url(../../assets/img/SrroundLoginPage.png);
background-repeat: repeat;
background-size: 50%;

}

h1 {
font-size: 60px;
line-height: 70px;
font-weight: 700; }

h2 {
font-size: 45px;
line-height: 55px;
font-weight: 700; }

h3 {
font-size: 35px;
line-height: 45px;
font-weight: 600; }

h4 {
font-size: 26px;
line-height: 36px;
font-weight: 600; }

h5 {
font-size: 20px;
line-height: 30px;
font-weight: 600; }

h6 {
font-size: 15px;
line-height: 25px;
font-weight: 600; }

h1,
h2,
h3,
h4,
h5,
h6 {
color: var(--heading-color);
/*font-family: var(--heading-font);*/
font-family: 'Poppins', sans-serif;
margin-bottom: 10px;
line-height: 1.4; }

p,
li {
color: var(--paragraph-color);
-webkit-hyphens: inherit;
-moz-hyphens:inherit;
-ms-hyphens: inherit;
hyphens: inherit;
margin-bottom: 10px;
font-size: 15px;
line-height: 25px;
font-weight: 400;
font-family: 'Poppins', sans-serif; }

a {
color: inherit;
text-decoration: none;
color: var(--paragraph-color); }

a,
a:hover,
a:focus,
a:active {
text-decoration: none;
outline: none;
color: inherit; }

dl,
ol,
ul {
margin-bottom: 0; }

pre {
word-break: break-word; }

a i {
padding: 0 2px; }

img {
max-width: 100%; }

ol {
counter-reset: counter;
padding-left: 0; }

ol li {
list-style: none;
margin-bottom: 1rem; }

ol li:before {
counter-increment: counter;
content: counter(counter);
font-weight: 500;
margin-right: 10px; }

.border-left-top {
border-radius: 50px 0 0 0; }

.border-left-top-35 {
border-radius: 70px 0 0 0; }

.border-left-bottom {
border-radius: 0 0 0 50px; }

.border-left-bottom-35 {
border-radius: 0 0 0 70px; }

.border-right-top {
border-radius: 0 50px 0 0; }

.border-right-top-30 {
border-radius: 0 60px 0 0; }

.border-right-top-35 {
border-radius: 0 70px 0 0; }

.border-right-bottom {
border-radius: 0 0 50px 0; }

.border-right-bottom-35 {
border-radius: 0 070px 0; }

.container-fluid {
max-width: 1680px; }

/*input and button type focus outline disable*/
input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="number"]:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus,
input:focus,
textarea:focus,
select:focus {
outline: 1px solid var(--hover-color);
-webkit-box-shadow: none;
box-shadow: none; }
body, p, span {
   font-family: 'Poppins', sans-serif !important;
}
button:focus {
outline: none; }

code {
color: #faa603; }

.dark-bg {
background-color: #111d5c; }

.section-bg-1 {
background-color: #f4f7fc; }

.check-list {
margin: 0;
padding: 0;
list-style: none; }
.check-list li {
display: block;
padding-left: 20px;
position: relative;
z-index: 0; }
.check-list li:after {
position: absolute;
left: 0;
top: 0;
font-family: "fontawesome";
content: "\f105";
color: var(--main-color-one); }

.nav-container {
margin: auto;
max-width: 1680px;
padding-right: 15px;
padding-left: 15px; }
.content-container {
margin: auto;
max-width: 1680px;
padding-right: 15px;
padding-left: 15px; }

.srroudlogo{width: 43%; padding:15% 0 2% 0}

.homesilebg1{background: url(../../assets/img/home-slider-left.jpg) no-repeat;
background-size: cover;
width: 100%;
height: 500px;
background-position: right top;}
.homesilebgr2{background: url(../../assets/img/home-slider-right.jpg) no-repeat;
background-size: cover;
width: 100%;
height: 500px;
background-position: right top;
display: flex;
align-items: start;
justify-content: center;}

.homesidebox{position: absolute; width: 100%;  top: 2%; padding: 2rem; overflow: hidden;}

.home-slider-2 h5{
font-style: normal;
font-weight: 600;
font-size: 28px;
line-height: 38px;
background: -webkit-linear-gradient(#f58220, #fab61d);
background-clip: text;
-o-background-clip: text;
-moz-background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
margin-bottom: 30px;}

.home-slider-2 p{font-style: normal;
font-weight: 300;
font-size: 21px;
line-height: 36px;
color: #fff;font-family: 'Poppins', sans-serif;}

.homeslidebelo p {
font-family: 'Poppins', sans-serif;
font-style: normal;
font-weight: 500;
font-size: 24px; padding-top:6%;
line-height: 40px;
text-align: center;
color: #e7873c;
    width: 72%;
    margin-left: auto;
    margin-right: auto;
}
.homeslidebelo_2 p {
font-style: normal;
font-weight: normal;
font-size: 22px; padding:2% 0px 8% 0px;
line-height: 37px;
text-align: center;
color: #999999;
    width: 69%;
    margin-left: auto;
    margin-right: auto;font-family: 'Poppins', sans-serif !important;
}

.team-item.mtb-0{margin:0px; margin-bottom:-8px;}

/*.team-slider{border-top:5px solid rgba(255, 255, 255, 0.5); border-bottom:5px solid rgba(255, 255, 255, 0.5);}*/

.bg7 {background-image: url(../../assets/img/experience.dfcaaa14.jpg);}
.fixed-bg {position: absolute; top: 0; left: 0; width: 100%; height: 100%;
background-repeat: no-repeat; background-size: cover; z-index: -1;}

.bg6 {background-image: url(../../assets/img/discover-bg.b2bc716a.png);}
.fixed-bg {position: absolute; top: 0; left: 0; width: 100%; height: 100%;
background-repeat: no-repeat; background-size: cover; z-index: -1;}

.bg6:before{content:" "; background:rgba(14, 17, 32, 0.9); width:100%; height:100%;  position:absolute;}

.site-main .comment-navigation,
.site-main .posts-navigation,
.site-main .post-navigation {
clear: both; }

.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
float: left;
width: 50%; }

.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
float: right;
text-align: right;
width: 50%; }

.comment-navigation .nav-previous > a,
.posts-navigation .nav-previous > a,
.post-navigation .nav-previous > a,
.comment-navigation .nav-next > a,
.posts-navigation .nav-next > a,
.post-navigation .nav-next > a {
-webkit-transition: 0.3s ease-in;
-o-transition: 0.3s ease-in;
transition: 0.3s ease-in; }

.comment-navigation .nav-previous:hover > a,
.posts-navigation .nav-previous:hover > a,
.post-navigation .nav-previous:hover > a,
.comment-navigation .nav-next:hover > a,
.posts-navigation .nav-next:hover > a,
.post-navigation .nav-next:hover > a {
color: var(--main-color-one); }

.mfp-bg {
background: #0b0b0bd9; }

.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
right: -30px;
font-size: 35px; }

/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers. */
.screen-reader-text {
border: 0;
clip: rect(1px, 1px, 1px, 1px);
-webkit-clip-path: inset(50%);
clip-path: inset(50%);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute !important;
width: 1px;
word-wrap: normal !important;
/* Many screen reader and browser combinations announce broken words as they would appear visually. */ }

.screen-reader-text:focus {
background-color: #f1f1f1;
border-radius: 3px;
-webkit-box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
clip: auto !important;
-webkit-clip-path: none;
clip-path: none;
color: #21759b;
display: block;
font-size: 14px;
font-size: 0.875rem;
font-weight: bold;
height: auto;
left: 5px;
line-height: normal;
padding: 15px 23px 14px;
text-decoration: none;
top: 5px;
width: auto;
z-index: 100000;
/* Above WP toolbar. */ }

/* Do not show the outline on the skip link target. */
#content[tabindex="-1"]:focus {
outline: 0; }

/*--------------------------------------------------------------
# Globals
--------------------------------------------------------------*/
.padding-left-0 {
padding-left: 0; }

.padding-right-0 {
padding-left: 0; }

.gray-bg {
background-color: #f8f8f8; }

.padding-top-5 {
padding-top: 5px; }

.padding-top-10 {
padding-top: 10px; }

.padding-top-15 {
padding-top: 15px; }

.padding-top-20 {
padding-top: 20px; }

.padding-top-25 {
padding-top: 25px; }

.padding-top-30 {
padding-top: 30px; }

.padding-top-40 {
padding-top: 40px; }

.padding-top-45 {
padding-top: 45px; }

.padding-top-50 {
padding-top: 50px; }

.padding-top-60 {
padding-top: 60px; }

.padding-top-65 {
padding-top: 65px; }

.padding-top-70 {
padding-top: 70px; }

.padding-top-75 {
padding-top: 75px; }

.padding-top-80 {
padding-top: 80px; }

.padding-top-85 {
padding-top: 85px; }

.padding-top-90 {
padding-top: 90px; }

.padding-top-95 {
padding-top: 95px; }

.padding-top-100 {
padding-top: 100px; }

.padding-top-105 {
padding-top: 105px; }

.padding-top-110 {
padding-top: 110px; }

.padding-top-112 {
padding-top: 112px; }

.padding-top-115 {
padding-top: 115px; }

.padding-top-118 {
padding-top: 118px; }

.padding-top-120 {
padding-top: 120px; }

.padding-top-122 {
padding-top: 122px; }

.padding-top-125 {
padding-top: 125px; }

.padding-top-130 {
padding-top: 130px; }

.padding-top-140 {
padding-top: 140px; }

.padding-top-150 {
padding-top: 150px; }

.padding-bottom-10 {
padding-bottom: 10px; }

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

.padding-bottom-20 {
padding-bottom: 20px; }

.padding-bottom-25 {
padding-bottom: 25px; }

.padding-bottom-35 {
padding-bottom: 35px; }

.padding-bottom-30 {
padding-bottom: 30px; }

.padding-bottom-40 {
padding-bottom: 40px; }

.padding-bottom-45 {
padding-bottom: 45px; }

.padding-bottom-50 {
padding-bottom: 50px; }

.padding-bottom-55 {
padding-bottom: 55px; }

.padding-bottom-60 {
padding-bottom: 60px; }

.padding-bottom-65 {
padding-bottom: 65px; }

.padding-bottom-70 {
padding-bottom: 70px; }

.padding-bottom-75 {
padding-bottom: 75px; }

.padding-bottom-80 {
padding-bottom: 80px; }

.padding-bottom-85 {
padding-bottom: 85px; }

.padding-bottom-90 {
padding-bottom: 90px; }

.padding-bottom-95 {
padding-bottom: 95px; }

.padding-bottom-100 {
padding-bottom: 100px; }

.padding-bottom-110 {
padding-bottom: 110px; }

.padding-bottom-105 {
padding-bottom: 105px; }

.padding-bottom-115 {
padding-bottom: 115px; }

.padding-bottom-120 {
padding-bottom: 120px; }

.padding-bottom-125 {
padding-bottom: 125px; }

.padding-bottom-130 {
padding-bottom: 130px; }

.padding-bottom-135 {
padding-bottom: 135px; }

.padding-bottom-140 {
padding-bottom: 140px; }

.padding-bottom-150 {
padding-bottom: 150px; }

.padding-bottom-160 {
padding-bottom: 160px; }

.padding-bottom-170 {
padding-bottom: 170px; }

.padding-bottom-180 {
padding-bottom: 180px; }

.padding-120 {
padding-top: 120px;
padding-bottom: 120px; }

.padding-110 {
padding-top: 110px;
padding-bottom: 110px; }

.padding-100 {
padding-top: 100px;
padding-bottom: 100px; }

.padding-20 {
padding-top: 20px;
padding-bottom: 20px; }

.padding-30 {
padding-top: 30px;
padding-bottom: 30px; }

.padding-40 {
padding-top: 40px;
padding-bottom: 40px; }

.padding-50 {
padding-top: 50px;
padding-bottom: 50px; }

.padding-60 {
padding-top: 60px;
padding-bottom: 60px; }

.padding-70 {
padding-top: 70px;
padding-bottom: 70px; }

.padding-80 {
padding-top: 80px;
padding-bottom: 80px; }

.padding-90 {
padding-top: 90px;
padding-bottom: 90px; }

.padding-10 {
padding-top: 10px;
padding-bottom: 10px; }

.padding-0 {
padding: 0; }

.margin-0 {
margin: 0; }

.margin-60 {
margin-top: 60px;
margin-bottom: 60px; }

.margin-top-10 {
margin-top: 10px; }

.margin-top-20 {
margin-top: 20px; }

.margin-top-25 {
margin-top: 25px; }

.margin-top-30 {
margin-top: 30px; }

.margin-top-40 {
margin-top: 40px; }

.margin-top-50 {
margin-top: 50px; }

.margin-top-55 {
margin-top: 55px; }

.margin-top-60 {
margin-top: 60px; }

.margin-top-70 {
margin-top: 70px; }

.margin-top-80 {
margin-top: 80px; }

.margin-top-85 {
margin-top: 85px; }

.margin-top-90 {
margin-top: 90px; }

.margin-top-100 {
margin-top: 100px; }

.margin-top-120 {
margin-top: 120px; }

.margin-top-125 {
margin-top: 125px; }

.margin-top-130 {
margin-top: 130px; }

.margin-top-140 {
margin-top: 140px; }

.margin-top-150 {
margin-top: 150px; }

.margin-bottom-0 {
margin-bottom: 0px !important; }

.margin-bottom-10 {
margin-bottom: 10px; }

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

.margin-bottom-20 {
margin-bottom: 20px; }

.margin-bottom-25 {
margin-bottom: 25px; }

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

.margin-bottom-35 {
margin-bottom: 35px; }

.margin-bottom-40 {
margin-bottom: 40px; }

.margin-bottom-45 {
margin-bottom: 45px; }

.margin-bottom-50 {
margin-bottom: 50px; }

.margin-bottom-55 {
margin-bottom: 55px; }

.margin-bottom-60 {
margin-bottom: 60px; }

.margin-bottom-70 {
margin-bottom: 70px; }

.margin-bottom-80 {
margin-bottom: 80px; }

.margin-bottom-90 {
margin-bottom: 90px; }

.margin-bottom-100 {
margin-bottom: 100px; }

.margin-bottom-120 {
margin-bottom: 120px; }

.margin-bottom-125 {
margin-bottom: 125px; }

.margin-bottom-150 {
margin-bottom: 180px; }

.min-height-600 {
min-height: 600px; }

/*--------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/
.alignleft {
float: left;
clear: both;
margin-right: 20px; }

.alignright {
float: right;
clear: both;
margin-left: 20px; }

.aligncenter {
clear: both;
display: block;
margin: 0 auto 1.75em; }

.alignfull {
margin: 1.5em 0;
max-width: 100%; }

.alignwide {
max-width: 1100px; }

/*--------------------------------------------------------------
# Clearings
--------------------------------------------------------------*/
.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
content: "";
display: table;
table-layout: fixed; }

.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
clear: both; }

/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/
.sticky {
display: block; }

.updated:not(.published) {
display: none; }

.blog-pagination ul li {
display: inline-block; }

.blog-pagination ul li + li {
margin: 0 5px; }

.blog-pagination {
display: block;
width: 100%; }

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

.blog-pagination ul li a,
.blog-pagination ul li span {
display: block;
width: 40px;
height: 40px;
border: 1px solid #e2e2e2;
line-height: 40px;
text-align: center;
font-weight: 600;
-webkit-transition: 0.3s ease-in;
-o-transition: 0.3s ease-in;
transition: 0.3s ease-in; }

.blog-pagination ul li span.current,
.blog-pagination ul li a:hover {
background-color: var(--main-color-one);
color: var(--white); }

/*--------------------------------------------------------------
# Media
--------------------------------------------------------------*/
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
border: none;
margin-bottom: 0;
margin-top: 0;
padding: 0; }

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
max-width: 100%; }

/* Make sure logo link wraps around logo image. */
.custom-logo-link {
display: inline-block; }

.logo-wrapper{max-width: 100px;}
/*--------------------------------------------------------------
## Captions
--------------------------------------------------------------*/
.wp-caption {
margin-bottom: 1.5em;
max-width: 100%;
clear: both; }

.wp-caption img[class*="wp-image-"] {
display: block;
margin-left: auto;
margin-right: auto; }

.wp-caption .wp-caption-text {
margin: 0.8075em 0; }

.wp-caption-text {
text-align: center; }

/*--------------------------------------------------------------
## Galleries
--------------------------------------------------------------*/
.gallery {
margin-bottom: 1.5em; }

.gallery-item {
display: inline-block;
text-align: center;
vertical-align: top;
width: 100%; }

.gallery-columns-2 .gallery-item {
max-width: 50%; }

.gallery-columns-3 .gallery-item {
max-width: 33.33%; }

.gallery-columns-4 .gallery-item {
max-width: 25%; }

.gallery-columns-5 .gallery-item {
max-width: 20%; }

.gallery-columns-6 .gallery-item {
max-width: 16.66%; }

.gallery-columns-7 .gallery-item {
max-width: 14.28%; }

.gallery-columns-8 .gallery-item {
max-width: 12.5%; }

.gallery-columns-9 .gallery-item {
max-width: 11.11%; }

.gallery-caption {
display: block; }

/*----------------------------------------
# Unit test
------------------------------------------*/
.wp-link-pages a {
margin: 0 5px;
-webkit-transition: 0.3s ease-in;
-o-transition: 0.3s ease-in;
transition: 0.3s ease-in; }

.wp-link-pages {
margin-bottom: 30px;
margin-top: 25px; }

.wp-link-pages span,
.wp-link-pages a {
border: 1px solid #e2e2e2;
padding: 5px 15px;
display: inline-block; }

.wp-link-pages .current,
.wp-link-pages a:hover {
background-color: var(--main-color-one);
color: var(--white);
border-color: var(--main-color-one); }

.wp-link-pages span:first-child {
margin-right: 5px; }

dl,
ol,
ul {
padding-left: 15px; }

.post-password-form input {
display: block;
border: 1px solid #e2e2e2;
height: 50px;
border-radius: 3px;
padding: 0 20px; }

.post-password-form label {
font-weight: 600;
color: #333; }

.post-password-form input[type="submit"] {
width: 100px;
height: 50px;
background-color: var(--main-color-one);
color: var(--white);
font-size: 16px;
font-weight: 600;
letter-spacing: 1px;
border: none;
cursor: pointer;
-webkit-transition: 0.3s ease-in;
-o-transition: 0.3s ease-in;
transition: 0.3s ease-in; }

.post-password-form input[type="submit"]:hover {
background-color: #121a2f; }

.footer-widget .table td,
.footer-widget .table th {
padding: 0.5rem !important; }

/*--------------------------------------------------------------
# Gutenberg	Default Style
--------------------------------------------------------------*/
.single-post-details-item .entry-content > .alignwide {
max-width: 1100px; }

.single-post-details-item .entry-content > .alignfull {
margin: 1.5em 0;
max-width: 100%; }

.wp-block-video video {
max-width: 636px; }

.wp-block-image img {
display: block; }

.wp-block-image.alignleft,
.wp-block-image.alignright {
width: 100%; }

.wp-block-image.alignfull img {
width: 100vw; }

.wp-block-gallery:not(.components-placeholder) {
margin: 1.5em auto; }

.wp-block-cover-text p {
padding: 1.5em 14px; }

ul.wp-block-latest-posts.alignwide,
ul.wp-block-latest-posts.alignfull,
ul.wp-block-latest-posts.is-grid.alignwide,
ul.wp-block-latest-posts.is-grid.alignwide {
padding: 0 14px; }

.wp-block-table {
display: block;
overflow-x: auto; }

.wp-block-table table {
border-collapse: collapse;
width: 100%; }

.wp-block-table td, .wp-block-table th {
padding: .5em; }

.wp-block-embed.type-video > .wp-block-embed__wrapper {
position: relative;
width: 100%;
height: 0;
padding-top: 56.25%; }

.wp-block-embed.type-video > .wp-block-embed__wrapper > iframe {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
bottom: 0;
right: 0; }

.wp-block-quote.is-large {
margin: 0 auto 16px; }

.wp-block-pullquote > p:first-child {
margin-top: 0; }

.wp-block-separator {
margin: 3em auto;
padding: 0; }

@media screen and (min-width: 768px) {
.wp-block-cover-text p {
padding: 1.5em 0; } }

wp-block-video video {
max-width: 636px; }

.wp-block-image img {
display: block; }

.wp-block-image.alignleft,
.wp-block-image.alignright {
width: 100%; }

.wp-block-image.alignfull img {
width: 100vw; }

.wp-block-gallery:not(.components-placeholder) {
margin: 1.5em auto; }

.wp-block-cover-text p {
padding: 1.5em 14px; }

ul.wp-block-latest-posts.alignwide,
ul.wp-block-latest-posts.alignfull,
ul.wp-block-latest-posts.is-grid.alignwide,
ul.wp-block-latest-posts.is-grid.alignwide {
padding: 0 14px; }

.wp-block-table {
display: block;
overflow-x: auto; }

.wp-block-table table {
border-collapse: collapse;
width: 100%; }

.wp-block-table td, .wp-block-table th {
padding: .5em; }

.wp-block-embed.type-video > .wp-block-embed__wrapper {
position: relative;
width: 100%;
height: 0;
padding-top: 56.25%; }

.wp-block-embed.type-video > .wp-block-embed__wrapper > iframe {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
bottom: 0;
right: 0; }

.wp-block-quote.is-large {
margin: 0 auto 16px; }

.wp-block-pullquote > p:first-child {
margin-top: 0; }

.wp-block-quote:not(.is-large):not(.is-style-large) {
border-left: 4px solid #000;
padding-left: 1em; }

.wp-block-separator {
margin: 3em auto;
padding: 0; }

@media screen and (min-width: 768px) {
.wp-block-cover-text p {
padding: 1.5em 0; } }

.wp-block-pullquote {
border-top: 4px solid #555d66;
border-bottom: 4px solid #555d66;
color: #40464d; }

/*--------------------------------------------------------------
## Block Color Palette Colors
--------------------------------------------------------------*/
.has-strong-blue-color {
color: #0073aa; }

.has-strong-blue-background-color {
background-color: #0073aa; }

.has-lighter-blue-color {
color: #229fd8; }

.has-lighter-blue-background-color {
background-color: #229fd8; }

.has-very-light-gray-color {
color: #eee; }

.has-very-light-gray-background-color {
background-color: #eee; }

.has-very-dark-gray-color {
color: #444; }

.has-very-dark-gray-background-color {
background-color: #444; }



@-webkit-keyframes ripple-blue {
0% {
-webkit-box-shadow: 0 0 0 0 rgba(21, 192, 232, 0.5);
box-shadow: 0 0 0 0 rgba(21, 192, 232, 0.5); }
50% {
-webkit-box-shadow: 0 0 0 10px rgba(21, 192, 232, 0.6);
box-shadow: 0 0 0 10px rgba(21, 192, 232, 0.6); }
100% {
-webkit-box-shadow: 0 0 0 20px rgba(21, 192, 232, 0.1);
box-shadow: 0 0 0 20px rgba(21, 192, 232, 0.1); } }

@keyframes ripple-blue {
0% {
-webkit-box-shadow: 0 0 0 0 rgba(21, 192, 232, 0.5);
box-shadow: 0 0 0 0 rgba(21, 192, 232, 0.5); }
50% {
-webkit-box-shadow: 0 0 0 10px rgba(21, 192, 232, 0.6);
box-shadow: 0 0 0 10px rgba(21, 192, 232, 0.6); }
100% {
-webkit-box-shadow: 0 0 0 20px rgba(21, 192, 232, 0.1);
box-shadow: 0 0 0 20px rgba(21, 192, 232, 0.1); } }

.pulse-icon-2 {
-webkit-animation: ripple-white 2s infinite;
animation: ripple-white 2s infinite; }
.pulse-icon-2:hover {
-webkit-animation: none;
animation: none; }

@-webkit-keyframes ripple-white {
0% {
-webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.5), 0 0 0 10px rgba(255, 255, 255, 0.5), 0 0 0 20px rgba(255, 255, 255, 0.5);
box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.5), 0 0 0 10px rgba(255, 255, 255, 0.5), 0 0 0 20px rgba(255, 255, 255, 0.5); }
100% {
-webkit-box-shadow: 0 0 0 10px rgba(255, 255, 255, 0.5), 0 0 0 20px rgba(255, 255, 255, 0.5), 0 0 0 30px rgba(255, 255, 255, 0);
box-shadow: 0 0 0 10px rgba(255, 255, 255, 0.5), 0 0 0 20px rgba(255, 255, 255, 0.5), 0 0 0 30px rgba(255, 255, 255, 0); } }

@keyframes ripple-white {
0% {
-webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.5), 0 0 0 10px rgba(255, 255, 255, 0.5), 0 0 0 20px rgba(255, 255, 255, 0.5);
box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.5), 0 0 0 10px rgba(255, 255, 255, 0.5), 0 0 0 20px rgba(255, 255, 255, 0.5); }
100% {
-webkit-box-shadow: 0 0 0 10px rgba(255, 255, 255, 0.5), 0 0 0 20px rgba(255, 255, 255, 0.5), 0 0 0 30px rgba(255, 255, 255, 0);
box-shadow: 0 0 0 10px rgba(255, 255, 255, 0.5), 0 0 0 20px rgba(255, 255, 255, 0.5), 0 0 0 30px rgba(255, 255, 255, 0); } }

.pulse {
-webkit-animation: pulse 2s infinite;
animation: pulse 2s infinite; }
.pulse:hover {
-webkit-animation: none;
animation: none; }

@-webkit-keyframes pulse {
0% {
-webkit-box-shadow: 0 0 0 0 var(--main-color-one);
-moz-box-shadow: 0 0 0 0 var(--main-color-one);
box-shadow: 0 0 0 0 var(--main-color-one); }
50% {
-webkit-box-shadow: 0 0 0 10px rgba(89, 211, 248, 0.7);
-moz-box-shadow: 0 0 0 10px rgba(89, 211, 248, 0.7);
box-shadow: 0 0 0 10px rgba(89, 211, 248, 0.6); }
100% {
-webkit-box-shadow: 0 0 0 20px rgba(89, 211, 248, 0.3);
-moz-box-shadow: 0 0 0 20px rgba(89, 211, 248, 0.3);
box-shadow: 0 0 0 20px rgba(89, 211, 248, 0.1); } }

@keyframes pulse {
0% {
-webkit-box-shadow: 0 0 0 0 var(--main-color-one);
-moz-box-shadow: 0 0 0 0 var(--main-color-one);
box-shadow: 0 0 0 0 var(--main-color-one); }
50% {
-webkit-box-shadow: 0 0 0 10px rgba(89, 211, 248, 0.7);
-moz-box-shadow: 0 0 0 10px rgba(89, 211, 248, 0.7);
box-shadow: 0 0 0 10px rgba(89, 211, 248, 0.6); }
100% {
-webkit-box-shadow: 0 0 0 20px rgba(89, 211, 248, 0.3);
-moz-box-shadow: 0 0 0 20px rgba(89, 211, 248, 0.3);
box-shadow: 0 0 0 20px rgba(89, 211, 248, 0.1); } }

.white-pulse {
-webkit-animation: white-pulse 2s infinite;
animation: white-pulse 2s infinite; }
.white-pulse:hover {
-webkit-animation: none;
animation: none; }

@-webkit-keyframes white-pulse {
0% {
-webkit-box-shadow: 0 0 0 0 var(--white);
-moz-box-shadow: 0 0 0 0 var(--white);
box-shadow: 0 0 0 0 var(--white); }
50% {
-webkit-box-shadow: 0 0 0 10px rgba(255, 255, 255, 0.7);
-moz-box-shadow: 0 0 0 10px rgba(255, 255, 255, 0.7);
box-shadow: 0 0 0 10px rgba(255, 255, 255, 0.6); }
100% {
-webkit-box-shadow: 0 0 0 20px rgba(255, 255, 255, 0.3);
-moz-box-shadow: 0 0 0 20px rgba(255, 255, 255, 0.3);
box-shadow: 0 0 0 20px rgba(255, 255, 255, 0.1); } }

@keyframes white-pulse {
0% {
-webkit-box-shadow: 0 0 0 0 var(--white);
-moz-box-shadow: 0 0 0 0 var(--white);
box-shadow: 0 0 0 0 var(--white); }
50% {
-webkit-box-shadow: 0 0 0 10px rgba(255, 255, 255, 0.7);
-moz-box-shadow: 0 0 0 10px rgba(255, 255, 255, 0.7);
box-shadow: 0 0 0 10px rgba(255, 255, 255, 0.6); }
100% {
-webkit-box-shadow: 0 0 0 20px rgba(255, 255, 255, 0.3);
-moz-box-shadow: 0 0 0 20px rgba(255, 255, 255, 0.3);
box-shadow: 0 0 0 20px rgba(255, 255, 255, 0.1); } }

@-webkit-keyframes animatedBackground {
0% {
left: 14%;
-webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
100% {
left: 10%;
-webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 1, 1, 0, 0, 0, 1, 1);
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 1, 1, 0, 0, 0, 1, 1); } }

@keyframes animatedBackground {
0% {
left: 14%;
-webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
100% {
left: 10%;
-webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 1, 1, 0, 0, 0, 1, 1);
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 1, 1, 0, 0, 0, 1, 1); } }

@-webkit-keyframes animatebg {
10%, 90% {
-webkit-transform: translate3d(-5px, -5px, 0);
transform: translate3d(-5px, -5px, 0); }
20%, 80% {
-webkit-transform: translate3d(5px, 5px, 0);
transform: translate3d(5px, 5px, 0); }
30%, 50%, 70% {
-webkit-transform: translate3d(-4px, -4px, 0);
transform: translate3d(-4px, -4px, 0); }
40%, 60% {
-webkit-transform: translate3d(4px, 4px, 0);
transform: translate3d(4px, 4px, 0); } }

@keyframes animatebg {
10%, 90% {
-webkit-transform: translate3d(-5px, -5px, 0);
transform: translate3d(-5px, -5px, 0); }
20%, 80% {
-webkit-transform: translate3d(5px, 5px, 0);
transform: translate3d(5px, 5px, 0); }
30%, 50%, 70% {
-webkit-transform: translate3d(-4px, -4px, 0);
transform: translate3d(-4px, -4px, 0); }
40%, 60% {
-webkit-transform: translate3d(4px, 4px, 0);
transform: translate3d(4px, 4px, 0); } }

@-webkit-keyframes spin {
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
-webkit-transform-origin: 50%;
transform-origin: 50%; } }

@keyframes spin {
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
-webkit-transform-origin: 50%;
transform-origin: 50%; } }

@media only screen and (max-width: 991px) {
@-webkit-keyframes ripple-white {
0% {
-webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.5), 0 0 0 10px rgba(255, 255, 255, 0.5), 0 0 0 20px rgba(255, 255, 255, 0.5);
box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.5), 0 0 0 10px rgba(255, 255, 255, 0.5), 0 0 0 20px rgba(255, 255, 255, 0.5); }
100% {
-webkit-box-shadow: 0 0 0 10px rgba(255, 255, 255, 0.5), 0 0 0 20px rgba(255, 255, 255, 0.5), 0 0 0 30px rgba(255, 255, 255, 0);
box-shadow: 0 0 0 10px rgba(255, 255, 255, 0.5), 0 0 0 20px rgba(255, 255, 255, 0.5), 0 0 0 30px rgba(255, 255, 255, 0); } }
@keyframes ripple-white {
0% {
-webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.5), 0 0 0 10px rgba(255, 255, 255, 0.5), 0 0 0 20px rgba(255, 255, 255, 0.5);
box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.5), 0 0 0 10px rgba(255, 255, 255, 0.5), 0 0 0 20px rgba(255, 255, 255, 0.5); }
100% {
-webkit-box-shadow: 0 0 0 10px rgba(255, 255, 255, 0.5), 0 0 0 20px rgba(255, 255, 255, 0.5), 0 0 0 30px rgba(255, 255, 255, 0);
box-shadow: 0 0 0 10px rgba(255, 255, 255, 0.5), 0 0 0 20px rgba(255, 255, 255, 0.5), 0 0 0 30px rgba(255, 255, 255, 0); } } }

/*-----------------------------
Accordion title
-----------------------------*/
.accordian-title .title {
text-align: center;
text-transform: capitalize; }

/*-----------------------------
Accordion title end
-----------------------------*/
/*-----------------------------
Accordion Item
-----------------------------*/
.accordion-wrapper .card {
border: 1px solid var(--bg-3);
background-color: transparent;
margin-bottom: 10px; }
.accordion-wrapper .card .card-header {
padding: 0; font-weight: 500; cursor: pointer;  border-radius: 3px;
background: linear-gradient(78deg, #cbcbcb 49%, #525252 100%);}
.accordion-wrapper .card .card-header h6{color: #000000;}
.accordion-wrapper .card .card-header a {
display: block;
font-size: 1rem;
line-height: 26px;
font-weight: 500;
color: #000000 !important;
    padding: 0.70rem 1.25rem;
cursor: pointer;
position: relative;
font-family: 'Poppins', sans-serif;
border: none !important;
text-transform: inherit;
/*background: #15C0E8;*/ }
.accordion-wrapper .card .card-header a:after {
position: absolute;
right: 30px;
top: 18px;
content: "\f134";
font-family: "Flaticon";
font-size: 15px;
font-weight: 700;
border: 1px solid var(--light-black-10);
border-radius: 50%;
height: 20px;
width: 20px;
line-height: 20px;
text-align: center;
color: var(--light-black-10); }
.accordion-wrapper .card .card-header a[aria-expanded="false"] {
/*background: #fff;*/
color: var(--heading-color); }
.accordion-wrapper .card .card-header a[aria-expanded="false"]:after {
  content: "\f108"; }
.accordion-wrapper .card .card-body {
    padding: 1.25rem; background: #262626; border-top: none; }
.accordion-wrapper .card .card-body p {font-weight: 400;
    background: #262626;
    color: #fff;
    font-size: 16px;
    font-family: 'Poppins', sans-serif;
    line-height: 26px;
    flex: 1 1 auto;
    min-height: 1px;}
.accordion-wrapper .card .card-body p strong{ color: #e7873c;
    font-size: 16px;    font-weight: 600;}
.accordion-wrapper.offcanvas-accordion-area {
padding: 30px 0; }
.accordion-wrapper.offcanvas-accordion-area .card {
background-color: transparent;
border: none;
border-top: 1px solid var(--light-black-10);
border-radius: 0; }
.accordion-wrapper.offcanvas-accordion-area .card + .card {
margin-top: 5px; }
.accordion-wrapper.offcanvas-accordion-area .card .card-header {
padding: 0;
border: none;
background-color: transparent; }
.accordion-wrapper.offcanvas-accordion-area .card .card-header a {
font-size: 14px;
line-height: 20px;
font-weight: 400;
color: var(--paragraph-color);
padding: 5px 0;
border: none !important;
background-color: transparent; }
.accordion-wrapper.offcanvas-accordion-area .card .card-header a:after {
  display: none; }
.accordion-wrapper.offcanvas-accordion-area .card .card-body {
background-color: transparent;
padding: 0px 0 10px; }
.accordion-wrapper.offcanvas-accordion-area .card .card-body .payment-way p {
padding: 5px 0; }

/*---------------------------------------
## Back Top
---------------------------------------*/
.back-to-top {
position: fixed;
right: 25px;
bottom: 45px;
width: 35px;
height: 35px;
background-color:#000;
color: var(--white);
text-align: center;
line-height: 35px;
z-index: 99;
font-size: 16px;
font-weight: 700;
cursor: pointer; }

/*-------------------------
## Preloader Css
---------------------------*/
.pre-wrap {
position: fixed;
content: "";
-webkit-transform: translate(-100%, -240%);
-ms-transform: translate(-100%, -240%);
transform: translate(-100%, -240%);
font-size: 62px; }

.preloader-inner {
position: fixed;
left: 0;
top: 0;
z-index: 9999999;
background-color: rgb(0 0 0 / 98%);
width: 100%;
height: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center; }
.preloader-inner .cancel-preloader {
position: absolute;
bottom: 30px;
right: 30px; }
.preloader-inner .cancel-preloader a {
background-color: var(--white);
font-weight: 600;
text-transform: capitalize;
color: var(--main-color-one);
width: 200px;
height: 50px;
text-align: center;
line-height: 50px;
border-radius: 30px;
display: block;
-webkit-transition: all 0.3s ease-in;
-moz-transition: all 0.3s ease-in;
-o-transition: all 0.3s ease-in;
transition: all 0.3s ease-in; }
.preloader-inner .cancel-preloader a:hover {
background-color: var(--secondary-color);
color: var(--white); }

.spinner {
margin: 120px auto;
width: 60px;
height: 60px;
position: relative;
text-align: center;
-webkit-animation: sk-rotate 2s infinite linear;
animation: sk-rotate 2s infinite linear; }

.dot1,
.dot2 {
width: 60%;
height: 60%;
display: inline-block;
position: absolute;
top: 0;
background-color: var(--main-color-one);
border-radius: 100%;
-webkit-animation: sk-bounce 1s infinite ease-in-out;
animation: sk-bounce 1s infinite ease-in-out; }

.dot2 {
top: auto;
bottom: 0;
-webkit-animation-delay: -1s;
animation-delay: -1s; }

@-webkit-keyframes sk-rotate {
100% {
-webkit-transform: rotate(360deg); } }

@keyframes sk-rotate {
100% {
transform: rotate(360deg);
-webkit-transform: rotate(360deg); } }

@-webkit-keyframes sk-bounce {
0%,
100% {
-webkit-transform: scale(0); }
50% {
-webkit-transform: scale(1); } }

@keyframes sk-bounce {
0%,
100% {
transform: scale(0);
-webkit-transform: scale(0); }
50% {
transform: scale(1);
-webkit-transform: scale(1); } }

/*----------------------------------------
## Search Popup
----------------------------------------*/
.search-popup.active {
visibility: visible;
opacity: 1; }

.search-popup {
min-width: 415px;
position: fixed;
top: 50%;
-webkit-transition: 0.5s ease;
-moz-transition: 0.5s ease;
-o-transition: 0.5s ease;
transition: 0.5s ease;
visibility: hidden;
opacity: 0;
z-index: 11;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%); }

.search-popup .search-form .form-group .form-control {
border: none;
border-radius: 4px;
height: 45px;
padding: 0 100px 0 30px;
outline: none; }

.search-popup .search-form .submit-btn {
position: absolute;
right: 0;
top: 0;
width: 45px;
height: 45px;
background-color: #000000;
-webkit-transition: all 0.3s ease-in;
-moz-transition: all 0.3s ease-in;
-o-transition: all 0.3s ease-in;
transition: all 0.3s ease-in;
padding: 0;
text-align: center;
border: none;
color: #fff;
cursor: pointer;
font-weight: 900;
border-left: 2px solid var(--heading-color);
border-radius: 4px 4px 4px 4px; }

.search-popup .search-form .submit-btn .flaticon-search{font-weight: 900; font-size: 18px;}

.body-overlay {
position: fixed;
width: 100%;
height: 100%;
display: block;
background-color: rgba(42, 40, 29, 0.7);
z-index: 1;
content: "";
left: 0;
top: 0;
visibility: hidden;
opacity: 0;
-webkit-transition: all 0.3s ease-in;
-moz-transition: all 0.3s ease-in;
-o-transition: all 0.3s ease-in;
transition: all 0.3s ease-in;
cursor: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAVBAMAAABbObilAAAAMFBMVEVMaXH////////////////////////////////////////////////////////////6w4mEAAAAD3RSTlMAlAX+BKLcA5+b6hJ7foD4ZP1OAAAAkUlEQVR4XkWPoQ3CUBQAL4SktoKAbCUjgAKLJZ2ABYosngTJCHSD6joUI6BZgqSoB/+Shqde7sS9x3OGk81fdO+texMtRVTia+TsQtHEUJLdohJfgNNPJHyEJPZTsWLoxShqsWITazEwqePAn69Sw2TUxk1+euPis3EwaXy8RMHSZBIlRcKKnC5hRctjMf57/wJbBlAIs9k1BAAAAABJRU5ErkJggg==), progress; }

.body-overlay.active {
visibility: visible;
opacity: 0.8; }

.click-mobile-search {
display: none;
position: absolute;
top: 80px;
left: 0;
z-index: 5;
width: 100%;
padding: 20px;
background: var(--grey); }

.floating-icon {
display: none;
right: 7%;
background: var(--main-color-one);
z-index: 9;
text-align: center;
color: var(--white);
padding: 6px 3px;
float: right;
position: -webkit-sticky;
position: sticky;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
border-radius: 0 20px;
margin-top: -80px;
top: 130px; }
.floating-icon i {
background: var(--white);
color: var(--main-color-one);
font-size: 13px;
height: 30px;
width: 30px;
display: inline-block;
border-radius: 50%;
line-height: 30px;
text-align: center;
-webkit-transition: all 0.6s;
-o-transition: all 0.6s;
transition: all 0.6s; }
.floating-icon i:hover {
-webkit-box-shadow: 0 1px 3px #1a96b3;
box-shadow: 0 1px 3px #1a96b3; }
.floating-icon__is {
padding: 8px 4px;
-webkit-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
font-size: 18px; }
.floating-icon__is:hover {
cursor: pointer; }
.floating-icon.left-align {
float: left;
left: 7%; }

.info-popup {
height: 100%;
width: 100%;
display: none;
background: rgba(51, 63, 70, 0.9);
position: fixed;
opacity: 0;
cursor: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAVBAMAAABbObilAAAAMFBMVEVMaXH////////////////////////////////////////////////////////////6w4mEAAAAD3RSTlMAlAX+BKLcA5+b6hJ7foD4ZP1OAAAAkUlEQVR4XkWPoQ3CUBQAL4SktoKAbCUjgAKLJZ2ABYosngTJCHSD6joUI6BZgqSoB/+Shqde7sS9x3OGk81fdO+texMtRVTia+TsQtHEUJLdohJfgNNPJHyEJPZTsWLoxShqsWITazEwqePAn69Sw2TUxk1+euPis3EwaXy8RMHSZBIlRcKKnC5hRctjMf57/wJbBlAIs9k1BAAAAABJRU5ErkJggg==), progress; }
.info-popup.active {
opacity: 1;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
z-index: 9999; }
.info-popup-content {
width: 50%;
position: fixed;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
z-index: 10000;
display: none; }
.info-popup-content.active {
display: block; }
.info-popup-content__img {
width: 100%;
height: 100%; }
.info-popup-content__img--one {
background: #dcf8ff;
text-align: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center; }
.info-popup-content__img {
padding-bottom: 30px; }
.info-popup-content__text {
padding-top: 100px;
padding-bottom: 100px;
text-align: center;
background: var(--white); }
.info-popup-content__text-header {
margin-bottom: 30px; }
.info-popup-content__text-body {
margin-bottom: 30px; }
.info-popup-content__text-body .divide {
  width: 50px;
  height: 1px;
  background: var(--paragraph-color);
  display: inline-block; }
.info-popup-content__text-is {
display: block;
text-transform: capitalize; }
.info-popup-content__title {
margin-top: 0;
margin-bottom: 0; }
.info-popup-content_close {
position: absolute;
top: -20px;
right: -20px;
width: 40px;
height: 40px;
background: var(--hover-color);
display: inline-block;
border-radius: 30px;
border: none;
color: var(--white);
opacity: 1;
z-index: 1; }
.info-popup-content_close:hover {
cursor: pointer; }
.info-popup-content_close span {
font-size: 12px;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%); }

#map-two {
height: 100%; }
#map-two iframe {
height: 100%;
width: 100%; }

.location-popup {
height: 100%;
width: 100%;
display: none;
background: rgba(51, 63, 70, 0.9);
position: fixed;
opacity: 0;
cursor: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAVBAMAAABbObilAAAAMFBMVEVMaXH////////////////////////////////////////////////////////////6w4mEAAAAD3RSTlMAlAX+BKLcA5+b6hJ7foD4ZP1OAAAAkUlEQVR4XkWPoQ3CUBQAL4SktoKAbCUjgAKLJZ2ABYosngTJCHSD6joUI6BZgqSoB/+Shqde7sS9x3OGk81fdO+texMtRVTia+TsQtHEUJLdohJfgNNPJHyEJPZTsWLoxShqsWITazEwqePAn69Sw2TUxk1+euPis3EwaXy8RMHSZBIlRcKKnC5hRctjMf57/wJbBlAIs9k1BAAAAABJRU5ErkJggg==), progress; }
.location-popup.active {
opacity: 1;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
z-index: 9999; }
.location-popup-content {
width: 50%;
position: fixed;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
z-index: 10000;
display: none; }
.location-popup-content.active {
display: block; }
.location-popup-content__img {
padding-bottom: 30px; }
.location-popup-content__text {
padding-top: 100px;
padding-bottom: 100px;
text-align: center;
background: var(--white); }
.location-popup-content__text-header {
margin-bottom: 30px; }
.location-popup-content__text-body {
margin-bottom: 30px; }
.location-popup-content__text-body .divide {
  width: 50px;
  height: 1px;
  background: var(--paragraph-color);
  display: inline-block; }
.location-popup-content__text-is {
display: block;
text-transform: capitalize; }
.location-popup-content__title {
margin-top: 0;
margin-bottom: 0; }
.location-popup-content_close {
position: absolute;
top: -20px;
right: -20px;
width: 40px;
height: 40px;
background: var(--main-color-one);
display: inline-block;
border-radius: 30px;
border: none;
color: var(--white);
opacity: 1;
z-index: 1; }
.location-popup-content_close:hover {
cursor: pointer; }
.location-popup-content_close span {
font-size: 12px;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%); }

.message-popup {
height: 100%;
width: 100%;
display: none;
background: rgba(51, 63, 70, 0.9);
position: fixed;
opacity: 0;
cursor: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAVBAMAAABbObilAAAAMFBMVEVMaXH////////////////////////////////////////////////////////////6w4mEAAAAD3RSTlMAlAX+BKLcA5+b6hJ7foD4ZP1OAAAAkUlEQVR4XkWPoQ3CUBQAL4SktoKAbCUjgAKLJZ2ABYosngTJCHSD6joUI6BZgqSoB/+Shqde7sS9x3OGk81fdO+texMtRVTia+TsQtHEUJLdohJfgNNPJHyEJPZTsWLoxShqsWITazEwqePAn69Sw2TUxk1+euPis3EwaXy8RMHSZBIlRcKKnC5hRctjMf57/wJbBlAIs9k1BAAAAABJRU5ErkJggg==), progress; }
.message-popup.active {
opacity: 1;
z-index: 9999;
display: -webkit-box;
display: -ms-flexbox;
display: flex; }
.message-popup-content {
width: 50%;
position: fixed;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
z-index: 10000;
display: none; }
.message-popup-content.active {
display: block; }
.message-popup-content__img {
width: 100%;
height: 100%; }
.message-popup-content__img--one {
background: #dcf8ff;
text-align: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center; }
.message-popup-content__text {
padding-top: 100px;
padding-bottom: 100px;
text-align: center;
background: var(--white);
padding-right: 40px; }
.message-popup-content__text-header {
margin-bottom: 30px; }
.message-popup-content__text-body {
margin-bottom: 30px; }
.message-popup-content__text-body .divide {
  width: 50px;
  height: 1px;
  background: var(--paragraph-color);
  display: inline-block; }
.message-popup-content__text-is {
display: block;
text-transform: capitalize; }
.message-popup-content__title {
margin-top: 0;
margin-bottom: 0; }
.message-popup-content_close {
position: absolute;
top: -20px;
right: -20px;
width: 40px;
height: 40px;
background: var(--hover-color);
display: inline-block;
border-radius: 30px;
border: none;
color: var(--white);
opacity: 1;
z-index: 1; }
.message-popup-content_close:hover {
cursor: pointer; }
.message-popup-content_close span {
font-size: 12px;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%); }

.popup-form {
padding: 0 30px; }
.popup-form .form-group .form-control {
border-radius: 0;
padding: 14px 10px;
background-color: transparent;
color: var(--main-color-one);
font-size: 15px; }
.popup-form .form-group input {
border: none;
border-bottom: 1px solid #aeaeae; }
.popup-form .form-group input:focus {
-webkit-box-shadow: none;
box-shadow: none;
outline: none; }
.popup-form .form-group textarea {
border: none;
border-bottom: 1px solid #aeaeae;
resize: none; }
.popup-form .form-group textarea:focus {
-webkit-box-shadow: none;
box-shadow: none; }

.show-up-form-icons {
bottom: -40px !important;
opacity: 1 !important; }

.login-modal {
background: #011a4266; }
.login-modal .modal-dialog {
margin: 6rem auto; }
.login-modal .modal-custom {
max-width: 1170px; }
.login-modal .modal-custom .modal-content {
border-radius: 0px;
width: 51%;
margin: auto; }
.login-modal .modal-custom .modal-content .close {
position: absolute;
top: -15px;
right: -55px;
z-index: 1;
color: var(--white);
font-weight: 300;
font-size: 12px;
opacity: 1;
width: 30px;
height: 30px;
padding: 0;
border-radius: 50%;
background-color: #f6941e; }
.login-modal .modal-custom .modal-content .close.style-2 {
  right: -30px; }
.login-modal .modal-custom .modal-body {
padding: 0; }

.login-form {
padding: 60px;
text-align: center;
margin: auto; }
.login-form.forget-form {
padding: 190px 220px; }
.login-form.forget-form .form-group {
margin-bottom: 30px; }
.login-form.forget-form .form-group .form-control {
padding: 14px 10px;
font-size: 14px;
background-color: transparent;
color: var(--main-color-one);
border: 1px solid #15c0e8;
border-radius: 0 35px 0 0; }
.login-form.forget-form .form-group:focus {
border-bottom: 1px solid #c8c8c8; }
.login-form.forget-form .forget-content .title {
line-height: 60px;
margin-bottom: 25px; }
.login-form.forget-form .forget-content p {
font-size: 20px;
font-weight: 500;
color: #606060;
margin-bottom: 30px; }
.login-form.forget-form .forget-content .para {
color: var(--hover-color);
font-size: 14px;
font-weight: 400;
margin-bottom: 30px;
position: relative; }
.login-form.forget-form .forget-content .para:after {
content: "";
background-color: var(--hover-color);
width: 32px;
height: 1px;
left: 0;
top: -15px;
position: absolute; }
.login-form.forget-form .return-btn {
color: var(--hover-color);
font-size: 14px; }
.login-form.forget-form .return-btn span {
font-size: 22px;
vertical-align: middle;
margin-right: 5px; }
.login-form .form-group {
margin-bottom: 30px; }
.login-form .form-group label {
color: #263534;
font-size: 20px;
line-height: 30px; }
.login-form .form-group .form-control {
padding: 14px 10px;
font-size: 14px;
background-color: #fff;
color: var(--main-color-one);
border: 1px solid #15c0e8;
border-radius: 0 35px 0 0;
outline: none; }

.social-icon.light-bg {
background: #f4fbfd;
padding: 50px; }

.social-icon .social-share {
list-style: none;
padding: 0;
margin: 0; }
.social-icon .social-share li {
display: block;
font-size: 20px;
height: 40px;
width: 300px;
margin: 0 auto 20px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
border: 1px solid #edefee;
color: #263534; }
.social-icon .social-share li.fb {
background: #3b5998;
border: 1px solid #3b5998;
color: #fff; }
.social-icon .social-share li:last-child {
margin-bottom: 0; }

.social-icon .new-user {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center; }
.social-icon .new-user a {
color: var(--main-color-one);
-webkit-transition: all .6s;
-o-transition: all .6s;
transition: all .6s;
margin-left: 10px; }

.login-section {
height: 100%; }
.login-section.grd-bg {
background: -webkit-linear-gradient(268deg, #15c0e8 0%, #dcf8ff 40%);
background: -o-linear-gradient(268deg, #15c0e8 0%, #dcf8ff 40%);
background: linear-gradient(182deg, #15c0e8 0%, #dcf8ff 40%); }
.login-section.bg-grey {
background: #d0f0f4; }

.reg-section {
height: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center; }
.reg-section .check-box {
/* Create the checkmark/indicator (hidden when not checked) */
/* Show the checkmark when checked */ }
.reg-section .check-box .container {
display: block;
position: relative;
padding-left: 35px;
margin-bottom: 12px;
cursor: pointer;
font-size: 16px;
color: #1d1d1d;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none; }
.reg-section .check-box .container input {
position: absolute;
opacity: 0;
cursor: pointer;
height: 0;
width: 0; }
.reg-section .check-box .container .checkmark {
position: absolute;
top: 0;
left: 0;
height: 25px;
width: 25px;
border: 1px solid var(--hover-color);
background-color: var(--hover-color); }
.reg-section .check-box .checkmark:after {
content: "";
position: absolute;
display: none;
left: 8px;
top: 3px;
width: 7px;
height: 14px;
border: solid var(--white);
border-width: 0 3px 3px 0;
-webkit-transform: rotate(30deg);
-ms-transform: rotate(30deg);
transform: rotate(30deg); }
.reg-section .check-box .container input:checked ~ .checkmark:after {
display: block; }
.reg-section.bg-grey {
background: #bee5ff; }

.login-back {
padding: 60px;
text-align: center; }

.forget-btn {
color: var(--main-color-one);
-webkit-transition: all 0.6s;
-o-transition: all 0.6s;
transition: all 0.6s; }

/*---------------------------------------
## Button
---------------------------------------*/
.btn-wrapper {margin-top: 35px;}
.btn-wrapper .boxed-btn {
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
position: relative;
-webkit-transition-property: color;
-o-transition-property: color;
transition-property: color;
-webkit-transition-duration: 0.5s;
-o-transition-duration: 0.5s;
transition-duration: 0.5s;
border: none;
height: 35px;
min-width: 150px;
color: var(--white);
background: #f58220;
cursor: pointer;
display: inline-block;
line-height: 35px;
text-align: center; }
.btn-wrapper .boxed-btn::after {
content: "";
position: absolute;
z-index: -1;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: #423f3f;
-webkit-transform: scaleX(0);
-ms-transform: scaleX(0);
transform: scaleX(0);
-webkit-transform-origin: 0 50%;
-ms-transform-origin: 0 50%;
transform-origin: 0 50%;
-webkit-transition-property: transform;
-webkit-transition-property: -webkit-transform;
transition-property: -webkit-transform;
-o-transition-property: transform;
transition-property: transform;
transition-property: transform, -webkit-transform;
-webkit-transition-duration: 0.5s;
-o-transition-duration: 0.5s;
transition-duration: 0.5s;
-webkit-transition-timing-function: ease-out;
-o-transition-timing-function: ease-out;
transition-timing-function: ease-out; }
.btn-wrapper .boxed-btn:hover::after {
-webkit-transform: scaleX(1);
-ms-transform: scaleX(1);
transform: scaleX(1);
-webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
-o-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66); }

.btn-wrapper .boxed-btn.Proceed {min-width: 200px;}
.btn-wrapper .no-border-btn {border: none; background: none; color: #15C0E8; cursor: pointer;}



.btn-smallbtn {margin-top: 35px;}
.btn-smallbtn .boxed-btn {
/*-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);*/
position: relative;
-webkit-transition-property: color;
-o-transition-property: color;
transition-property: color;
-webkit-transition-duration: 0.5s;
-o-transition-duration: 0.5s;
transition-duration: 0.5s;
border-radius: 2px;
height: 45px; font-weight:600;
min-width: 100px;
color: var(--white);
background: -webkit-linear-gradient(#f58220, #fab61d);
border: 1px solid transparent;
color: #000;
cursor: pointer;
display: inline-block;
line-height: 45px;
text-align: center; font-family: sans-serif;}

.btn-smallbtn .boxed-btn:hover{background: -webkit-linear-gradient(#f58220, #fab61d); 
 color:#ffffff; font-weight:600; color: #ffffff;}
.login-modal .btn-smallbtn .boxed-btn {font-family: 'Poppins', sans-serif;
    font-weight: 500;
    border: 1px solid #e7873c;
    color: #000;
   
    padding: 0.5rem 1.3rem;
    height: auto;
    font-size: 1rem;
    line-height: 1.5;
    border-radius: 0.25rem;}
.login-modal .btn-smallbtn .boxed-btn:hover{color: #fff;font-weight: 500;  border: 1px solid #ffffff;}



.btn-smallbtn .boxed-btn::after {
content: "";
position: absolute;
z-index: -1;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: -webkit-linear-gradient(#f58220, #fab61d);
-webkit-transform: scaleX(0);
-ms-transform: scaleX(0);
transform: scaleX(0);
-webkit-transform-origin: 0 50%;
-ms-transform-origin: 0 50%;
transform-origin: 0 50%;
-webkit-transition-property: transform;
-webkit-transition-property: -webkit-transform;
transition-property: -webkit-transform;
-o-transition-property: transform;
transition-property: transform;
transition-property: transform, -webkit-transform;
-webkit-transition-duration: 0.5s;
-o-transition-duration: 0.5s;
transition-duration: 0.5s;
-webkit-transition-timing-function: ease-out;
-o-transition-timing-function: ease-out;
transition-timing-function: ease-out; }
.btn-smallbtn .boxed-btn:hover::after {
-webkit-transform: scaleX(1);
-ms-transform: scaleX(1);
transform: scaleX(1);
-webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
-o-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66); }

.btn-smallbtn .boxed-btn.Proceed {min-width: 200px;}
.btn-smallbtn .no-border-btn {border: none; background: none; color: #15C0E8; cursor: pointer;}



.section-title {text-align:center;}
.section-title p {padding-top:5px;}

.section-title h2 {
font-style: normal;
font-weight: 500;
font-size: 34px;
line-height: 45px;
background: -webkit-linear-gradient(#f58220, #fab61d);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
text-transform: capitalize;
}

.section-title h3 {font-size: 28px; line-height: 33px; font-weight: 500; color: #000; margin:0px;}
.section-title p{color: #f58220; font-size:18px;}
.section-title hr {border: none;  border-top: 1px dashed #f58220; height: 1px; width: 100%;}

.section-title h4 {
font-style: normal;
font-weight: 500; text-align:left; 
font-size: 42px;
line-height: 45px;
background: -webkit-linear-gradient(#f58220, #fab61d);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
text-transform: capitalize;
}

.pagination {
float: right; }
.pagination ul {
padding-right: 15px; }
.pagination ul li {
margin-bottom: 0;
display: inline-block; }
.pagination ul li + li {
margin-left: 10px; }
.pagination ul li .page-numbers {
border: 1px solid #d6d6d6;
padding: 0 8px;
-webkit-transition: all .6s;
-o-transition: all .6s;
transition: all .6s; }
.pagination ul li .page-numbers:hover {
      background: #c3c3c3;
    color: #fff;
    border: 1px solid #c3c3c3;}
.pagination ul li .current {
    background: #f58220;
    color: #fff;
    border: 1px solid #f58220; }
.pagination.pagination-2 ul {
padding: 0; }
.pagination.pagination-2 ul li {
margin: 0; }

.slider-content-wrap {
color: #fff; }
.slider-content-wrap .sub-title {
color: #fff; }
.slider-content-wrap .title {
color: #fff;
padding: 20px 0 10px;
font-size: 70px;
line-height: 80px; }
.slider-content-wrap p {
color: #fff;
max-width: 70%; }
.slider-content-wrap .btn-with-video {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-top: 60px; }
.slider-content-wrap .btn-with-video .btn-wrapper {
margin: 0;
margin-right: 100px; }

.showcase-follow-icon {
position: absolute;
bottom: 40px;
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%); }
.showcase-follow-icon a {
color: #fff;
display: inline-block;
margin-right: 10px;
-webkit-transition: all 0.6s;
-o-transition: all 0.6s;
transition: all 0.6s; }
.showcase-follow-icon a:hover {
color: var(--main-color-one); }
.showcase-follow-icon.right-align {
right: 2.4%;
left: inherit; }
.showcase-follow-icon.left-align {
left: 10%; }

.pulse-icon {
border-radius: 50%; }
.pulse-icon a {
color: #fff;
height: 60px;
width: 60px;
line-height: 60px;
text-align: center;
background: #f58220;
border-radius: 50%;
display: block;
font-weight: 700;
font-size: 14px; }

.pulse-icon-2 {
border-radius: 50%; }
.pulse-icon-2 a {
color: #000;
height: 60px;
width: 60px;
line-height: 60px;
text-align: center;
background: var(--white);
border-radius: 50%;
display: block;
font-weight: 700;
font-size: 14px; }

.qry-about {
padding-top: 110px;
padding-bottom: 120px; }
.qry-about__body {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 100%; }
.qry-about__body-content {
margin: auto;
position: relative; }
.qry-about__body-img {
width: 100%; }

.about__play, .about__play-alt {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
width: 80px;
height: 80px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
border-radius: 50%;
background: #fff;
cursor: pointer;
-webkit-box-shadow: 0 0 0 #fff;
box-shadow: 0 0 0 #fff;
-webkit-animation: about-play 2s infinite;
animation: about-play 2s infinite; }
.about__play:hover, .about__play-alt:hover {
-webkit-animation: none;
animation: none; }
.about__play-icon {
color: #444;
font-size: 16px; }
.about__play-alt {
width: 45px;
height: 45px;
-webkit-box-shadow: 0 0 0 #333;
box-shadow: 0 0 0 #333;
-webkit-animation: about-play-alt 2s infinite;
animation: about-play-alt 2s infinite;
background: #666; }

@-webkit-keyframes about-play {
0% {
-webkit-box-shadow: 0 0 0 0 #fff;
box-shadow: 0 0 0 0 #fff; }
50% {
-webkit-box-shadow: 0 0 0 10px rgba(255, 255, 255, 0.6);
box-shadow: 0 0 0 10px rgba(255, 255, 255, 0.6); }
100% {
-webkit-box-shadow: 0 0 0 20px rgba(255, 255, 255, 0.1);
box-shadow: 0 0 0 20px rgba(255, 255, 255, 0.1); } }

@keyframes about-play {
0% {
-webkit-box-shadow: 0 0 0 0 #fff;
box-shadow: 0 0 0 0 #fff; }
50% {
-webkit-box-shadow: 0 0 0 10px rgba(255, 255, 255, 0.6);
box-shadow: 0 0 0 10px rgba(255, 255, 255, 0.6); }
100% {
-webkit-box-shadow: 0 0 0 20px rgba(255, 255, 255, 0.1);
box-shadow: 0 0 0 20px rgba(255, 255, 255, 0.1); } }

@-webkit-keyframes about-play-alt {
0% {
-webkit-box-shadow: 0 0 0 0 #666;
box-shadow: 0 0 0 0 #666; }
50% {
-webkit-box-shadow: 0 0 0 10px rgba(102, 102, 102, 0.6);
box-shadow: 0 0 0 10px rgba(102, 102, 102, 0.6); }
100% {
-webkit-box-shadow: 0 0 0 20px rgba(102, 102, 102, 0.1);
box-shadow: 0 0 0 20px rgba(102, 102, 102, 0.1); } }

@keyframes about-play-alt {
0% {
-webkit-box-shadow: 0 0 0 0 #666;
box-shadow: 0 0 0 0 #666; }
50% {
-webkit-box-shadow: 0 0 0 10px rgba(102, 102, 102, 0.6);
box-shadow: 0 0 0 10px rgba(102, 102, 102, 0.6); }
100% {
-webkit-box-shadow: 0 0 0 20px rgba(102, 102, 102, 0.1);
box-shadow: 0 0 0 20px rgba(102, 102, 102, 0.1); } }


.termcon {position:relative;}
.termcon ul{padding:0px; margin:0px; list-style:none;}
.termcon ul li{padding:6px 0px; display:block; margin: 0px; line-height:18px;}
.termcon ul li a{color:#ffffff; font-size:15px; font-weight:400;}

.faq-area section h3{font-weight: 500;}


.team-item {
text-align: center;
margin-bottom: 30px; }
.team-item .img-warpper {
position: relative;
-webkit-transition: all .6s;
-o-transition: all .6s;
transition: all .6s;
overflow: hidden;
display: inline-block; }
.team-item .img-warpper .overlay {
position: absolute;
background: rgba(0, 0, 0, 0.8);
height: 100%;
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
top: 100%;
visibility: hidden;
opacity: 0;
-webkit-transition: all .6s;
-o-transition: all .6s;
transition: all .6s; }
.team-item .img-warpper .overlay .icon-wrap a {
height: 30px;
width: 30px;
background: #fff;
border-radius: 50%;
display: inline-block;
margin-right: 10px;
line-height: 30px;
color: var(--main-color-one); }
.team-item .img-warpper:hover .overlay {
top: 0; font-weight: 400; color:#ffffff;
visibility: visible;
opacity: 1; }
.team-item .img-warpper img{margin-bottom: 20px; height: 180px;}
.team-item .img-warpper:before {
content: '';
position: absolute;
bottom: 10px;
left: 50%;
width: 90%;
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-o-transform: translateX(-50%);
transform: translateX(-50%);
height: 10px;z-index: -1;
background-color: #f4f8f9;
}
.team-item .title {
margin-top: 30px; }
.team-item p {
max-width: 70%;
margin: 0 auto; }

.testi-img {position: relative;}

.testi-img img{max-width: 175px; object-fit: contain; height: 48px;  width: 30px;
    text-align: center; margin-left: auto;margin-right: -12px;margin-top: -11px;}

/*.testi-img:before {
    content: ''; position: absolute; top: 15px; right: 49px; width: 0; z-index: -1; height: 0;
    border-top: 60px solid transparent;
    border-bottom: 60px solid transparent;
    border-left: 60px solid #ffffff;
}*/

h3.expsrou{color: #ffffff; font-weight: 500; font-size:22px;}


.exsrround-item {position: relative; margin-bottom: 30px; text-align: center;}
.exsrround-item .img-warpper {
position: relative; height:300px; background-color: #e2e2e2;
-webkit-transition: all .6s;
-o-transition: all .6s;
transition: all .6s;
overflow: hidden;
display: inline-block; }

.exsrround-item .img-warpper .overlay {
position: absolute;
background: #e7873c;
height: 100%; padding: 20px;
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
top: 100%;
visibility: hidden;
opacity: 0;
-webkit-transition: all .6s;
-o-transition: all .6s;
transition: all .6s; }
.exsrround-item .img-warpper .overlay .icon-wrap a {
height: 30px;
width: 30px;
background: #fff;
border-radius: 50%;
display: inline-block;
margin-right: 10px;
line-height: 30px;
color: var(--main-color-one); }
.exsrround-item .img-warpper:hover .overlay {
top: 0; font-weight: 400; color:#ffffff;
visibility: visible; z-index: 9;
opacity: 1; }

.exsrround-item .img-warpper ul{margin:0px; padding:0px; list-style: none;
position: relative;}
.exsrround-item .img-warpper ul li{padding:0px 10px 0px 6px; color:#000000; 
text-align: left; font-size:16px; text-indent: -0.75em;}
.exsrround-item .img-warpper ul li:before {
content: '';
display: inline-block;
background: #000000;
top: 6%;
left: 0;margin-right: 0.5rem;
width: 8px; border-radius:100px;
height: 8px;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
}


.exsrround-item .img-warpper img{object-fit: cover; height: 100%;}

.exsrround-item .textonbox{position: absolute; top: 20%; left:0px; width:95%;s}
.exsrround-item .textonbox i{font-size: 35px; color:#e7873c;}
.exsrround-item .textonbox .title {margin-top: 0px; font-weight:500;}
.exsrround-item .textonbox p {max-width: 70%; margin: 0 auto;   
font-size: 14px; line-height: 177.9%; text-align: center; color: #999999;}






.news-item {
overflow: hidden;
-webkit-transition: all 0.6s;
-o-transition: all 0.6s;
transition: all 0.6s;
margin-bottom: 30px;     padding: 0 30px 0 0px;}
.news-item .img-warpper img {
width: 100%; }
.news-item .content-wrap {
padding: 20px 20px 20px; }
.news-item .content-wrap .published-date {
margin-bottom: 20px; }
.news-item .content-wrap strong {
color: #000; }
.news-item .content-wrap .post-meta {
padding: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap; }
.news-item .content-wrap .post-meta li {
list-style: none;
padding-right: 10px; }
.news-item .content-wrap .post-meta li i {
color: #b3b3b3;
padding-right: 7px; }
.news-item.style-2 .img-warpper {
position: relative;
-webkit-transition: all 0.6s;
-o-transition: all 0.6s;
transition: all 0.6s;
overflow: hidden;
margin: 0 auto; }
.news-item.style-2 .img-warpper .overlay {
position: absolute;
background: rgba(38, 53, 52, 0.7);
height: 100%;
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
top: 100%;
visibility: hidden;
opacity: 0;
-webkit-transition: all 0.6s;
-o-transition: all 0.6s;
transition: all 0.6s; }
.news-item.style-2 .img-warpper .overlay .icon-wrap a {
height: 30px;
width: 30px;
background: #fff;
border-radius: 50%;
display: inline-block;
margin-right: 10px;
line-height: 30px;
color: var(--main-color-one);
text-align: center;
font-size: 12px; }
.news-item.style-2 .img-warpper:hover .overlay {
top: 0;
visibility: visible;
opacity: 1; }
.news-item.style-2 .content-wrap {
padding: 35px 20px 40px; }
.news-item.style-2 .content-wrap .news-info {
display: -webkit-box;
display: -ms-flexbox;
display: flex; }
.news-item.style-2 .content-wrap .news-info .date-part {
background: #15c0e8;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 25%;
height: 120px; }
.news-item.style-2 .content-wrap .news-info .date-part .post-date {
text-align: center;
color: #fff;
margin-bottom: 0; }
.news-item.style-2 .content-wrap .news-info .info-part {
margin-left: 30px;
width: 75%; }
.news-item.style-3 .img-warpper {
position: relative;
overflow: hidden; }
.news-item.style-3 .img-warpper .overlay {
position: absolute;
top: 100%;
left: 0;
height: 100%;
background: rgb(245 130 32 / 52%);
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
visibility: hidden;
opacity: 0;
-webkit-transition: all .6s;
-o-transition: all .6s;
transition: all .6s; }
.news-item.style-3 .img-warpper .overlay .icon-wrap a {
height: 30px;
width: 30px;
background: #fff;
border-radius: 50%;
font-size: 12px;
display: block;
text-align: center;
line-height: 30px;
color: #f58220;
-webkit-transition: all .6s;
-o-transition: all .6s;
transition: all .6s; }
.news-item.style-3 .img-warpper .overlay .icon-wrap a:hover {
background: #15c0e8;
color: #fff; }
.news-item.style-3 .img-warpper .overlay.show-overly {
visibility: visible;
opacity: 1;
top: 0; }
.news-item.style-3 .img-warpper:hover .overlay {
visibility: visible;
opacity: 1;
top: 0; }
.news-item.style-3 .content-wrap .date-with-writter {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between; }

.news-item-2 {
margin-bottom: 60px; }
.news-item-2 .img-warpper {
position: relative;
overflow: hidden;
display: inline-block; }
.news-item-2 .img-warpper .overlay {
position: absolute;
top: 100%;
left: 0;
height: 100%;
background: rgba(21, 193, 232, 0.5);
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
visibility: hidden;
opacity: 0;
-webkit-transition: all .6s;
-o-transition: all .6s;
transition: all .6s; }
.news-item-2 .img-warpper .overlay .icon-wrap a {
height: 30px;
width: 30px;
background: #fff;
border-radius: 50%;
font-size: 12px;
display: block;
text-align: center;
line-height: 30px;
color: #15c0e8;
-webkit-transition: all .6s;
-o-transition: all .6s;
transition: all .6s; }
.news-item-2 .img-warpper .overlay .icon-wrap a:hover {
background: #15c0e8;
color: #fff; }
.news-item-2 .img-warpper .overlay.show-overly {
background: rgba(38, 53, 52, 0.5);
visibility: visible;
opacity: 1;
top: 0; }
.news-item-2 .img-warpper:hover .overlay {
visibility: visible;
opacity: 1;
top: 0; }
.news-item-2 .content-wrap .news-info {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: 20px 0; }
.news-item-2 .content-wrap .news-info .admin-with-date {
width: 50%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center; }
.news-item-2 .content-wrap .news-info .admin-with-date .admin-info {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center; }
.news-item-2 .content-wrap .news-info .admin-with-date .admin-info .img-wrap {
padding-right: 10px; }
.news-item-2 .content-wrap .news-info .admin-with-date .admin-info .img-wrap img {
border-radius: 50%; }
.news-item-2 .content-wrap .news-info .admin-with-date .admin-info .admin h5 {
color: #777777; }
.news-item-2 .content-wrap .news-info .admin-with-date .admin-info .admin strong {
color: #263534; }
.news-item-2 .content-wrap .news-info .admin-with-date .date-part {
padding-left: 25px; }
.news-item-2 .content-wrap .news-info .admin-with-date .date-part strong {
color: #263534; }
.news-item-2 .content-wrap .news-info .post-meta {
width: 50%;
text-align: right;
padding: 0; }
.news-item-2 .content-wrap .news-info .post-meta li {
display: inline-block; }
.news-item-2 .content-wrap .news-info .post-meta li + li {
margin-left: 20px; }

.gallery-item {
text-align: center;
margin-bottom: 30px; }
.gallery-item .img-warpper {
position: relative;
-webkit-transition: all .6s;
-o-transition: all .6s;
transition: all .6s;
overflow: hidden;
margin: 0 auto;
display: inline-block; }
.gallery-item .img-warpper .overlay {
position: absolute;
background: rgba(38, 53, 52, 0.5);
height: 100%;
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
top: 100%;
visibility: hidden;
opacity: 0;
-webkit-transition: all .6s;
-o-transition: all .6s;
transition: all .6s; }
.gallery-item .img-warpper .overlay .icon-wrap a {
height: 30px;
width: 30px;
background: #fff;
border-radius: 50%;
display: inline-block;
margin-right: 10px;
line-height: 30px;
color: var(--main-color-one); }
.gallery-item .img-warpper:hover .overlay {
top: 0;
visibility: visible;
opacity: 1; }

.contact-from .form-group {
margin-bottom: 20px; }
.contact-from .form-group .form-control {
border-radius: 0;
width: 100%;
border: 1px solid #ced4da;
border-radius: 2px;
padding: 14px 10px;
color: #919191;
font-size: 15px; font-family: 'Poppins', sans-serif;}
.contact-from .form-group textarea {
resize: none; height:60px;}
.contact-from .form-group textarea:focus {
outline: 1px solid var(--main-color-one);
-webkit-box-shadow: none;
box-shadow: none; }

.contact-from.style-2 {
max-width: 500px; }
.contact-from.style-2 .form-group .form-control {
border: 1px solid #ECFBFF;
padding: 10px; }

.contact-from.style-3 {
background: #F6F6F6;
padding: 60px 30px; }
.contact-from.style-3 .form-group .form-control {
border: none;
padding: 10px; }

.info-box {
text-align: center; }
.info-box .pulse-icon {
height: 35px;
width: 35px;
line-height: 35px;
background: var(--main-color-one);
color: var(--white);
display: inline-block; }
.info-box p {
margin-top: 20px; }

.animated-item {
display: inline-block;
position: absolute;
left: 40%;
bottom: 0%;
z-index: 0; }
.animated-item .animate-img {
position: relative;
padding: 20px;
max-width: 120px;
text-align: center; }
.animated-item .animate-img img {
-webkit-animation: spin 10s linear infinite;
animation: spin 10s linear infinite; }
.animated-item .animate-img::after {
content: "";
display: block;
background-image: url("../img/technology/animated-bg3.svg");
height: 100%;
background-repeat: no-repeat;
width: 100%;
background-position: center;
background-size: contain;
left: 0;
top: 0;
position: absolute;
-webkit-animation: spin 5s linear infinite;
animation: spin 5s linear infinite;
z-index: -1; }
.animated-item .animate-img.small-size {
max-width: 80px; }
.animated-item .animate-img.small-size-2 {
max-width: 100px; }
.animated-item.item-2 {
left: 60%;
bottom: 10%; }
.animated-item.item-3 {
left: 80%;
bottom: 70%; }
.animated-item.style-2 .animate-img::after {
height: 135%;
width: 135%;
left: -24%;
top: -12%;
background-image: url("../img/news/animate-bg.svg"); }

.animated-img-box {
display: inline-block;
text-align: center; }
.animated-img-box .img-wrap {
display: inline-block;
position: relative; }
.animated-img-box .img-wrap img {
border-radius: 50%; }
.animated-img-box .img-wrap::before {
display: block;
content: "";
height: 105%;
width: 110%;
background: #5ED4F0;
position: absolute;
z-index: -1;
border-radius: 40%;
left: -5%;
top: -5%;
-webkit-animation: animatebg 7s linear infinite;
animation: animatebg 7s linear infinite; }
.animated-img-box .img-wrap::after {
display: block;
content: "";
height: 120%;
width: 110%;
background: rgba(94, 211, 240, 0.527);
position: absolute;
z-index: -1;
border-radius: 45%;
left: -5%;
top: -10%;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
-webkit-animation: animatebg 10s linear infinite;
animation: animatebg 10s linear infinite; }
.animated-img-box p {
padding-top: 30px; }

.animated-img-area-2 .animated-img-box-2 {
position: relative;
max-width: 350px;
z-index: 1;
display: inline-block; }
.animated-img-area-2 .animated-img-box-2 img {
border-radius: 50%; }
.animated-img-area-2 .animated-img-box-2::before {
content: "";
display: block;
height: 120%;
width: 120%;
background-image: url("../img/investor/animate1.png");
z-index: -1;
position: absolute;
left: -10%;
top: 0;
background-size: contain;
background-repeat: no-repeat;
color: #1aabcf;
-webkit-animation: none;
animation: none;
-webkit-animation: animatebg 10s linear infinite;
animation: animatebg 10s linear infinite; }
.animated-img-area-2 .animated-img-box-2::after {
content: "";
display: block;
height: 140%;
width: 140%;
background-image: url("../img/investor/animate2.png");
z-index: -2;
position: absolute;
left: -20%;
top: -16%;
background-size: contain;
background-repeat: no-repeat;
-webkit-animation: none;
animation: animatebg 15s linear infinite; }

/* Hotspot */
#hotspotImg {
margin: auto;
position: relative; }
#hotspotImg .hot-spot {
position: absolute;
width: 15px;
height: 15px;
top: 0px;
left: -65px;
text-align: center;
background-color: #fff;
border-radius: 100%;
-webkit-animation: ripple-white 2s  infinite;
animation: ripple-white 2s  infinite;
cursor: pointer;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease; }
#hotspotImg .hot-spot .tooltip {
background-color: rgba(21, 193, 232, 0.8);
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
color: #fff;
display: none;
opacity: 1;
left: -170px;
padding: 15px;
position: absolute;
bottom: 15px;
width: 280px;
z-index: 999; }
#hotspotImg .hot-spot .tooltip .img-row {
padding: 10px;
text-align: center; }
#hotspotImg .hot-spot .tooltip .text-row {
text-align: center; }
#hotspotImg .hot-spot .tooltip .text-row p {
  color: #fff; }
#hotspotImg .hot-spot.item-2 {
left: -365px;
bottom: 0;
top: inherit; }
#hotspotImg .hot-spot.item-2 .tooltip {
left: -210px;
bottom: -195px;
padding: 0;
width: 380px; }
#hotspotImg .hot-spot.item-2 .text-with-img {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center; }
#hotspotImg .hot-spot.item-2 .text-with-img img {
  width: 50%;
  height: auto; }
#hotspotImg .hot-spot.item-2 .text-with-img p {
  width: 50%;
  color: #fff;
  padding: 15px; }

.therapy-box {
text-align: center;
margin-bottom: 30px; }
.therapy-box .icon-wrap {
padding: 50px;
position: relative;
background-image: url("../img/therapy/icon-shape2.svg");
background-size: contain;
background-repeat: no-repeat;
background-position: center; }
.therapy-box .icon-wrap i {
font-size: 40px;
color: var(--heading-color); }
.therapy-box .content-wrap {
padding-top: 30px; }
.therapy-box .content-wrap p {
max-width: 80%;
margin: auto; }

.event-item {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
border: 1px solid #15c0e8; }
.event-item .img-part {
width: 50%;
position: relative; }
.event-item .img-part img {
height: 100%;
width: 100%; }
.event-item .img-part .overlay {
position: absolute;
height: 100%;
width: 100%;
background: rgba(21, 192, 232, 0.9);
top: 0;
left: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center; }
.event-item .img-part .overlay .date-title {
color: #fff;
font-size: 100px;
line-height: 120px;
text-align: center;
margin-bottom: 0; }
.event-item .content-part {
width: 50%;
padding: 20px; }
.event-item .content-part .event-meta {
padding: 0;
margin: 20px 0 10px; }
.event-item .content-part .event-meta li {
display: inline-block;
margin-bottom: 0; }
.event-item .content-part .event-meta li + li {
  margin-left: 20px; }
.event-item .content-part .event-meta li i {
  color: #15c0e8; }
.event-item .content-part .btn-wrapper {
margin-top: 0; }
.event-item.style-2 {
border: none; }

.career-item {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
border: 1px solid #a2edff;
padding: 30px; }
.career-item + .career-item {
margin-top: 30px; }
.career-item .description-part {
width: 40%; }
.career-item .description-part h5.title {
margin-bottom: 20px; }
.career-item .date-part {
width: 40%;
padding: 0 20px; }
.career-item .date-part i {
color: var(--main-color-one);
margin-right: 5px; }
.career-item .btn-wrapper {
width: 20%;
text-align: center;
margin: 0; }

.careet-meta ul {
padding: 0; }
.careet-meta ul li {
list-style: none; }
.careet-meta ul li i {
color: var(--main-color-one);
font-size: 16px;
font-weight: 700;
margin-right: 10px; }

.star-ratings i {
color: #AEAEAE;
cursor: pointer; }

.star-ratings.checked i {
color: #15C0E8; }

.product-sorting {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center; }
.product-sorting .sorting-title .title {
margin: 0;
margin-right: 30px; }
.product-sorting .select-option .nice-select {
border-radius: 3px;
border: solid 1px #AEAEAE;
padding-right: 50px; }
.product-sorting .select-option .nice-select::after {
height: 10px;
margin-top: -7px;
width: 10px; }

.product-single-item {
margin-top: 30px;
text-align: center; }
.product-single-item .product-img {
position: relative;
display: inline-block;
overflow: hidden;
border: 1px solid #EDEFEE; }
.product-single-item .product-img .overlay {
position: absolute;
height: 100%;
background: rgba(38, 53, 52, 0.5);
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
top: 100%;
left: 0;
visibility: hidden;
opacity: 0;
-webkit-transition: all .6s;
-o-transition: all .6s;
transition: all .6s; }
.product-single-item .product-img .overlay ul {
padding: 0; }
.product-single-item .product-img .overlay ul li {
  display: inline-block;
  list-style: none;
  color: #fff;
  border: 1px solid #fff;
  height: 30px;
  width: 30px;
  line-height: 30px;
  text-align: center;
  border-radius: 50%;
  -webkit-transition: all 0.6s;
  -o-transition: all 0.6s;
  transition: all 0.6s; }
  .product-single-item .product-img .overlay ul li + li {
    margin-left: 15px; }
  .product-single-item .product-img .overlay ul li:hover {
    background: var(--main-color-one);
    border: 1px solid var(--main-color-one); }
.product-single-item .product-img:hover .overlay {
top: 0;
visibility: visible;
opacity: 1; }

.single-product-description {
padding: 20px 0; }
.single-product-description .star-ratings i {
color: #aeaeae;
font-size: 14px; }
.single-product-description .star-ratings.checked i {
color: var(--main-color-one); }
.single-product-description .price-box {
padding-top: 10px; }
.single-product-description .price-box .price {
color: #777777;
font-weight: 600; }

.research-item {
margin-bottom: 60px;
display: -webkit-box;
display: -ms-flexbox;
display: flex; }
.research-item .img-wrap {
width: 30%;
margin-right: -90px;
z-index: 1; }
.research-item .content-part {
background: #fff;
padding: 60px 30px 60px 120px;
width: 70%; }

/*---------------------
## Breadcumb 
----------------------*/
.breadcrumb-area {
padding: 80px 0;
background-image: url("../img/breadcrumb/brd.png");
background-size: cover;
position: relative;
overflow-x: hidden; }
.breadcrumb-area .breadcrumb-inner {
display: inline-block;
padding: 95px 22px 10px;margin-left:9%;
min-width: 350px; }
.breadcrumb-area .breadcrumb-inner .page-title {
font-size: 41px;
font-weight: 800;
text-transform: capitalize;
margin-bottom: 8px; }
.breadcrumb-area .breadcrumb-inner .page-title.white-effect {
color: #000000; }

b, strong {
    font-weight: bolder;
}


.breadcrumb-area .breadcrumb-inner.no-bg {
background: none; }
.breadcrumb-area .breadcrumb-inner.no-bg .page-title {
color: #fff; }
.breadcrumb-area .breadcrumb-inner.no-bg .page-list li {
color: #fff; }
.breadcrumb-area .page-list {
margin: 0;
padding: 0; }
.breadcrumb-area .page-list li {
display: inline-block;
position: relative;
padding-left: 30px;
font-size: 16px;
color: #263534; }
.breadcrumb-area .page-list li:first-child {
padding-left: 0; }
.breadcrumb-area .page-list li:first-child:after {
  display: none; }
.breadcrumb-area .page-list li:after {
position: absolute;
left: 5px;
top: 0;
content: "\f109";
font-family: "flaticon";
font-size: 14px;
font-weight: 900; }
.breadcrumb-area .page-list li a {
-webkit-transition: all 0.6s;
-o-transition: all 0.6s;
transition: all 0.6s; }
.breadcrumb-area .page-list li a:hover {
  color: var(--black); }

.breadcrumb-area .page-list.white-effect li {color: #000;}

.breadcrumb-area .page-list.black-effect li{color: rgba(0, 0, 0, 0.6) !important; font-size: 17px;}
.breadcrumb-area .page-list.black-effect li strong a{font-size:17px; color:#000;}

.breadcrumb-area.about-area-breadcrumb {
background-image: url("../img/breadcrumb/about/bg.png");
background-position: right;
position: relative;
background-size: auto; }
.breadcrumb-area.about-area-breadcrumb::before {
content: "";
height: 100%;
width: 100%;
position: absolute;
background-image: url("../img/breadcrumb/contact/bg.png");
top: 0;
left: 0; }
.breadcrumb-area.faq-area-breadcrumb {
background-image: url("../img/breadcrumb/contact/bg.png");
background-size: cover;
position: relative;}
.breadcrumb-area.investor-area-breadcrumb {
background-image: url("../img/breadcrumb/contact/bg.png");
background-size: cover;
position: relative;}
.breadcrumb-area.pipeline-area-breadcrumb {
background-image: url("../img/breadcrumb/contact/bg.png");
background-size: cover;
position: relative; }
.breadcrumb-area.research-area-breadcrumb {
background-image: url("../img/breadcrumb/contact/bg.png");
background-size: cover;
position: relative;}
.breadcrumb-area.research-area-breadcrumb .breadcrumb-inner {
background: rgba(22, 195, 233, 0.2); }
.breadcrumb-area.research-details-area-breadcrumb {
background-image: url("../img/breadcrumb/contact/bg.png");
background-size: cover;
position: relative;}
.breadcrumb-area.team-area-breadcrumb {
background-image: url("../img/breadcrumb/contact/bg.png");
background-size: cover;
position: relative;}
.breadcrumb-area.career-area-breadcrumb {
background-image: url("../img/breadcrumb/contact/bg.png");
background-size: cover;
position: relative;}
.breadcrumb-area.partner-area-breadcrumb {
background-image: url("../img/breadcrumb/contact/bg.png");
background-size: cover;
position: relative;}
.breadcrumb-area.contact-area-breadcrumb {
background-image: url("../img/breadcrumb/contact/bg.png");
    background-position: center right -124px;
    background-size:cover;
    width: 100%;
    height: 420px;
    display: flex;
position: relative;}
.breadcrumb-area.checkout-area-breadcrumb {
background-image: url("../img/breadcrumb/contact/bg.png");
background-size: cover;
position: relative;}
.breadcrumb-area.shop-area-breadcrumb {
background-image: url("../img/breadcrumb/contact/bg.png");
background-size: cover;
position: relative;}
.breadcrumb-area.shop-area-breadcrumb .breadcrumb-inner {
background: rgba(255, 255, 255, 0.4); }
.breadcrumb-area.news-area-breadcrumb {
background-image: url("../img/breadcrumb/contact/bg.png");
background-size: cover;
position: relative;}
.breadcrumb-area.news-area-1-breadcrumb {
background-image: url("../img/breadcrumb/contact/bg.png");
background-size: cover;
position: relative;}
.breadcrumb-area.news-area-2-breadcrumb {
background-image: url("../img/breadcrumb/contact/bg.png");
background-size: cover;
position: relative;}

/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/
.comment-content a {
word-wrap: break-word; }

.bypostauthor {
display: block; }

.comments-area {
margin-top: 30px; }

.comments-area .comments-title {
font-size: 26px;
line-height: 34px;
font-weight: 600;
margin-bottom: 45px; }

.comments-area .comment-list .comment-respond {
margin-bottom: 30px; }

.comments-area .comment-list {
margin: 0;
padding: 0;
list-style: none;
list-style-type: none;
margin-bottom: 20px; }

.comments-area .comment-list li {
margin-bottom: 30px; }

.comments-area .comment-list li:last-child {
margin-bottom: 0; }

.comments-area .comment-list li ul.children {
margin: 0;
padding: 0;
list-style: none;
list-style-type: none; }

.comments-area .comment-list li ul {
list-style: none;
margin-left: 95px;
padding: 0; }

.comments-area .comment-list li ul.children li {
margin-left: 50px;
list-style-type: none;
list-style: none; }

.comments-area .comment-list li .single-comment-wrap {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-item-align: start;
align-self: flex-start; }

.comments-area .comment-list li .single-comment-wrap .thumb {
margin-right: 20px;
max-width: 80px; }

.comments-area .comment-list li .single-comment-wrap .thumb img {
border-radius: 50%; }

.comments-area .comment-list li .single-comment-wrap .date,
.blog-details-page-content-area .comments-area .comment-list li .single-comment-wrap .time {
display: block;
font-size: 14px;
line-height: 22px;
margin-bottom: 20px;
margin-left: 35px;
position: relative; }
.comments-area .comment-list li .single-comment-wrap .date::after,
.blog-details-page-content-area .comments-area .comment-list li .single-comment-wrap .time::after {
content: '';
position: absolute;
width: 20px;
height: 2px;
background-color: var(--hover-color);
left: -35px;
top: 9px; }

.comments-area .comment-list li .single-comment-wrap .content {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
position: relative; }
.comments-area .comment-list li .single-comment-wrap .content .top-part {
background: #F2F2F2;
padding: 20px 30px;
margin-bottom: 10px; }
.comments-area .comment-list li .single-comment-wrap .content .top-part .title {
font-size: 18px;
line-height: 28px;
font-weight: 600; }
.comments-area .comment-list li .single-comment-wrap .content .top-part p {
font-size: 14px;
line-height: 26px;
word-break: break-word; }
.comments-area .comment-list li .single-comment-wrap .content .reply {
display: block;
-webkit-transition: all .6s;
-o-transition: all .6s;
transition: all .6s; }
.comments-area .comment-list li .single-comment-wrap .content .reply i {
color: var(--main-color-one); }
.comments-area .comment-list li .single-comment-wrap .content .reply:hover {
color: var(--main-color-one); }

.comments-area .comment-list li .single-comment-wrap .content .comment-content {
max-width: 620px; }

.comments-area .comment-list li .single-comment-wrap .content p:last-child {
margin-bottom: 0; }

.comments-area .comment-list li .single-comment-wrap .content .view-reply {
display: block;
font-weight: 500;
color: #5D5D5D;
padding-bottom: 20px; }

.comments-area .reply-title,
.comments-area .comment-reply-title {
font-size: 26px;
line-height: 34px;
font-weight: 600;
margin-bottom: 20px; }

.comments-area .comment-form {
max-width: 500px; }

.comments-area .form-submit {
margin-bottom: 0; }

.comment-form .form-group.textarea .form-control {
min-height: 160px;
resize: none;
line-height: 26px; }

.comment-form .form-group.textarea .form-control:focus {
outline: none;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none; }

.comment-form .form-group .form-control {
height: 40px;
border: none;
border-radius: 0;
background: #F2F2F2;
color: #919191;
font-size: 15px; }

.comments-area .comment-list .children li:last-child {
margin-bottom: 30px; }

.comments-area .comment-list li ul.children {
margin-top: 30px; }

.comment-form-cookies-consent input[type=checkbox] {
margin-right: 5px; }

/*--------------------------------------------------------------
## WIdgets
--------------------------------------------------------------*/
.widget {
margin-bottom: 30px;
padding: 25px 45px 30px 30px;
background-color: var(--white) lite; }
.widget.Dizzcox_testimonial_widget {
background-color: var(--secondary-color); }

.widget select {
width: 100%;
height: 50px;
padding: 10px 20px; }

.widget .blog-widget-title {
font-size: 25px;
font-weight: 600;
line-height: 35px;
margin-bottom: 20px; }

.widget.widget_calendar {
padding-right: 24px;
padding-left: 24px; }

.widget.widget_nav_menu ul li.menu-item-has-children:after {
display: none; }

.widget.footer-widget .subscribe-form .form-group .form-control {
background-color: var(--white);
color: var(--main-color-one); }
.widget.footer-widget .subscribe-form .form-group .form-control::-webkit-input-placeholder {
/* WebKit browsers */
color: var(--main-color-one); }
.widget.footer-widget .subscribe-form .form-group .form-control:-moz-placeholder {
/* Mozilla Firefox 4 to 18 */
color: var(--main-color-one); }
.widget.footer-widget .subscribe-form .form-group .form-control::-moz-placeholder {
/* Mozilla Firefox 19+ */
color: var(--main-color-one); }
.widget.footer-widget .subscribe-form .form-group .form-control:-ms-input-placeholder {
/* Internet Explorer 10+ */
color: var(--main-color-one); }

.widget.footer-widget .subscribe-form .submit-btn:hover {
background-color: var(--hover-color);
color: var(--white); }

.widget.footer-widget {
background-color: transparent !important;
padding: 0;
margin-bottom: 30px; }

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

.widget ul li ul {
margin-left: 20px; }

.widget ul li {
display: block;
margin: 8px 0;
word-break: break-word; }

.widget ul li:first-child {
margin-top: 0px; }

.widget ul li:last-child {
margin-bottom: 0px; }

.widget ul li a {
color: inherit;
-webkit-transition: all 0.3s ease-in;
-moz-transition: all 0.3s ease-in;
-o-transition: all 0.3s ease-in;
transition: all 0.3s ease-in; }

.widget ul li a:hover {
color: var(--main-color-one); }

.widget_search .search-form {
position: relative; }

.widget_search .search-form .form-group {
margin-bottom: 0; }

.widget_search .search-form .form-group .form-control {
height: 50px;
border: 1px solid rgba(0, 0, 0, 0.2);
padding: 0 70px 0 25px;
background-color: #bcbcbc;
color: var(--white);
border-radius: 0; }
.widget_search .search-form .form-group .form-control::-webkit-input-placeholder {
/* WebKit browsers */
color: var(--white); }
.widget_search .search-form .form-group .form-control:-moz-placeholder {
/* Mozilla Firefox 4 to 18 */
color: var(--white); }
.widget_search .search-form .form-group .form-control::-moz-placeholder {
/* Mozilla Firefox 19+ */
color: var(--white); }
.widget_search .search-form .form-group .form-control:-ms-input-placeholder {
/* Internet Explorer 10+ */
color: var(--white); }

.widget_search .search-form .submit-btn {
position: absolute;
right: 0;
top: 0;
width: 60px;
height: 50px;
line-height: 50px;
padding: 0;
font-size: 14px;
background-color: #bcbcbc;
color: var(--white);
-webkit-transition: 0.3s ease-in;
-o-transition: 0.3s ease-in;
transition: 0.3s ease-in;
border: none;
cursor: pointer; }

.widget_search .search-form .submit-btn:hover {
color: var(--white); }

.widget_author_meta {
text-align: center; }

.widget_author_meta .thumb {
width: 80px;
height: 80px;
margin: 0 auto;
margin-bottom: 20px; }

.widget_author_meta .thumb img {
border-radius: 50%; }

.widget_author_meta .content .name {
font-size: 21px;
font-weight: 700; }

.widget_author_meta .content p {
font-size: 16px;
line-height: 26px; }

.widget_author_meta .content ul {
margin-top: 25px; }

.widget_author_meta .content ul li {
display: inline-block;
margin: 0 5px; }

.widget_author_meta .content ul li a {
display: block;
width: 40px;
height: 40px;
line-height: 40px;
text-align: center;
border: 1px solid rgba(0, 0, 0, 0.1);
border-radius: 50%;
-webkit-transition: all 0.3s ease-in;
-moz-transition: all 0.3s ease-in;
-o-transition: all 0.3s ease-in;
transition: all 0.3s ease-in; }

.widget_author_meta .content ul li a:hover {
background-color: var(--main-color-one);
color: var(--white); }

.widget_tag_cloud .tagcloud a {
display: inline-block;
padding: 5px 15px;
border: 1px solid rgba(0, 0, 0, 0.1);
margin: 5px;
color: inherit;
-webkit-transition: all 0.3s ease-in;
-moz-transition: all 0.3s ease-in;
-o-transition: all 0.3s ease-in;
transition: all 0.3s ease-in;
border-radius: 5px;
font-size: 16px !important; }

.widget_tag_cloud .tagcloud a:hover {
background-color: var(--main-color-one);
color: var(--white); }

.widget ul li ul.sub-menu {
position: initial; }

.widget ul li ul.sub-menu {
visibility: visible;
opacity: 1;
background-color: transparent;
border-top: none;
-webkit-box-shadow: none;
box-shadow: none;
margin-top: 10px; }

.widget ul li ul.sub-menu li a {
padding: 0 0 0px 10px; }

.widget ul li ul.sub-menu li a:hover {
background-color: transparent; }

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

.widget.widget_nav_menu ul li:first-child {
margin-top: 0; }

.widget.widget_nav_menu ul li:last-child {
margin-bottom: 0; }

.widget.widget_nav_menu ul li a {
border: none; }

.widget.widget_nav_menu ul li > ul {
margin-left: 15px; }

.widget_nav_menu .two-part {
display: -webkit-box;
display: -ms-flexbox;
display: flex; }
.widget_nav_menu .two-part .left-part {
width: 50%; }
.widget_nav_menu .two-part .right-part {
width: 50%; }

.widget.footer-widget.widget_calendar table {
margin-bottom: 0; }

.widget.footer-widget.widget_calendar caption {
padding-bottom: 0; }

.footer-widget .widget-title {
color: var(--white);
margin-bottom: 20px; }

.widget.footer-widget p,
.footer-widget.widget_tag_cloud .tagcloud a,
.widget.footer-widget.widget_calendar caption,
.widget.footer-widget.widget_calendar th,
.widget.footer-widget.widget_calendar td {
color: #d9d9d9;
font-size: 14px;
font-weight: 400;
max-width: 90%; }

.widget.footer-widget ul li a,
.widget.footer-widget ul li {
color: #d9d9d9;
font-size: 14px;
font-weight: 400; }

.widget.footer-widget ul li a:hover {
color: var(--hover-color); }

.widget .social_share {
margin: 0;
padding: 0;
list-style: none;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap; }
.widget .social_share li {
width: calc(100% / 3);
margin: 0;
display: block;
padding: 20px 0 12px 0;
text-align: center;
border-radius: 5px;
color: var(--white); }
.widget .social_share li i {
display: block;
margin-bottom: 10px;
font-size: 20px; }
.widget .social_share li.facebook {
background-color: #3b5999; }
.widget .social_share li.twitter {
background-color: #55acee; }
.widget .social_share li.instagram {
background-color: #e4405f; }
.widget .social_share li a:hover {
color: var(--white); }
.widget .social_share li + li {
margin-left: 10px; }

.footer-widget .footer-icon a {
color: var(--white);
background: var(--main-color-one);
height: 35px;
width: 35px;
display: inline-block;
text-align: center;
line-height: 35px;
border-radius: 50%;
margin-right: 15px;
-webkit-transition: all 0.6s;
-o-transition: all 0.6s;
transition: all 0.6s; }
.footer-widget .footer-icon a:hover {
background: var(--hover-color); }

.footer-widget.white-effect .footer-icon a {
color: var(--black);
background: var(--white); }
.footer-widget.white-effect .footer-icon a:hover {
background: var(--main-color-one);
color: #fff; }

.widget .recent_post_item {
margin: 0;
padding: 0;
list-style: none; }
.widget .recent_post_item li {
display: block; }
.widget .recent_post_item li + li {
margin-top: 20px; }
.widget .recent_post_item li.single-recent-post-item {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-item-align: start;
align-self: flex-start; }
.widget .recent_post_item li.single-recent-post-item .thumb {
width: 115px;
height: 90px;
margin-right: 15px; }
.widget .recent_post_item li.single-recent-post-item .content {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1; }
.widget .recent_post_item li.single-recent-post-item .content .title {
  max-width: 80%; }

.widget .related_products_item {
margin: 0;
padding: 0;
list-style: none; }
.widget .related_products_item li {
display: block; }
.widget .related_products_item li + li {
margin-top: 20px; }
.widget .related_products_item li.single-related_product {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-item-align: start;
align-self: flex-start; }
.widget .related_products_item li.single-related_product .thumb {
width: 115px;
margin-right: 20px;
border: 1px solid #edefee;
padding: 10px; }
.widget .related_products_item li.single-related_product .content p {
padding-top: 10px; }

.widget .upcoming_event_item {
margin: 0;
padding: 0;
list-style: none; }
.widget .upcoming_event_item li {
display: block; }
.widget .upcoming_event_item li + li {
margin-top: 30px; }
.widget .upcoming_event_item li.single-upcoming-event-item {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-item-align: start;
align-self: flex-start; }
.widget .upcoming_event_item li.single-upcoming-event-item .thumb {
width: 115px;
height: 90px;
margin-right: 15px; }
.widget .upcoming_event_item li.single-upcoming-event-item .content {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1; }
.widget .upcoming_event_item li.single-upcoming-event-item .content .title {
  max-width: 80%; }
.widget .upcoming_event_item li.single-upcoming-event-item .content .date-with-time {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  max-width: 80%; }
.widget .upcoming_event_item li.single-upcoming-event-item.border-bottom {
border-bottom: 1px dashed #d5d5d5 !important;
padding-bottom: 30px; }

.widget .recent_comment_item {
margin: 0;
padding: 0;
list-style: none; }
.widget .recent_comment_item li {
display: block; }
.widget .recent_comment_item li + li {
margin-top: 20px; }
.widget .recent_comment_item li.single-recent-comment-item {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-item-align: start;
align-self: flex-start; }
.widget .recent_comment_item li.single-recent-comment-item .thumb {
width: 115px;
height: 90px;
margin-right: 15px; }
.widget .recent_comment_item li.single-recent-comment-item .content {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1; }
.widget .recent_comment_item li.single-recent-comment-item .content .title {
  font-size: 18px;
  line-height: 24px;
  font-weight: 500; }
.widget .recent_comment_item li.single-recent-comment-item .content .time {
  font-size: 14px;
  font-weight: 400;
  line-height: 30px; }

.contact_info_list {
margin: 0;
padding: 0;
list-style: none; }
.contact_info_list li {
display: block; }
.contact_info_list li.single-info-item {
position: relative;
margin-bottom: 20px; }
.contact_info_list li.single-info-item .icon {
position: absolute;
left: 0;
top: 0; }
.contact_info_list li.single-info-item .details {
padding-left: 30px;
max-width: 220px; }

.about_us_widget .footer-logo {
margin-bottom: 25px;
display: block; }

.sidebar_widget {
background: none;
border: 1px solid var(--bg-4);
float: left;
width: 100%;
margin-bottom: 0;
padding: 0; }
.sidebar_widget + .sidebar_widget {
margin-top: 60px; }
.sidebar_widget .widget-title {
margin-bottom: 20px; }
.sidebar_widget.border-bottom {
border-bottom: 1px dashed #d5d5d5 !important;
padding-bottom: 60px; }
.sidebar_widget.widget_categories .active {
color: var(--main-color-one); }
.sidebar_widget.widget_categories.style-2 {
border: 1px solid #f4f4f4; }
.sidebar_widget.widget_categories.style-2 .widget-title {
background: #f4f4f4;
padding: 10px 30px; }
.sidebar_widget.widget_categories.style-2 ul {
padding: 15px 30px 30px; }
.sidebar_widget.widget_filters + .widget_filters {
margin-top: 45px; }
.sidebar_widget.widget_filters .widget-title {
margin-bottom: 23px; }
.sidebar_widget.widget_filters .choose-option label {
display: list-item;
list-style: none; }
.sidebar_widget.widget_filters .choose-option label input[type="checkbox"] {
margin-right: 10px;
outline: none; }
.sidebar_widget.social_share_widget {
margin-top: 45px; }
.sidebar_widget .footer-icon a {
color: var(--white);
background: var(--main-color-one);
height: 35px;
width: 35px;
display: inline-block;
text-align: center;
line-height: 35px;
border-radius: 50%;
margin-right: 15px;
-webkit-transition: all 0.6s;
-o-transition: all 0.6s;
transition: all 0.6s; }
.sidebar_widget .footer-icon a:hover {
background: var(--hover-color); }
.sidebar_widget .search-form {
position: relative; }
.sidebar_widget .search-form .form-group {
margin-bottom: 0; }
.sidebar_widget .search-form .form-group .form-control {
height: 50px;
border: 1px solid var(--bg-3);
padding: 0 120px 0 15px;
background: #edefee;
color: #000; }
.sidebar_widget .search-form .form-group .form-control::-webkit-input-placeholder {
color: #777777; }
.sidebar_widget .search-form .form-group .form-control:-ms-input-placeholder {
color: #777777; }
.sidebar_widget .search-form .form-group .form-control::-ms-input-placeholder {
color: #777777; }
.sidebar_widget .search-form .form-group .form-control::placeholder {
color: #777777; }
.sidebar_widget .search-form .submit-btn {
position: absolute;
right: 0;
top: 0;
width: 100px;
height: 50px;
padding: 0;
font-size: 18px;
border-top-right-radius: 5px;
border-bottom-right-radius: 5px;
background-color: var(--main-color-one);
color: #fff;
-webkit-transition: 0.3s ease-in;
-o-transition: 0.3s ease-in;
transition: 0.3s ease-in;
border: none;
cursor: pointer;
outline: none; }
.sidebar_widget .search-form .submit-btn i {
font-weight: 700; }
.sidebar_widget .search-form .submit-btn:hover,
.sidebar_widget .subscribe-form .submit-btn:hover {
background-color: var(--hover-color); }
.sidebar_widget .single-recent-post-item {
padding: 10px 0;
border-bottom: 1px solid var(--bg-4); }
.sidebar_widget .single-recent-post-item:last-child {
border-bottom: none;
padding-bottom: 0;
margin-bottom: -15px; }
.sidebar_widget .single-recent-post-item:first-child {
padding-top: 2px; }
.sidebar_widget .left-item {
width: 50%;
float: left;
margin-top: 5px; }
.sidebar_widget .right-item {
width: 50%;
float: left;
margin-top: 5px; }
.sidebar_widget.widget_nav_menu ul {
margin-bottom: 5px; }
.sidebar_widget.widget_nav_menu ul li {
margin-bottom: 0;
position: relative;
-webkit-transition: all 0.6s;
-o-transition: all 0.6s;
transition: all 0.6s; }
.sidebar_widget.widget_nav_menu ul li::after {
content: "";
background: var(--bg-4);
position: absolute;
height: 1px;
width: 70%;
left: 0;
bottom: -4px; }
.sidebar_widget.widget_nav_menu ul li:hover {
color: var(--main-color-one); }
.sidebar_widget.widget_nav_menu ul li.active {
color: var(--main-color-one); }
.sidebar_widget.widget_archive ul li {
position: relative;
margin-left: 40px;
padding-bottom: 15px;
-webkit-transition: all 0.6s;
-o-transition: all 0.6s;
transition: all 0.6s;
color: var(--paragraph-color);
padding-top: 4px; }
.sidebar_widget.widget_archive ul li::before {
position: absolute;
left: -40px;
top: 5px;
content: "\f073";
font-family: "Font Awesome 5 Free";
font-weight: 900; }
.sidebar_widget.widget_archive ul li:not(:last-child)::after {
content: "";
background: var(--bg-4);
position: absolute;
height: 1px;
width: 100%;
left: -40px;
bottom: 5px; }
.sidebar_widget.widget_archive ul li:last-child {
padding-bottom: 0; }
.sidebar_widget.widget_archive ul li:hover {
color: var(--main-color); }
.sidebar_widget .instagram-images {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
padding-top: 10px; }
.sidebar_widget .instagram-images .img-wrapper {
margin-right: 20px; }
.sidebar_widget.banner_widget .img-wrapper {
position: relative;
display: inline-block; }
.sidebar_widget.banner_widget .img-wrapper .overly {
position: absolute;
height: 100%;
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
top: 0; }
.sidebar_widget.banner_widget .img-wrapper .overly p {
font-size: 45px; }
.sidebar_widget.widget_cart p {
margin-bottom: 0; }
.sidebar_widget.banner_widget-2 .img-wrapper {
position: relative;
display: inline-block; }
.sidebar_widget.banner_widget-2 .img-wrapper .overly {
position: absolute;
height: 100%;
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
top: 0;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
background: rgba(208, 240, 244, 0.571);
padding-left: 50px; }
.sidebar_widget.banner_widget-2 .img-wrapper .overly .btn-wrapper {
margin: 0; }
.sidebar_widget .follow-widget {
padding: 0; }
.sidebar_widget .follow-widget ul li {
margin: 0;
padding-top: 10px; }
.sidebar_widget .follow-widget ul li a {
background: transparent;
margin: 0 10px;
height: 35px;
width: 35px;
line-height: 35px;
-webkit-transition: all 0.6s;
-o-transition: all 0.6s;
transition: all 0.6s; }
.sidebar_widget .follow-widget ul li a i {
  color: var(--dark-white); }
.sidebar_widget .follow-widget ul li a:hover {
  border: 1px solid var(--main-color); }
  .sidebar_widget .follow-widget ul li a:hover i {
    color: var(--main-color); }
.sidebar_widget .follow-widget ul li a:first-child {
  margin-left: 0; }
.sidebar_widget .subscribe-form {
position: relative;
margin-top: 27px; }
.sidebar_widget .subscribe-form .form-group {
margin-bottom: 0; }
.sidebar_widget .subscribe-form .form-group .form-control {
height: 50px;
border: 1px solid #80dff5;
padding: 0 100px 0 10px; }
.sidebar_widget .subscribe-form .submit-btn {
position: absolute;
right: 0;
top: 0;
width: 90px;
height: 50px;
padding: 0;
border-top-right-radius: 5px;
border-bottom-right-radius: 5px;
background: var(--main-color-one);
color: #fff;
-webkit-transition: 0.3s ease-in;
-o-transition: 0.3s ease-in;
transition: 0.3s ease-in;
border: none;
cursor: pointer;
font-family: var(--primary-font); }
.sidebar_widget .subscribe-form .submit-btn:focus {
outline: none; }
.sidebar_widget .subscribe-form .submit-btn:hover {
background-color: var(--hover-color); }
.sidebar_widget .widget-product-sorting {
padding-top: 15px; }
.sidebar_widget .widget-product-sorting .slider-product-sorting {
height: 3px;
border-radius: 0;
background: #e4e7eb;
border: 0 !important;
margin: 0 10px 25px 10px; }
.sidebar_widget .widget-product-sorting .slider-product-sorting .ui-slider-range {
background: var(--main-color); }
.sidebar_widget .widget-product-sorting .slider-product-sorting .ui-slider-handle {
height: 11px;
width: 11px;
border-radius: 50%;
background: var(--main-color);
border: 0 !important;
top: -4px;
cursor: pointer; }
.sidebar_widget .widget-product-sorting label,
.sidebar_widget .widget-product-sorting input {
font-size: 15px;
letter-spacing: 0.15px;
color: var(--main-color);
border: 0;
background: transparent;
margin-bottom: 0;
line-height: 36px; }
.sidebar_widget .widget-product-sorting label:focus,
.sidebar_widget .widget-product-sorting input:focus {
border: 0; }
.sidebar_widget .widget-product-sorting button {
height: 35px;
line-height: 37px;
padding: 0 25px;
background: var(--main-color);
font-size: 14px;
letter-spacing: 0.42px;
color: var(--white);
border: 0;
border-radius: 30px;
cursor: pointer; }
.sidebar_widget .widget-product-sorting button:focus {
outline: 0; }
.sidebar_widget.widget_testimonial {
text-align: center; }
.sidebar_widget.widget_testimonial .img-wrap img {
border-radius: 50%; }
.sidebar_widget.widget_testimonial p {
padding: 20px 0;
max-width: 80%;
margin: auto; }
.sidebar_widget.widget_testimonial .follow-icon a {
color: #000;
-webkit-transition: all 0.6s;
-o-transition: all 0.6s;
transition: all 0.6s; }
.sidebar_widget.widget_testimonial .follow-icon a + a {
margin-left: 10px; }
.sidebar_widget.widget_testimonial .follow-icon a:hover {
color: var(--main-color-one); }

.copyright-area {
padding: 20px 0;
text-align: center;
color: rgba(var(--white), 0.7); }

.copyright-area a{font-size:14px; font-weight:400; color: rgba(255, 255, 255, 0.6);font-family: 'Poppins', sans-serif;}
.copyright-area a:hover{color:#bbbbbb;}
.copyright-area p{margin-bottom: 0px; font-weight: 400;font-family: 'Poppins', sans-serif;}
.copyright-area .footer-logo{position: relative;}
.copyright-area .footer-logo img{max-width:45%; padding-top: 10px;}

/*----------------------------------------------
# Nav bar 
----------------------------------------------*/
.navbar.navbar-area.white .navbar-toggler-icon {
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255, 255, 255, 0.50)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E"); }

.navbar.navbar-area .navbar-toggler-icon {
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0, 0, 0, 0.50)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E"); }

.mobile-logo {
display: none; }

.navbar-area {
padding: 0;
background: var(--heading-color); }
.navbar-area.nav-absolute {
position: absolute;
background-color: #000 !important;

left: 0;
width: 100%;
top: 0px;
z-index: 1; }
.navbar-area.transparent-bg {
background: transparent; }
.navbar-area.nav-style-01 {
height: 56px;
z-index: 99; }
.navbar-area.nav-style-01 .responsive-mobile-menu {
z-index: 2;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
/*----------------------------------
    Mobile Cross Menu
------------------------------------*/ }
.navbar-area.nav-style-01 .responsive-mobile-menu .cross-menu {
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
right: 7px; }
.navbar-area.nav-style-01 .responsive-mobile-menu .cross-menu .bar1,
.navbar-area.nav-style-01 .responsive-mobile-menu .cross-menu .bar2,
.navbar-area.nav-style-01 .responsive-mobile-menu .cross-menu .bar3 {
  width: 25px;
  height: 4px;
  background-color: #ffffff;
  margin: 4px 0;
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
  display: block;
  border-radius: 20px; }
.navbar-area.nav-style-01 .responsive-mobile-menu .cross-menu.change .bar1 {
  -webkit-transform: rotate(-45deg) translate(-4px, 6px);
  -ms-transform: rotate(-45deg) translate(-4px, 6px);
  transform: rotate(-45deg) translate(-4px, 6px); }
.navbar-area.nav-style-01 .responsive-mobile-menu .cross-menu.change .bar2 {
  opacity: 0; }
.navbar-area.nav-style-01 .responsive-mobile-menu .cross-menu.change .bar3 {
  -webkit-transform: rotate(45deg) translate(-5px, -8px);
  -ms-transform: rotate(45deg) translate(-5px, -8px);
  transform: rotate(45deg) translate(-5px, -8px); }
.navbar-area.nav-style-01 .responsive-mobile-menu .mobile-toggler {
position: absolute;
right: 70px;
visibility: hidden;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
font-size: 22px;
transform: translateY(-50%);
color: #ffffff;
font-weight: 700; }
.navbar-area.nav-style-01 .responsive-mobile-menu .mobile-toggler .user-account .user-close {
  display: none; }
.navbar-area.nav-style-01 .responsive-mobile-menu .mobile-toggler .user-account.change .user-close {
  display: block; }
.navbar-area.nav-style-01 .responsive-mobile-menu .mobile-toggler .user-account.change .user-icon {
  display: none;
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s; }
.navbar-area.nav-style-01 .nav-container {
-webkit-box-shadow: none;
box-shadow: none;
border-radius: 0; }
.navbar-area.nav-style-01 .nav-container .nav-right-content ul li {
color: var(--white);cursor: pointer; padding-left: 10px;padding-right: 10px;}
.navbar-area.nav-style-01 .nav-container .nav-right-content ul li:hover {
  color: var(--black);
  -webkit-transition: all 0.3s ease-in;
  -o-transition: all 0.3s ease-in;
  transition: all 0.3s ease-in; }
.navbar-area.nav-style-01 .nav-container .navbar-collapse .navbar-nav {
text-align: right;
z-index: 2; }
.navbar-area.nav-style-01 .nav-container .navbar-collapse .navbar-nav li.current-menu-item.menu-item-has-children:before {
  color: var(--main-color-one); }
.navbar-area.nav-style-01 .nav-container .navbar-collapse .navbar-nav li a {
  -webkit-transition: all 0.3s ease-in;
  -moz-transition: all 0.3s ease-in;
  -o-transition: all 0.3s ease-in;
  transition: all 0.3s ease-in;
      color: rgba(255, 255, 255, 0.6);
      font-weight: 500;
      font-size: 14px;
  display: inline-block; }
.navbar-area.nav-style-01 .nav-container .navbar-collapse .navbar-nav li:hover a {
  color: #bbbbbb; }
.navbar-area .nav-container {
-webkit-box-shadow: 0px 6px 15px 0px rgba(0, 0, 0, 0.2);
box-shadow: 0px 6px 15px 0px rgba(0, 0, 0, 0.2);
border-bottom-right-radius: 10px;
border-bottom-left-radius: 10px; }
.navbar-area .nav-container .nav-right-content ul {
margin: 0;
padding: 0;
list-style: none;
margin-left: 15px; }
.navbar-area .nav-container .nav-right-content ul li {
display: inline-block;
margin-left: 35px;
margin-bottom: 0;
color: #6a7795; }
.navbar-area .nav-container .nav-right-content ul li:last-child {
  margin-right: 0; }
.navbar-area .nav-container .nav-right-content ul li:nth-child(1) {
  margin: 0; margin-right:0px;}
.navbar-area .nav-container .nav-right-content ul li:nth-child(2) {
  margin: 0; }
.navbar-area .nav-container .nav-right-content ul li a {
  -webkit-transition: all 0.3s ease-in;
  -moz-transition: all 0.3s ease-in;
  -o-transition: all 0.3s ease-in;
  transition: all 0.3s ease-in; color: rgb(0 0 0);
  font-weight: 600; font-size: 15px;font-family: 'Poppins', sans-serif;
}
.navbar-area.nav-style-01 .nav-container .nav-right-content ul.dropdown-menu li a {
    
    font-weight: 400;
}
  .navbar-area .nav-container .nav-right-content ul li a:hover {
    color:#000000; }
.navbar-area .nav-container .nav-right-content ul li.search {
  cursor: pointer;
  -webkit-transition: all 0.3s ease-in;
  -moz-transition: all 0.3s ease-in;
  -o-transition: all 0.3s ease-in;
  transition: all 0.3s ease-in;
  background: #292929; border-radius: 50%; height: 35px; width: 35px; text-align: center;
    line-height: 35px; font-weight: 900; padding: 0px;}

  .navbar-area .nav-container .nav-right-content ul li.search:hover {
    color: var(--white);
    background: #f58220; }
.navbar-area .nav-container .nav-right-content ul li.search .flaticon-search{font-size: 16px;}
.navbar-area .nav-container .nav-right-content ul li.nav-btn .btn-boxed {
  font-weight: 600;
  text-transform: capitalize;
  border-radius: 5px;
  background-color: var(--main-color-one); }
  .navbar-area .nav-container .nav-right-content ul li.nav-btn .btn-boxed:hover {
    background-color: var(--secondary-color); }
.navbar-area .nav-container .navbar-brand .site-title {
font-weight: 700;
font-size: 30px;
font-family: var(--heading-font);
line-height: 40px;
color: var(--heading-color); }
.navbar-area .nav-container .navbar-collapse .navbar-nav {
display: block;
width: 100%;
text-align: right; }
.navbar-area .nav-container .navbar-collapse .navbar-nav li {
display: inline-block;
line-height: 56px; margin-right: 30px;
margin-bottom: 0; }
.navbar-area .nav-container .navbar-collapse .navbar-nav li img{padding-bottom:4px;}
.navbar-area .nav-container .navbar-collapse .navbar-nav li + li {
  margin-right: 30px; }
.navbar-area .nav-container .navbar-collapse .navbar-nav li.current-menu-item a {
  color: var(--main-color-one); }
.navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children {
  position: relative;
  z-index: 0; }
  .navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children:hover > .sub-menu {
    visibility: visible;
    opacity: 1; }
  .navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu {
    position: absolute;
    text-align: left;
    list-style: none;
    padding: 10px 0;
    min-width: 200px;
    -webkit-box-shadow: 2px 7px 13px 0 rgba(0, 0, 0, 0.16);
    box-shadow: 2px 7px 13px 0 rgba(0, 0, 0, 0.16);
    background-color: #d0f0f4;
    z-index: 9;
    visibility: hidden;
    opacity: 0;
    left: 0px;
    top: 70px;
    -webkit-transition: all 0.3s ease-in;
    -moz-transition: all 0.3s ease-in;
    -o-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in; }
    .navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu.mega-menu {
      width: 800px; }
      .navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu.mega-menu li {
        display: inline-block;
        width: 30.33%; }
        .navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu.mega-menu li a {
          padding: 12px 30px 12px 30px; }
    .navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu li {
      display: block;
      margin-left: 0;
      line-height: 15px;
      font-size: 15px;
      -webkit-transition: 0.3s;
      -moz-transition: 0.3s;
      -o-transition: 0.3s;
      transition: 0.3s;
      border-left: 5px solid transparent;
      margin-bottom: 0; }
      .navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu li a {
        display: block;
        padding: 12px 50px 12px 20px;
        white-space: nowrap;
        color: var(--paragraph-color);
        -webkit-transition: all 0.3s ease-in;
        -moz-transition: all 0.3s ease-in;
        -o-transition: all 0.3s ease-in;
        transition: all 0.3s ease-in; }
        .navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu li a:hover {
          color: var(--main-color-one);
          background-color: var(--white); }
      .navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu li:hover {
        -webkit-transition: 0.3s;
        -moz-transition: 0.3s;
        -o-transition: 0.3s;
        transition: 0.3s;
        border-left: 5px solid var(--main-color-one); }
      .navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu li.active-sub-menu {
        border-left: 5px solid var(--main-color-one);
        background-color: var(--white); }
    .navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu .menu-item-has-children {
      position: relative;
      z-index: 0;
      padding-right: 0px; }
      .navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu .menu-item-has-children:before {
        position: absolute;
        right: 15px;
        top: 50%;
        content: "\f107";
        font-family: Flaticon;
        font-style: normal;
        cursor: pointer;
        -ms-transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        z-index: -1;
        font-size: 14px;
        font-weight: 700; }
        .navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu .menu-item-has-children:before:hover {
          color: var(--main-color-one); }
      .navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu .menu-item-has-children > .sub-menu {
        left: 100%;
        top: 0px; }
        .navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu .menu-item-has-children > .sub-menu .sub-menu .sub-menu {
          left: auto;
          right: 100%; }
      .navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu .menu-item-has-children:hover > .sub-menu {
        visibility: visible;
        opacity: 1; }
        .navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu .menu-item-has-children:hover > .sub-menu li:before {
          color: var(--main-color-one); }
        .navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu .menu-item-has-children:hover > .sub-menu li:hover:before {
          color: var(--main-color-one); }
.navbar-area .nav-container .navbar-collapse .navbar-nav li a {
  -webkit-transition: all 0.3s ease-in;
  -moz-transition: all 0.3s ease-in;
  -o-transition: all 0.3s ease-in;
  transition: all 0.3s ease-in; }
  .navbar-area .nav-container .navbar-collapse .navbar-nav li a:hover {
    color: var(--main-color-one); }

.navbar-area.navbar-area-fixed {
position: fixed;
width: 100%;
max-height: 100px;
z-index: 99;
background: var(--heading-color);
-webkit-transition: all 0.6s;
-o-transition: all 0.6s;
transition: all 0.6s; }

@media only screen and (max-width: 991px) {
.navbar-area {
background: #fff;
-webkit-box-shadow: 1px 0 1px #0000001c;
box-shadow: 1px 0 1px #0000001c; }
.navbar-area.nav-absolute {
background: #fff; }
.navbar-area.nav-style-01 {
height: 60px; }
.navbar-area.nav-style-01 .nav-container {
padding: 0 20px;
position: relative; }
.navbar-area.nav-style-01 .nav-container .nav-right-content {
  display: none; }
.navbar-area.nav-style-01 .nav-container .mobile-toggler {
  visibility: visible; }
.navbar-area.nav-style-01 .nav-container .navbar-collapse {
  position: absolute;
  top: 22px;
  right: 20px; }
  .navbar-area.nav-style-01 .nav-container .navbar-collapse .navbar-nav {
    float: right;
    min-width: 250px;
    padding: 15px 0;
    background-color:#000000;
    -webkit-box-shadow: 0px 0 5px #0000001f;
    box-shadow: 0px 0 5px #0000001f; }
    .navbar-area.nav-style-01 .nav-container .navbar-collapse .navbar-nav li.current-menu-item a {
      color: var(--hover-color); }
    .navbar-area.nav-style-01 .nav-container .navbar-collapse .navbar-nav li.current-menu-item.menu-item-has-children:before {
      color: var(--main-color-one); }
    .navbar-area.nav-style-01 .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children {
      z-index: initial;
      padding: 5px 0px; }
      .navbar-area.nav-style-01 .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children:before {
        position: absolute;
        right: 45px;
        top: 22px;
        font-size: 10px;
        content: "\f134";
        font-family: "flaticon";
        font-weight: 600;
        cursor: pointer;
        -ms-transform: translateY(-50%);
        /* IE 9 */
        -webkit-transform: translateY(-50%);
        /* Chrome, Safari, Opera */
        transform: translateY(-50%); }
        .navbar-area.nav-style-01 .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children:before:hover {
          color: var(--hover-color); }
      .navbar-area.nav-style-01 .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu.mega-menu li {
        display: block; }
        .navbar-area.nav-style-01 .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu.mega-menu li a {
          padding: 8px 0px 8px 20px; }
      .navbar-area.nav-style-01 .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu li a {
        background-color: transparent;
        color: var(--paragraph-color);
        padding: 8px 0px 8px 0px;
        font-size: 15px; }
        .navbar-area.nav-style-01 .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu li a:hover {
          color: var(--hover-color); }
      .navbar-area.nav-style-01 .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu .menu-item-has-children::before {
        content: none; }
      .navbar-area.nav-style-01 .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu .menu-item-has-children:hover > .sub-menu li:hover:before {
        color: #656565; }
    .navbar-area.nav-style-01 .nav-container .navbar-collapse .navbar-nav li a {
      -webkit-transition: all 0.3s ease-in;
      -moz-transition: all 0.3s ease-in;
      -o-transition: all 0.3s ease-in;
      transition: all 0.3s ease-in;
      color: #a7a7a7; }
    .navbar-area.nav-style-01 .nav-container .navbar-collapse .navbar-nav li:hover.menu-item-has-children:before {
      color: var(--main-color-one); }
    .navbar-area.nav-style-01 .nav-container .navbar-collapse .navbar-nav li:hover a {
      color:#bbbbbb; }
.navbar-area .nav-container .navbar-brand {
display: block; }
.navbar-area .nav-container .navbar-brand .navbar-toggler {
position: absolute;
right: 10px; }
.navbar-area .nav-container .navbar-collapse .navbar-nav {
display: block;
margin-top: 20px; }
.navbar-area .nav-container .navbar-collapse .navbar-nav li {
display: block;
text-align: left;
line-height: 30px; }
.navbar-area .nav-container .navbar-collapse .navbar-nav li:last-child {
  border-bottom: none; }
.navbar-area .nav-container .navbar-collapse .navbar-nav li + li {
  margin-left: 0; }
.navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children:before {
  top: 25px;
  right: 20px; }
.navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children:hover {
  padding-bottom: 0; }
  .navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children:hover > .sub-menu {
    visibility: visible;
    height: auto;
    opacity: 1;
    background-color: transparent;
    border-bottom: none;
    margin-left: 1.5rem; }
.navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu {
  position: initial;
  display: block;
  width: 100%;
  border-top: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  margin-left: 0;
  padding: 0;
  visibility: hidden;
  opacity: 0;
  height: 0;
  overflow: hidden;
  max-height: 250px;
  overflow-y: scroll;
  -webkit-transition: height 500ms;
  -moz-transition: height 500ms;
  -o-transition: height 500ms;
  transition: height 500ms; }
  .navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu li {
    padding: 0 15px; }
    .navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu li.menu-item-has-children:hover:before {
      top: 30px;
      color: var(--white); }
    .navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu li + li {
      border-top: none; }
.navbar-area .nav-container .navbar-collapse .navbar-nav li {
margin-left: 25px; } }


.btn-login{/*background: linear-gradient(180deg, #f58220 0%, #fab61d 100%);*/
	background-color: rgb(245 130 32); border-radius: 2px;
	text-align: center; padding: 4px 20px;}
/*.btn-login:hover{background-color: rgb(251 129 25);}*/

.btn-singup{/*background: linear-gradient(180deg, #f58220 0%, #fab61d 100%);*/
	background-color: rgb(195 195 195); border-radius: 2px;
	text-align: center; padding: 4px 20px;}
/*.btn-login:hover{background-color: rgb(160 160 160);}*/

/*-------------------------
Footer Area
-------------------------*/
.copyright-area {background: black; padding: 1rem 4rem; position: relative;}

.copyright-area:before {
content: "";
width: 100%;
height: 3px;
position: absolute;
z-index: 1;
top: 0;
left: 0;
background: linear-gradient(180deg, #f58220 0%, #fab61d 100%);
}

.copyright-area-inner .qry-copy {
color: #fff;
font-size: 0.8rem; }
.copyright-area-inner .qry-copy i {
color: var(--main-color-one); }
.copyright-area-inner .qry-copy a {
font-weight: 500; }

.footer-area .footer-top {
background-image: url("../img/footer/bg1.png");
background-size: cover;
background-repeat: no-repeat; }
.footer-area .footer-top.style-2 {
background-image: url("../img/footer/bg2.svg"); }
.footer-area .footer-top.style-2 .footer-widget .widget-title {
color: var(--heading-color); }
.footer-area .footer-top.style-2 .widget.footer-widget p,
.footer-area .footer-top.style-2 .footer-widget.widget_tag_cloud .tagcloud a,
.footer-area .footer-top.style-2 .widget.footer-widget.widget_calendar caption,
.footer-area .footer-top.style-2 .widget.footer-widget.widget_calendar th,
.footer-area .footer-top.style-2 .widget.footer-widget.widget_calendar td {
color: var(--paragraph-color); }
.footer-area .footer-top.style-2 .widget.footer-widget ul li a,
.footer-area .footer-top.style-2 .widget.footer-widget ul li {
color: var(--paragraph-color); }
.footer-area .footer-top.style-2 .widget.footer-widget ul li a:hover {
color: var(--hover-color); }
.footer-area .footer-top.style-3 {
background: #14262C; }
.footer-area .footer-top.style-3 .footer-widget-content-wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
text-align: center; }
.footer-area .footer-top.style-3 .footer-widget-content-wrapper .footer-logo {
width: 140px;
margin: auto; }
.footer-area .footer-top.style-3 .footer-widget-content-wrapper .widget {
margin-bottom: 0; }
.footer-area .footer-top.style-3 .footer-widget-content-wrapper .widget .footer-link {
  margin-bottom: 10px; }
  .footer-area .footer-top.style-3 .footer-widget-content-wrapper .widget .footer-link li {
    display: inline-block;
    border-right: 1px solid;
    padding-right: 25px; }
    .footer-area .footer-top.style-3 .footer-widget-content-wrapper .widget .footer-link li + li {
      margin-left: 25px; }
    .footer-area .footer-top.style-3 .footer-widget-content-wrapper .widget .footer-link li a {
      font-size: 20px; }
    .footer-area .footer-top.style-3 .footer-widget-content-wrapper .widget .footer-link li:last-child {
      border: none;
      padding: 0; }
.footer-area .footer-top.style-3 .footer-widget-content-wrapper .copyright-area-inner .qry-copy {
color: rgba(239, 239, 239, 0.5); }
.footer-area .footer-top.style-3.style-4 {
background-image: url("../img/footer/bg3.svg");
background-color: unset; }
.footer-area .footer-top.style-3.style-4 .footer-icon a {
color: var(--main-color-one); }
.footer-area .footer-top.style-3.style-4 .footer-icon a:hover {
  color: #fff; }

.showcase-area {
background: url(../img/video-home-slider/main-bg.jpg) no-repeat;
background-position: center top 56px;
background-size: 100%;
width: 100%;
height: 100%; }

/*.showcase-area:before {
    content: " ";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.2);
    transition: opacity 0.25s ease-in-out;
    z-index: 0;
}*/

.showcase-area .showcase-overlay {
position: absolute;
height: 100%;
width: 100%;
background-image: url(../img/video-home-slider/main-bg.jpg) no-repeat;
background-size: cover;
background-repeat: no-repeat; }
.showcase-area .showcase-main {
position: relative;
height: 100%;
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center; }
.showcase-area .showcase-main .content-part .showcase1-slider .showcase1-slider-item.slick-active .slider-content-wrap .sub-title {
-webkit-animation: fadeInLeft 2s;
animation: fadeInLeft 2s; }
.showcase-area .showcase-main .content-part .showcase1-slider .showcase1-slider-item.slick-active .slider-content-wrap .title {
-webkit-animation: zoomIn 2s;
animation: zoomIn 2s; }
.showcase-area .showcase-main .content-part .showcase1-slider .showcase1-slider-item.slick-active .slider-content-wrap p {
-webkit-animation: zoomIn 2s;
animation: zoomIn 2s; }
.showcase-area .showcase-main .content-part .showcase1-slider .showcase1-slider-item.slick-active .btn-wrapper {
-webkit-animation: slideInUp 2s;
animation: slideInUp 2s; }
.showcase-area .showcase-main .video-part .pulse-icon {
display: inline-block; }
.showcase-area .showcase-slider-controls {
position: absolute;
bottom: 55px;
left: 6.7%;
-ms-transform: translateX(-10.5%);
-webkit-transform: translateX(-93.3%);
transform: translateX(-93.3%); }
.showcase-area button.slick-prev,
.showcase-area .slick-arrow {
border-radius: 50%;
height: 40px;
width: 40px;
line-height: 40px;
font-size: 16px;
color: #444;
background: #ffffff;
-webkit-transition: all 0.6s;
-o-transition: all 0.6s;
transition: all 0.6s; }
.showcase-area button.slick-prev:hover,
.showcase-area .slick-arrow:hover {
border: none;
-webkit-box-shadow: none;
box-shadow: none;
color: var(--main-color-one); }
.showcase-area button.slick-prev {
margin-right: 10px; }
.showcase-area .slick-prev:before,
.showcase-area .slick-next:before {
display: none; }
.showcase-area .slick-prev {
left: 0; }
.showcase-area .slick-next {
right: -100px; }
.showcase-area .slick-list {
overflow: visible; }

/* ----------------------------------
:: => About Us Section
---------------------------------- */
.about-us-area {
background: url("../img/about/bg.svg");
background-repeat: no-repeat;
background-size: contain;
background-position: left; }
.about-us-area .img-wrap {
position: relative;
z-index: 0; }
.about-us-area .img-wrap .main-img img {
border-radius: 50%; }
.about-us-area .img-wrap .animated-img {
position: absolute;
z-index: -1;
top: -20px;
-webkit-animation: animatedBackground 1s linear infinite alternate;
animation: animatedBackground 1s linear infinite alternate; }
.about-us-area .content-wrapper {
position: relative; }
.about-us-area .content-wrapper p {
max-width: 80%; }
.about-us-area .content-wrapper .animated-item {
left: 90%;
bottom: 35%; }
.about-us-area .content-wrapper .animated-item.item-2 {
left: 85%;
bottom: 15%; }
.about-us-area.style-2 {
background: url("../img/about/bg2.svg");
background-position: right top;
background-repeat: no-repeat; }
.about-us-area.style-2 .img-wrap {
display: inline-block; }
.about-us-area.style-2 .img-wrap img {
border-radius: 50%; }
.about-us-area.style-2 .img-wrap::before {
content: "";
position: absolute;
height: 110%;
width: 110%;
left: -5%;
top: -5%;
background: #d4f3fb;
z-index: -1;
border-radius: 30%;
-webkit-animation: animatebg 10s linear infinite;
animation: animatebg 10s linear infinite; }
.about-us-area.style-3 {
background: url("../img/about/bg3.svg");
background-position: left top;
background-repeat: no-repeat;
background-size: contain; }
.about-us-area.style-3 .img-wrap {
background-image: url("../img/about/main4.png");
background-repeat: no-repeat;
display: inline-block; }
.about-us-area.style-3 .img-wrap .video-part {
position: absolute;
top: 50%;
left: 60%;
-webkit-transform: translate(-60%, -40%);
-ms-transform: translate(-60%, -40%);
transform: translate(-40%, -50%); }
.about-us-area.no-bg-style {
background: unset; }
.about-us-area.no-bg-style .img-wrap img {
border-radius: 0 70px 0 0;
-webkit-box-shadow: 0px 2px 15px #15c0e878;
box-shadow: 0px 2px 15px #15c0e878; }
.about-us-area.no-bg {
background: none; }

/* ----------------------------------
:: => About Us Section
---------------------------------- */
.pipeline-area .img-wrap img {
border-radius: 0 25% 0 0; }

.pipeline-area .content-wrapper p {
max-width: 80%; }

.pipeline-area .content-wrapper.with-animated-item .animated-item {
left: 70%;
bottom: -5%; }
.pipeline-area .content-wrapper.with-animated-item .animated-item.item-2 {
left: 50%;
bottom: 70%; }
.pipeline-area .content-wrapper.with-animated-item .animated-item.item-3 {
left: 80%;
bottom: 70%; }

.pipeline-area.style-2 .img-wrap {
position: relative;
width: 100%;
height: 100%;
display: block;
z-index: 0;
text-align: center; }
.pipeline-area.style-2 .img-wrap img {
border-radius: 50%; }
.pipeline-area.style-2 .img-wrap::after {
content: "";
height: 130%;
width: 120%;
top: -10%;
position: absolute;
background-image: url("../img/pipeline/animated-bg.svg");
left: 0;
background-repeat: no-repeat;
z-index: -1;
-webkit-animation: animatedBackground 1s linear infinite alternate;
animation: animatedBackground 1s linear infinite alternate; }

.pipeline-area.style-2 .content-wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
height: 100%;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
position: relative; }
.pipeline-area.style-2 .content-wrapper p {
max-width: 70%; }
.pipeline-area.style-2 .content-wrapper .animated-item {
left: -20%;
bottom: 70%; }
.pipeline-area.style-2 .content-wrapper .animated-item.item-2 {
left: 80%;
bottom: 30%; }

.pipeline-area.style-3 {
background: unset; }
.pipeline-area.style-3 .img-wrap {
position: relative;
width: 100%;
height: 100%;
display: block;
z-index: 0;
text-align: center; }
.pipeline-area.style-3 .img-wrap img {
border-radius: 50%; }
.pipeline-area.style-3 .img-wrap::after {
content: "";
height: 110%;
width: 120%;
top: -5%;
left: 0;
position: absolute;
background-image: url("../img/pipeline/bg3.svg");
background-repeat: no-repeat;
z-index: -1;
-webkit-animation: animatedBackground 1s linear infinite alternate;
animation: animatedBackground 1s linear infinite alternate; }
.pipeline-area.style-3 .content-wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
height: 100%;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
position: relative; }
.pipeline-area.style-3 .content-wrapper p {
max-width: 70%; }
.pipeline-area.style-3 .content-wrapper .animated-item {
left: -20%;
bottom: 70%; }
.pipeline-area.style-3 .content-wrapper .animated-item .animate-img {
position: relative;
max-width: 120px;
text-align: center; }
.pipeline-area.style-3 .content-wrapper .animated-item .animate-img img {
  -webkit-animation: spin 10s linear infinite;
  animation: spin 10s linear infinite; }
.pipeline-area.style-3 .content-wrapper .animated-item .animate-img::after {
  content: "";
  display: block;
  background-image: url("../img/technology/animated-bg-5.svg");
  height: 100%;
  background-repeat: no-repeat;
  width: 100%;
  background-position: center;
  background-size: contain;
  left: 0;
  top: 0;
  position: absolute;
  -webkit-animation: spin 5s linear infinite;
  animation: spin 5s linear infinite;
  z-index: -1; }
.pipeline-area.style-3 .content-wrapper .animated-item.item-2 {
left: 80%;
bottom: 30%; }

.product-table {
position: relative; }
.product-table table {
width: 100%;
-webkit-box-shadow: 2px 3px 8px #15c0e847;
box-shadow: 2px 3px 8px #15c0e847; }
.product-table table tr {
padding: 10px 40px; }
.product-table table tr th {
text-align: center;
padding: 40px;
border: 1px solid rgba(21, 193, 232, 0.3); }
.product-table table tr th:nth-child(1) {
  width: 15%; }
.product-table table tr th:last-child {
  width: 37%; }
.product-table table tr th.pre-clinical {
  width: 12%; }
.product-table table tr th.phase {
  width: 12%; }
.product-table table tr td {
border: 1px solid rgba(21, 193, 232, 0.3);
text-align: center;
padding: 40px; }
.product-table table tr td.progress-col {
  padding: 40px 0;
  text-align: left; }
  .product-table table tr td.progress-col p {
    padding-left: 20px; }
.product-table table tr td.next-catalyst {
  text-align: left; }
.product-table .animated-item {
left: 30%;
bottom: -18%; }
.product-table .animated-item.item-2 {
left: -4%;
bottom: 78%; }
.product-table .animated-item.item-3 {
left: 80%;
bottom: 100%; }

.progress {
background: #d0f2fa;
height: 13px;
border-radius: 0; }
.progress .progress-bar {
background-color: #15c0e8; }


/*.showcase-main {position: relative;}
.showcase-main .rel-cls {position: relative;}
.showcase-main .meet-team-slider-controls {position: absolute; bottom: -40px; left: 50%;
-webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%);}

.showcase-main .meet-team-slider-controls .slick-prev,
.showcase-main .meet-team-slider-controls .slick-next {
font-size: 40px; color: #777777; -webkit-transition: all 0.6s;
-o-transition: all 0.6s; transition: all 0.6s; }

.showcase-main .meet-team-slider-controls .slick-prev:hover,
.showcase-main .meet-team-slider-controls .slick-next:hover {color: #15c0e8;}
.showcase-main .meet-team-slider-controls .slick-prev {left: -45px;}
.showcase-main .meet-team-slider-controls .slick-prev::after {
content: ""; height: 32px; width: 32px; position: absolute; border-radius: 50%; top: -6px;
left: 55%; visibility: hidden; opacity: 0;
-webkit-transition: all 0.6s; -o-transition: all 0.6s;
transition: all 0.6s; border: 3px solid #15c0e8;}

.showcase-main .meet-team-slider-controls .slick-prev:hover::after {
left: -40%; visibility: visible; opacity: 1;}

.showcase-main .meet-team-slider-controls .slick-next { right: -45px; }
.showcase-main .meet-team-slider-controls .slick-next::after {
content: ""; height: 32px;  width: 32px;  position: absolute; border-radius: 50%; top: -6px;
left: 0%; visibility: hidden; opacity: 0;
-webkit-transition: all 0.6s; -o-transition: all 0.6s;
transition: all 0.6s; border: 3px solid #15c0e8; }

.showcase-main .meet-team-slider-controls .slick-next:hover::after {
left: 85%;  visibility: visible; opacity: 1;}

.showcase-main .slick-dots li button:before { font-size: 15px; opacity: 0.3; }
.showcase-main .slick-dots li.slick-active button:before {
opacity: 1; color: var(--main-color-one); }
.showcase-main .slick-dots {bottom: -30px; }
.showcase-main .slick-prev:before,
.showcase-main .slick-next:before { display: none; }
.showcase-main.style-2 { background: none; }*/


.meet-team-area {position: relative;}
.meet-team-area .rel-cls {position: relative;}
.meet-team-area .meet-team-slider-controls {position: absolute; bottom: -40px; left: 50%;
-webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%);}

.meet-team-area .meet-team-slider-controls .slick-prev,
.meet-team-area .meet-team-slider-controls .slick-next {
font-size: 40px; color: #777777; -webkit-transition: all 0.6s;
-o-transition: all 0.6s; transition: all 0.6s; }

.meet-team-area .meet-team-slider-controls .slick-prev:hover,
.meet-team-area .meet-team-slider-controls .slick-next:hover {color: #15c0e8;}
.meet-team-area .meet-team-slider-controls .slick-prev {left: -45px;}
.meet-team-area .meet-team-slider-controls .slick-prev::after {
content: ""; height: 32px; width: 32px; position: absolute; border-radius: 50%; top: -6px;
left: 55%; visibility: hidden; opacity: 0;
-webkit-transition: all 0.6s; -o-transition: all 0.6s;
transition: all 0.6s; border: 3px solid #15c0e8;}

.meet-team-area .meet-team-slider-controls .slick-prev:hover::after {
left: -40%; visibility: visible; opacity: 1;}

.meet-team-area .meet-team-slider-controls .slick-next { right: -45px; }
.meet-team-area .meet-team-slider-controls .slick-next::after {
content: ""; height: 32px;  width: 32px;  position: absolute; border-radius: 50%; top: -6px;
left: 0%; visibility: hidden; opacity: 0;
-webkit-transition: all 0.6s; -o-transition: all 0.6s;
transition: all 0.6s; border: 3px solid #15c0e8; }

.meet-team-area .meet-team-slider-controls .slick-next:hover::after {
left: 85%;  visibility: visible; opacity: 1;}

.meet-team-area .slick-dots li button:before { font-size: 15px; opacity: 0.3; }
.meet-team-area .slick-dots li.slick-active button:before {
opacity: 1; color: var(--main-color-one); }
.meet-team-area .slick-dots {bottom: -30px; }
.meet-team-area .slick-prev:before,
.meet-team-area .slick-next:before { display: none; }
.meet-team-area.style-2 { background: none; }

/* ----------------------------------
:: => About Us Section
---------------------------------- */
.Technologies-area .content-wrapper {
position: relative; }
.Technologies-area .content-wrapper .text-wrapper .sub-title {
max-width: 80%;
margin-bottom: 30px; }
.Technologies-area .content-wrapper .text-wrapper p {
max-width: 80%; }
.Technologies-area .content-wrapper .animated-item {
bottom: -10%; }
.Technologies-area .content-wrapper .animated-item.item-2 {
left: 60%;
bottom: 5%; }
.Technologies-area .content-wrapper .animated-item.item-3 {
left: 85%;
bottom: 80%; }

.Technologies-area .animated-image-area .animated-img-box {
position: absolute;
left: 5%;
top: 35%;
z-index: 1; }
.Technologies-area .animated-image-area .animated-img-box.item-2 {
left: 45%;
top: 7%; }
.Technologies-area .animated-image-area .animated-img-box.item-3 {
left: 38%;
top: 52%; }

.Technologies-area.style-2 .img-wrap img {
border-radius: 0 70px 0 0; }

.Technologies-area.style-2 .text-wrapper .sub-title {
max-width: 90%; }

.Technologies-area.style-2 .text-wrapper p {
max-width: 90%; }

.Technologies-area.with-bg {
background-image: url("../img/technology/bg3.svg");
background-repeat: no-repeat;
background-position: center right;
background-size: 40%; }

.news-area {
position: relative; }
.news-area .animated-item {
left: 13%;
bottom: 20%; }
.news-area .animated-item.item-2 {
left: 80%;
bottom: 70%; }
.news-area .slick-dots li button:before {
font-size: 15px;
opacity: 0.3; }
.news-area .slick-dots li.slick-active button:before {
opacity: 1;
color: var(--main-color-one); }
.news-area .slick-dots {
bottom: 30px; }
.news-area .slick-prev:before,
.news-area .slick-next:before {
display: none; }
.news-area .slick-list {
padding: 0 0 10px; }
.news-area .slick-prev,
.news-area .slick-next {
font-size: 40px;
color: #777777;
-webkit-transition: all 0.6s;
-o-transition: all 0.6s;
transition: all 0.6s; }
.news-area .slick-prev:hover,
.news-area .slick-next:hover {
color: #dddddd; }
.news-area .slick-prev {
left: 0px; }
.news-area .slick-prev::after {
content: "";
height: 32px;
width: 32px;
position: absolute;
border-radius: 50%;
top: -6px;
left: 55%;
visibility: hidden;
opacity: 0;
-webkit-transition: all 0.6s;
-o-transition: all 0.6s;
transition: all 0.6s;
border: 3px solid #dddddd; }
.news-area .slick-prev:hover::after {
left: -40%;
visibility: visible;
opacity: 1; }
.news-area .slick-next {
right: 0px; }
.news-area .slick-next::after {
content: "";
height: 32px;
width: 32px;
position: absolute;
border-radius: 50%;
top: -6px;
left: 0%;
visibility: hidden;
opacity: 0;
-webkit-transition: all 0.6s;
-o-transition: all 0.6s;
transition: all 0.6s;
border: 3px solid #dddddd; }
.news-area .slick-next:hover::after {
left: 85%;
visibility: visible;
opacity: 1; }

.tab-area .news-filter {
position: relative;
z-index: 0; }
.tab-area .news-filter .animated-item {
left: 18%;
bottom: 97%; }
.tab-area .news-filter .animated-item.item-2 {
left: 10%;
bottom: -100px; }
.tab-area .news-filter.home4-news-filter .animated-item {
left: 80%;
bottom: 96%; }
.tab-area .news-filter.home4-news-filter .animated-item.item-2 {
left: -12%;
bottom: 10%; }
.tab-area .news-filter.home4-news-filter .animated-item.item-3 {
left: inherit;
bottom: 70%;
right: -10%; }

.tab-area .element-item {
position: relative;
z-index: 1; }

.tab-area .button-group {
text-align: center; }

.tab-area .button {
display: inline-block;
cursor: pointer;
border: none;
background: no-repeat;
font-size: 20px;
color: #777777;
margin: 0 15px; }

.tab-area .button:hover {
color: var(--main-color-one); }

.tab-area .button:active,
.tab-area .button.is-checked {
color: var(--main-color-one); }

.tab-area.team-area-2 {
background-image: none; }

.tab-area.news-area-2 {
background-image: none; }

.join-us-area{position: relative;}

.join-us-area .join-us-content {padding: 30px;}

.join-us-area .join-us-content h3 {
font-family: 'Poppins', sans-serif !important;
font-style: normal;
font-weight: 500;
font-size: 42px;
line-height: 45px;
background: -webkit-linear-gradient(#f58220, #fab61d);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
text-transform: capitalize;
}
.join-us-area .join-us-content .left-bg {
width: 50%;
position: relative;
height: 100%;
z-index: 0; }
.join-us-area .join-us-content .left-bg p {
margin-top: 15px; }
.join-us-area .join-us-content .left-bg.style-2 {
position: relative; }
.join-us-area .join-us-content .left-bg.style-2::after {
content: "";
height: 100%;
width: 120%;
background: #cdedfa;
position: absolute;
z-index: -1;
-webkit-transform: skew(-5deg);
-ms-transform: skew(-5deg);
transform: skew(-5deg);
left: -18%; }
.join-us-area .join-us-content .btn-wrapper {
width: 50%;
margin-top: 0;
text-align: center; }
.join-us-area .join-us-content.team-area-join-us {
background-image: url("../img/career/main-bg-4.png");
background-size: cover;
position: relative;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
z-index: 1; }
.join-us-area .join-us-content.team-area-join-us .left-bg-2 {
width: 50%; }
.join-us-area .join-us-content.team-area-join-us .left-bg-2 p {
color: #000; }
.join-us-area .join-us-content.team-area-join-us::after {
content: "";
height: 100%;
width: 100%;
position: absolute;
background: rgba(21, 193, 232, 0.2);
z-index: -1;
left: 0;
top: 0; }
.join-us-area .join-us-content.left-g-style {
padding: 0;
height: 100%;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center; }
.join-us-area .join-us-content.left-g-style .left-bg {
width: 50%;
position: relative;
height: 100%;
z-index: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center; }
.join-us-area .join-us-content.left-g-style .left-bg p {
margin-top: 15px; }
.join-us-area .join-us-content.left-g-style .left-bg::after {
content: "";
height: 100%;
width: 140%;
background: #edefee;
position: absolute;
z-index: -1;
-webkit-transform: skew(-30deg);
-ms-transform: skew(-30deg);
transform: skew(-30deg);
left: -18%;
top: 0; }
.join-us-area .join-us-content.left-g-style .left-bg.style-2 {
position: relative; }
.join-us-area .join-us-content.left-g-style .left-bg.style-2::after {
  content: "";
  height: 100%;
  width: 120%;
  background: #cdedfa;
  position: absolute;
  z-index: -1;
  -webkit-transform: skew(-5deg);
  -ms-transform: skew(-5deg);
  transform: skew(-5deg);
  left: -18%; }

.join-us-area.style-2 .join-us-content {
background-image: url("../img/career/main-bg2.png");
background-size: cover;
position: relative;
z-index: 0; }
.join-us-area.style-2 .join-us-content .left-bg-2 {
width: 50%; }
.join-us-area.style-2 .join-us-content .left-bg-2 .title {
color: #fff;
margin-bottom: 20px; }
.join-us-area.style-2 .join-us-content .left-bg-2 p {
color: #fff;
font-size: 16px; }
.join-us-area.style-2 .join-us-content .btn-wrapper {
width: 50%;
margin-top: 0;
text-align: center; }
.join-us-area.style-2 .join-us-content::after {
content: "";
height: 100%;
width: 100%;
position: absolute;
background: rgba(38, 53, 52, 0.4);
z-index: -1;
left: 0;
top: 0; }
.join-us-area.style-2 .join-us-content.about-area-join {
background-image: url("../img/career/main-bg-5.png");
background-size: cover;
position: relative; }
.join-us-area.style-2 .join-us-content.about-area-join::after {
content: "";
height: 100%;
width: 100%;
position: absolute;
background: rgba(0, 0, 0, 0.5);
z-index: -1; }
.join-us-area.style-2 .join-us-content.home-4-join-us-content {
background-image: url("../img/career/main-bg-7.png");
border-top-right-radius: 100px; }
.join-us-area.style-2 .join-us-content.home-4-join-us-content::after {
background: rgba(38, 53, 52, 0.6); }

.join-us-area.blue-effect .join-us-content {
background-image: url("../img/career/main-bg3.png");
background-size: cover; }
.join-us-area.blue-effect .join-us-content::after {
background: rgba(21, 193, 232, 0.363); }

.join-us-area.black-effect .join-us-content {
background-image: url("../img/career/main-bg3.png");
background-size: cover; }
.join-us-area.black-effect .join-us-content::after {
background: rgba(38, 53, 52, 0.3); }
.join-us-area.black-effect .join-us-content .left-bg-2 {
width: 50%; }
.join-us-area.black-effect .join-us-content .subscribe-part {
width: 50%; }
.join-us-area.black-effect .join-us-content .subscribe-part .subscribe-form {
position: relative;
margin: 0 30px; }
.join-us-area.black-effect .join-us-content .subscribe-part .subscribe-form .from-group .from-control {
width: 100%;
height: 45px;
padding: 0 165px 0 15px; }
.join-us-area.black-effect .join-us-content .subscribe-part .btn-wrapper {
margin: 0;
position: absolute;
right: 0;
top: 0;
width: unset; }

.join-us-area.black-effect.research-join-us-area .join-us-content {
background-image: url("../img/career/main-bg-6.png");
background-size: cover;
border-radius: 0 100px 0 0; }

/* ----------------------------------
:: => About Us Section
---------------------------------- */
.contact-area .img-wrap img {
border-radius: 0 25% 0 0; }

.contact-area .content-wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
height: 100%;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center; }
.contact-area .content-wrapper .contact-from {
max-width: 600px; }
.contact-area .content-wrapper .address-wrap {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
padding-top: 50px;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-wrap: wrap;
flex-wrap: wrap; }
.contact-area .content-wrapper .address-wrap .info-box {
padding: 10px; }

.contact-info-area {
background-image: url("../img/contact/bg.svg");
background-repeat: no-repeat;
background-position: right top;
background-size: contain; }
.contact-info-area .footer-widget {
height: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column; }
.contact-info-area .footer-widget .widget-title {
color: #000; }
.contact-info-area .border-left {
border-left: 1px dashed #15c0e8 !important;
padding-left: 80px; }

.contentbox{padding: 3rem 4rem; margin-top: -80px; background: #ffffff; border-radius:5px;}


.fogetpassbox-area{position: relative;}

.fogetpassbox-con{margin-left: auto; margin-right: auto; width: 56%;}

.fogetpassbox{padding:3.5rem 3rem 3.5rem; margin-top: 100px;  background: #000;
    border-radius: 1px; clear: both; border: 2px solid #e7873c; border-radius:2px;}

.fogetpassbox.bg{background:white;}

.foget-submit-register{padding: 1.5rem 1rem 1.5rem; margin-bottom:15%;
    margin-top: 100px;
    background: #000;
    border-radius: 1px;
    clear: both;
    border: 2px solid #e7873c;
    border-radius: 2px;}

.map-area {
margin-bottom: -10px; }

.contact-area-2 .content-wrapper {
background: url("../img/contact/bg2.png");
display: -webkit-box;
display: -ms-flexbox;
display: flex;
height: 100%;
background-repeat: no-repeat;
background-size: cover;
position: relative;
z-index: 1; }
.contact-area-2 .content-wrapper .img-wrap {
width: 50%; }
.contact-area-2 .content-wrapper .text-wrapper {
width: 50%;
background: rgba(21, 193, 232, 0.342);
padding: 60px 60px 35px; }
.contact-area-2 .content-wrapper .contact-from {
max-width: 600px; }
.contact-area-2 .content-wrapper .contact-from .form-group .form-control {
border: none;
outline: none; }
.contact-area-2 .content-wrapper .address-wrap {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
padding-top: 50px;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-wrap: wrap;
flex-wrap: wrap; }
.contact-area-2 .content-wrapper .address-wrap .info-box {
padding: 10px; }
.contact-area-2 .content-wrapper .address-wrap .info-box.white-effect .pulse-icon {
color: #000;
background: #fff;
font-weight: 700; }
.contact-area-2 .content-wrapper .address-wrap .info-box.white-effect p {
color: #fff; }
.contact-area-2 .content-wrapper .circle-img {
position: absolute;
left: 50%;
top: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
z-index: -1; }

.showcase2-area {
background: url("../img/home2-slider/main.jpg");
height: 100vh;
background-size: cover;
background-repeat: no-repeat;
position: relative;
min-height: 750px;
overflow: hidden; }
.showcase2-area .showcase2-overlay {
position: absolute;
height: 100%;
width: 100%;
background: rgba(0, 0, 0, 0.51); }
.showcase2-area .showcase2-main {
position: relative;
height: 100%;
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center; }
.showcase2-area .showcase2-main .content-part .showcase2-slider .showcase2-slider-item.slick-active .slider-content-wrap .sub-title {
-webkit-animation: fadeInLeft 2s;
animation: fadeInLeft 2s; }
.showcase2-area .showcase2-main .content-part .showcase2-slider .showcase2-slider-item.slick-active .slider-content-wrap .title {
-webkit-animation: zoomIn 2s;
animation: zoomIn 2s; }
.showcase2-area .showcase2-main .content-part .showcase2-slider .showcase2-slider-item.slick-active .slider-content-wrap p {
-webkit-animation: zoomIn 2s;
animation: zoomIn 2s; }
.showcase2-area .showcase2-main .content-part .showcase2-slider .showcase2-slider-item.slick-active .slider-content-wrap .btn-with-video {
-webkit-animation: slideInUp 2s;
animation: slideInUp 2s; }
.showcase2-area .showcase2-main .img-part .main-img {
margin: auto;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
border-right: 1px solid #ffffff;
border-left: 1px solid #ffffff;
width: 300px;
height: 100vh;
position: relative; }
.showcase2-area .showcase2-main .img-part .main-img .border-img {
margin: auto;
position: relative; }
.showcase2-area .showcase2-main .img-part .main-img .border-img img {
  height: 100%;
  width: 100%;
  -webkit-animation: zoomIn 2s;
  animation: zoomIn 2s; }
.showcase2-area .showcase2-main .img-part .main-img .border-img::before {
  content: "";
  height: 1px;
  width: 420px;
  background: #fff;
  position: absolute;
  top: -1px;
  z-index: 1;
  left: -60px; }
.showcase2-area .showcase2-main .img-part .main-img .border-img::after {
  content: "";
  height: 1px;
  width: 420px;
  background: #fff;
  position: absolute;
  bottom: 0px;
  z-index: 1;
  left: -60px; }
.showcase2-area .showcase2-main .img-part .main-img #hotspotImg {
height: 400px; }
.showcase2-area .showcase-slider-controls {
position: absolute;
bottom: 57px;
left: 6.7%;
-ms-transform: translateX(-10.5%);
-webkit-transform: translateX(-93.3%);
transform: translateX(-93.3%); }
.showcase2-area .showcase-slider-dot-controls {
position: absolute;
top: 55%;
left: 2%;
-webkit-transform: translateY(-55%);
-ms-transform: translateY(-55%);
transform: translateY(-55%); }
.showcase2-area button.slick-prev,
.showcase2-area .slick-arrow {
color: #dbdbdb;
-webkit-transition: all 0.6s;
-o-transition: all 0.6s;
transition: all 0.6s;
font-size: 40px; }
.showcase2-area button.slick-prev:hover,
.showcase2-area .slick-arrow:hover {
border: none;
-webkit-box-shadow: none;
box-shadow: none;
color: var(--main-color-one); }
.showcase2-area .slick-prev:before,
.showcase2-area .slick-next:before {
display: none; }
.showcase2-area .slick-prev {
left: 0; }
.showcase2-area .slick-prev::after {
content: "";
height: 30px;
width: 30px;
background: #15c0e885;
position: absolute;
border-radius: 50%;
top: -5px;
left: 100%;
visibility: hidden;
opacity: 0;
-webkit-transition: all 0.6s;
-o-transition: all 0.6s;
transition: all 0.6s; }
.showcase2-area .slick-prev:hover::after {
left: -40%;
visibility: visible;
opacity: 1; }
.showcase2-area .slick-next {
right: -100px; }
.showcase2-area .slick-next::after {
content: "";
height: 30px;
width: 30px;
background: #15c0e885;
position: absolute;
border-radius: 50%;
top: -5px;
left: 0%;
visibility: hidden;
opacity: 0;
-webkit-transition: all 0.6s;
-o-transition: all 0.6s;
transition: all 0.6s; }
.showcase2-area .slick-next:hover::after {
left: 100%;
visibility: visible;
opacity: 1; }
.showcase2-area .slick-list {
overflow: visible; }
.showcase2-area .slick-dots li button:before {
opacity: 1;
font-size: 0;
height: 10px;
width: 10px;
background: #fff;
border-radius: 8px;
text-align: center; }
.showcase2-area .slick-dots li.slick-active button:before {
opacity: 1;
font-size: 0;
height: 20px;
width: 10px;
background: var(--main-color-one);
border-radius: 8px;
text-align: center; }

.showcase3-area {
background: url("../img/home3-slider/bg.png");
height: 100vh;
background-size: cover;
background-repeat: no-repeat;
position: relative;
min-height: 650px;
overflow: hidden; }
.showcase3-area .showcase3-overlay {
position: absolute;
height: 100%;
width: 100%;
background: rgba(38, 53, 52, 0.4); }
.showcase3-area .showcase3-main {
position: relative;
height: 100%;
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center; }
.showcase3-area .showcase3-main .content-part .showcase3-slider {
margin-bottom: 0; }
.showcase3-area .showcase3-main .content-part .showcase3-slider .showcase3-slider-item.slick-active .slider-content-wrap .sub-title {
-webkit-animation: fadeInLeft 2s;
animation: fadeInLeft 2s; }
.showcase3-area .showcase3-main .content-part .showcase3-slider .showcase3-slider-item.slick-active .slider-content-wrap .title {
-webkit-animation: zoomIn 2s;
animation: zoomIn 2s; }
.showcase3-area .showcase3-main .content-part .showcase3-slider .showcase3-slider-item.slick-active .slider-content-wrap p {
-webkit-animation: zoomIn 2s;
animation: zoomIn 2s; }
.showcase3-area .showcase3-main .content-part .showcase3-slider .showcase3-slider-item.slick-active .slider-content-wrap .btn-with-video {
-webkit-animation: slideInUp 2s;
animation: slideInUp 2s; }
.showcase3-area .showcase3-main .hotspot-part {
position: relative; }
.showcase3-area .showcase3-main .hotspot-part .video-part {
position: absolute;
left: 10%;
top: 10%;
z-index: 1; }
.showcase3-area .showcase3-main .hotspot-part #hotspotImg {
position: relative;
height: 400px; }
.showcase3-area .showcase3-main .hotspot-part #hotspotImg .hot-spot {
  position: absolute;
  right: 25%;
  bottom: 5%;
  left: inherit;
  top: inherit; }
  .showcase3-area .showcase3-main .hotspot-part #hotspotImg .hot-spot.item-2 {
    bottom: 20%;
    left: 30%; }
  .showcase3-area .showcase3-main .hotspot-part #hotspotImg .hot-spot.item-3 {
    bottom: 70%;
    left: 55%; }
.showcase3-area .showcase-slider-controls {
position: absolute;
bottom: 57px;
left: 6.7%;
-webkit-transform: translateX(-93.3%);
-ms-transform: translateX(-93.3%);
transform: translateX(-93.3%); }
.showcase3-area .showcase-slider-dot-controls {
position: absolute;
top: 55%;
right: 8%;
-webkit-transform: translateY(-55%);
-ms-transform: translateY(-55%);
transform: translateY(-55%); }
.showcase3-area button.slick-prev,
.showcase3-area .slick-arrow {
color: #dbdbdb;
-webkit-transition: all 0.6s;
-o-transition: all 0.6s;
transition: all 0.6s;
font-size: 40px; }
.showcase3-area button.slick-prev:hover,
.showcase3-area .slick-arrow:hover {
border: none;
-webkit-box-shadow: none;
box-shadow: none;
color: var(--main-color-one); }
.showcase3-area .slick-prev:before,
.showcase3-area .slick-next:before {
display: none; }
.showcase3-area .slick-prev {
left: 0; }
.showcase3-area .slick-prev::after {
content: "";
height: 30px;
width: 30px;
background: #15c0e885;
position: absolute;
border-radius: 50%;
top: -5px;
left: 100%;
visibility: hidden;
opacity: 0;
-webkit-transition: all 0.6s;
-o-transition: all 0.6s;
transition: all 0.6s; }
.showcase3-area .slick-prev:hover::after {
left: -40%;
visibility: visible;
opacity: 1; }
.showcase3-area .slick-next {
right: -100px; }
.showcase3-area .slick-next::after {
content: "";
height: 30px;
width: 30px;
background: #15c0e885;
position: absolute;
border-radius: 50%;
top: -5px;
left: 0%;
visibility: hidden;
opacity: 0;
-webkit-transition: all 0.6s;
-o-transition: all 0.6s;
transition: all 0.6s; }
.showcase3-area .slick-next:hover::after {
left: 100%;
visibility: visible;
opacity: 1; }
.showcase3-area .slick-dots li button:before {
opacity: 1;
font-size: 0;
height: 10px;
width: 10px;
background: #fff;
text-align: center; }
.showcase3-area .slick-dots li.slick-active button:before {
background: var(--main-color-one);
border: 1px solid black;
height: 12px;
width: 12px; }

.showcase4-area {
background: url("../img/home4-slider/bg.png");
height: 100vh;
background-size: cover;
background-repeat: no-repeat;
position: relative;
min-height: 650px;
overflow: hidden; }
.showcase4-area .showcase4-overlay {
position: absolute;
height: 100%;
width: 100%;
background: rgba(38, 53, 52, 0.4); }
.showcase4-area .showcase4-main {
position: relative;
height: 100%;
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center; }
.showcase4-area .showcase4-main .content-part .showcase4-slider .showcase4-slider-item.slick-active .slider-content-wrap .sub-title {
-webkit-animation: fadeInLeft 2s;
animation: fadeInLeft 2s; }
.showcase4-area .showcase4-main .content-part .showcase4-slider .showcase4-slider-item.slick-active .slider-content-wrap .title {
-webkit-animation: zoomIn 2s;
animation: zoomIn 2s; }
.showcase4-area .showcase4-main .content-part .showcase4-slider .showcase4-slider-item.slick-active .slider-content-wrap p {
-webkit-animation: zoomIn 2s;
animation: zoomIn 2s; }
.showcase4-area .showcase4-main .content-part .showcase4-slider .showcase4-slider-item.slick-active .slider-content-wrap .btn-with-video {
-webkit-animation: slideInUp 2s;
animation: slideInUp 2s; }
.showcase4-area .showcase4-main .img-part .img-wrap {
position: relative;
display: inline-block; }
.showcase4-area .showcase4-main .img-part .img-wrap #hotspotImg {
position: absolute;
left: 50%;
top: 50%;
height: 100%;
width: 100%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%); }
.showcase4-area .showcase4-main .img-part .img-wrap #hotspotImg .hot-spot {
  position: absolute;
  left: 2%;
  top: 66%; }
  .showcase4-area .showcase4-main .img-part .img-wrap #hotspotImg .hot-spot.item-2 {
    top: 18%;
    left: 30%; }
  .showcase4-area .showcase4-main .img-part .img-wrap #hotspotImg .hot-spot.item-3 {
    top: 58%;
    left: 65%; }
.showcase4-area .showcase-slider-dot-controls {
position: absolute;
bottom: 30px;
left: 50%;
-moz-transform: rotate(-90deg) translateX(-50%);
-webkit-transform: rotate(-90deg) translateX(-50%);
-o-transform: rotate(-90deg) translateX(-50%);
-ms-transform: rotate(-90deg) translateX(-50%);
transform: rotate(-90deg) translateX(-50%); }
.showcase4-area .slick-dots li button:before {
opacity: 1;
font-size: 0;
height: 8px;
width: 8px;
background: #fff;
border-radius: 50%; }
.showcase4-area .slick-dots li.slick-active button:before {
background: transparent;
border: 2px solid #fff;
height: 12px;
width: 12px;
top: 10px;
left: 8px; }
.showcase4-area .slick-dotted.slick-slider {
margin-bottom: 0px; }

.client-area .client-slider {
padding: 0 50px; }
.client-area .client-slider .client-item {
margin: 0 20px;
border: 1px solid #eeeeee57; }
.client-area .client-slider .client-item img {
-webkit-transition: all .6s;
-o-transition: all .6s;
transition: all .6s; }
.client-area .client-slider .client-item img:hover {
-webkit-transform: scale(1.1) rotate(10deg);
-ms-transform: scale(1.1) rotate(10deg);
transform: scale(1.1) rotate(10deg); }
.client-area .client-slider .slick-prev,
.client-area .client-slider .slick-next {
font-size: 40px;
color: #777777;
-webkit-transition: all 0.6s;
-o-transition: all 0.6s;
transition: all 0.6s;
top: 55%; }
.client-area .client-slider .slick-prev:hover,
.client-area .client-slider .slick-next:hover {
color: #15c0e8; }
.client-area .client-slider .slick-prev {
left: -5px; }
.client-area .client-slider .slick-prev::after {
content: "";
height: 32px;
width: 32px;
position: absolute;
border-radius: 50%;
top: -12px;
left: 29px;
visibility: hidden;
opacity: 0;
-webkit-transition: all 0.6s;
-o-transition: all 0.6s;
transition: all 0.6s;
border: 3px solid #15c0e8; }
.client-area .client-slider .slick-prev:hover::after {
left: 10px;
visibility: visible;
opacity: 1; }
.client-area .client-slider .slick-next {
right: 57px; }
.client-area .client-slider .slick-next::after {
content: "";
height: 32px;
width: 32px;
position: absolute;
border-radius: 50%;
top: -12px;
left: 17px;
visibility: hidden;
opacity: 0;
-webkit-transition: all 0.6s;
-o-transition: all 0.6s;
transition: all 0.6s;
border: 3px solid #15c0e8; }
.client-area .client-slider .slick-next:hover::after {
left: 37px;
visibility: visible;
opacity: 1; }

/*----------------------
Counterup Area
-----------------------*/
.counterup-area .single-counter-item {
text-align: center;
margin-bottom: 30px; }
.counterup-area .single-counter-item .count-icon {
font-size: 40px;
color: var(--white);
background: var(--main-color-one);
height: 90px;
width: 90px;
display: inline-block;
border-radius: 50%;
line-height: 90px;
-webkit-box-shadow: 0 0 8px #38d9ffc7;
box-shadow: 0 0 8px #38d9ffc7; }
.counterup-area .single-counter-item .count-num {
font-size: 40px;
line-height: 50px;
color: black;
font-weight: 600;
margin-top: 10px;
padding: 10px 0;
background-image: url("../img/about/counter-bg.png");
background-repeat: no-repeat;
background-position: center; }
.counterup-area .single-counter-item .count-num.plus::after {
content: "+";
font-size: 40px;
color: black;
font-weight: 600; }
.counterup-area .single-counter-item .title {
color: #777777;
font-family: var(--body-font); }

.vision-area .img-part {
position: relative; }
.vision-area .img-part .animated-item {
left: 40%;
top: -20%; }
.vision-area .img-part .animated-item.item-2 {
left: 20%;
bottom: -20%;
top: inherit; }

.vision-area .content-part {
background: #fafeff;
height: 100%;
padding: 60px;
z-index: -1;
position: relative; }
.vision-area .content-part .animated-item {
left: 30%;
top: -20%; }
.vision-area .content-part .animated-item.item-2 {
left: 60%;
top: -20%; }

.vision-item + .vision-item {
margin-top: 30px; }

.vision-item .title {
margin-bottom: 15px; }

.vision-item p {
margin-bottom: 0; }

/* ----------------------------------
:: => About Us Section
---------------------------------- */
.focus-area {
background: url("../img/focus/bg.svg");
background-repeat: no-repeat;
background-size: contain;
background-position: left bottom; }
.focus-area .img-wrap img {
border-radius: 0 70px 0 0; }
.focus-area .content-wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
height: 100%;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center; }
.focus-area .content-wrapper p {
max-width: 70%; }

.approach-area {
background-image: url("../img/approach/bg.svg");
background-repeat: no-repeat;
background-position: center; }
.approach-area .animated-img-box {
margin-bottom: 30px; }
.approach-area .animated-img-box p {
padding-top: 35px; }

.subscribe-area .subscribe-form {
position: relative; }
.subscribe-area .subscribe-form .form-group {
margin-bottom: 0; }
.subscribe-area .subscribe-form .form-group .form-control {
display: block;
width: 100%;
height: 70px;
color: #000;
border: 1px solid #dfdfdf;
border-radius: 0.25rem;
-webkit-transition: border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
transition: border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
-o-transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
padding-right: 220px;
padding-left: 35px; }
.subscribe-area .subscribe-form .submit-btn {
position: absolute;
right: 0;
top: 0;
min-width: 200px;
height: 70px;
-webkit-transition: 0.3s ease-in;
-o-transition: 0.3s ease-in;
transition: 0.3s ease-in;
cursor: pointer; }
.subscribe-area .subscribe-form .btn-wrapper {
margin-top: 0; }

.partner-logo-area .img-wrap {
text-align: center;
margin-bottom: 30px; }
.partner-logo-area .img-wrap img {
border: 1px solid #CFCFCF;
-webkit-transition: all .6s;
-o-transition: all .6s;
transition: all .6s; }
.partner-logo-area .img-wrap img:hover {
background: #CFCFCF; }

.blog-details .content-wrap .news-info {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
    padding: 10px 0 15px;}
.blog-details .content-wrap .news-info .admin-with-date {
width: 50%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center; }
.blog-details .content-wrap .news-info .admin-with-date .admin-info {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center; }
.blog-details .content-wrap .news-info .admin-with-date .admin-info .img-wrap img {
border-radius: 50%;
margin-right: 10px; }
.blog-details .content-wrap .news-info .admin-with-date .admin-info .admin h5 {
color: #777777;
margin-bottom: 0; }
.blog-details .content-wrap .news-info .admin-with-date .admin-info .admin strong {
color: #263534; }
.blog-details .content-wrap .news-info .admin-with-date .date-part {
padding-left: 25px; }
.blog-details .content-wrap .news-info .admin-with-date .date-part strong {
color: #263534; }
.blog-details .content-wrap .news-info .admin-with-date .date-part p {
margin-bottom: 0; }
.blog-details .content-wrap .news-info .post-meta {
width: 100%;
text-align: left;
padding: 0; }
.blog-details .content-wrap .news-info .post-meta li {
display: inline-block;
margin-bottom: 0; }
.blog-details .content-wrap .news-info .post-meta li + li {
margin-left: 20px; }

.blog-details .content-wrap .post-quote {
padding: 0 30px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center; }
.blog-details .content-wrap .post-quote h4 {
margin: 0 30px;
font-size: 30px;
font-weight: 400;
font-family: var(--body-font); }

.blog-details .content-wrap .img-box {
display: -webkit-box;
display: -ms-flexbox;
display: flex; }
.blog-details .content-wrap .img-box .img-warpper + .img-warpper {
margin-left: 30px; }
.blog-details .content-wrap .img-box .img-warpper img {
-webkit-box-shadow: 0 2px 14px #bbf2ff4d;
box-shadow: 0 2px 14px #bbf2ff4d; }

.blog-details .content-wrap .img-text-box {
display: -webkit-box;
display: -ms-flexbox;
display: flex; }
.blog-details .content-wrap .img-text-box .img-warpper {
width: 30%; }
.blog-details .content-wrap .img-text-box .text-box {
width: 70%;
margin-left: 30px; }

.blog-details .blog-details-footer {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
border-top: 1px solid #BFBFBF;
padding: 15px 20px; }
.blog-details .blog-details-footer .half-part {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin: 10px 0;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-wrap: wrap;
flex-wrap: wrap; }
.blog-details .blog-details-footer .half-part h5 {
margin: 0;
color: #777777;
margin-right: 15px; }
.blog-details .blog-details-footer .half-part .follow-icon a {
color: #777777;
-webkit-transition: all .6s;
-o-transition: all .6s;
transition: all .6s; }
.blog-details .blog-details-footer .half-part .follow-icon a + a {
margin-left: 10px; }
.blog-details .blog-details-footer .half-part .follow-icon a:hover {
color: var(--main-color-one); }
.blog-details .blog-details-footer .half-part .follow-icon a.active {
color: #f58220; }

.blog-details .pagination-part {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
border: 1px solid #15C0E8;
padding: 10px;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between; }
.blog-details .pagination-part .prev {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center; }
.blog-details .pagination-part .prev .img-part {
margin-right: 20px; }
.blog-details .pagination-part .next {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center; }
.blog-details .pagination-part .next .img-part {
margin-left: 20px; }
.blog-details .pagination-part a {
color: #263534; }

.blog-details .news-item .content-wrap .title {
margin-bottom: 0; }

.career-search-area .search-form {
max-width: 400px;
margin: 0 auto 60px;
position: relative; }
.career-search-area .search-form .form-group .form-control {
height: 50px;
padding-right: 70px; }
.career-search-area .search-form .submit-btn {
position: absolute;
right: 0;
top: 0;
height: 50px;
border: none;
background: none;
width: 60px;
color: #777777;
font-size: 16px;
font-weight: 700;
cursor: pointer;
-webkit-transition: all 0.6s;
-o-transition: all 0.6s;
transition: all 0.6s; }
.career-search-area .search-form .submit-btn:hover {
background: var(--main-color-one);
color: #fff;
border-radius: 0 5px 5px 0; }

.career-search-result-area {
background-image: url("../img/career/bg.svg");
background-repeat: no-repeat;
background-position: left top; }
.career-search-result-area .career-item {
border: none;
padding: 0;
position: relative; }
.career-search-result-area .career-item .description-part {
width: 70%; }
.career-search-result-area .career-item .btn-wrapper {
width: 30%;
text-align: left; }
.career-search-result-area .career-item .animated-item {
left: 65%;
bottom: 100%; }
.career-search-result-area .career-item .animated-item.item-2 {
left: 60%;
bottom: 10%; }
.career-search-result-area .career-item .animated-item.item-3 {
left: 80%;
bottom: 70%; }
.career-search-result-area .sidebar_widget.box-shadow {
-webkit-box-shadow: 0 1px 5px #15c0e8b5;
box-shadow: 0 1px 5px #15c0e8b5;
padding: 30px; }
.career-search-result-area .sidebar_widget.widget_subscribe .subscribe-form {
max-width: 400px; }

.research-diasease-area .research-diasease .img-wrap img {
border-radius: 15% 0 0 0;
-webkit-box-shadow: 0 2px 10px #15c0e873;
box-shadow: 0 2px 10px #15c0e873; }

.research-diasease-area .research-diasease .content-wrap {
position: relative; }
.research-diasease-area .research-diasease .content-wrap .sub-title {
padding: 10px 0; }
.research-diasease-area .research-diasease .content-wrap ul {
padding: 0; }
.research-diasease-area .research-diasease .content-wrap ul li {
font-weight: 700;
list-style: none;
position: relative;
padding-left: 20px;
margin-bottom: 15px; }
.research-diasease-area .research-diasease .content-wrap ul li:after {
height: 10px;
width: 10px;
background: #777777;
content: "";
position: absolute;
left: 0;
top: 8px;
border-radius: 50%; }
.research-diasease-area .research-diasease .content-wrap .animated-item {
left: 80%;
bottom: 5%; }
.research-diasease-area .research-diasease .content-wrap .animated-item.item-2 {
left: 65%;
bottom: 25%; }
.research-diasease-area .research-diasease .content-wrap .animated-item.item-3 {
left: 75%;
bottom: 82%; }

.research-area {
background: #F5F5F5; }

.research-details-area .research-details .animated-img-part {
position: relative;
height: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
min-height: 300px; }
.research-details-area .research-details .animated-img-part .animated-img-box {
left: 25%; }

.research-details-area .research-details .title {
max-width: 70%; }

.research-details-area .research-details .highlight-text {
border-top: 2px dotted #C4C4C4;
border-bottom: 2px dotted #C4C4C4;
padding: 50px 0 45px; }
.research-details-area .research-details .highlight-text p {
color: #15C0E8; }

.research-details-area .research-details .img-wrap img {
-webkit-box-shadow: 0 2px 5px #15c0e86e;
box-shadow: 0 2px 5px #15c0e86e; }

.financial-result-area .img-wrap {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
height: 100%;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center; }
.financial-result-area .img-wrap img {
background: #f2faff;
padding: 20px; }

.building-pipeline-area .content-part .highlight {
font-weight: 700; }
.building-pipeline-area .content-part .highlight strong {
color: #263534; }

.building-pipeline-area .img-part {
text-align: right;
position: relative; }
.building-pipeline-area .img-part .circle {
height: 250px;
width: 250px;
display: inline-block;
position: absolute;
left: 20px;
bottom: -110px;
z-index: -1; }
.building-pipeline-area .img-part .circle .circle-1 {
height: 250px;
width: 250px;
border: 1px solid #98ECFF;
border-radius: 50%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center; }
.building-pipeline-area .img-part .circle .circle-1 .circle-2 {
height: 200px;
width: 200px;
border: 1px solid #98ECFF;
border-radius: 50%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center; }
.building-pipeline-area .img-part .circle .circle-1 .circle-2 .circle-3 {
  height: 150px;
  width: 150px;
  border: 1px solid #98ECFF;
  border-radius: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center; }

.error-area {
height: 100vh;
width: 100vw;
background-image: url("../img/error/error.png");
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center; }
.error-area .error {
height: 80%;
width: 80%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
background: rgba(255, 255, 255, 0.8);
text-align: center;
padding: 30px; }
.error-area .error h1 {
font-size: 200px;
line-height: 220px;
color: #15C0E8; }
.error-area .error h2 {
color: #15C0E8; }

.single-products .product-slider-wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
height: 100%; }
.single-products .product-slider-wrapper .slider-part {
width: 50%;
height: 100%;
border: 1px solid #edefee;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center; }
.single-products .product-slider-wrapper .slider-part .single-thumbnail-slider {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin: auto;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
height: 100%; }
.single-products .product-slider-wrapper .slider-part .single-thumbnail-slider .slider-item img {
margin: 0 auto;
max-height: 450px; }
.single-products .product-slider-wrapper .content-part {
width: 50%;
padding: 60px 30px;
background: #f4f4f4; }
.single-products .product-slider-wrapper .content-part .description-content p {
max-width: 600px; }
.single-products .product-slider-wrapper .content-part .price-box {
padding: 20px 0 10px; }
.single-products .product-slider-wrapper .content-part .price-box .price {
font-size: 20px;
font-weight: 600; }
.single-products .product-slider-wrapper .content-part .cart-wrap {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
padding-top: 15px; }
.single-products .product-slider-wrapper .content-part .cart-wrap .quantity-count {
background: #fff;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
padding: 0;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
border: 1px solid #aeaeae;
margin-bottom: 0;
margin-right: 30px; }
.single-products .product-slider-wrapper .content-part .cart-wrap .quantity-count li {
  display: inline-block;
  padding: 8px 10px;
  margin: 0; }
  .single-products .product-slider-wrapper .content-part .cart-wrap .quantity-count li.quantity {
    color: #252525;
    font-size: 20px; }
.single-products .product-slider-wrapper .content-part .cart-wrap .quantity-count .increase,
.single-products .product-slider-wrapper .content-part .cart-wrap .quantity-count .decrease {
  cursor: pointer;
  color: #25252591;
  font-size: 30px;
  font-weight: 400; }
.single-products .product-slider-wrapper .content-part .cart-wrap .quantity-count input[type="text"] {
  border: none;
  background: transparent;
  display: block;
  text-align: center;
  max-width: 30px; }
  .single-products .product-slider-wrapper .content-part .cart-wrap .quantity-count input[type="text"]:focus {
    outline: 0;
    border: none; }
.single-products .product-slider-wrapper .content-part .cart-wrap .btn-wrapper {
margin: 0; }
.single-products .product-slider-wrapper .content-part .product-meta strong {
color: #263534; }
.single-products .product-slider-wrapper .content-part .product-meta .product-share {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center; }
.single-products .product-slider-wrapper .content-part .product-meta .product-share h5 {
margin: 0;
padding-right: 10px; }
.single-products .product-slider-wrapper .content-part .product-meta .product-share .follow-icon a {
color: #263534;
-webkit-transition: all .6s;
-o-transition: all .6s;
transition: all .6s; }
.single-products .product-slider-wrapper .content-part .product-meta .product-share .follow-icon a + a {
  margin-left: 10px; }
.single-products .product-slider-wrapper .content-part .product-meta .product-share .follow-icon a:hover {
  color: var(--main-color-one); }

.single-products .product-thumbnail-carousel {
width: 100%;
text-align: left; }
.single-products .product-thumbnail-carousel .single-thumbnail-item {
border: 1px solid #EDEFEE;
margin-right: 10px; }
.single-products .product-thumbnail-carousel .single-thumbnail-item img {
padding: 10px 0; }

.product-description-with-review .product-information {
border: 1px solid #EDEFEE; }

.product-information .tab-content{padding-top:40px;}

.product-information .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active{
	color: #e7873c !important; font-size: 18px; border-bottom: 5px solid #e7873c;
	background: transparent; border-left: transparent; margin-bottom: -2px;
    border-right: transparent; border-top: transparent;
}
.product-information .nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover {
    border-bottom: 5px solid #e7873c;border-left: transparent;
    border-right: transparent; border-top: transparent; margin-bottom: -2px;
}

.product-information .nav-tabs .nav-link{    padding: 1rem 3rem;
    font-weight: 400;
    font-size: 20px;
    color: #fff;
    letter-spacing: 0.5px;}

.product-description-with-review .nav-tabs {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
border-bottom: none;
position: relative;
z-index: 9; }
.product-description-with-review .nav-tabs .nav-link {
border: none;
font-weight: 600;
color: #263534; }
.product-description-with-review .nav-tabs .nav-link:hover {
border: none; }
.product-description-with-review .nav-tabs:after {
content: "";
display: block;
position: absolute;
background: var(--bg-3);
height: 1px;
width: 100%;
top: 50%;
z-index: -1; }

.product-description-with-review .tab-content {
padding: 50px 30px; }

.product-description-with-review .nav-tabs .nav-item.show .nav-link,
.product-description-with-review .nav-tabs .nav-link.active {
background-color: #15C0E8;
color: #fff;
border-radius: 0; }

.product-description-with-review .reviews .comment-text {
position: relative;
margin: 50px 0; }
.product-description-with-review .reviews .comment-text .review-content {
margin: 25px 0 15px;
display: -webkit-box;
display: -ms-flexbox;
display: flex; }
.product-description-with-review .reviews .comment-text .review-content .img-part img {
margin-right: 30px;
-webkit-box-shadow: 0px 3px 26px -8px #97a1b3;
box-shadow: 0px 3px 26px -8px #97a1b3;
border-radius: 50%;
height: 70px;
width: 70px; }
.product-description-with-review .reviews .comment-text .review-content .info-part .ratings .checked {
color: var(--yellow);
font-size: 10px; }
.product-description-with-review .reviews .comment-text .review-content .info-part span {
font-size: 16px; }
.product-description-with-review .reviews .comment-text .review-content .info-part h5 {
font-size: 22px; }
.product-description-with-review .reviews .comment-text .review-date {
display: inline-block;
position: absolute;
top: 0;
right: 20px;
text-align: center; }
.product-description-with-review .reviews .comment-text .review-date .date {
font-family: var(--primary-font);
color: #4b4b4b; }

.product-description-with-review .reviews .review-form {
max-width: 500px; }

.product-description-with-review .reviews .form-group .form-control {
background: #F2F2F2;
border: none; }
.product-description-with-review .reviews .form-group .form-control:focus {
outline: 0;
-webkit-box-shadow: none;
box-shadow: none; }

.product-description-with-review .reviews .form-group textarea {
resize: none; }

.cart-checkout-wrapper .cart-items-wrapper .summery-title .title {
text-transform: capitalize; }

.cart-checkout-wrapper .cart-items-wrapper table {
width: 100%; }
.cart-checkout-wrapper .cart-items-wrapper table tr {
padding: 10px 40px; }
.cart-checkout-wrapper .cart-items-wrapper table tr th:first-child {
width: 10%; }
.cart-checkout-wrapper .cart-items-wrapper table tr th:nth-child(2) {
width: 30%; }
.cart-checkout-wrapper .cart-items-wrapper table tr td {
font-size: 16px;
font-weight: 600;
color: var(--heading-color); }
.cart-checkout-wrapper .cart-items-wrapper table tr td:nth-child(2) {
width: 30%;
padding-top: 30px;
padding-bottom: 30px; }
.cart-checkout-wrapper .cart-items-wrapper table thead tr th {
font-size: 20px;
font-weight: 600;
color: var(--heading-color);
line-height: 55px;
text-transform: capitalize; }
.cart-checkout-wrapper .cart-items-wrapper table thead tr td {
color: var(--paragraph-color);
text-transform: capitalize;
font-size: 20px;
padding-top: 60px; }
.cart-checkout-wrapper .cart-items-wrapper table tbody tr td.product-delete {
text-align: center; }
.cart-checkout-wrapper .cart-items-wrapper table tbody tr td.product-delete i {
font-size: 16px;
font-weight: 400;
display: block;
color: #707070; }
.cart-checkout-wrapper .cart-items-wrapper table tbody tr .product-img {
text-align: center;
border: 1px solid #edefee;
display: inline-block; }
.cart-checkout-wrapper .cart-items-wrapper table tbody tr .product-name .product-content .title {
font-size: 16px;
font-weight: 700;
margin-bottom: 0;
color: var(--heading-color); }
.cart-checkout-wrapper .cart-items-wrapper table tbody tr .product-name ul {
list-style: none;
margin: 0;
padding: 0; }
.cart-checkout-wrapper .cart-items-wrapper table tbody tr .product-name ul li {
font-size: 16px;
line-height: 30px;
font-weight: 500;
color: var(--paragraph-color); }

.cart-checkout-wrapper .cart-items-wrapper.checout-items-wrap {
padding: 0; }
.cart-checkout-wrapper .cart-items-wrapper.checout-items-wrap table {
width: 100%; }
.cart-checkout-wrapper .cart-items-wrapper.checout-items-wrap table tr {
padding: 10px 40px; }
.cart-checkout-wrapper .cart-items-wrapper.checout-items-wrap table tr + tr {
border-top: 1px dashed #000; }
.cart-checkout-wrapper .cart-items-wrapper.checout-items-wrap table tr th:first-child {
width: 25%; }
.cart-checkout-wrapper .cart-items-wrapper.checout-items-wrap table tr th:nth-child(2) {
width: 50%; }
.cart-checkout-wrapper .cart-items-wrapper.checout-items-wrap table tr td {
font-size: 16px;
font-weight: 600;
color: var(--heading-color);
padding: 20px 0; }
.cart-checkout-wrapper .cart-items-wrapper.checout-items-wrap table tr td .total-price p {
  font-size: 16px;
  font-weight: 600;
  color: var(--heading-color); }
.cart-checkout-wrapper .cart-items-wrapper.checout-items-wrap table tr td:nth-child(2) {
  width: 30%;
  padding-top: 30px;
  padding-bottom: 30px;
  padding-left: 30px; }
.cart-checkout-wrapper .cart-items-wrapper.checout-items-wrap table thead tr th {
font-size: 20px;
font-weight: 600;
color: var(--heading-color);
line-height: 55px;
text-transform: capitalize; }
.cart-checkout-wrapper .cart-items-wrapper.checout-items-wrap table thead tr td {
color: var(--paragraph-color);
text-transform: capitalize;
font-size: 20px;
padding-top: 60px; }
.cart-checkout-wrapper .cart-items-wrapper.checout-items-wrap table tbody tr td.product-delete i {
font-size: 16px;
font-weight: 400;
display: block;
color: #707070; }
.cart-checkout-wrapper .cart-items-wrapper.checout-items-wrap table tbody tr .product-img {
text-align: center;
border: 1px solid #edefee;
display: inline-block; }
.cart-checkout-wrapper .cart-items-wrapper.checout-items-wrap table tbody tr .product-name .product-content .title {
font-size: 16px;
font-weight: 700;
color: #565656;
margin-bottom: 10px; }
.cart-checkout-wrapper .cart-items-wrapper.checout-items-wrap table tbody tr .product-name ul {
list-style: none;
margin: 0;
padding: 0; }
.cart-checkout-wrapper .cart-items-wrapper.checout-items-wrap table tbody tr .product-name ul li {
font-size: 16px;
line-height: 30px;
font-weight: 500;
color: var(--paragraph-color); }
.cart-checkout-wrapper .cart-items-wrapper.checout-items-wrap table tbody tr .color-font {
color: var(--main-color-one); }

.product-details .product-img {
width: 140px;
height: 135px; }
.product-details .product-img img {
width: 100px;
height: 100px; }

.product-details .product-content .title {
font-size: 20px;
font-weight: 700;
color: #565656;
margin-bottom: 10px; }

.product-details .product-content ul {
list-style: none;
margin: 0;
padding: 0; }
.product-details .product-content ul li {
font-size: 17px;
line-height: 30px;
font-weight: 500;
color: #7b7b7b; }

.product-total-price .product-total-price-content {
display: -webkit-box;
display: -ms-flexbox;
display: flex; }
.product-total-price .product-total-price-content .icon {
background: var(--hover-color);
font-size: 20px;
font-weight: 400;
border: 1px solid #8584853d;
color: white;
width: 31px;
border-radius: 0px;
font-family: var(--body-font);
height: 31px;
line-height: 31px;
text-align: center;
border-radius: 50%;
margin-left: 70px; }

.product-quantity .quantity-count {
display: inline-block;
border-radius: 0;
border: 1px solid #707070;
padding: 2px 15px;
margin: 0; }
.product-quantity .quantity-count li {
display: inline-block;
margin: 0; }
.product-quantity .quantity-count .increase,
.product-quantity .quantity-count .decrease {
cursor: pointer;
font-size: 16px; }
.product-quantity .quantity-count input[type="text"] {
border: none;
background: transparent;
display: block;
text-align: center;
max-width: 30px; }
.product-quantity .quantity-count input[type="text"]:focus {
outline: 0;
border: none; }

.coupon-form {
position: relative;
width: 60%; }
.coupon-form .form-group {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center; }
.coupon-form .form-group h5 {
margin: 0;
margin-right: 30px; }
.coupon-form .form-group .form-control {
border-radius: 0;
font-size: 15px;
height: 50px;
border: 1px solid #edefee;
color: #000;
padding-right: 45px; }
.coupon-form .form-group:focus {
border-bottom: 1px solid var(--hover-color); }
.coupon-form .submit-btn {
position: absolute;
top: 16px;
right: 10px;
color: #aeaeae;
font-size: 12px; }
.coupon-form.checkout-coupon-form {
width: 100%; }
.coupon-form.checkout-coupon-form .form-group .form-control {
height: 60px;
padding-right: 140px; }
.coupon-form.checkout-coupon-form .submit-btn {
top: 50%;
right: 20px;
font-size: 14px;
color: #747474;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%); }

.single-product-cart-wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
height: 100%;
padding-top: 52px;
border: 1px solid #edefee; }
.single-product-cart-wrapper .single-product-cart {
width: 100%;
padding: 0 40px; }
.single-product-cart-wrapper .single-product-cart .title {
font-size: 20px;
font-weight: 600; }
.single-product-cart-wrapper .single-product-cart .cart-total {
font-size: 30px;
font-weight: 600;
margin-bottom: 30px; }
.single-product-cart-wrapper .single-product-cart .cart-icon {
text-align: center;
padding: 50px;
font-size: 100px;
color: white; }
.single-product-cart-wrapper .single-product-cart .cart-price {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
margin-top: 10px; }
.single-product-cart-wrapper .single-product-cart .cart-price .cart-total {
color: #989898;
font-size: 20px;
font-weight: 400;
line-height: 30px;
margin-bottom: 20px; }
.single-product-cart-wrapper .single-product-cart .cart-price .cart-total span {
  color: #1d1d1d;
  font-size: 25px;
  font-weight: 600; }
.single-product-cart-wrapper .single-product-cart .cart-price p {
color: #b8b4b4;
font-size: 20px; }
.single-product-cart-wrapper .single-product-cart .cart-price .total-rate {
color: var(--hover-color);
font-weight: 600;
font-size: 20px;
letter-spacing: 3px; }
.single-product-cart-wrapper .single-product-cart .shopping-content {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
border-bottom: 1px dashed #bbbec1;
border-top: 1px dashed #bbbec1;
padding: 25px 0 30px; }
.single-product-cart-wrapper .single-product-cart .shopping-content .right-content {
text-align: right; }
.single-product-cart-wrapper .single-product-cart .shopping-content .right-content .check-box input[type="radio"] {
  outline: none;
  margin-left: 10px; }
.single-product-cart-wrapper .single-product-cart .shopping-content .right-content span {
  color: #15c0e8; }
.single-product-cart-wrapper .single-product-cart .shopping-content .right-content a {
  color: #15c0e8; }
.single-product-cart-wrapper .single-product-cart .shopping-content .right-content .select-option .nice-select {
  float: none; }
  .single-product-cart-wrapper .single-product-cart .shopping-content .right-content .select-option .nice-select .list {
    width: 100%; }

.billing-section {
background: #f5fdfe; }

.billing-title .section-title .title {
color: white; }

.card-img-details {
padding: 40px 30px; }
.card-img-details .card-logo {
border: 1px solid grey;
padding: 15px 10px;
-ms-flex-pack: distribute;
justify-content: space-around;
display: -webkit-box;
display: -ms-flexbox;
display: flex; }
.card-img-details .card-logo img {
width: auto;
height: 30px; }
.card-img-details .payment-card-img {
padding: 80px 60px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
position: relative; }
.card-img-details .payment-card-img .card-raw {
z-index: 1; }
.card-img-details .payment-card-img .card-bg {
position: absolute;
z-index: 0; }

.user-info .user-form {
padding: 40px 30px; }

.user-info .form-group {
margin-bottom: 30px;
position: relative; }
.user-info .form-group .form-control {
border-radius: 0;
width: 100%;
border: 1px solid #d6d6d6;
font-size: 14px;
height: 40px;
color: #000; }
.user-info .form-group .materials {
position: relative;
height: 40px;
color: #bebebe;
background: transparent;
border-radius: 0; }
.user-info .form-group .materials > select {
width: 100%;
height: 37px;
background: transparent;
border: 0;
color: #858585;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
z-index: 1;
border: 1px solid #d6d6d6;
padding-left: 10px;
font-size: 16px; }
.user-info .form-group .materials .select-arrow {
position: absolute;
z-index: 0;
border: 8px solid transparent;
border-bottom: 0;
right: 11px; }
.user-info .form-group .materials .select-arrow:nth-child(2) {
top: 12px;
border-top-color: #bebebe; }
.user-info .form-group .materials .select-arrow:nth-child(3) {
top: 12px;
border-top-color: white; }
.user-info .form-group .nice-select {
-webkit-tap-highlight-color: transparent;
background-color: #fff;
border-radius: 5px;
border: solid 1px #d6d6d6;
-webkit-box-sizing: border-box;
box-sizing: border-box;
clear: both;
cursor: pointer;
display: block;
float: left;
font-family: inherit;
font-size: 14px;
font-weight: normal;
height: 42px;
line-height: 40px;
outline: none;
padding-left: 18px;
padding-right: 30px;
position: relative;
text-align: left !important;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
white-space: nowrap;
width: 100%;
color: #555758; }
.user-info .form-group .nice-select:focus {
border: 1px solid var(--hover-color); }

.user-info .check-box {
/* Create the checkmark/indicator (hidden when not checked) */
/* Show the checkmark when checked */ }
.user-info .check-box .container {
display: block;
position: relative;
padding-left: 25px;
margin-bottom: 12px;
cursor: pointer;
font-size: 14px;
color: #1d1d1d;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none; }
.user-info .check-box .container input {
position: absolute;
opacity: 0;
cursor: pointer;
height: 0;
width: 0; }
.user-info .check-box .container .checkmark {
position: absolute;
top: 5px;
left: 0;
height: 13px;
width: 13px;
border: 1px solid #a5a5a5; }
.user-info .check-box .checkmark:after {
content: "";
position: absolute;
display: none;
left: 0px;
top: 0px;
width: 11px;
height: 11px;
background: #cfcfcf; }
.user-info .check-box .container input:checked ~ .checkmark:after {
display: block; }

.user-info .submit-btn {
font-weight: 500;
font-size: 17px; }
.user-info .submit-btn span {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex; }
.user-info .submit-btn span .pay {
padding: 0 40px; }

.notes-info .check-box {
/* Create the checkmark/indicator (hidden when not checked) */
/* Show the checkmark when checked */ }
.notes-info .check-box .container {
display: block;
position: relative;
padding-left: 25px;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
font-size: 25px;
line-height: 35px;
font-weight: 600;
color: var(--heading-color);
font-family: var(--heading-font);
margin-bottom: 32px; }
.notes-info .check-box .container input {
position: absolute;
opacity: 0;
cursor: pointer;
height: 0;
width: 0; }
.notes-info .check-box .container .checkmark {
position: absolute;
top: 12px;
left: 0;
height: 13px;
width: 13px;
border: 1px solid #a5a5a5; }
.notes-info .check-box .checkmark:after {
content: "";
position: absolute;
display: none;
left: 0px;
top: 0px;
width: 11px;
height: 11px;
background: #cfcfcf; }
.notes-info .check-box .container input:checked ~ .checkmark:after {
display: block; }

.note-form .form-group textarea {
width: 100%;
resize: none;
padding: 10px; }

/* ------------------------------------
Main CSS
-------------------------------------*/
.navbar-nav li {
font-size: 16px; }

.slider-content-wrap .title {
line-height: 1.2; }

.slider-content-wrap p {
font-size: 16px; }

.team-item .title {
margin-top: 20px; }

.news-item .content-wrap .testext { margin-bottom: 10px; font-size: 20px;
	font-family: 'Poppins', sans-serif;
line-height: 30px; text-align: left; color: #ffffff; font-weight: 400;}

.news-item .content-wrap  h5{font-size: 20px; line-height: 40px;
text-align: left; color: #e7873c;font-weight: 500;}

h3 {
line-height: 1.4; }

.info-box p {
margin-top: 25px; }

.news-item .btn-wrapper {
margin-top: 10px; }

.meet-team-area .slick-dots {
bottom: 0; }

.team-item {
margin-bottom: 50px; }

.slick-dotted.slick-slider {
margin-bottom: 0; }

.slick-dots {
text-align: center;
line-height: 1;
position: inherit; }

.slick-dots li {
display: inline-block;
height: 12px;
width: 12px;
background-color: var(--paragraph-color);
margin: 0px 5px;
border-radius: 100%;
opacity: 0.3; }

.slick-dots li.slick-active {
background-color: #ff9800;
opacity: 1; }

.slick-dots li button {
display: none; }

.meet-team-area .slick-dots {
bottom: inherit; }

.showcase-follow-icon {
left: 40%; }

.showcase2-area {
height: 90vh; }

.news-item.style-2 .content-wrap .news-info .date-part {
width: 15%;
height: 90px; }

.news-item.style-2 .content-wrap .news-info .date-part .post-date {
font-size: 30px; }

.news-item.style-3 .title {
font-size: 18px;
    margin-bottom: 5px;
    line-height: 26px; }

.pagination ul li .page-numbers {
padding: 3px 10px; }

.research-details h2,
.research-diasease h2 {
font-size: 30px; }

.nice-select .option {
margin: 0; }

.product-single-item .title {
font-size: 18px; }

.date-part strong {
margin-right: 3px; }

.news-item .title,
.news-item .title a,
.product-single-item .title,
.product-single-item .title a {
-webkit-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s; }

.news-item .title a:hover,
.product-single-item .title a:hover {
color: var(--main-color-one); }

.breadcrumb-area .breadcrumb-inner .page-title {
color: #fff; }

.breadcrumb-area .page-list li {
color: #fff; }

.product-single-item .title a:hover {
color: var(--main-color-one); }

.therapy-box .content-wrap p {
max-width: 100%; }

.slick-dots li {
background-color: #ddd;
margin: 3px; }

.pulse-icon.pulse {
-webkit-animation: none;
animation: none; }

.research-diasease-area .research-diasease .img-wrap img {
border-radius: 0;
-webkit-box-shadow: none;
box-shadow: none; }

.border-left-top {
border-radius: 0; }

.about-us-area.no-bg-style .img-wrap img {
border-radius: 0;
-webkit-box-shadow: none;
box-shadow: none; }

.showcase-4-area {
position: relative; }

.showcase4-slider-item-inner {
height: 100vh;
position: relative; }

.showcase4-slider-item-inner .nav-container,
.showcase4-slider-item-inner .row,
.showcase4-slider-item-inner .row [class*='col'],
.showcase4-slider-item-inner .slider-content-wrap {
height: 100%; }

.showcase4-slider-item {
background-color: #ddd; }

.showcase-4-area .showcase-slider-dot-controls {
position: absolute;
bottom: 60px;
width: 100%; }

.showcase-4-area .slider-content-wrap {
color: #fff;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center; }

.bg-image {
background-repeat: no-repeat;
background-position: center center;
background-size: cover; }

.showcase-4-area .showcase4-slider-item-inner:before {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
background-color: #000;
opacity: 0.4;
content: ""; }

/*# sourceMappingURL=style.css.map */





.mb-60 {margin-bottom: 60px;}

.project__thumb {z-index: 3;}

.project__thumb::before {content: ""; background: #eee; position: absolute;
left: -10px; bottom: -10px; width: 108%; height: 106%; z-index: -1; border-radius: 2px;
-webkit-transition: all 0.4s ease-out 0s;
-moz-transition: all 0.4s ease-out 0s;
-ms-transition: all 0.4s ease-out 0s;
-o-transition: all 0.4s ease-out 0s;
transition: all 0.4s ease-out 0s;}

.project__thumb:hover::before {background: white;}

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

.project__thumb .textbox{position: absolute; top: 30%; left: 6%; right:6%;}
.project__thumb .textbox h4{font-size: 30px; color:#ffffff; font-weight: 600;}
.project__thumb .textbox p{color:#ffffff; line-height: 22px; font-size: 16px;font-family: 'Poppins', sans-serif !important;}

.project__text{padding: 4px 6px; margin: -2px 12px 0 22px; top: 0px; right: 10px; min-width: 240px;
display: block; z-index: 5; opacity: 0; visibility: hidden; height:80%;
-webkit-transition: all 0.4s ease-out 0s;
-moz-transition: all 0.4s ease-out 0s;
-ms-transition: all 0.4s ease-out 0s;
-o-transition: all 0.4s ease-out 0s;
transition: all 0.4s ease-out 0s;}

.project:hover .project__text {top: 10px; opacity: 1; visibility: visible;}


.project__text .points {margin-top: 20px; margin-bottom: 10px; list-style: none; padding: 0px 10px;}
.project__text .points li {
color: #666666; font-weight:500;
font-size: 16px; line-height:22px;
margin-bottom: 10px;
position: relative;
padding-left: 20px;
}
.project__text .points li:last-child {
margin-bottom: 0;
}
.project__text .points li:before {
content: '';
position: absolute;
top: 10px;
left: 0;
width: 8px;
height: 8px;
background: #f58321;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
-webkit-border-radius: 50px;
-moz-border-radius: 50px;
-ms-border-radius: 50px;
-o-border-radius: 50px;
border-radius: 50px;
}

.white-bg {background: white;}

.pos-abl {position: absolute;}

.project__text h5 {font-size: 24px; line-height: 1;}

.mt-10 {margin-top: 10px;}
.mt-20 {margin-top: 20px;}

.mb-20 {margin-bottom: 20px;}

.project__text .more-btn {color: #6a961f; font-size: 14px; line-height: 28px; text-transform: uppercase;}

.pos-rel {position: relative;}
.fqa-list-bx{font-weight: 400;
    background: #262626; font-family: 'Poppins', sans-serif; 
    color: #fff;
    font-size: 16px;
    line-height: 26px;}
.fqa-list-bx ul{margin-top: 10px;padding-left: 35px;
    color: #fff;}
.fqa-list-bx ul li{margin-bottom: 0px;font-size: 16px;font-weight: 400;
    background: #262626;    padding-left: 5px;
    color: #fff;
    font-size: 16px;
    line-height: 26px;}
.main-area section p {
    font-size: 16px;
    color: #ffffff;
    font-weight: 500;
}
.about-content-wrapper{margin-top: -38px;}
.blog-box{background: #eee;}
.blog-details{    background: #eee;}
.blog-details .content-wrap{padding: 0px 15px 15px 15px;}
.blog-details .title{    font-size: 20px;
    margin-bottom: 5px;
    line-height: 26px;
    color: #e7873c;
    margin-top: 10px;}
.blog-details .content-wrap .thumb{margin-left: -15px;margin-right: -15px;}
.blog-details .content-wrap .thumb img{    width: 100%;
    height: 450px;
    object-fit: cover}

.blog-section.blog .entry-post {
    margin-bottom: 30px;
}

.post-content {
    position: absolute;
    width: 100%;
    bottom: 0;
    left: 0;
    padding: 45px;
    padding-bottom: 50px;
    color: #fff;
    font-size: 16px;
    line-height: 24px;
    font-family: aller_lightregular;
    background: -moz-linear-gradient(top,rgba(0,0,0,0) 0%,rgba(0,0,0,0.07) 11%,rgba(0,0,0,0.19) 24%,rgba(0,0,0,0.69) 64%,rgba(0,0,0,0.85) 79%,rgba(0,0,0,0.97) 93%,rgba(0,0,0,1) 100%);
    background: -webkit-linear-gradient(top,rgba(0,0,0,0) 0%,rgba(0,0,0,0.07) 11%,rgba(0,0,0,0.19) 24%,rgba(0,0,0,0.69) 64%,rgba(0,0,0,0.85) 79%,rgba(0,0,0,0.97) 93%,rgba(0,0,0,1) 100%);
    background: linear-gradient(to bottom,rgba(0,0,0,0) 0%,rgba(0,0,0,0.07) 11%,rgba(0,0,0,0.19) 24%,rgba(0,0,0,0.69) 64%,rgba(0,0,0,0.85) 79%,rgba(0,0,0,0.97) 93%,rgba(0,0,0,1) 100%);
}
.post-content .time {
    width: 65px;
    height: 65px;
    text-align: center;
    background-color: #f58220;
}
.post-content .time a {
    font-size: 34px;
    color: #fff;
    display: block;
    padding: 15px;font-family: 'Poppins', sans-serif;
    line-height: 18px;
    text-transform: uppercase;
   
}
.post-content .time a span {
    font-size: 14px;
    font-family: allerbold;
    letter-spacing: 5px;
}
.entry-title {
    margin: 10px 0;
}
.entry-title h1, .entry-title a {
    font-size: 20px; font-weight:600;
    line-height: 25px;
    color: #fff; font-family: 'Poppins', sans-serif;
}
.post-icons {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 50px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    background-color: #f58220cc;
}
.post-icons a {
    color: #fff;
    font-size: 18px;
    display: block;
}
.entry-post {
    position: relative;
    margin-bottom: 25px;
    overflow: hidden;
}
.blog-section.blog .entry-post {
    margin-bottom: 30px;
}

.post-content p{color: #ffffff;}

.post {
    border-bottom: dotted 1px #444;
    margin-bottom: 15px;
}
.post-intro {
    position: relative;
}
.post-intro img + h2 {
    position: absolute;
}
.post-intro h2 {
    position: relative;
    bottom: 0;
    width: 100%;
    margin-bottom: 0;
    line-height: 1.2;
}
.post-intro h2 a {
    background: #ff0060;
    background: rgb(245 130 32 / 95%);
    color: #fff;
}
.post-intro h2 a {
    font-size: 16px;
    display: block;
    padding: 8px 10px;
    text-shadow: 0 -1px 0 rgba(0,0,0,0.2);
}
.post > *:last-child {
    margin-bottom: 0;
}
.meta {
    font-size: 10px;
    font-weight: bold;
    text-transform: uppercase;
    margin: 15px 0 10px 0;
}
.meta .post-date {
    color: #ccc;
}
.meta .bull {
    font-size: 18px;
    line-height: 1;
    display: inline-block;
    margin: 0 5px;
    position: relative;
    top: 3px;
}
.post-body p{color: #ffffff;}
.post-body .meta{font-family: sans-serif;}
.post-body .meta a{color: #f58220;}


/*dashboard*/
.user-images-bx{background: radial-gradient(30.36% 30.36% at 50% 39.88%, #fad370 0%, rgba(255, 255, 255, 0) 100%), linear-gradient(180deg, #f58220 0%, #fab61d 100%);
    border: 3px solid rgba(231, 135, 60, 0.53);
    box-sizing: border-box;
    border-radius: 3px;}


.user-img-bx img{
    width: 100px;
    height: 100px;
    overflow: hidden;
    border: 4px solid rgba(0, 0, 0, 0.8);
    border-radius: 50%;
    margin: 1.5rem auto 0.8rem;
    position: relative;
    white-space: nowrap;
    text-align: center;
}

.user-images-bx .user-img-bx{width: 100px;
    margin-left: auto;
    margin-right: auto;
    border-radius: 50%;
    height: 120px;
    /* overflow: hidden; */
    /*z-index: 9;*/
    position: relative;}
.user-name-box .user-name{font-weight: 600;
    font-size: 16px;
    line-height: 22px;
    font-family: 'Poppins', sans-serif;
    margin-bottom: -2px;
    color: #2a2a2a;
    text-transform: capitalize;
    margin-top: 10px;}
.avatar{display: none;}
.user-name-box .user-name p{color:#484848; font-size: 13px;}

.user-images-bx{text-align: center;}
.user-images-bx hr{margin-top: 1px; margin-bottom: 1px;  }
.view-profile-bx a{    font-weight: 500;
    font-size: 14px; padding:15px;
    line-height: 13px; display: block;
        color: #2a2a2a;
    font-family: 'Poppins', sans-serif;}
.view-profile-bx a:hover{color:#ffffff;}
.view-profile-bx{position: relative;}

.lift-side-tab-bx .sideways li a{width: 100%;
    padding: 15px 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(180deg, #f58220 0%, #fab61d 100%);
    border: 2px solid #e7873c;
    box-sizing: border-box;
    border-radius: 0px;
    cursor: pointer;}
.lift-side-tab-bx .sideways li a{    font-size: 15px;
    line-height: 18px;
    font-weight: bold;
    font-family: var(--font-base-primary);
    color: black;position: relative;}
.lift-side-tab-bx .sideways li {width: 100%;}
.lift-side-tab-bx{margin-top: 20px; margin-bottom:20px;}
.lift-side-tab-bx .sideways li{position: relative;}
.my-textbox .cirbox{display: inline-block;
    height: 12px;
    width: 12px;
    background: #F44336;
    border-radius: 50px;
    margin-right: 10px;}
.home-dash.dasg-bg .col-lg-3 .dropdown{float: right;margin-top: 4px;}
.home-dash.dasg-bg .col-lg-3{text-align: right;}

/*
.lift-side-tab-bx .sideways li:after, .lift-side-tab-bx .sideways li:before {
    left: 100%;
    top: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}
.lift-side-tab-bx .sideways li:after {
    border-color: rgba(136, 183, 213, 0);
    border-left-color: #fff;
    border-width: 10px;
    margin-top: -10px;
}
.lift-side-tab-bx .sideways li:before {
    border-color: rgba(194, 225, 245, 0);
    border-left-color: var(--color-primaryTextColor);
    border-width: 15px;
    margin-top: -15px;
}
.lift-side-tab-bx .sideways li active:after {
    border-color: rgba(136, 183, 213, 0);
    border-left-color: #fff;
    border-width: 10px;
    margin-top: -10px;
}*/
.lift-side-tab-bx .sideways li:hover a{ background: #fff;
    border: 2px solid #e7873c;
     padding: 15px 0;}
.dasg-bg{    background: linear-gradient(0deg, #ffffff, #ffffff), linear-gradient(180deg, #f58220 0%, #fab61d 100%);
    border: 2px solid #e7873c;
    box-sizing: border-box;
    box-shadow: 0px 0px 2px #e4e4e4;
    border-radius: 3px;
    margin-bottom: 1.5rem;
    list-style-type: none;
    background: #fff url(../img/login-bg.png) no-repeat;
    background-size: cover;
    background-position: center;padding: 18px 15px;}

 .SidePanelFooter_dashboardFooter__276x0 {
    padding: 1rem;
    background: linear-gradient(0deg, #ffffff, #ffffff), linear-gradient(180deg, #f58220 0%, #fab61d 100%);
    border: 2px solid #e7873c;
    box-sizing: border-box;
    box-shadow: 0px 0px 2px #e4e4e4;
    border-radius: 3px;
}
.SidePanelFooter_dashboardFooterMenu__1G3-I ul {
    padding-inline-start: 0px;
    margin-bottom: 0;
}
.SidePanelFooter_dashboardFooterMenu__1G3-I ul li {
    list-style: none;
    display: block;
    font-weight: 500;
    font-size: 12px;
    line-height: 28px;
}

.SidePanelFooter_wrapper__1vJiU .nav-link {
    display: contents;
    color: var(--color-primaryTextColor2);
}

.SearchOpportunity_wrapper__LixzR {
    display: flex;
    width: 100%;
    background: #fff;
    margin: 0 auto;
    position: relative;
    border-radius: 3px;
    border: 2px solid #e7873c;
    background: #fff url(../img/login-bg.png) no-repeat;
    background-size: cover;
    background-position: center;
}

.SearchOpportunity_wrapper__LixzR .SearchOpportunity_container__3iKZ0 {
    padding: 3rem;
    width: 100%;
}
h3.formTitle {
    font-size: 28px;
    line-height: 33px;
    font-weight: bold;
    color: #000;
    font-family: 'Poppins', sans-serif;
}

.SearchOpportunity_wrapper__LixzR .form-row {
    display: flex;
    flex-wrap: wrap;
    margin-right: -5px;
    margin-left: -5px;
}
.SearchOpportunity_wrapper__LixzR .form-row > .col, .SearchOpportunity_wrapper__LixzR .form-row > [class*="col-"] {
    padding-right: 5px;
    padding-left: 5px;
}
.SearchOpportunity_wrapper__LixzR .form-control {
    height: calc(1.5em + 0.75rem + 10px);
    font-size: 0.85rem;
    color: #888;
}

.SearchOpportunity_wrapper__LixzR .form-control {
   display: block;
    width: 100%;
    height: calc(1.5em + 0.75rem + 2px);
    padding: 0.375rem 0.75rem;
    font-size: 13px;
    font-weight: 400;
    line-height: 2.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    padding: 15px;
    height: 40px;
}


.my-textbox{padding: 10px;}
.my-textbox h4{font-size: 20px;}
.my-textbox .circle-green {font-size: 13px;}
.my-textbox .circle-green .cirbox{display: inline-block; height: 12px; width: 12px; background: #008000;
    border-radius: 50px; margin-right: 10px;}
.my-textbox p{color: #e7873c; font-weight: 500; margin:0px;}
.my-textbox p.textb{color: #484848; font-weight: 500; font-size: 14px;}

#home-v .dropdown-menu{right: 10px; left: auto !important; min-width: 8rem;
    z-index: 99; box-shadow: 0 2px 4px 0 #ccc; padding: 10px;
    background: linear-gradient(180deg, #f58220 0%, #fab61d 100%);
}

#home-v .rightclose{    padding-top: 0px;
    position: relative;
    display: inline-block;
    text-align: right;
    font-size: 14px;
    margin-right: 5px;}
#home-v .rightclose small{display: block; line-height: 8px;padding-bottom: 2px;}
.dasg-bg .dropdown button{border: none !important; background: transparent; color: #a2a2a2; cursor: pointer;}
#home-v .dropdown-menu li{margin:0px;}
#home-v .dropdown-menu li a{font-size:16px; color:#000000; font-family: 'Poppins', sans-serif;}
#home-v .dropdown-menu li a:hover{color:#ffffff;}


.text-muted {
    color: #6c757d !important;
}
.form-text {
    display: block;
    margin-top: 0.25rem;
}
.SearchOpportunity_wrapper__LixzR .form-row {
    display: flex;
    flex-wrap: wrap;
    margin-right: -5px;
    margin-left: -5px;
}
.SearchOpportunity_buttonWrapper__j8Fzk.btn-primary {
    border-color: var(--color-primaryBackground);
    background-color: var(--color-primaryBackground);
    padding: 0.5rem 1.3rem;
    background: var(--color-primaryGradient);
    border: 1px solid #e7873c;
    color: #000;
    font-weight: 500;
        margin-top: 50px;
}

.DiscoveryForm_wrapper__1csEe {
    position: relative;
    width: 100%;
    background: #fff;
    border-radius: 3px;
    padding: 2rem;
    background: #fff url(../img/login-bg.png) no-repeat;
    background-size: cover;
    background-position: center;
}
.DiscoveryForm_buttonWrapper__3csej.btn{    margin-top: 50px;}

.ProfileForm_wrapper__2cf9P {
    background: linear-gradient(0deg, #ffffff, #ffffff), linear-gradient(180deg, #f58220 0%, #fab61d 100%);
    background: #1c1c1c url(../img/login-bg.png) no-repeat;
    background-size: cover;
    background-position: center;
    border: 2px solid #e7873c;
    padding: 2rem;
    border-radius: 15px;
}

.sideways{margin-bottom: 15px;}
.ProfileForm_wrapper__2cf9P .form-group{margin-bottom: 1rem;}
.update-profile .form-group {margin-bottom: 2rem;}
.update-profile  .PhoneInput input{display: block;
    width: 100%;
    padding: .375rem .75rem;
    font-size: 1rem;
    line-height: 1.5;
    color: #495057;
    background-color: var(--white);
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;}
.btn-outline-primary-primary{color: #f58220 !important;border-color: #f58220 !important;
    margin-top: 0px;margin-left: 20px;font-weight: 500;font-family: 'Poppins', sans-serif;}
.ProfileForm_buttonWrapper__lIIEQ{margin-top: 20px;}
.ProfileForm_buttonWrapper__lIIEQ a{color: #000 !important;}

.react-datepicker-wrapper input{     height: calc(1.5em + 0.75rem + 10px);   padding: .375rem .75rem;
    font-size: 0.85rem;
    line-height: 1.5; text-transform: uppercase;
    color: #888;
    background-color: #ffffff !important;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: .25rem .25rem .25rem .25rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;}
 .react-datepicker-wrapper .input-group-append{display: none !important;}
 .faq-area section li ol li{    margin-left: 0px;}
.budget-box select{height: calc(1.9em + 0.7rem + 8px);}
.budget-input-bx input{    margin-right: 10px;}
.google-btn{margin-top: 35px;height: 48px;}
.blog-details-new{padding-top: 100px;}
.blog-details-new .entry-summary p{color:#ffffff;}

.blog-details-new .entry-title h1, .blog-details-new .entry-title a {
    font-size: 30px;
    line-height: 45px;
    color: #fff;
    text-transform: uppercase;
    font-family: 'Poppins', sans-serif;
}
.blog-details-new  .list-inline {
    padding-left: 0;
    list-style: none;
}
.blog-details-new .entry-post .entry-meta li:first-child {
    text-transform: uppercase;
}
.blog-details-new ul.list-inline li {
    display: inline-block;
    margin-right: 10px;
    font-family: 'Poppins', sans-serif;
}
.blog-details-new .entry-post .entry-meta i {
    margin-right: 10px;
}
.blog-details-new .entry-post .entry-meta a {
    font-size: 16px;
    color: #fff;
}

 .tab-list-left{list-style: none;padding-left: 0px;}
.tab-list-left li a{    background: radial-gradient(30.36% 30.36% at 50% 39.88%, #fad370 0%, rgba(255, 255, 255, 0) 100%), linear-gradient(180deg, #f58220 0%, #fab61d 100%);
    padding: 10px;
    display: block;
    color: #000;
    font-size: 16px;
    font-weight: 600; position: relative;}
.tab-list-left li a:before{    position: absolute;
    content: '';
    width: 30px;
    height: 30px;
    right: -11px;
    top: 9px;
    
    transform: rotate(45deg);
    background: radial-gradient(30.36% 30.36% at 50% 39.88%, #fad370 0%, rgba(255, 255, 255, 0) 100%), linear-gradient(180deg, #f58220 0%, #fab61d 100%);}

.tab-list-left li a:active{background: red;}







.lift-side-tab-bx .tabs-nav ul {
  margin: 0;
  padding: 0;
}

.lift-side-tab-bx .tabs-nav li {
  display: block;
  background: linear-gradient(180deg, #f58220 0%, #fab61d 100%);
  color: #fefefe;
  border-width: 1px 1px 0 1px;
  border-style: solid;
  border-color: #34495E;
  margin-right: 5px;
  text-align:center;
  
}

.lift-side-tab-bx .tabs-nav a {
  display: block;
  padding: 10px 15px;
  
  color: #fff;
  border: 3px solid transparent;
  position: relative;
  font-weight: 600;
    font-family: sans-serif;
}
/* Active tab */

.lift-side-tab-bx .tabs-nav li.active {
  background: #FFF;
  color: #000;
}
.lift-side-tab-bx .tabs-nav li.active a:before {
   position: absolute;
    content: '';
    width: 20px;
    height: 20px;
    right: -11px;
    top: 14px;
    transform: rotate(45deg);
    background: #fff;
    border: 3px solid #f58220;
    border-left: transparent;
    border-bottom: transparent;
}
.lift-side-tab-bx .tabs-nav li.active a {
  color: inherit;
  border: 3px solid #f58220;
}
/* Tab content */

.lift-side-tab-bx .tabs-content {
  border: 1px solid #34495E;
  padding: 10px;
  background: #FFF;
  margin-top: -1px;
  overflow: hidden;
}

.lift-side-tab-bx .tabs-content IMG {
  margin-right: 10px;
}
/* Hide all but first content div */

.lift-side-tab-bx .tabs-content div:not(:first-child) {
  display: none;
}


.tabs-nav ul {
  margin: 0;
  padding: 0;
}

.tabs-nav li {
  display: inline-block;
  background: rgba(0, 0, 0, 0.78);
  color: #fefefe;
  border-width: 1px 1px 0 1px;
  border-style: solid;
  border-color: #34495E;
  margin-right: 5px;
}

.tabs-nav a {
  display: block;
  padding: 10px 15px;
  font-weight: bold;
  color: #fff;
}
/* Active tab */

.tabs-nav li.active {
  background: #FFF;
  color: #000;
}

.tabs-nav li.active a {
  color: inherit;
}
/* Tab content */

.tabs-content {
 
  overflow: hidden;
}

.tabs-content IMG {
  margin-right: 10px;
}
/* Hide all but first content div */

.tabs-content div.tab-pane:not(:first-child) {
  display: none;
}

.dash-container .col-lg-3-md{max-width: 20%;    flex: 0 0 20%;}
.dash-container .col-lg-6-md{max-width: 60%;    flex: 0 0 60%;}
.contact-services-box ul {
    padding-inline-start: 0px;
    margin-bottom: 0;text-align: center;
}
.contact-services-box ul li {
    list-style: none;
    display: block;
    font-weight: 500;
    font-size: 12px;
    line-height: 28px;margin-bottom: 0;
}
.contact-services-box ul li .nav-link {
    display: contents;
    color: var(--color-primaryTextColor2);    font-weight: 600;padding: 0.5rem 1rem;
}
.SidePanelFooter{font-weight: 500;
    font-size: 14px;
    line-height: 14px;margin-left: 15px;}
    .contact-services-box .SidePanelFooter_dashboardFooterBottom__3E5WA {
    border-top: dotted 1px #ccc;
}
.contact-services-box{    margin-top: 25px;}

.ProfileForm_wrapper__2cf9P h3{    font-weight: 600;
    font-size: 28px;
    font-family: "Poppins", serif;color: #f5821c;}

.ProfileForm_readOnlyMode__1h23q label{
    margin: 0;font-family: 'Poppins', sans-serif;}    
  .ProfileForm_readOnlyMode__1h23q .form-control-plaintext{padding-top: 0px;
    padding-bottom: 0px;
    color: #000;
    font-weight: 400;
   
    font-family: 'Poppins', sans-serif;}

.left-tab-box ul{    list-style: none;
    padding-left: 0;
    text-align: center;}
.left-tab-box ul li a{display: block;
    background: linear-gradient(180deg, #f58220 0%, #fab61d 100%);
    color: #000000; border-width: 1px 1px 0 1px; border-style: solid;
    border-color: #34495E; margin-right: 0px; text-align: center;
    padding: 0.8rem 0; font-weight: 600;position: relative;font-family: 'Poppins', sans-serif;
    -webkit-font-smoothing: antialiased;
}    
.left-tab-box ul li{margin-top: 1.5rem !important;
    margin-bottom: 0;}

.left-tab-box li.active a{
    background: #FFF;
    color: #000; border: 3px solid #f58220;
}
.left-tab-box li.active a:before {
    position: absolute;
    content: '';
    width: 20px;
    height: 20px;
    right: -11px;
    top: 15px;
    transform: rotate(45deg);
    background: #fff;
    border: 3px solid #f58220;
    border-left: transparent;
    border-bottom: transparent;
}

.update-img-bx{    position: relative;
    width: 100px;
    overflow: hidden;
    margin-left: auto;
    margin-right: auto;}
.update-img-bx .container-img{position: absolute;
    top: 30px;
    width: 87px;
    padding: 0;
    left: 6px;
    border-top-left-radius: 100%;
    border-top-right-radius: 100%;
    display: block;
    /* padding: 10px 25px; */
    border: 0;
    margin: 0 auto;
    font-size: 15px;
    letter-spacing: 0.05em;
    cursor: pointer;
    background: #216e6987;
    color: #fff;
    outline: none;
    transition: .3s ease-in-out;
    text-align: center;
    overflow: hidden;
    height: 40px;}




@media (min-width: 992px) {
	.hidden-lg {display: none !important;}
}

@media (max-width: 992px) {
	.visible-lg {display: none !important;}
}

.navbar-nav.index-header-dash li:nth-child(1){margin-right: 16px !important;}
.navbar-nav.index-header-dash li:nth-child(2){margin-right: 0px !important;}
.nav-right-content.nav-profile-content ul{margin-left: 0px !important;}
.nav-right-content.nav-profile-content ul li ul{text-align: center;left: -129px;
    top: 35px;padding: 6px !important;background-color: #383838;}
.nav-right-content.nav-profile-content ul li ul li{display: block !important;
    text-align: left;}
.nav-right-content.nav-profile-content ul li ul li a{color: rgba(255, 255, 255, 0.5) !important;}


.navbar-area.nav-absolute:after {
    content: "";
    width: 100%;
    height: 3px;
    position: absolute;
    z-index: 1;
    bottom: 0;
    background: linear-gradient(180deg, #f58220 0%, #fab61d 100%);
}

.home-top-slider{    width: 67.2%;
    margin-left: auto;
    margin-right: auto;}
.home-top-slider .homesilebgr2 .home-slider-2 .slick-dots{text-align: left;    padding-left: 20px;  bottom: -38px;}
.home-top-slider .homesilebgr2 .home-slider-2 .slick-dots li{margin-right: 15px !important;}
.news-slider-pro .slick-prev i, .news-slider-pro .slick-next i{font-size: 24px;}
.news-slider-pro .slick-prev{    left: 25px;}
.news-slider-pro .slick-next{    right: 25px;}
.news-slider-pro .slick-prev , .news-slider-pro .slick-next {    color: rgb(255 115 0);
    background: #000000b3;
    line-height: 50px;}
.news-slider .slick-prev, .news-slider  .slick-next{     color: rgb(255 115 0);
    background: #000000b3;
    line-height: 18px;top: 30%;width: 37px;}

.news-slider .slick-prev i, .news-slider .slick-next i{font-size: 24px;}
.news-area .slick-prev:hover::after{display: none;}
.news-area .slick-next:hover::after{display: none;}
.created-opportunity-bx .opportunity-btn{    background-color: rgb(245 130 32);
    border-radius: 2px;
    text-align: center;
    padding: 12px 40px;
    color: #000000;
    font-weight: 600;
    font-size: 16px;
    font-family: 'Poppins', sans-serif;}

/********login Pages********/
/*.login-sign-box{display: flow-root;padding: 50px 20px;background-image: url(../../assets/img/signupbg.png);background-repeat: repeat;border-radius: 2px;}*/
.login-sign-box .login-left-box{    width: 60%;
    float: left;
    display: flow-root;
    }
.text-left-login img{    width: 170px;}    
 .login-sign-box .login-left-box .text-left-login p{    font-size: 22px;line-height: 28px;font-family: 'Poppins', sans-serif;color: #000000;font-weight: 500;margin-top: 10px;}  
/*.text-left-login{padding: 30px;
    background-image: linear-gradient(to left, #f58220, #f89e21, #f8b92c, #f7d43f, #f3ee58);    margin-top: 120px;}*/

.login-sign-box .login-right-box{width: 40%;float: right;display: flow-root;}
.login-form-riight{background: #fff;padding: 30px 20px 50px 20px;position: relative;}
.login-sign-box .login-right-box p{    font-family: 'Poppins', sans-serif;font-weight: 500;}
 .login-sign-box .login-right-box h6{font-size: 18px;}   
.login-form-box .form-check label{    font-family: 'Poppins', sans-serif;font-weight: 500;
    color: #000;}

.login-form-box .navbar-brand{    font-family: 'Poppins', sans-serif;font-weight: 500;
    color: #000;font-size: 14px;}
.login-form-box .button{background-color: #000000;
    border-radius: 2px;text-align: center;
    padding: 10px 35px;color: #fff;
    font-weight: 500;font-family: 'Poppins', sans-serif;    line-height: 40px;}

.sign-full-btn .button{background-color: #000000;
    border-radius: 2px;
    text-align: center;
    padding: 10px 35px;
    color: #fff;
    font-weight: 500;
    font-family: 'Poppins', sans-serif;
    width: 100%;
    display: block;
    line-height: 20px;}
.sign-full-btn{margin-top: 20px;}

.login-sign-box.sign-up-box .login-left-box{
    width: 30%;
    float: left;
    display: flow-root;
}
.login-sign-box.sign-up-box .login-right-box{
    width: 70%;
    float: left;
    display: flow-root;
}

.login-sign-box.sign-up-box {
    display: flow-root;
    padding: 0px 0px 0px 20px;
    background-image: url(../../assets/img/signupbg.png);
    background-repeat: repeat;
    border-radius: 2px;
}
.already-box{    position: absolute;
    right: 20px;
    top: 23px;
    font-family: 'Poppins', sans-serif;
    font-weight: 500;
    font-size: 15px;}
.already-box a{    color: #f58220;font-weight: 600;}   
.login-form-box .form-check label a{font-weight: 600;}
.login-sign-box.sign-up-box .text-left-login{    margin-top: 200px;}
.login-sign-box.sign-up-box  .login-form-box .button{    padding: 10px 50px;}

.login-sign-box.sign-up-box select{    height: calc(1.5em + 0.75rem + 10px);
   
    color: #888;
    font-family: 'Poppins', sans-serif;
    display: block;
    width: 100%;
    padding: .375rem .75rem;
   
    line-height: 1.5;
    color: #888;
    background-color: var(--white);
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    font-size: 15px;}

.navbar-area.nav-style-01 .nav-container .nav-right-content ul li [type="button"]{-webkit-appearance: inherit;}
.join-us-content .boxed-btn{    border: 1px solid #e7873c;
    padding: 0.5rem 1.1rem;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    font-size: 1rem;
    line-height: 1.5;
    border-radius: 0.25rem;height: auto;font-family: 'Poppins', sans-serif;}
.join-us-content .boxed-btn:hover{color: #ffffff;border: 1px solid #fff;}
.dash-li-list{margin-left: 15px;}
.dash-li-user{margin-left: 5px;}
.main-li-list{margin-left: 15px;margin-right: 0px !important;}
.main-li-user{margin-left: 5px;margin-right: 0px !important;}
.contact-from .btn-smallbtn .boxed-btn{font-family: 'Poppins', sans-serif;
    font-weight: 500;
    border: 1px solid #e7873c;
    color: #000;
    padding: 0.4rem 1.3rem;
    height: auto; min-width:65px;
    font-size: 1rem;
    line-height: 1.5;
    border-radius: 0.25rem;}
.contact-from .btn-smallbtn .boxed-btn:hover{
    color: #fff;
    font-weight: 500;
    border: 1px solid #ffffff;
}

.curt-droup{    font-size: 20px;
    line-height: 22px;
    top: 4px;
    position: relative;}


/*Phase Two index*/

.search {
   position: relative;
    padding-bottom: 150px;
    width: 56%;
    margin-left: auto;
    margin-right: auto;		
}
.search button {
    position: absolute;
    right: 0;
    top: 0;
    background: #000000;
    color: #ffffff !important;
    padding: 7px 30px;
    cursor: pointer;
    margin: 6px;
    font-family: 'Poppins', sans-serif;    
    z-index: 9;border: 1px;
}
.search input {
    padding-left: 30px;
    padding-right: 80px;
    height: 50px;
    padding: 10px 20px;
    box-shadow: none;
    font-size: 13px;
    font-weight: 400;
    color: #d4d4d4;
    border-radius: 3px;
    background-clip: inherit !important;
    border: none;
    font-family: 'Poppins', sans-serif;
}
.search-tab-box{text-align: left;margin-top: 0px;}
.search-tab-box a{     position: relative;
    background: transparent;
    padding: 0;
    color: #ffffff;
    font-size: 14px;
    border-bottom: 1px solid #f7f7f7;
    margin-right: 6px !important;
    font-weight: 300;
    margin: 0;
   font-family: 'Poppins', sans-serif;}
.search-tab-box span{color: #fff;font-size: 14px;font-family: 'Poppins', sans-serif;font-weight: 500;
    }
.msl-concert-list {
       float: left;
    width: 100%;
    z-index: 1;
    margin: 0 0 0px;
    overflow: hidden;
    position: relative;
    border-radius: 2px;
    background-color: #000000;
    border-bottom: 1px solid #2d2d2d;
}
.msl-concert-list figure {    width: 145px;
    border-right: navajowhite;
    overflow: hidden;
    position: relative;
    float: left;
    margin: 0;
    border-color: rgb(245 130 32);
    text-align: center;
    padding-top: 10px;
    padding-bottom: 10px;
}

.msl-concert-list figure:before {
    top: 0;
    left: 0;
    width: 0;
    bottom: 0;
    content: "";
    right: auto;
    position: absolute;
    background-color: #db152e;
}
.msl-concert-list .text-overflow {
    padding: 18px 160px 18px 25px;
}

.text-overflow {
    float: none;
    width: auto;
    overflow: hidden;
}
.concert-meta {
    float: left;
        width: 100%;
 }
.concert-info:first-child {
    margin-left: 0;
}
.concert-info {
   float: left;
    width: 100%;
    font-size: 15px;
    margin: 0 0px 5px 0px;
    text-transform: capitalize;
}
.concert-info b {
    color: rgb(245 130 32);
   font-weight: 500;
    margin: 0 15px 0 0;
}
.concert-location {
    clear: left;
    margin: 0;
}
.msl-concert-list .btn-1 {
    top: 50%;
    z-index: 1;
    left: auto;
    right: 20px;
    position: absolute;
    transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
        background-image: linear-gradient(to right, #f58220, #f89e21, #f8b92c, #f7d43f, #f3ee58);
    border-radius: 20px;font-family: 'Poppins', sans-serif;
    font-weight: 600;
    letter-spacing: 0.4px;    color: #000000;}

.msl-concert-list .btn-1:hover, .msl-concert-list .btn-1:focus, .view-all-btn-bx .view-all-btn{    color: #000;}
.btn-1 {
       width: auto;
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    line-height: normal;
    display: inline-block;
    padding: 7px 20px 7px;
    text-transform: capitalize;
}
.text-overflow .concert-title{
	color: #fff;font-weight: bold;font-size: 15px;margin-bottom: 5px;
}
.msl-concert-list figure img{height: 100px;border-radius: 50%;width: 100px;border: 5px solid #1c1c1c;}
.search-title-bx h5{color: #ffffff;}
.search-box-index .input-group-text{background: #ffffff;border: none;    padding: 15px;}
.search-list-section{padding-top: 100px; padding-bottom: 50px;}

.festival-info {
    background-color: #f7f7f7;
    display: block;
    overflow: hidden;
    margin-bottom: 30px;
}
.form-wizard.sub-form-wizard .form-wizard-steps li{width: 20%;}
.sub-categories-list ul li .custom-checkbox-text {
          padding: 2px 2px;
    background-color: #e6e6e6;
    color: #000;
    cursor: pointer;
    user-select: none;
    font-size: 12px;
    font-family: 'Poppins', sans-serif;
    font-weight: 500;
    border: 1px solid #e6e6e6;
}
.sub-cat-bx li a:focus, .sub-cat-bx li a:active{background: #FF9800;
    }
.skills-box .sub-categories-list ul li {
        width: 32.80%;
    float: left;
    margin-right: 5px;
    text-align: center;
    margin-bottom: 5px;
}
.skills-categories-box{    margin-top: 10px;margin-bottom: 20px;
    display: flow-root;}

.skills-categories-box .title-box{    margin-bottom: 10px !important;
    font-size: 16px;
    font-weight: 600;
    color: #f58220;}

.uk-switcher>*>:last-child {
    margin-bottom: 0;
}
.tracks {
    padding: 0;
}
.tracks .list__item--active {
    background-color: #6d02e5;
}
.tracks .list__item {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    cursor: default !important;
}
.tracks .list__item .icon--play-pause {
    left: 25px;
}
.tracks .list__item .icon--play-pause {
    position: absolute;
    top: 0;
    left: 15px;
    height: 100%;
    cursor: pointer;
}
.icon--play {
    width: 27px;
    height: 27px;
    background-image: url(../img/play.svg);
}

.icon {
    display: inline-block;
    background: transparent none no-repeat center;
    border: 0;
    outline: 0;
}
.tracks__title {
    position: absolute;
    top: 0;
    left: 55px;
    right: 130px;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    overflow: hidden;
}
.tracks__time {
    padding-left: 20px;
    min-height: 14px;
}

.mejs__horizontal-volume-slider {
    padding-left: 20px;
}
.mejs__horizontal-volume-total {
    position: relative;
    display: block;
    width: 31px;
    height: 30px;
    cursor: pointer;
    background-color: rgba(255,255,255,0.2);
    -webkit-clip-path: url(#volumeClipMask);
    clip-path: url(#volumeClipMask);
}


.text-overflow .concert-title span{font-size: 13px;background: #f58220;
    padding: 1px 3px;border-radius: 2px;line-height: 5px;margin-left: 3px;}
.concert-meta .music-list{padding-left: 0;list-style: none;}
.concert-meta .music-list li{display: inline-block;border-right: 2px solid #ffffff;padding-right: 7px;margin-right: 3px;margin-bottom: 0;line-height: 14px;    font-size: 14px;color: #ffffff;}
.concert-meta .music-list li:last-child{border-right: none;}
.locality-area-bx{    font-size: 13px;font-family: 'Poppins', sans-serif;    color: #ffffff;    font-weight: 300;}
.connection-list-bx ul{    list-style: none;padding-left: 0;}
.connection-list-bx ul li{display: inline-block;    font-size: 14px;    color: #ffffff;}
.connection-list-bx {    margin-top: 20px;}
.msl-concert-list figure .online-active{position: absolute;
    width: 15px;
    height: 15px;
    background: #09b109;
    right: 26px;
    bottom: 20px;
    border-radius: 50%;}

.msl-concert-list figure .online-ofline{position: absolute;
    width: 15px;
    height: 15px;
    background: #b1b1b1;
    right: 26px;
    bottom: 20px;
    border-radius: 50%;}
.connections-btn-bx{    background: #f58220;
    color: #fff;
    padding: 3px 10px 2px 6px;
    border-radius: 1px;
    margin-left: 8px;
    font-size: 12px;}
.connections-btn-bx i{font-size: 12px;}
.connections-btn-bx:hover, .connections-btn-bx:focus{color: #ffffff;}
.add-section-right{  text-align: center;  background-color: #000000;padding: 10px;border-radius: 2px;}
.add-sect-img{list-style: none;padding: 0;    text-align: center;    margin-top: 20px;}
.add-sect-img li{display: inline-block;}
.add-sect-img .profile-left figure{margin-bottom: 0;}
.add-sect-img .profile-left figure img{    width: 80px;
    border-radius: 50%;
    height: 80px;}
 .add-sect-img .profile-right figure img{     width: 80px;
    border-radius: 2px;
    height: 68px;}   
.add-section-right h6{margin-bottom: 0;
    line-height: 18px;
    font-size: 12px;
    color: #ffffff;
    text-align: center;}
.add-section-right h5{margin-bottom: 15px;
    line-height: 18px;
    font-size: 17px;
    color: #ffffff;
    text-align: right;
    margin-top: 10px;}
.profile-right{    margin-left: 20px;}
.add-section-right h3{font-size: 15px;text-align: center;color: #ffffff;}
.add-section-right h3 span{color: #f58220;}
.follow-btn-bx{margin-top: 30px;margin-bottom: 20px;}
.follow-btn-bx a{border: 2px solid #f58220;padding: 5px 20px;
    font-size: 15px;border-radius: 20px;color: #f58220;
    font-family: 'Poppins', sans-serif;}
.banner-bx-right{margin-top: 20px;}


.custom-checkbox-input {
  display: none;
}

.custom-checkbox-text {
     padding: 5px 2px;
    background-color: #000;
    color: #fff;
    cursor: pointer;
    user-select: none;
    font-size: 12px;
    position: relative;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    border-radius: 15px;

}
.custom-checkbox-text:hover{ box-shadow: 0px 1px 14px #c6311f;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;}
.custom-checkbox-input:checked ~ .custom-checkbox-text {
  background-color: #f58220;
  color:black;
}
.skills-box ul{list-style: none;padding-left: 0;display: flow-root;}
.skills-section-bx{    border: 2px solid #e7873c;
    box-sizing: border-box;
    box-shadow: 0px 0px 2px #e4e4e4;
    border-radius: 30px;
    margin-bottom: 1.5rem;
    list-style-type: none;
    background: #1a1a1a url(../img/login-bg.png) no-repeat;
    background-size: cover;
    background-position: center;
    padding: 20px;display: flow-root;}
.skills-box ul li{width: 13.861%;
    float: left;
    margin-right: 5px;
    text-align: center;
    margin-bottom: 10px;}
.skills-box ul li label{    display: grid;margin-bottom: 0;}
.button-box-save {    display: flow-root;
    float: left;
    
    width: 100%;
    margin-top: 20px;
    margin-bottom: 10px;}
.button-box-save a{ padding: 8px 40px;
    
    color: #000;
    font-family: 'Poppins', sans-serif;
    font-weight: 600;
    border-radius: 50px;
    box-shadow: 0px 0px 10px 9px #000;
    border: none;
    background-image: linear-gradient( 
267deg
 , #EDAD21, #FF7406);
    margin-top: 20px;
    -webkit-transition: all 200ms ease-in;
    -webkit-transform: scale(1);
    -ms-transition: all 200ms ease-in;
    -ms-transform: scale(1);
    -moz-transition: all 200ms ease-in;
    -moz-transform: scale(1);
    transition: all 200ms ease-in;
    transform: scale(1);}
.button-box-save a:hover{transform: translate(0px,3px);
    -webkit-transform: translate(0px,3px);
    transition: all 0.1s;
    -webkit-transition: all 0.1s;}
.button-box-save button{  padding: 8px 40px;
    
   color: #000;
    font-family: 'Poppins', sans-serif;
    font-weight: 600;
    border-radius: 50px;
    box-shadow: 0px 0px 10px 9px #000;
    border: none;
    background-image: linear-gradient( 
267deg
 , #EDAD21, #FF7406);
    margin-top: 20px;
    -webkit-transition: all 200ms ease-in;
    -webkit-transform: scale(1);
    -ms-transition: all 200ms ease-in;
    -ms-transform: scale(1);
    -moz-transition: all 200ms ease-in;
    -moz-transform: scale(1);
    transition: all 200ms ease-in;
    transform: scale(1);}
.button-box-save button:hover{transform: translate(0px,3px);
    -webkit-transform: translate(0px,3px);
    transition: all 0.1s;
    -webkit-transition: all 0.1s;}
.dash-section .title-box{margin-bottom: 5px;color: #f58220;}

.button-box-save .back-btn{float: left;}
.button-box-save .next-btn{float: right;}
.experiance-box {display: flex;margin-bottom: 10px;}
.experiance-box .experiance-title{margin-right: 35px;width: 300px;}
.experiance-box .experiance-title h6{    font-size: 14px;
    font-weight: 500;
    font-family: 'Poppins', sans-serif;
    margin-bottom: 0;
    background: #dddddd;
    padding-left: 10px;
    line-height: 36px;
    border-radius: 2px;
    position: relative;
    z-index: 9;
    color: #000;}
 .experiance-box .experiance-title h6:before{ position: absolute;
    content: '';
    width: 26px;
    height: 26px;
    background: #dddddd;
    right: -13px;
    top: 5px;
    transform: rotate(45deg);
    z-index: 1;
 }   
.experiance-box .center.mr{margin-right: 15px;}
.dash-section .progressbar-bx{    margin-bottom: 40px;}

.your-self-box {
    width: 65%;
    margin-left: auto;
    margin-right: auto;
}

/** Custom Select **/
.custom-select-wrapper {
    position: relative;
    display: inline-block;
    user-select: none;
    width: 250px;
}
  .custom-select-wrapper select {
    display: none;
  }
  .custom-select {
   position: relative;
    display: inline-block;
    padding: 0;
    height: auto;
    border: none;
  }
    .custom-select-trigger {
        position: relative;
    display: block;
    width: 100%;
    padding: 0 84px 0 22px;
    font-size: 14px;
    font-weight: 300;
    color: #fff;
    line-height: 35px;
    background: #0c0c0c;
    border-radius: 20px;
    cursor: pointer;
    font-family: 'Poppins', sans-serif;
    font-weight: 500;
    }
      .custom-select-trigger:after {
        position: absolute;
        display: block;
        content: '';
        width: 8px; 
        height: 8px;
        top: 50%; right: 25px;
        margin-top: -3px;
        border-bottom: 1px solid #fff;
        border-right: 1px solid #fff;
        transform: rotate(45deg) translateY(-50%);
        transition: all .4s ease-in-out;
        transform-origin: 50% 0;
      }
      .custom-select.opened .custom-select-trigger:after {
        margin-top: 3px;
        transform: rotate(-135deg) translateY(-50%);
      }
  .custom-options {
    position: absolute;
    display: block;
    top: 100%;
    left: 0;
    right: 0;
    min-width: 100%;
    margin: 15px 0;
    border: none;
    border-radius: 2px;
    box-sizing: border-box;
    box-shadow: 0 2px 1px rgba(0,0,0,.07);
    background: #777777;
    transition: all .4s ease-in-out;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transform: translateY(-15px);
        z-index: 99;
  }
  .custom-select.opened .custom-options {
    opacity: 1;
    visibility: visible;
    pointer-events: all;
    transform: translateY(0);
  }
    .custom-options:before {
    position: absolute;
    display: block;
    content: '';
    bottom: 100%;
    right: 25px;
    width: 7px;
    height: 7px;
    margin-bottom: -4px;
    border-top: 1px solid #777777;
    border-left: 1px solid #777777;
    background: #777777;
    transform: rotate(45deg);
    transition: all .4s ease-in-out;
    }
    .option-hover:before {
      background: #f9f9f9;
    }
    .custom-option {
          position: relative;
    display: block;
    padding: 0 22px;
    border-bottom: 1px solid #383838;
    font-size: 14px;
    
    color: #ffffff;
    line-height: 40px;
    cursor: pointer;
    transition: all .4s ease-in-out;
    font-family: 'Poppins', sans-serif;
    font-weight: 500;
    }
    .custom-option:first-of-type {
      border-radius: 4px 4px 0 0;
    }
    .custom-option:last-of-type {
      border-bottom: 0;
      border-radius: 0 0 4px 4px;
    }
    .custom-option:hover,
    .custom-option.selection {
      background: #272727;
    }


.multi-steps {
    display: table;
    table-layout: fixed;
    width: 100%;
}
.list-unstyled {
    padding-left: 0;
    list-style: none;
}
.multi-steps > li.is-active:before {
    background-color: #fff;
    border-color: #f58220;
}
.multi-steps > li.is-active:before, .multi-steps > li.is-active ~ li:before {
    content: '../img/login-bg.png';
    font-family: inherit;
    font-weight: 700;
   
}
.multi-steps > li:before {
    content: '\f00c';
    content: '\2713;';
    content: '\10003';
    content: '\10004';
    content: '\2713';
    display: block;
    margin: 0 auto 4px;
    background-color: #fff;
    width: 36px;
    height: 36px;
    line-height: 32px;
    text-align: center;
    font-weight: bold;
    border-width: 2px;
    border-style: solid;
    border-color: #f58220;
    border-radius: 50%;
}
.multi-steps > li.is-active:after, .multi-steps > li.is-active ~ li:after {
    background-color: #ededed;
}

.multi-steps > li {
    counter-increment: stepNum;
    text-align: center;
    display: table-cell;
    position: relative;
    color: #f58220;
}
.multi-steps > li.is-active ~ li {
    color: #808080;
}
.multi-steps > li.is-active ~ li:before {
    background-color: #ededed;
    border-color: #ededed;
}
.multi-steps > li:after {
        content: '';
    height: 2px;
    width: 88%;
    background-color: #f58220;
    position: absolute;
    top: 16px;
    left: 56%;
    z-index: 1;
}
.multi-steps > li.is-active:after, .multi-steps > li.is-active ~ li:after {
    background-color: #ededed;
}
.multi-steps > li:last-child:after{    display: none;}

.interests-row-bx .title-box {
       margin-bottom: 10px;
    font-size: 16px;
    font-weight: 600;
   
    color: #f58220;
}
.skills-box .interests-row-bx{margin-bottom: 20px;display: flow-root;}
.your-self-box form .form-group input{    border-radius: 2px;
    border: 1px solid #ece3e3;
    background-color: #fff4ec;
 
    width: 100%;
    padding: 6px 10px;
   
    font-size: 15px;}


.your-self-title{margin-bottom: 10px;font-size: 16px;color: #f58220 !important;}
.welcome-profile-bx {width: 600px;
    margin-left: auto;
    margin-right: auto;
    background: #000000;
    margin-top: 100px;
    margin-bottom: 50px;
    padding: 70px 50px;
    box-shadow: 0px 0px 0 6px #d4d4d4;
    border-radius: 0px;
    display: flow-root;}
.welcome-profile-bx .profile-img-bx img{    width: 100px;    border-radius: 5px;}
.welcome-profile-bx .profile-img-bx{text-align: left;}
.profile-info-bx{padding-top: 0px;text-align: center;}
.profile-info-bx h3{color: #ffffff;margin-top: 5px;margin-bottom: 10px;font-family: 'Poppins', sans-serif;}
.profile-info-bx h6{color: #ffffff; font-family: 'Poppins', sans-serif;}
.start-btn-bx a{
    border-radius: 2px;
    text-align: center;
    
    font-weight: 600;
    font-family: 'Poppins', sans-serif;
        background: #f58220;
    box-shadow: 0px 5px #9a4b07;
    color: #020202;
    height: 66px;
    padding: 15px 49px;
    }

/*.start-btn-bx a:hover{    background: #01d1de;
    box-shadow: 0px 4px #006066;
    color: white;}*/
.thanku-profile-bx{
	    width: 650px;
    margin-left: auto;
    margin-right: auto;
    background: #000000;
    margin-top: 50px;
    margin-bottom: 50px;
    padding: 30px 50px 30px 50px;
    box-shadow: 0px 0px 0 6px #d4d4d4;
    border-radius: 0px;
    display: flow-root;
}
.thanku-profile-bx .thanks-img{width: 156px;}
.thanku-profile-bx .start-btn-bx a {
    border-radius: 2px;
    text-align: center;
    font-weight: 600;
    
    background: #f58220;
    box-shadow: 0px 5px #9a4b07;
    color: #020202;
    height: 25px;
    padding: 10px 49px;font-family: 'Poppins', sans-serif;
}
.thanku-profile-bx .profile-img-bx img{width: 60px;}
.thanku-profile-bx .profile-img-bx{text-align: center;}
.experiance-top-bx{width: 75%;margin-left: auto;margin-right: auto;}

.start-btn-bx{    margin-top: 40px;}
.welcome-profile-bx .profile-img-bx{width: 30%;float: left;padding-top: 28px;}
.welcome-profile-bx .profile-info-bx{width: 70%;float: left;}



.interests-list-bx .custom-checkbox-text{    padding: 5px 2px 0px 2px;
    background-color: #000;
    color: #fff;
    cursor: pointer;
    user-select: none;
    font-size: 12px;
    font-family: 'Poppins', sans-serif;
    font-weight: 500;
    height: 40px;
    line-height: 17px;
    vertical-align: middle;}
.form-wizard {
  color: #888888;
  padding: 0px;
}
.form-wizard .wizard-form-radio {
  display: inline-block;
  margin-left: 5px;
  position: relative;
}
.form-wizard .wizard-form-radio input[type="radio"] {
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
  background-color: #dddddd;
  height: 25px;
  width: 25px;
  display: inline-block;
  vertical-align: middle;
  border-radius: 50%;
  position: relative;
  cursor: pointer;
}
.form-wizard .wizard-form-radio input[type="radio"]:focus {
  outline: 0;
}
.form-wizard .wizard-form-radio input[type="radio"]:checked {
  background-color: #fb1647;
}
.form-wizard .wizard-form-radio input[type="radio"]:checked::before {
  content: "";
  position: absolute;
  width: 10px;
  height: 10px;
  display: inline-block;
  background-color: #ffffff;
  border-radius: 50%;
  left: 1px;
  right: 0;
  margin: 0 auto;
  top: 8px;
}
.form-wizard .wizard-form-radio input[type="radio"]:checked::after {
  content: "";
  display: inline-block;
  webkit-animation: click-radio-wave 0.65s;
  -moz-animation: click-radio-wave 0.65s;
  animation: click-radio-wave 0.65s;
  background: #000000;
  content: '';
  display: block;
  position: relative;
  z-index: 100;
  border-radius: 50%;
}
.form-wizard .wizard-form-radio input[type="radio"] ~ label {
  padding-left: 10px;
  cursor: pointer;
}
.form-wizard .form-wizard-header {
  text-align: center;
}
.form-wizard .form-wizard-next-btn, .form-wizard .form-wizard-previous-btn, .form-wizard .form-wizard-submit {
  background-color: #f58220;
  color: #ffffff;
  display: inline-block;
  min-width: 100px;
  min-width: 120px;
  padding: 10px;
  text-align: center;
}
.form-wizard .form-wizard-next-btn:hover, .form-wizard .form-wizard-next-btn:focus, .form-wizard .form-wizard-previous-btn:hover, .form-wizard .form-wizard-previous-btn:focus, .form-wizard .form-wizard-submit:hover, .form-wizard .form-wizard-submit:focus {
  color: #ffffff;
  opacity: 0.6;
  text-decoration: none;
}
.form-wizard .wizard-fieldset {
  display: none;
}
.form-wizard .wizard-fieldset.show {
  display: block;
}
.form-wizard .wizard-form-error {
  display: none;
  background-color: #d70b0b;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 2px;
  width: 100%;
}
.form-wizard .form-wizard-previous-btn {
  background-color: #fb1647;
}
.form-wizard .form-control {
  font-weight: 300;
  height: auto !important;
  padding: 15px;
  color: #888888;
  background-color: #f1f1f1;
  border: none;
}
.form-wizard .form-control:focus {
  box-shadow: none;
}
.form-wizard .form-group {
  position: relative;
  margin: 25px 0;
}
.form-wizard .wizard-form-text-label {
  position: absolute;
  left: 10px;
  top: 16px;
  transition: 0.2s linear all;
}
.form-wizard .focus-input .wizard-form-text-label {
  color: #f58220;
  top: -18px;
  transition: 0.2s linear all;
  font-size: 12px;
}
.form-wizard .form-wizard-steps {
  margin: 30px 0;
}
.form-wizard .form-wizard-steps li {
  width: 25%;
  float: left;
  position: relative;
}
.form-wizard .form-wizard-steps li::after {
  background-color: #f3f3f3;
  content: "";
  height: 5px;
  left: 0;
  position: absolute;
  right: 0;
      top: 33%;
    transform: translateY(-33%);
  width: 100%;
  border-bottom: 1px solid #dddddd;
  border-top: 1px solid #dddddd;
}
.form-wizard .form-wizard-steps li span {
     background-color: #dddddd;
    border-radius: 50%;
    display: inline-block;
    height: 60px;
    line-height: 40px;
    position: relative;
    text-align: center;
    width: 60px;
    z-index: 1;
}
.form-wizard .form-wizard-steps li span img{width: 33px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 10px;}

.form-wizard .form-wizard-steps li:last-child::after {
  width: 50%;
}
.form-wizard .form-wizard-steps li.active span, .form-wizard .form-wizard-steps li.activated span {
  background-color: #f58220;
  color: #ffffff;
}
.form-wizard .form-wizard-steps li.active::after, .form-wizard .form-wizard-steps li.activated::after {
  background-color: #f58220;
  left: 50%;
  width: 50%;
  border-color: #f58220;
}
.form-wizard .form-wizard-steps li.activated::after {
  width: 100%;
  border-color: #f58220;
}
.form-wizard .form-wizard-steps li:last-child::after {
  left: 0;
}
.form-wizard .wizard-password-eye {
  position: absolute;
  right: 32px;
  top: 50%;
  transform: translateY(-50%);
  cursor: pointer;
}
@keyframes click-radio-wave {
  0% {
    width: 25px;
    height: 25px;
    opacity: 0.35;
    position: relative;
  }
  100% {
    width: 60px;
    height: 60px;
    margin-left: -15px;
    margin-top: -15px;
    opacity: 0.0;
  }
}
@media screen and (max-width: 767px) {
  .wizard-content-left {
    height: auto;
  }
}


/******** profile skils pages ********/

.profile-row .profile-left-3{max-width: 18%;flex: 0 0 18%;    margin-top: -30px;
    z-index: 9;}
.profile-row .profile-lg-6{max-width: 58.4%;flex: 0 0 58.4%;margin-right: 20px;margin-left: 20px;margin-top: -30px;z-index: 9;}

.profile-info-bx{background-image: linear-gradient(220deg, #EDAD21, #FF7406);    
padding: 15px;border-radius: 2px;}
.profile-info-bx .profile-pic{
    text-align: center;position: relative;}
 .profile-info-bx .profile-pic   .change-img-box label {
    padding: 5px 7px;
    display: table;
    color: #000;
    background-image: linear-gradient(to right, #f58220, #f89e21, #f8b92c, #f7d43f, #f3ee58);
    border-radius: 75px;cursor: pointer;
}
 .profile-info-bx .profile-pic   .change-img-box {    position: absolute;
    right: 44px;
    top: 60px;}
.profile-info-bx .profile-pic img{border-radius: 50%;height: 100px;
    width: 100px;border: 5px solid #1c1c1c;background: #1c1c1c;}
.name-profile{    margin-top: 20px;}
.name-profile .name{font-size: 18px;color: #000000;font-weight: 600;font-family: 'Poppins', sans-serif;    margin-bottom: 5px;    border-bottom: 1px solid #1c1c1c;   padding-bottom: 5px;}
.name-profile .name-skills{    color: #000000;font-size: 14px;    border-bottom: 1px solid #1c1c1c;padding-bottom: 5px;font-family: 'Poppins', sans-serif;font-weight: 500;}
.collaborate-tab-box{margin-top: 0px;border-radius: 2px;}
.collaborate-tab-box ul{list-style: none;   padding: 20px 15px;
    background: #151515;}
.collaborate-tab-box ul li{    margin-bottom: 0;}
.collaborate-tab-box ul li a{ width: 100% !important;
    text-align: center;
    margin-bottom: 5px !important;
    display: inline-block;
    margin-right: auto;
    margin-left: auto;
    color: #f9f9f9 !important;
    padding: 5px 10px;
    font-size: 15px;
    /* background: transparent; */
    border-radius: 30px;
    box-shadow: 2px 2px 7px #1c1c1c;
    width: 10px;
    border: 2px solid #000;
    /* text-transform: uppercase; */
    background: linear-gradient( 353deg, black, #b2b2b28c);}
.social-left-list ul{list-style: none;padding-left: 0;}
.social-left-list ul li{display: inline-block;
    padding: 5px;
    border-radius: 50%;
    height: 35px;
    width: 35px;
    margin-left: 10px;
    background: black;
    line-height: 29px;
    text-align: center;margin-bottom: 0;}
.social-left-list{    background: #0e0e0e;
    margin-top: 15px ;
    border-radius: 2px;}

.social-left-list{padding: 40px 15px 30px 15px;
    text-align: center;}
.social-left-list ul li a{font-size: 16px;color: #fff;
    line-height: 24px;}
.social-left-list .SidePanelFooter{color: #ffffff;}
.collaborate-tab-box ul li{position: relative;}
/*.collaborate-tab-box ul li a:hover{
   
    box-shadow: 0 3px 0 0px #FF9800;
   
    -webkit-transition-property: right;
    transition-property: right;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}*/
.social-left-list ul li:first-child{margin-left: 0px;}
.skills-categories-box ul{list-style: none;padding-left: 0;}
/*.sub-categories-list{    background-image: linear-gradient(to right, #f58220, #f89e21, #f8b92c, #f7d43f, #f3ee58);
    padding: 15px;display: flow-root;}*/
.skills-categories-box .content {display: none;    margin-top: 10px;margin-bottom: 30px;position: relative;}
.skills-categories-box .content .languages-box{    display: inline-block;
    position: absolute;
    right: 0;
    top: -70px;}
.skills-categories-box .content .languages-box a{    background: transparent;
    padding: 0px 10px;
    width: auto;
    color: #000;
    font-size: 13px;
    border-radius: 2px;}

.sub-cat-bx li a{
    padding: 15px 5px;
    background-color: #000;
    color: #fff;
    cursor: pointer;
    user-select: none;
    font-size: 15px;
    font-family: 'Poppins', sans-serif;
    font-weight: 500;
    width: 300px;
    display: inline-block;
    border: 1px solid #272727;
    text-align: center;

}
.skills-categories-details{   background-image: linear-gradient(
220deg, #EDAD21, #FF7406);
    padding: 15px;}
.content .skills-box ul li {width:19.3%;}

.sub-categories-list .skills-categories-box ul li .custom-checkbox{    width: 100%;}
.skills-categories-details .sub-categories-list .title-box{color: #000000;font-size: 18px;font-family: 'Poppins', sans-serif;    margin-bottom: 15px;}

.sub-categories-list  .custom-checkbox-input:checked ~ .custom-checkbox-text {
    background-color: #f58220;
    color: #000000;
}
.skills-categories-details .skills-categories-box{margin-top:0px;}
.name-profile .address-pro{color: #000000;font-size: 14px;font-family: 'Poppins', sans-serif;    border-bottom: 1px solid #1c1c1c;padding-bottom: 5px;font-weight: 400;}
.sub-tab-categories-box{display: flow-root;background: #1c1c1c;border-radius: 5px 5px 0 0px;}
.sub-tab-categories-box ul{list-style: none;padding-left: 0;}
.sub-tab-categories-box ul li{width: 33.33%;float: left;margin-bottom: 0;padding: 10px}
.sub-tab-categories-box ul li a{padding: 0px 5px 0px 0px;display: inline-block;
    color: #ffffff;}

.sub-tab-categories-box.org-tab-bx ul li a.active{color: #f58220 !important;/*border: 2px solid #000;    box-shadow: none;*/}
.submit-btn-box a{background-color: #f58220;
    border-radius: 2px;
    text-align: center;
    padding: 8px 20px;
    color: #000000;
    font-weight: 600;
    font-family: 'Poppins', sans-serif; }
.submit-btn-box{text-align: right;margin-bottom: 10px;}
.top_search_box .search{position: relative;
    padding-bottom: 20px;
    width: 100%;}

.top_search_box .search .input-group-text{    background-color: #ffffff;
    border: 1px solid #ffffff;}

.lang-box-all ul li a{    background: transparent;
    color: #000;
    padding: 0;
    width: auto;
    border: none;
    font-size: 13px;
    text-align: left;line-height: 20px;}
.languagesModal-box{max-width: 70%;}
.lang-box-all ul li{width: 20%;float: left;   height: 33px;}

.skills-inner-box{display: flow-root;
    position: relative;
    margin-top: 20px;
    border-bottom: 1px solid #353535;
    padding-bottom: 20px;
    margin-bottom: 20px;}
.skills-inner-box ul{padding-left: 0;list-style: none}
.skills-inner-box ul li{width: 32%;float: left;margin-left: 10px;height: auto;}
.skills-inner-box ul li {background: #000000;}
.skills-inner-box ul li a{display: block;padding: 20px 5px;text-align: center;color: #fff;line-height: 24px;}
.skills-inner-box ul li:nth-child(1){margin-left: 0px;}
.skills-inner-box ul li:nth-child(4){margin-left: 0px;}
.skills-inner-box ul li:nth-child(7){margin-left: 0px;}
.skills-inner-box .title-box{color: #000000;font-size: 18px;
    font-family: 'Poppins', sans-serif;margin-bottom: 15px;font-weight: 600;}
.edit-icon-box{  position: absolute;
    right: 6px;
    top: -4px;}

.edit-icon-box img{width: 26px;}
.table-work-exp .table-dark{    background-color: #000000;}
.table-work-exp .table-dark thead th {
    vertical-align: bottom;
    border-bottom: none;
    color: #f58220;

}
.breadcrumb_content ul{list-style: none;padding-left: 0;}
.breadcrumb_content ul li{display: inline-block;float: left;    margin-bottom: 0;line-height: 14px;}
.breadcrumb-top{    display: flow-root;}
.breadcrumb_content ul li a{color: #1c1c1c; margin-right: 5px;font-size: 12px;font-family: 'Poppins', sans-serif;
    font-weight: 600;}
.table-work-exp .table td{font-size: 15px;    font-family: 'Poppins', sans-serif;} 
.sound-box .join-us-area .join-us-content h3{ 
    font-style: normal;
    font-weight: 500;
    font-size: 24px;
    line-height: 45px;
    background-image: linear-gradient(to right, #f58220, #f89e21, #f8b92c, #f7d43f, #f3ee58);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    text-transform: capitalize;}

.sound-box .join-us-area .join-us-content {
    padding: 0;
}

.sound-box .btn-smallbtn {
    margin-top: 15px;
}
.sound-box {margin-top: 15px;}
.submit-btn-box .back-btn{
        float: left;
    box-shadow: 0px 0px 0 1px #ce5f00;
}
.main-title-box .title-box{    color: #000000;
    font-size: 20px;
    font-family: 'Poppins', sans-serif;
    margin-bottom: 20px;
    margin-top: 20px;}
.bg-none{background: none;}
.skills-about-box p{  font-size: 14px;
    color: #000000;
    line-height: 20px;
    font-family: 'Poppins', sans-serif;
    font-weight: 400;/*padding-right: 100px;*/}
.skills-inner-box:last-child{border-bottom: none;}
.skills-inner-box ul li a img{width: 30px;}

.collaborate-section-bx{text-align: center;background: #151515;padding: 30px;}
.collaborate-section-bx ul{list-style: none;padding-left: 0;margin-top: 30px;}
.collaborate-section-bx ul li a img{width: 20px;margin-right: 10px;}
.collaborate-section-bx ul li a {color: #ffffff;font-size: 14px;}
.collaborate-section-bx ul li {text-align: left;}
.collaborate-section-bx ul li  a span{    float: right;color: #f58220;    font-size: 13px;}
.pro-banner-top-bx{position: relative;}
.pro-banner-top-bx .change-img-box{position: absolute;bottom: 10px;
    right: 16px;}
.change-img-box label {
       padding: 5px 10px;
    display: table;
    color: #000;
    background-image: linear-gradient(to right, #f58220, #f89e21, #f8b92c, #f7d43f, #f3ee58);
    border-radius: 3px;
    cursor: pointer;
    font-weight: 600;
}


.change-img-box input[type="file"] {
    display: none;
}
 
 .pro-banner-top-bx{position: relative;
    margin-left: -15px;
    margin-right: 15px;}
.cover-section{    padding-top: 60px;}
.div-right-link-box ul{list-style: none;padding-left: 0;}
.div-right-link-box{background: #0e0e0e;padding: 20px 10px;}
.div-right-link-box ul li{margin-bottom: 0;position: relative;padding-left: 10px;}
.div-right-link-box ul li a{display: block;color: #fff;font-size: 14px;}
.div-right-link-box{margin-top: 15px;}
.div-right-link-box ul li a:before{    position: absolute;
    content: '';
    width: 8px;
    height: 8px;
    top: 8px;
    left: -2px;
    
    background-image: linear-gradient(to right, #f58220, #f89e21, #f8b92c, #f7d43f, #f3ee58);
                                }
.content .lang-box-all ul li {
   width: 16%;
    height: 22px;
    margin-bottom: 6px;
}
.sub-categories-list .lang-box-all ul li .custom-checkbox-text {
    padding: 0;
    background-color: transparent;
    color: #000;
    cursor: pointer;
    user-select: none;
    font-size: 12px;
    font-family: 'Poppins', sans-serif;
    font-weight: 500;
    border: none;
        line-height: 12px;
}
.content .lang-box-all ul{height: 500px;overflow: auto;}
.sub-categories-list .lang-box-all .custom-checkbox-input:checked ~ .custom-checkbox-text {
    background-color: transparent;
    color: #ff9800;
}



.sub-tab-categories-box .dropdown {
  position: relative;
  display: inline-block;
}

.sub-tab-categories-box  .dropdown-content {
  position: absolute;
 
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 98;
  max-height: 0;
  min-width: 160px;
  transition: max-height 0.15s ease-out;
  overflow: hidden;
}

.sub-tab-categories-box  .dropdown-content a {
    color: black !important;
    background-color: #f9f9f9 !important;
    padding: 7px 16px !important;
    text-decoration: none;
    display: block;
    width: 100%;
    border-bottom: 1px solid #f58220;    
    font-weight: 600;
}


.sub-tab-categories-box  .dropdown:hover .dropdown-content {
  max-height: 500px;
  min-width: 200px;
  transition: max-height 0.25s ease-in;
}

.spotlight-video-box .video-item-box{    width: 31.9%;
    float: left;
    margin-right: 15px;
    background: transparent;
    border-radius: 3px;border: 2px solid #151515;}
.spotlight-video-box .video-item-box:last-child{margin-right: 0;}
.spotlight-text-box{padding: 10px;    background: #151515;}
.spotlight-text-box h6{    margin-bottom: 5px;
    padding-bottom: 5px;
    border-bottom: 1px solid #FF9800;
    color: #ffffff;    font-size: 15px;    font-family: 'Poppins', sans-serif;}
.spotlight-text-box p{font-size: 14px;color: #d4d4d4;    font-family: 'Poppins', sans-serif;}
.spotlight-video-box.track-list-bx .video-item-box:nth-child(3){margin-right: 0;}
.spotlight-video-box.track-list-bx .video-item-box:nth-child(6){margin-right: 0;}
.spotlight-video-box.track-list-bx .video-item-box:nth-child(9){margin-right: 0;}
.spotlight-video-box.track-list-bx .video-item-box:nth-child(12){margin-right: 0;}
.spotlight-video-box.track-list-bx .video-item-box{margin-bottom: 15px;}






.light-bg-track .shadowed {
  -moz-box-shadow:0px 0px 5px #444444;
  -webkit-box-shadow:0px 0px 5px #444444;
  box-shadow:0px 0px 5px #444444;
}

.open-vm-lightbox img{
  max-width: 100%;
}

.video-container-wrapper {
  width: 100%;
  height: 100%;
  background: rgb(0 0 0 / 88%);
  text-align: center;
  position: fixed;
  top:0; left: 0;
  z-index:50;
  display: none;
  opacity: 0;
}
.video-container-wrapper:before {
  content: ' ';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}

.sizewrapper {
  width: 50%;
  /* Would normally be 1920px, limited because codepen's screen is small */
  max-width: 920px;
  vertical-align: middle;
  position: relative;
  background: rgba(255,255,255,0);
  z-index:51;
  display:none;
}

#videowrapper {
  position: relative;
  padding-top: 25px;
  padding-bottom: 56.25%; /* 16:9 aspect ratio */
  height: 0;
}
#videowrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.light-bg-track .close {
  position: absolute;
  right: -42px; top: 0;
  color: #fff;
  cursor:pointer;
  font-size: 24px;
  line-height: 32px;
  text-align: center;
  background-color: orange;
  width: 32px; height: 32px;
  opacity: 1;
}

.go-to-vm {
  padding: 16px;
  margin: 8px 0 0;
  float: right;
  text-align: right;
  background-color: #fff;
  display: inline-block;
}
.go-to-vm a {
  text-decoration: none;
}
.video-img-box{position: relative;}
.video-img-box .play-icon-box{    text-align: center; position: absolute;
    top: 37%;left: 44%}
.video-img-box .play-icon-box img{width: 40px;}
.skills-categories-details.my-work-box .skills-inner-box:last-child{    border-bottom: none;
    margin-bottom: 0;
    padding-bottom: 0;}

.spotlight-photo-box .photo-item-box{width: 31.9%;
    float: left;
    margin-right: 10px;
    background: transparent;
    margin-bottom: 10px;
    position: relative;
    height: 200px;
    overflow: hidden;
    border: 2px solid #000;
    border-radius: 2px;}
.spotlight-photo-box{display: flow-root;}
.photo-title-bx{    position: absolute;
    bottom: 0;
    display: block;
    width: 100%;
    background: #000000c2;
    padding: 4px 5px 2px 7px;}
.photo-title-bx h6{margin-bottom: 0;line-height: 20px;color: #fff;font-size: 14px;}
.photo-title-bx p{margin-bottom: 0;color: #fff;font-size: 13px;line-height: 18px;}




/********login Pages********/
.login-sign-box{display: flow-root;}
.login-sign-box .login-left-box{    width: 60%;
    float: left;
    display: flow-root;
    }
.login-sign-box .login-right-box.sign-mx-box{width: 40%;}
.login-sign-box .login-right-box.sign-mx-box.login-fg .login-section {
    max-width: 400px;
    margin: 0 auto;
    text-align: center;
    width: 100%;
}
.login-right-box.sign-mx-box .login-section .form-container .form-control{    float: left;
    width: 100%;
    padding: 5px 10px 5px 15px;
    border-radius: 50px;
    font-size: 14px;
    outline: none;
    color: #616161;
    font-weight: 500;
    border: 1px solid transparent;
    background: #fff;
    box-shadow: 0 0 5px rgb(0 0 0 / 20%);
    height: 35px;}
.login-right-box.sign-mx-box .login-section .form-container select{    float: left;
    width: 100%;
    padding: 5px 45px 5px 20px;
    border-radius: 50px;
    font-size: 14px;
    outline: none;
    color: #616161;
    font-weight: 500;
    border: 1px solid transparent;
    background: #fff;
    box-shadow: 0 0 5px rgb(0 0 0 / 20%);
    height: 35px;}
.login-right-box.sign-mx-box .form-container .checkbox {
    margin-bottom: 25px;
    font-size: 14px;
    margin-top: 10px;
}


.login-right-box.sign-mx-box .login-section .form-container .form-group {
    margin-bottom: 15px;
}

.text-left-login img{    width: 170px;}    
.login-sign-box .login-left-box .text-left-login p{font-size: 20px;line-height: 30px;font-family: 'Poppins', sans-serif;color: #f58220;font-weight: 500;margin-top: 1.5px;}  
.text-left-login{padding: 30px;margin-top: 120px;}
.text-left-login h4{font-size: 36px;color: #fff;margin-bottom: 0.1px;}
.login-sign-box .login-right-box{width: 40%;float: right;display: flow-root;    position: relative;}
.login-form-riight{background: #fff;padding: 30px 20px 50px 20px;position: relative;}
.login-sign-box .login-right-box p{    font-family: 'Poppins', sans-serif;font-weight: 500;}
 .login-sign-box .login-right-box h6{font-size: 24px;}   
.login-form-box .form-check label{    font-family: 'Poppins', sans-serif;font-weight: 500;
    color: #000;}
.login-sign-up-bx{   position: absolute;
    top: 45%;
    left: -161px;
    display: inline-flex;
    transform: rotate(
270deg
);
    background: rgba(255, 255, 255, 0.8);
    padding: 10px;
    border-radius: 2px;

}
.login-sign-up-bx .login-first, .login-sign-up-bx .login-second{    width: 130px;}
.login-sign-up-bx .login-first a, .login-sign-up-bx .login-second a{     font-size: 16px;
    font-family: 'Poppins', sans-serif;
    font-weight: 500;
    width: 100%;
    display: block;    color: #545454;}

 .login-sign-up-bx .login-first.active a, .login-sign-up-bx .login-second.active a{color: #000000;    font-weight: 600;}
 

.login-form-box .navbar-brand{    font-family: 'Poppins', sans-serif;font-weight: #000000;
    color: #000;font-size: 14px;}
.login-form-box .button{background-color: #000000;
    border-radius: 2px;text-align: center;
    padding: 10px 35px;color: #fff;
    font-weight: 500;font-family: 'Poppins', sans-serif;    line-height: 40px;}

.sign-full-btn .button{background-color: #000000;
    border-radius: 2px;
    text-align: center;
    padding: 10px 35px;
    color: #fff;
    font-weight: 500;
    font-family: 'Poppins', sans-serif;
    width: 100%;
    display: block;
    line-height: 20px;}
.sign-full-btn{margin-top: 20px;}

.login-sign-box.sign-up-box .login-left-box{
    width: 30%;
    float: left;
    display: flow-root;
}
.login-sign-box.sign-up-box .login-right-box{
    width: 70%;
    float: left;
    display: flow-root;
}

.login-sign-box.sign-up-box {
    display: flow-root;
   
}
.already-box{    position: absolute;
    right: 20px;
    top: 23px;
    font-family: 'Poppins', sans-serif;
    font-weight: 500;
    font-size: 15px;}
.already-box a{    color: #f58220;font-weight: 600;    font-size: 16px;}   
.login-form-box .form-check label a{font-weight: 600;}
.login-sign-box.sign-up-box .text-left-login{    margin-top: 200px;    margin-left: -119px;}
.login-sign-box.sign-up-box  .login-form-box .button{  padding: 10px 50px;
    cursor: pointer;
    padding: 10px 30px 9px;
    height: 45px;
    letter-spacing: 1px;
    font-size: 14px;
    font-weight: 400;
    font-family: 'Open Sans',sans-serif;
    border-radius: 50px;
    color: #d6d6d6;
    border: none;
    color: #fff;
    box-shadow: 0 0 5px rgba(0,0,0,0.2);
    width: 300px;
    display: block;line-height: 24px;}

.login-sign-box.sign-up-box select{    height: calc(1.5em + 0.75rem + 10px);
   
    color: #888;
    font-family: 'Poppins', sans-serif;
    display: block;
    width: 100%;
    padding: .375rem .75rem;
   
    line-height: 1.5;
    color: #888;
    background-color: var(--white);
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    font-size: 15px;}

.login-fg{background: #fff;padding: 15px;
    border-radius: 30px;}
.login-fg .form-container{color:#ccc;position:relative}
.login-fg .login{min-height:100vh;position:relative;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;justify-content:center;align-items:center;padding:30px 15px}
.login-fg .login-section{max-width:400px;margin:0 auto;text-align:center;width:100%}
.login-fg .form-fg{width:100%;text-align:center}
.login-fg .form-container .form-group{margin-bottom:20px}
.login-fg .form-container .form-fg{float:left;width:100%;position:relative}
.login-fg .form-container .input-text{font-size: 13px;outline: none;color: #616161;
    border-radius: 3px;font-weight: 500;border: 1px solid transparent;
    background: #fff;box-shadow: 0 0 5px rgb(0 0 0 / 20%);font-family: 'Open Sans',sans-serif;}
.login-fg .form-container img{margin-bottom:5px;height:40px}
.login-fg .form-container .form-fg input{float:left;width:100%;padding:8px 45px 8px 20px;border-radius:50px}
.login-fg .form-container .form-fg i{position:absolute;top:13px;right:20px;font-size:16px;color:#616161}
.login-fg .form-container label{font-weight:500;font-size:14px;margin-bottom:5px}
.login-fg .form-container .forgot{margin:0;line-height:45px;color:#535353;font-size:15px;float:right}
.login-fg .bg{background:rgba(0,0,0,0.04) repeat;background-size:cover;top:0;width:100%;bottom:0;opacity:1;z-index:999;min-height:100vh;position:relative;display:flex;justify-content:center;align-items:center;padding:30px}
.login-fg .info h1{font-size:60px;color:#fff;font-weight:700;margin-bottom:15px;text-transform:uppercase;text-shadow:2px 0px #000}
.login-fg .info{text-align:center}
.login-fg .info p{margin-bottom:0;color:#fff;line-height:28px;text-shadow:1px 1px #000}
.login-fg .form-container .btn-md{cursor:pointer;padding:10px 30px 9px;height:45px;letter-spacing:1px;font-size:16px;font-weight:500;font-family:'Open Sans',sans-serif;border-radius:50px;color:#d6d6d6}
.login-fg .form-container p{margin:0;color:#616161}
.login-fg .form-container p a{color:#616161}
.login-fg .form-container button:focus,.login-fg .form-container button:active{outline:none;box-shadow: none !important;background-color: transparent !important;border-color: #e6e6e6 !important;}
.join-now-btn{    margin-top: 20px;
    border-radius: 30px;
    padding: 8px 25px;
    background: linear-gradient( 141deg , rgb(237, 173, 33) 0%, rgb(255, 116, 6) 100%);
    color: #000000;
    font-family: 'Poppins', sans-serif;
    font-weight: 600;}
.join-now-btn:hover{color: #000000;}    
.join-now-btn-bx{margin-top: 50px;}
.login-fg .form-container .btn-fg.focus,.btn-fg:focus{box-shadow:none}
.login-fg .form-container .btn-fg{background:#000000;border:none;color:#fff;box-shadow:0 0 5px rgba(0,0,0,0.2)}
.login-fg .form-container .btn-fg:hover, .login-fg .form-container .btn-fg:active, .login-fg .form-container .btn-fg:focus{background:#f58220;color: #000000;    background-color: #f58220 !important;}
.login-fg .logo a{font-weight:700;color:#000000;font-size:32px;text-shadow:1px 0px #000;font-family: 'Poppins', sans-serif;}
.login-fg .form-container .checkbox{margin-bottom:25px;font-size:14px; }
.login-fg .form-container .form-check{float:left;margin-bottom:0;padding-left: 0;}
.login-fg .form-container .form-check a{color:#d6d6d6;float:right}
.login-fg .form-container .form-check-input{position:absolute;margin-left:0;    outline: none;}
.login-fg .form-container .form-check label::before{content:"";
display: inline-block;
    position: absolute;
    width: 14px;
    height: 14px;
    top: 4px;
    margin-left: -25px;
    border: none;
    border-radius: 3px;
    background: #fff;
    box-shadow: 0 0 5px rgb(0 0 0 / 38%);}
.birth-bx{display: block;
    width: 100%;
    margin-top: 0 !important;
    text-align: left;
    margin-bottom: 5px !important;
    font-size: 13px !important;
    padding-left: 10px;}
.gender{padding-left: 10px;    margin-bottom: 0px !important;}
.gender .radio-inline{margin-right: 5px}
.gender .radio-inline input{margin-right: 5px;margin-top: 0px;    outline: none;}
.login-fg .form-container .form-check-label{padding-left: 25px;
    margin-bottom: 0;
    font-size: 14px;
    color: #616161;
    font-family: 'Open Sans',sans-serif;
    font-weight: 400;}
.login-fg .form-container .checkbox-fg input[type="checkbox"]:checked + label::before{color:#fff;background:#0f96f9}
.login-fg .form-container input[type=checkbox]:checked + label:before{font-weight:300;color:#f3f3f3;font-size:14px;content:"\2713";line-height:14px}
.login-fg .form-container input[type=checkbox],input[type=radio]{margin-top:5.5px;accent-color: #f58220}
.login-fg .form-container .checkbox a{font-size:14px;color:#616161;margin-left:3px;font-family: 'Open Sans',sans-serif;}
.login-fg .login-section h3{font-size: 15px;
    margin-bottom: 20px;
    font-family: 'Open Sans',sans-serif;
    font-weight: 400;
    color: #000000;}
.login-fg .login-section p{margin:25px 0 0;font-size:15px;color:#000000;}
.login-fg .login-section p a{    color: #f58220;font-size: 16px;}
.login-fg .login-section ul{list-style:none;padding:0;margin:0}
.login-fg .login-section .social li{display:inline-block;margin-bottom:5px}
.login-fg .login-section .social li a{font-size:12px;font-weight:600;width:120px;margin:2px 0 3px;height:35px;line-height:35px;border-radius:20px;display:inline-block;text-align:center;text-decoration:none;background:#fff;box-shadow:0 0 5px rgba(0,0,0,0.2)}
.login-fg .login-section .social li a i{height:35px;width:35px;line-height:35px;float:left;color:#fff;border-radius:20px}
.login-fg .login-section .social li a span{margin-right:7px}
.login-fg .login-section .or-login{float:left;width:100%;margin:5px 0 20px;text-align:center;position:relative}
.login-fg .login-section .or-login::before{position:absolute;left:0;top:10px;width:100%;height:1px;background:#d8dcdc;content:""}
.login-fg .login-section .or-login > span{width:auto;float:none;display:inline-block;background:#fff;padding:1px 20px;z-index:1;position:relative;font-family:Open Sans;font-size:13px;color:#616161;text-transform:capitalize}
.login-fg .facebook-i{background:#4867aa;color:#fff}
.login-fg .twitter-i{background:#3CF;color:#fff}
.login-fg .google-i{background:#db4437;color:#fff}
.login-fg .facebook{color:#4867aa}
.login-fg .twitter{color:#3CF}
.login-fg .google{color:#db4437}
.bg-loin-section {background-image: url(../../assets/img/signupbg.png);}
.sign-box-fg .form-group input, .sign-box-fg .form-group select{float: left;
    width: 100%;
    padding: 11px 45px 11px 20px;
    border-radius: 50px;font-size: 14px;
    outline: none;
    color: #616161;
    
    font-weight: 500;
    border: 1px solid transparent;
    background: #fff;
    box-shadow: 0 0 5px rgba(0,0,0,0.2);}
.sign-box-fg .form-group input[type="checkbox"]{width: auto;}
.document-bx-item .photo-item-box img{width: 100px;height: 120px;}
.document-bx-item .photo-item-box{text-align: center;background: #1c1c1c;
    padding: 15px;border-radius: 15px;min-height: 190px;border: 2px solid #1c1c1c;}
.forgot-and-resend-bx .resend-verif-link{float: right;}
.document-bx-item .photo-item-box p{margin-bottom: 0;margin-top: 10px;
    font-size: 16px;color: #fff;}
 .document-bx-item .photo-item-box .edit-icon-img img{    width: 60px;height: 60px;}
.document-bx-item .photo-item-box.edit-img-bx{padding-top: 55px;}
.document-box-bottom .document-bx-item .photo-item-box {width: 31.9%;
    float: left;margin-right: 10px;margin-bottom: 10px;}
.item-slider-slick .content-bx{text-align: center;color: #ffffff;padding-top: 15px;}
.item-slider-slick .content-bx h5{color: #ffffff;    font-size: 18px;
    margin-bottom: 20px;letter-spacing: 0.2px; font-weight: 700;}
.item-slider-slick .content-bx p{color: #ffffff;font-size: 15px;
  letter-spacing: 0.5px;
  line-height: 1.2;
  text-align: center;font-weight: 600;font-family: 'Poppins', sans-serif;margin-top: 30px;}
.profile-info-bx img{width: 150px;}

.social-bx {display: flow-root;
    width: 100%;
    float: left;}
.social-bx .social-btn-wrapper {
    margin: 0px;
    padding: 0px;
    width: 100%;
    -webkit-appearance: none;
    border: none;
    background: none !important;
}
.social-bx .social-btn {
    padding: 10px 0;
}
.social-bx .social-google {
    background-image: url(/assets/img/googleBtn.png) !important;
    background-size: cover;
    color: #000000;
    margin-bottom: 20px;
    border: 1px solid #ebebeb;
    box-shadow: 0 0 5px rgb(0 0 0 / 20%);    
    font-family: 'Open Sans',sans-serif;
    border-radius: 50px;
}
.srroudlogo-login{width: 200px;margin-bottom: 10px;}
.user-info-bx{margin-top: -30px;}
.user-info-bx img{height: 60px;width: 60px;border-radius: 50%;margin-left: 0px;    border: 3px solid #f58220;}
.pro-info-bx .name-bx{width: 35%;float: left;}
.pro-info-bx .pro-right-bx{width: 100%;}
.pro-info-bx{display: flow-root;margin-top: 0px}
.pro-info-bx .name-bx h6{font-size: 14px;margin-bottom: 5px;font-weight: 700;}
.pro-info-bx .name-bx p{color: #000;margin-bottom: 0;}
.pro-info-bx .pro-right-bx h5{margin-bottom: 5px;    color: #fff;}
.pro-info-bx .pro-right-bx p{margin-bottom: 0;color: #fff;
    font-size: 14px;}
 .pro-info-bx .pro-right-bx p span{font-weight: 600;color: #f58220;font-size: 13px;}   
.coll-info-box{background: #151515;padding: 10px;}
.coll-main-bx{margin-top: 15px;}
.add-form-all{border: 2px solid #e7873c;
    box-sizing: border-box;
    box-shadow: 0px 0px 2px #e4e4e4;
    border-radius: 3px;
    margin-bottom: 1.5rem;
    list-style-type: none;
    background:#151515 url(../img/login-bg.png) no-repeat;
    background-size: cover;
    background-position: center;
    padding: 20px;
    display: flow-root;margin-top: 20px;
    margin-top: 20px;
    padding: 2rem;
    border-radius: 15px;}
.add-form-all form .form-group{margin-bottom: 10px;    height: auto;}
.add-form-all form .form-group .form-control{padding: 10px 10px;height: auto;font-family: 'Poppins', sans-serif;background: #000;
    border: 1px solid #000;}
.add-form-all .form-group textarea{height: 120px;
    resize: vertical;min-height: 190px;}
.add-form-all form .form-group label{font-size: 15px;font-size: 15px; color: #ffffff; font-family: 'Poppins', sans-serif;}
.add-form-all form .boxed-btn{    background: #f58220;
    border-radius: 2px !important;
    text-align: center;
    padding: 8px 20px !important;
    color: #000000 !important;
    font-weight: 500 !important;
    font-family: "Roboto", sans-serif !important;
    border: 1px solid #e7873c !important;
    height: auto !important;
    min-width: 65px !important;
    font-size: 1rem !important;
    line-height: 1.5 !important;}

.add-form-all form .boxed-btn:hover {
    color: #000 !important;
    font-weight: 500 !important;
    border: 1px solid #f58220;}

.collaborations-request-bx {
    display: flow-root;
    border: 1px solid #ddd;
    padding: 10px;
    background: #fff;
    border-radius: 2px;
    margin-bottom: 5px;
}

.collaborations-request-bx .img-bx{width: 15%;float: left;text-align: left;}
.collaborations-request-bx .img-bx img{height: 80px;border-radius: 50%;
    width: 80px;margin-left: 5px;margin-right: auto;}

.collaborations-request-bx .coll-request-bx{width: 85%;float: right;}
.coll-button-box .accept-btn{    padding: 6px 20px;
    background: #f58220;
    color: #000;
    border-radius: 2px;
    margin-right: 10px;font-size: 15px}
.coll-button-box .reject-btn{    padding: 6px 20px;
    background: #e4e6eb;
    color: #000;
    border-radius: 2px;
    margin-right: 10px;font-size: 15px}    
.coll-request-bx h5{margin-bottom: 6px;margin-top: 5px;font-size: 16px;}
.coll-button-box{margin-top: 20px;}

.profile-row .profile-lg-9 {
    max-width: 80%;
    flex: 0 0 80%;
    margin-right: 10px;
    margin-left: 10px;
}
.dashboard-inner-box{display: flow-root;}
.base-knob-box{width: 25%;float: left;}
.dashboard-inner-box .title-box{    text-align: center;color: #000;
    margin-top: 10px;margin-bottom: 20px;}
.add-form-all form .form-group p{font-size: 13px;margin-top: 5px;color: #f58220;}
.base-knob-box .knob-bx{text-align: center;margin-top: 30px;}
.base-knob-box .knob-bx h6{color: #000;margin-top: 5px;}
.request-main-bx{    padding: 30px;
    margin-top: 50px;
    margin-bottom: 50px;
    text-align: center;
    background: #151515;
    width: 400px;
    margin-left: auto;
    margin-right: auto;}

.request-main-bx img{width: 200px;
    margin-right: auto;
    margin-left: auto;}
.request-main-bx h5{font-size: 20px;margin-bottom: 20px;color: #ffffff;    margin-top: 10px;}
.request-main-bx a{    color: rgb(0 0 0);
    font-weight: 500;
    font-size: 16px;
    font-family: 'Poppins', sans-serif;
    background-color: #f5821f;
    border-radius: 2px;
    text-align: center;
    padding: 10px 20px;
}

.connection_requst-bx{margin-top: 30px;}

.phone-with-coun-bx button{  position: absolute;
    z-index: 999;
    padding: 6px 5px;
    border-radius: 15px 1px 0px 16px;
    background-color: transparent;
    border: none;
    color: #000;
    border-right: 1px solid #e6e6e6;}
.phone-with-coun-bx button:hover, .phone-with-coun-bx button:focus{color: #000 !important;background-color: transparent;
    border-color: #e6e6e6;}
.phone-with-coun-bx .input-group-addon{display: none;}
.phone-with-coun-bx input{    padding-left: 10px !important;}
.phone-with-coun-bx .dropdown-menu li a{padding: 0 !important;}
.phone-with-coun-bx .dropdown-menu{left: -111px !important;}
.phone-with-coun-bx .show>.btn-secondary.dropdown-toggle {
    color: #000 !important;
    background-color: transparent !important;
    border-color:  #e6e6e6 !important;
}

.share-section{padding: 10px;margin-top: 10px;background: none;}

.share-section .share-title{color: #fff;margin-bottom: 10px;padding-left: 7px;}
.at-resp-share-element .at4-share-count-container{display: none !important;}


 .addthis_button_more:hover{color: #f9f9f9;}
.addthis_button_more{      width: 100% !important;
    text-align: center;
    margin-bottom: 0 !important;
    display: inline-block;
    margin-right: auto;
    margin-left: auto;
    color: #f9f9f9 !important;
    padding: 0;
    font-size: 16px;
    background: transparent;
    border-radius: 30px;
    box-shadow: none;
    width: 10px;
    border: none;
    text-transform: initial;
    font-family: 'Poppins', sans-serif;}
	
.addthis_button_more img{    height: 45px;
    margin-right: auto;
    margin-right: auto;
    border-radius: 8px;}

.modal-myIntrest .interests-list-bx .custom-checkbox-text {
    padding: 5px 5px 5px 5px;
    background-color: #dddddd;
    color: #000000;
    cursor: pointer;
    user-select: none;
    font-size: 12px;
    font-family: 'Poppins', sans-serif;
    font-weight: 500;
    height: 40px;
    line-height: 15px;
    vertical-align: middle;
    border-radius: 20px;
    margin: auto;
    width: 100%;
    position: relative;
    display: block;
    border: 2px solid #dddddd;
    
}
.modal-myIntrest .skills-box ul li {
    width: 16.2%;
    float: left;
    margin-right: 5px;
    text-align: center;
    margin-bottom: 5px;
}

.modal-myIntrest .custom-checkbox-input:checked ~ .custom-checkbox-text {
       background-color: #f58220;
    color: black;
    border: 2px solid #f58220;
}

		 
	

.hexagon-wrapper {
  display: inline-block;
    text-align: initial;
    width: 200px;
    height: 200px;
    cursor: pointer;
    float: left;
    margin-left: 15px;
    position: relative;
}
.hexagon-wrapper a h5{    position: absolute;
    top: 39%;
    left: 25%;
    color: #000;
    font-size: 16px;}

.hexagon {
  position: relative;
    width: 50%;
    height: 86%;
    margin: auto;
    color: black;
    background: linear-gradient(-180deg
 , #f58220, #b10e1e);
    display: flex;
    align-content: center;
    justify-content: center;
    transition: 0.5s;
    
}

.hexagon h5 {
      z-index: 1;
    margin: auto;
    font-size: 14px;
    color: black;
    text-align: center;
    line-height: 25px;
  
}

.hexagon:before,
.hexagon:after {
  position: absolute;
  content: "";
  background: inherit;
  height: 100%;
  width: 100%;
  border-radius: 0;
  transition: 0.5s;
  transform-origin: center;
}
.hexagon:before {
  transform: rotateZ(60deg);
}
.hexagon:after {
  transform: rotateZ(-60deg);
}
.hexagon:hover {
  border-radius: 50px;
  transition: 0.5s;
}
.hexagon:hover:before {
  border-radius: 50px;
  transition: 0.5s;
}
.hexagon:hover:after {
  border-radius: 50px;
  transition: 0.5s;
}


.modal-dialog.modal-myIntrest{max-width: 90%;}
.modal-myIntrest .modal-header{display: block;}
.modal-dialog.modal-myIntrest .modal-content{    border: 2px solid #e7873c;
    box-sizing: border-box;
    box-shadow: 0px 0px 2px #e4e4e4;
    border-radius: 3px;
    margin-bottom: 1.5rem;
    list-style-type: none;
    background: #fff url(../img/login-bg.png) no-repeat;
    background-size: cover;
    background-position: center;
    display: flow-root;}



.owl-option-02__box-01 {background-color: #ddd;
    width: 140px;
    height: 140px;
    -webkit-border-radius: 12px;
    border-radius: 12px;
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    transform: rotate(45deg);
    box-shadow: rgb(0 0 0 / 7%) 0px 12px 25px;
    text-align: center;
}
.hov-img-01{position: relative;}

/*.hov-img-01 {
    width: 35px;
    height: 35px;
    background: url(../img/icon_01.png) no-repeat center bottom;
    margin-top: 14px;
    margin-bottom: 15px;
    -webkit-transition: 0.5s all;
    transition: 0.5s all;
    position: relative;
}*/
.hov-img-01::before {
        content: "";
    position: absolute;
    border-width: 13px 28px;
    border-style: solid;
    border-color: transparent transparent rgb(245 130 32);
    top: -26px;
    left: 0px;
    z-index: 1;
}
.hov-img-01::before {
    border-bottom-color: rgb(245 130 32);
}
.hov-img-01::after {
    content: "";
    position: absolute;
    border-width: 13px 28px;
    border-style: solid;
    border-color: rgb(245 130 32) transparent transparent;
    bottom: -26px;
    left: 0px;
    z-index: 1;
}
.owl-option-02__img-wrapp {
        display: inline-block;
    vertical-align: top;
    width: 55px;
    background: #f58220;
    transform: rotate( 
-45deg
 );
    margin-right: 52px;
    margin-top: 25px;
}
.owl-option-02__img-wrapp img{width: 27px;}


.owl-option-02__title {
  text-align: center;
    font-size: 14px;
    line-height: 18px;
    color: #000;
    margin: 0;
    -webkit-transition: 0.5s all;
    transition: 0.5s all;
    transform: rotate(
-45deg
);
    margin-top: 15px;
    margin-right: -27px;


}

.intrest-row-bx{padding: 20px;display: flex;text-align: center;
}


.intrest-row-bx .xa-bx2{ float: left;
    width: 225px;
    background: #dddddd;
    background: linear-gradient( 90deg, #f58220, #b10e1e);
    position: relative;
    display: flex;
    padding: 10px;
    margin-right: 44px;	

-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
  -o-transition: all 0.3s;
	transition: all 0.3s;}
.xa-bx2::before {
    content: "";
    position: absolute;
    border-width: 30px 15px;
    border-style: solid;
    border-color: transparent rgb(245 129 32) transparent transparent;
    top: -1px;
    left: -30px;
    z-index: 1;
}

.xa-bx2::after {
        content: "";
    position: absolute;
    border-width: 30px 15px;
    border-style: solid;
    border-color: transparent transparent transparent rgb(178 16 30);
    bottom: -1px;
    right: -30px;
    z-index: 1;
}
.xa-bx2 .img-bx img{width: 22px;}
.xa-bx2 .img-bx{float: left;
    margin-right: 12px;
    border-radius: 50%;
    border: 2px solid #000;
    padding: 4px;
    height: 40px;
    width: 40px;}
.xa-bx2 .title-bx{margin-bottom: 0;font-size: 16px; color: #000;margin-top: 12px;}
.xa-bx2 .cont{    position: absolute;
    right: 10px;
    top: 18px;
    background: #b50707;
    padding: 3px;
    border-radius: 50%;
    width: 28px;
    height: 28px;}

.xa-bx2 .cont span{color: #fff;
    font-size: 13px;
    line-height: 9px;
    font-weight: 600}
.intrest-row-bx .xa-bx2:hover{    box-shadow: 2px 2px 20px #c6311f;-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
  -o-transition: all 0.3s;
	transition: all 0.3s;}



.intrest-row-bx .xa-bx3{ float: left;
    width: 225px;
    background: #dddddd;
   
    position: relative;
    display: flex;
    padding: 10px;
    margin-right: 44px;	

-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
  -o-transition: all 0.3s;
	transition: all 0.3s;    border-radius: 15px;}



.xa-bx3 .img-bx img{width: 22px;}
.xa-bx3 .img-bx{float: left;
    margin-right: 12px;
    border-radius: 50%;
    border: 2px solid #000;
    padding: 4px;
    height: 40px;
    width: 40px;}
.xa-bx3 .title-bx{margin-bottom: 0;font-size: 16px; color: #000;margin-top: 12px;}
.xa-bx3 .cont{    position: absolute;
    right: 10px;
    top: 18px;
    background: #f58220;
    padding: 2px;
    border-radius: 50%;
    width: 28px;
    height: 28px;}

.xa-bx3 .cont span{color: #fff;
    font-size: 13px;
    line-height: 9px;
    font-weight: 600}
.intrest-row-bx .xa-bx3:hover{    box-shadow: 2px 2px 20px #c6311f;-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
  -o-transition: all 0.3s;
	transition: all 0.3s;}
.nevigation-box{font-size: 14px;margin-bottom: 0px;float: right;}
.nevigation-box span{color: #f58220;}


.action-button:active {
    transform: translate(0px,5px);
    -webkit-transform: translate(0px,5px);
    border-bottom: 1px solid;
}

.skills-categories-details .top_search_box a{    position: absolute;
    right: 0;
    top: 0;
    background: #f58220;
    color: #ffffff !important;
    padding: 7px 30px;
    cursor: pointer;
    margin: 6px;
    font-family: 'Poppins', sans-serif;
    z-index: 9;
    border: 1px;}
.share-section .addthis_toolbox{padding-left: 20px;padding-right: 20px;color: #fff;
    font-size: 18px;}
.lang-box-all .custom-checkbox-text:hover{box-shadow: none;}
.languagesModal-box .modal-header{padding: 5px 15px;}
.languagesModal-box .modal-header h4{font-size: 16px;}
.welcome-profile-bx.welcome-prf-two .profile-info-bx {
    width: 100%;
    float: left;
    background: #000;
    margin-top: 0px;
    min-height: auto;
    height: auto;
    margin-left: 0px;
    padding-top: 15px;
}

.welcome-profile-bx.welcome-prf-two {
  width: 100%;
    margin-left: auto;
    margin-right: auto;
    background: #1c1c1c;
    margin-top: 10px;
    margin-bottom: 0px;
    padding: 20px;
    box-shadow: none;
  
    display: flow-root;
    border-radius: 30px;
    border: 1px solid #f58220;
}

.welcome-profile-bx.slider-main-bx .profile-img-bx{width: 100%;padding-top: 20px;}

.welcome-profile-bx.slider-main-bx {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    background: #1c1c1c;
        margin-top: 40px;
    margin-bottom: 0px;
    padding: 20px;
    box-shadow: none;
  
    display: flow-root;
    border-radius: 30px;
    border: 1px solid #f58220;
}
.welcome-profile-bx.slider-main-bx .profile-img-bx  .item-slider-slick .images-bx{    width: 50%;
    float: left;
    
    border-radius: 5px;position: relative;}
/*.welcome-profile-bx.slider-main-bx .profile-img-bx  .item-slider-slick .images-bx:before{     position: absolute;
    content: '';
    bottom: 50%;
    right: -9px;
    width: 20px;
    height: 20px;
    background: #000;
    transform: rotate(45deg);
    z-index: 1;}*/
.welcome-profile-bx.slider-main-bx .profile-img-bx  .item-slider-slick .content-bx{width: 50%;float: left;padding: 0px 20px;}
.row-section-bx{width: 80%;
    margin-left: auto;
    margin-right: auto;
    background: #000;
    margin-top: 0px;
    margin-bottom: 0px;
    padding:30px 15px;
    box-shadow: none;
    border-radius: 0px;
    display: flow-root;}

.reg-main-bx{float: left;
    width: 300px;
    background: #f58220;
    padding: 30px 20px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    border-radius: 5px;position: relative;}
.reg-main-bx img{width: 70px;margin-bottom: 10px;}    
.reg-main-bx h5{font-size: 25px;margin-bottom: 27px;color: #000;}
.reg-main-bx .build-button{    padding: 10px 20px;
    background: #000000;
    background-color: #000000;
    border-radius: 7px;
    text-align: center;
    padding: 8px 40px;
    color: #ffffff;
    font-weight: 500;
    font-family: 'Poppins', sans-serif;
    transition: all 0.1s;
    -webkit-transition: all 0.1s;
    box-shadow: 0px 4px #a7520a;
    font-size: 18px;}

.item-reg-bx{display: flow-root;margin-left: auto;
    margin-right: auto;width: 70%;}
.tooltip-bx{position: absolute;
    right: 4px;
   
    text-align: right;}
.tooltip-bx .content{opacity: 0;}
.tooltip-bx:hover .content {
       opacity: 1;
    right: -103%;
    position: relative;
    background: #fff;
    padding: 10px;
    z-index: 9;
    bottom: 180px;
    text-align: left;
}
.tooltip-bx a{color: #000;font-size: 18px;}

.tooltip-bx .content:before{     position: absolute;
    content: '';
    bottom: 5px;
    left: -8px;
    width: 18px;
    height: 18px;
    background: #ffffff;
    transform: rotate(45deg);
}
.thnk-left{width: 70%;float: left;}
.thnk-right{width: 25%;float: left;}
.progresbar-bx{text-align: center;
    margin-top: 50px;
    background: #000;
    box-shadow: 0px 0px 0 6px #d4d4d4;
    padding-bottom: 20px;}
.progresbar-bx .status-bx{text-align: left;padding-left: 15px;}
.progresbar-bx .status-bx h5{text-align: center;color: #f58220;font-size: 20px;}
.progresbar-bx .status-bx h6{color: #fff;font-size: 14px;}

.call-btn-bx .call-btn{width: 100% !important;
    text-align: center;
    margin-bottom: 0 !important;
    display: inline-block;
    margin-right: auto;
    margin-left: auto;
    color: #f9f9f9 !important;
    padding: 8px 5px 8px 5px;
    font-size: 16px;
    background: linear-gradient(353deg, black, #b2b2b28c);
    border-radius: 30px;
    box-shadow: 2px 2px 7px #1c1c1c;
    width: 10px;
    border: 2px solid #000;}

.call-btn-bx.org-sub-btn-bx .call-btn{  width: 93% !important;
    text-align: center;
    margin-bottom: 0 !important;
    display: inline-block;
    margin-right: auto;
    margin-left: auto;
    color: #f9f9f9 !important;
    padding: 5px 5px 5px 5px;
    font-size: 14px;
    background: linear-gradient(
353deg
, black, #b2b2b28c);
    border-radius: 10px;
    box-shadow: 2px 2px 7px #1c1c1c;
    width: 10px;
    border: 2px solid #000;
    font-family: 'Poppins', sans-serif;}

.org-profile-pic{     position: relative;
    width: 120px;
    height: 120px;
    border-radius: 50%;
    border: 4px solid #fff;
    padding: 7px 0px;
    background: #eaeaea;
    margin-right: auto;    margin-left: auto;}
.org-profile-pic .change-img-box {
    position: absolute;
    right: 7px;
    top: 75px;
}
.org-profile-pic img{width: 100px;height: 100px;
    margin-right: auto;
    margin-right: auto;}
.org-profile-pic .change-img-box label {
    padding: 2px 5px;
    display: table;
    color: #000;
    /* background-image: linear-gradient(to right, #f58220, #f89e21, #f8b92c, #f7d43f, #f3ee58); */
    border-radius: 50px;
    cursor: pointer;
    font-weight: 600;
    background: #eaeaea;
}

.pro-banner-top-bx img{border-radius: 5px;}
.org-sec-box{margin-top: 5px;}
.sub-tab-categories-box.follow-cat-bx ul li span{font-size: 20px;font-weight: 500;color: #f58220;margin-right: 2px;}
.call-btn-bx.org-sub-btn-bx .call-btn{margin-bottom: 5px !important;}
.skills-inner-box ul{    padding-left: 0;
    list-style: none;
    display: block;
   
    margin-left: auto;
    margin-right: auto;
}
.org-skills-bx li{
	    width: 23.8% !important;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: 130px;
    border-radius: 0.5rem;
    border: 1px solid;
    background-color: #fff !important;
    box-shadow: 0 5px 10px rgb(0 0 0 / 10%);
    transition: 0.15s ease;
    cursor: pointer;
    position: relative;
    margin-left: 0 !important;
    margin: 0.5rem 0.5rem;}


.org-item-bx li a{display: block;
    padding: 5px 5px;
    text-align: center;
    color: #fff ;
    line-height: 24px;}
.org-item-bx li a img{    width: 35px !important;
    }
.org-item-bx li h4{font-size: 12px;margin-bottom: 0;margin-top: 10px;color: #000;}
.org-item-bx li{width: 23.4% !important;
    float: left !important;
    margin-left: 10px !important;
    border: 1px solid;
    padding: 10px;
    border-radius: 0.5rem;
    box-shadow: 0 5px 10px rgb(0 0 0 / 10%);
    height: 130px !important;
    background: #ffffff !important;display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;}
.org-item-bx li a{padding: 0 !important;}
.organization-section{position: relative;}
.organization-section .search-wrap-box{position: absolute;
    right: 0;
    top: -7px;
    width: 350px;}

.organization-section .search-wrap-box .search input {
    padding-left: 30px;
    padding-right: 80px;
    height: 40px;
    padding: 10px 20px;
    box-shadow: none;
    font-size: 13px;
    font-weight: 400;
    color: #d4d4d4;
    border-radius: 20px;
    background-clip: inherit !important;
    border: 2px solid #f58220;
    font-family: 'Poppins', sans-serif;
}
.organization-section .search-wrap-box .search button {
    position: absolute;
    right: 0;
    top: 0;
    background: #f58220;
    color: #ffffff !important;
    padding: 0px 0px;
    cursor: pointer;
    margin: 0px;
    font-family: 'Poppins', sans-serif;
    z-index: 9;
    border: 1px;
    border-radius: 0px 20px 20px 0px;
    height: 40px;
    text-align: center;
    width: 50px;
}
.organization-section .search-wrap-box .search{padding-bottom: 0px;}
.organization-section .search-wrap-box .search button i{font-size: 16px;}
.sub-tab-categories-box.org-tab-bx ul li {
    width: 33.33%;
    float: left;
    margin-bottom: 0;
    padding: 0;
}
.sub-tab-categories-box.org-tab-bx ul li a {
    padding: 0px 5px 0px 0px;
    display: inline-block;
    color: #ffffff;
    width: 100%;
    text-align: center !important;
    width: 100% !important;
    text-align: left;
    margin-bottom: 0 !important;
    display: inline-block;
    margin-right: auto;
    margin-left: auto;
    color: #f9f9f9 !important;
    padding: 8px 5px 8px 15px;
    font-size: 16px;
    /*background: linear-gradient( 353deg, black, #b2b2b28c);*/
    /* border-radius: 30px; */
   
    border-radius: 5px 5px 0 0px;
    font-family: 'Poppins', sans-serif;
}
.collaborate-section-bx.coll-btn-section{text-align: center;
    background: #151515;
    padding: 15px 15px;    border-radius: 0px 0px 15px 15px;}
.skills-categories-details.org-middle-section{background-image: none;
    padding: 0;}

 .org-middle-section .skills-inner-box {
    display: flow-root;
    position: relative;
    margin-top: 1px;
    border-bottom: 1px solid #353535;
    padding-bottom: 20px;
    margin-bottom: 10px;
    background-image: linear-gradient(220deg, #EDAD21, #FF7406);
    padding: 15px;
    border-radius: 2px;    
    min-height: 130px;
}

.org-middle-section .skills-inner-box .edit-icon-box {
    position: absolute;
    right: -15px;
    top: 30px;
}   


.skills-inner-box ul.org-skills-bx li:nth-child(4) {
    margin-left: auto;
}

.skills-inner-box .org-tab-bx li:nth-child(1) {
    margin-left: auto;
}

.org-skills-bx li h4{font-size: 14px;margin-bottom: 0;margin-top: 10px;color: #000;}
.org-skills-bx li .skill-img-bx img{width: 35px;}
.org-skills-bx li a{    padding: 0 !important;}

.org-item-bx li .org-item-img-bx{background: #d2d2d2;
    width: 55px;
    border-radius: 50%;
    margin-left: auto;
    margin-right: auto;
    height: 55px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;}

.add-form-all .button-box-save .boxed-btn {
      padding: 8px 40px !important;
    color: #000 !important;
    font-family: 'Poppins', sans-serif !important;
    font-weight: 600 !important;
    border-radius: 50px !important;
    box-shadow: 0px 0px 10px 9px #000;
    border: none !important;
    background-image: linear-gradient( 267deg , #EDAD21, #FF7406);
    margin-top: 20px;
    -webkit-transition: all 200ms ease-in;
    -webkit-transform: scale(1);
    -ms-transition: all 200ms ease-in;
    -ms-transform: scale(1);
    -moz-transition: all 200ms ease-in;
    -moz-transform: scale(1);
    transition: all 200ms ease-in;
    transform: scale(1);
}
.ProfileForm-Btn{  padding: 8px 40px !important;
    color: #000 !important;
    font-family: 'Poppins', sans-serif !important;
    font-weight: 600 !important;
    border-radius: 50px !important;
    box-shadow: 0px 0px 10px 9px #000;
    border: none !important;
    background-image: linear-gradient( 267deg , #EDAD21, #FF7406);
    margin-top: 20px;
    -webkit-transition: all 200ms ease-in;
    -webkit-transform: scale(1);
    -ms-transition: all 200ms ease-in;
    -ms-transform: scale(1);
    -moz-transition: all 200ms ease-in;
    -moz-transform: scale(1);
    transition: all 200ms ease-in;
    transform: scale(1);}
.add-form-all .button-box-save .boxed-btn:hover {
    transform: translate(0px,3px);
    -webkit-transform: translate(0px,3px);
    transition: all 0.1s;
    -webkit-transition: all 0.1s;
    font-weight: 600 !important;
}

.organization-box{display: flex;}
.organization-box .organization-title{width: 250px;margin-right: 10px;}
.organization-box .organization-title input{width: 100%;border: 1px solid #ddd;
    padding: 5px 10px;background: #d4d4d4;font-size: 15px;    border-radius: 30px;}



.organization-box .custom-select-trigger {
    position: relative;
    display: block;
    width: 100%;
    padding: 0 84px 0 22px;
    font-size: 14px;
    font-weight: 300;
    color: #404040;
    line-height: 35px;
    background: #d4d4d4;
    border-radius: 20px;
    cursor: pointer;
    font-family: 'Poppins', sans-serif;
    font-weight: 500;
}

.organization-box .custom-select-trigger:after {
    position: absolute;
    display: block;
    content: '';
    width: 8px;
    height: 8px;
    top: 50%;
    right: 25px;
    margin-top: -3px;
    border-bottom: 1px solid #404040;
    border-right: 1px solid #404040;
    transform: rotate(45deg) translateY(-50%);
    transition: all .4s ease-in-out;
    transform-origin: 50% 0;
}

.organization-box .thrd-part-bx{width: 200px;padding: 0px;
    text-align: left;padding-left: 10px;}

.organization-box .thrd-part-bx a{    border: 1px solid #f58220;padding: 5px 30px;
    border-radius: 30px;color: #f58220;
    font-family: 'Poppins', sans-serif;
    font-size: 14px;}
.organization-section-bx{    margin-left: auto;
    margin-right: auto;
       width: 85%;
    padding-top: 50px;
    padding-bottom: 50px;}
.organization-box .thrd-part-bx a:hover{color: #f58220;}
.organization-top-bx label{font-size: 16px;color: #000;font-weight: 600;}
.organization-top-bx{margin-bottom: 10px;}
.organization-box label{     font-size: 14px;
    font-weight: 500;
    font-family: 'Poppins', sans-serif;
    margin-bottom: 0;
    background: #000000;
    padding-left: 10px;
    line-height: 36px;
    border-radius: 2px;
    position: relative;
    z-index: 9;
    color: #fff;
    margin-right: 38px;
    width: 250px;}

.organization-box label:before{    position: absolute;
    content: '';
    width: 26px;
    height: 26px;
    background: #000000;
    right: -13px;
    top: 5px;
    transform: rotate(45deg);
    z-index: 1;}

.first-border-redius{border-radius: 2px 2px 15px 15px !important;}
.second-border-redius{border-radius: 15px !important;}


.right-section-bx{text-align: center;
    margin-top: 20px;
    background: #151515;
    border: 2px solid #2d2d2d;
    padding-bottom: 20px;
    border-radius: 15px;
    margin-bottom: 10px;
    padding: 5px;    margin-left: 0 !important;
    margin-right: 0 !important;    
    margin-top: 50px !important;}
.extra-info-bx h3{text-align: center;
    color: #f58220;
    font-size: 16px;
    margin-bottom: 15px;
    position: relative;font-family: 'Poppins', sans-serif;}
.extra-info-bx p{color: #fff;font-family: 'Poppins', sans-serif;font-size: 14px;}
.extra-info-bx h5{text-align: center;color: #f58220;font-size: 13px;
 margin-bottom: 15px;font-family: 'Poppins', sans-serif;}
.extra-info-bx{padding-top: 10px;}

.extra-info-bx h3:before{position: absolute;
    content: '';
    width: 100px;
    height: 1px;
    left: 60px;
    bottom: -5px;
    background: #f58220;
                           }





.team-skills-bx li{
	width: 15.5%;
    display: block;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: 160px;
    /*border-radius: 0.5rem;
    border: 1px solid;*/
    background-color: transparent !important;
   /* box-shadow: 0 5px 10px rgb(0 0 0 / 10%);*/
    transition: 0.15s ease;
    cursor: pointer;
    position: relative;
    margin-left: 0 !important;
        margin: 0 0.5rem;}

.team-skills-bx li .skill-img-bx{    width: 190px !important;
    box-shadow: 1px 5px 3px 0px #000;
    border: 1px solid #000000;
    background: #000000;
    height: 160px;
    padding: 5px;
    border-radius: 10px;    margin-left: auto;
    margin-right: auto;}
 .team-skills-bx li .skill-img-bx img{    width: 140px;
    height: 140px;
    margin-top: -2px;
    margin-left: auto;
    margin-right: auto;}   
.team-skills-bx li h4{
	font-size: 14px;
	margin-top: 5px;
	margin-bottom: 0;
	color: #000;
	font-family: 'Poppins', sans-serif;
    font-weight: 500;
    }

.team-skills-bx li a {
    display: block !important;
    padding: 0px 5px !important;
    text-align: center !important;
    color: #fff;
    line-height: 24px !important;
}
.specialities-item-bx li {
    width: 134px !important;
    float: left !important;
    margin-left: 10px !important;
    height: auto !important;
    background: transparent !important;
}
.specialities-item-bx li a{ display: block !important;
    padding: 7px 10px !important;
    text-align: center !important;
    color: #fff !important;
    line-height: 24px !important;
    background: #000 !important;
    border-radius: 30px;}
.specialities-item-bx li a h4{font-size: 14px;
    margin-bottom: 0;
    color: #fff;}
.specialities-item-bx li a:hover{background: #ffeb3b !important;
    color: #000 !important;}
.specialities-item-bx li a:hover h4{color: #000 !important;}


.progresbar-bx {
    text-align: center;
    margin-top: 3px;
    background: #151515;
    box-shadow: 0px 0px 0 2px #2d2d2d;
    padding-bottom: 20px;
    border-radius: 15px;
	margin-bottom: 10px;
	
	
}
.progresbar-bx .status-bx {
    text-align: left;
    padding-left: 9px;
}

.progresbar-bx .status-bx h5 {
    text-align: left; 
    color: #f58220;
    font-size: 16px;
    padding-left: 10px;
    margin-bottom: 15px;
    font-family: 'Poppins', sans-serif;
}

.main-profile-left-bx {background: #1c1c1c;padding-top: 80px;    border-radius: 15px;}
.left-sidebar-bx .profile-info-bx .profile-pic {
    text-align: center;
    position: relative;
    margin-top: -66px;
}

.page-title-bx{margin-bottom: 10px;}
.page-title-bx .title-box {
    color: #c5c5c5;
    font-size: 18px;
    font-family: 'Poppins', sans-serif;
    margin-bottom: 0px;
    font-weight: 600;
}


.circle_percent {font-size:120px; width:1em; height:1em; position: relative; background: #333333; border-radius:50%; overflow:hidden; display:inline-block; margin:20px 7px 20px 0px;}
.circle_inner {position: absolute; left: 0; top: 0; width: 1em; height: 1em; clip:rect(0 1em 1em .5em);}
.round_per {position: absolute; left: 0; top: 0; width: 1em; height: 1em; background: #f58220; clip:rect(0 1em 1em .5em); transform:rotate(180deg); transition:1.05s;}
.percent_more .circle_inner {clip:rect(0 .5em 1em 0em);}
.percent_more:after {position: absolute; left: .5em; top:0em; right: 0; bottom: 0; background: #f58220; content:'';}
.circle_inbox {position: absolute; top: 5px; left: 5px; right: 5px; bottom: 5px; background: #1C1C1C; z-index:3; border-radius: 50%;}
.percent_text {position: absolute; font-size: 24px; left: 50%; top: 50%; transform: translate(-50%,-50%); z-index: 3;    color: #f58220;font-family: 'Poppins', sans-serif;}

.edit-icon-box.edit-icon-slider-box{    /*background-image: linear-gradient(
220deg
, #EDAD21, #f39917);*/
    width: 125px;
    position: absolute;
    right: 6px;
    top: 14px;
    height: 170px;
    z-index: 9;}
.edit-icon-box.edit-icon-slider-box img{   width: 28px;
    top: 50px;
    position: absolute;
    left: 36px;
}




/*
.call-btn-bx.org-sub-btn-bx .panel-heading {    width: 100% !important;
    text-align: center;
    margin-bottom: 10px !important;
    display: inline-block;
    margin-right: auto;
    margin-left: auto;
    color: #f9f9f9 !important;
    padding: 8px 5px 8px 5px;
    font-size: 16px;
    background: linear-gradient( 353deg , black, #292929);
    border-radius: 10px;
    box-shadow: 2px 2px 7px #1c1c1c;
    width: 10px;
    border: 2px solid #000;
    font-family: 'Poppins', sans-serif;
    font-weight: 500;}
*/



  
.call-btn-bx.org-sub-btn-bx .panel-heading.collapsed .fa-chevron-up,
.call-btn-bx.org-sub-btn-bx .panel-heading .fa-chevron-down {
  display: none;
}

.call-btn-bx.org-sub-btn-bx .panel-heading.collapsed .fa-chevron-down,
.call-btn-bx.org-sub-btn-bx .panel-heading .fa-chevron-up {
  display: inline-block;
}

.call-btn-bx.org-sub-btn-bx i.fa {
  cursor: pointer;
    margin-right: 6px;
    float: right;font-weight: 100;
}

.call-btn-bx.org-sub-btn-bx .collapsed ~ .panel-body {
  padding: 0;
}

.edit-icon-box.edit-org-slider-box {
    /*background-image: linear-gradient( 
220deg
 , #EDAD21, #f39917);*/
    width: 125px;
    position: absolute;
    right: 6px;
    top: 14px;
    height: 170px;
    z-index: 9;
}
.edit-icon-box.edit-org-slider-box img {
   
    bottom: 21px;
    position: absolute;
    left: 36px;
}

.connect-btn{min-width: 73% !important;
    text-align: center;
    /* margin-bottom: 10px !important; */
    display: inline-block;
    margin-right: auto;
    margin-left: auto;
    color: #f9f9f9 !important;
    padding: 8px 35px 8px 23px;
    font-size: 16px;
    background: linear-gradient( 353deg , black, #292929);
    border-radius: 10px 0px 0px 10px;
    box-shadow: 2px 2px 7px #1c1c1c;
    width: 10px;
    border: 2px solid #000;
    font-family: 'Poppins', sans-serif;
    font-weight: 500;
    margin-right: 0px;margin-top: -9px; }

.collapsed-btn{  width: 40px !important;
    text-align: center;
    /* margin-bottom: 11px !important; */
    display: inline-block !important;
    margin-right: auto !important;
    margin-left: -4px !important;
    height: 44px;
    color: #f9f9f9 !important;
    padding: 5px 1px 4px 10px !important;
    font-size: 16px;
    background: linear-gradient( 353deg , black, #292929);
    box-shadow: 2px 2px 7px #1c1c1c !important;
    width: 10px;
    border: 2px solid #000;
    font-family: 'Poppins', sans-serif;
    font-weight: 500;
    margin-top: -26px;
    border-radius: 0px 10px 10px 0px !important;
    border-left: none;
    margin-top: 0px;
    }

.btn-group .panel-body{margin-bottom: 10px;margin-top: 5px;}

.call-btn-bx .btn-group{position: relative;
    display: block;
    vertical-align: middle;}
.addthis_button_more .fa{background: #1c1c1c;
    padding: 10px;
    border-radius: 50%;
    width: 35px;
    height: 35px;
    font-size: 18px;
    line-height: 16px;}

.join-teme-box .modal-dialog{width: 330px;margin: 10em auto;}

.join-teme-box .modal-content{background: #1c1c1c;
    border-radius: 15px;padding: 20px;
    text-align: center;}
.join-teme-box .modal-content h5{color: #f58220;margin-bottom: 20px;}

.join-teme-box .modal-content p{    color: #f58220;line-height: 20px;
    margin-top: 15px;}
.join-teme-box .modal-content button{    width: 142px !important;
    text-align: center;
    margin-bottom: 0px !important;
    display: inline-block;
    margin-right: auto;
    margin-left: auto;
    color: #f9f9f9 !important;
    padding: 8px 20px 8px 20px;
    font-size: 16px;
    background: linear-gradient( 
353deg
 , black, #292929);
    border-radius: 10px;
    box-shadow: 2px 2px 7px #1c1c1c;
    width: 10px;
    border: 2px solid #000;
    font-family: 'Poppins', sans-serif;
    font-weight: 500;}

.sub-tab-categories-box.org-tab-bx ul li.dropdown .dropdown-content a {
        color: black !important;
    background-color: #f9f9f9 !important;
    padding: 7px 16px !important;
    text-decoration: none;
    display: block;
    width: 100%;
    border-bottom: 1px solid #f58220;
    font-weight: 500;
    border-radius: 0;
    box-shadow: none;
    text-align: left !important;
}

.skills-categories-popup .modal-dialog {
    width: 60%;
    margin: 10em auto;
    max-width: inherit;
}

.skills-categories-popup .modal-dialog{width: 70%;margin: 10em auto;
    max-width: inherit;}

.skills-categories-popup .modal-content {
        background: #1c1c1c;
    border-radius: 30px;
    padding: 20px;
    text-align: center;
    border: 1px solid #984600;
}
.skills-categories-popup .modal-content{    display: flow-root;}
.skills-categories-popup .modal-header{    width: 30%;
    float: left;
    display: block;
    border-bottom: none;
    padding: 10px;position: relative;

padding-top: 68px;}


.skills-categories-popup .modal-body{width: 70%;float: left;display: block;}

.skills-categories-popup .modal-header .close{ float: left;
    width: 50px;
    padding: 0;
    text-align: center;
    height: 50px;
    border-radius: 50%;
    box-shadow: -2px 1px 12px 1px #000;
    opacity: 1;
    /* color: red; */
    text-shadow: inherit;
    /* line-height: 39px; */
    margin-top: 1px;
    position: absolute;
    display: block;
    /* margin-block: 50px; */
    top: 20px;}
.skills-categories-popup .modal-header .close i{    font-size: 17px;
    /* line-height: 40px; */
    margin-top: -26px;
    margin-left: -5px;
    color: #f58220;}
.skills-categories-popup .modal-header h4 {
    margin-left: 95px;
    text-align: left;
    font-size: 22px;
    color: #f58220;
    line-height: 25px;    margin-top: 10px;
}
.skills-categories-popup .modal-header h4 img{width: 120px;margin-top: -15px;}

.sub-cat-under-list ul{list-style: none;
    padding-left: 0;}
.sub-cat-under-list ul li{display: inline-block;}    
.sub-cat-under-list li a{border-style: solid;
    cursor: pointer;
    border-width: 0.5px;
    border-color: rgba(0, 0, 0, 0);
    border-radius: 13px;
    color: rgb(255, 255, 255);
    background: rgb(0, 0, 0);
    font-size: 12px;
    margin: 3px;
    padding: 5px;
    transition: background-color 0.25s ease 0s, color 0.25s ease 0s, border-color 0.25s ease 0s;}
.sub-cat-under-list li a:hover{    background: rgb(250, 233, 0);color: rgb(0, 0, 0);}
.sub-cat-under-list{text-align: left;margin-bottom: 15px;}
.sub-cat-under-list h5 {    -webkit-text-fill-color: hsl(0, 0%, 85%);
    font-family: "Poppins", serif;
    font-size: 22px;
    font-style: normal;
    font-weight: 500;
    letter-spacing: 0.2px;
    line-height: 1.2;
    text-align: left;

}

.body-skills-bx{height: 200px;overflow: auto;
    padding-right: 42px;}
.body-skills-bx::-webkit-scrollbar {width: 0px;}
.scroll-arrow-bx p{    font-size: 28px;    color: #d9d9d9;margin-bottom: 0;}

.scroll-arrow-bx{text-align: right;}
.dash-bg{background: #212121;}

.would-you-top-bx ul{list-style: none;padding-left: 0;}
.would-you-top-bx ul li{display: inline-block;
                        width: 33.33%;
                        float: left;}

.would-you-top-bx {    display: flow-root;
    background: #1c1c1c;
    padding: 18px;
    border-radius: 15px;
    margin-top: 18px;
    margin-bottom: 18px;
    width: 85%;
    margin-left: auto;
    margin-right: auto;}
.would-you-top-bx h4{color: #d4d4d4;font-size: 18px;    font-family: 'Poppins', sans-serif;    margin-bottom: 20px;font-weight: 700;}
.would-you-top-bx h4 span{color: #f18020;font-family: 'Poppins', sans-serif;}
.would-you-top-bx ul li a{
    width: 170px;
    padding: 15px 20px;
    
    display: block;
    background-color: rgb(43, 43, 43);
    overflow: visible;
    border-radius:22px;
    box-shadow: rgb(0 0 0 / 41%) 0px 2px 12px 6px;
    transform: none;
    margin-left: auto;
    margin-right: auto;    height: 124px;}

.would-you-top-bx ul li a h5{color: #d4d4d4;font-size: 16px;    margin-bottom: 0;    font-family: 'Poppins', sans-serif;font-weight: 700;margin-top: 10px}
.would-you-top-bx ul li h5 span{color: #f18020;font-family: 'Poppins', sans-serif;}
.dash-top-section-bx{margin-left: 60px; margin-right: 60px;}
.dash-row-box .profile-left-3 {
    max-width: 18%;
    flex: 0 0 18%;
   z-index: 9;
}
.dash-row-box .profile-lg-6 {
    max-width: 58.4%;
    flex: 0 0 58.4%;
    margin-right: 20px;
    margin-left: 20px;
  
    z-index: 9;
}

.dash-row-box .profile-left-3 {
    max-width: 18%;
    flex: 0 0 18%;
    z-index: 9;
}

.dash-row-box .name-profile .name-skills {
    color: #000000;
    font-size: 14px;
    border-bottom: none;
    padding-bottom: 5px;
    font-family: 'Poppins', sans-serif;
    font-weight: 600;
}
.dash-row-box .name-profile .name {
    font-size: 16px;
    color: #000000;
    font-weight: 600;
    font-family: 'Poppins', sans-serif;
    margin-bottom: 5px;
    border-bottom: none;
    padding-bottom: 5px;
}

.switch-profile-btn{margin-top: 30px;margin-bottom: 20px;}
.switch-profile-btn a{    -webkit-text-fill-color: hsl(0, 0%, 0%);
  
    font-size: 13px;
    font-style: normal;
    font-weight: 600;
    letter-spacing: 0.2px;
    line-height: 1.2;
    background: linear-gradient( 
141deg
 , rgb(237, 173, 33) 0%, rgb(255, 116, 6) 100%);
    text-align: left;
    padding: 7px 10px;
    border-radius: 5px;
    box-shadow: 1px 2px 12px #000;
    font-family: 'Poppins', sans-serif;}

.dash-panel-info h5{color: #cccccc;
    font-size: 16px;
    text-align: left;
    margin-bottom: 0;}

.dash-panel-info ul{margin-top: 10px;padding-left: 15px;}
.dash-panel-info  ul li{margin-bottom: 0;}
.dash-panel-info ul li a{    color: #cccccc;
    font-family: 'Poppins', sans-serif;
    font-size: 13px;
    letter-spacing: 0.2px;
    line-height: 1.2;
    font-weight: 600;
    font-style: normal;    position: relative;}
.left-link-dash{margin-top: 15px;}
.dash-req-bx{background-image: linear-gradient( 
220deg , #EDAD21, #FF7406);padding: 15px;border-radius: 15px;    display: flow-root;}

.dash-req-bx h6{color: #000;font-family: 'Poppins', sans-serif;    font-size: 22px;    font-weight: 700;}

.dash-req-bx .cont-inner-bx h3{font-size: 48px;font-family: 'Poppins', sans-serif;color: #000}
.cont-req-bx .cont-inner-bx{    width: 50%;float: left;}
.cont-req-bx .manage-inner-bx{width: 50%;
    float: left;padding-top: 20px;
        display: flow-root;    
        text-align: right;}
.cont-req-bx .manage-inner-bx a{    border: none;
    color: rgb(255, 255, 255);
    outline: none;
    resize: none;
    width: max-content;
    word-break: break-word;
    overflow-wrap: break-word;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
   
    font-size: 16px;
    font-weight: 600;
    padding: 10px 25px;
    text-align: center;
    border-radius: 15px;
    background: rgba(41, 41, 41, 0.75);
    box-shadow: rgb(0 0 0 / 0%) 0px 0px 0px;
    transform: scale(1.1) translateZ(0px);font-family: 'Poppins', sans-serif;
    -webkit-transition: .3s ease-in-out;
  -moz-transition: .3s ease-in-out;
  -o-transition: .3s ease-in-out;
  transition: .3s ease-in-out;}

.cont-req-bx .manage-inner-bx a:hover{background: rgb(0, 0, 0);    
	padding: 12px 27px;
	transition: .3s ease-in-out;
  -moz-transition: .3s ease-in-out;
  -o-transition: .3s ease-in-out;
  transition: .3s ease-in-out;}

.cont-req-bx{    display: flow-root;}

.coll-req-item h5{  -webkit-text-fill-color: hsl(0, 0%, 0%);
    font-family: 'Poppins', sans-serif;
    font-size: 13px;
    font-style: normal;
    font-weight: 700;
    letter-spacing: 0.2px;
    line-height: 1.2;}

.coll-req-item .req-view-btn{    background-color: #191515;
    border-radius: 24px;background-color: #191515;
    border-radius: 24px;
    box-shadow: rgb(0 0 0 / 25%) 0px 1px 5px 4px;
    transform: translate3d(0px, 0px, 0px) rotate( 
0deg ) scale(1, 1);
    transform-origin: 50% 50% 0px;
    visibility: visible;
    padding: 9px 30px;
    color: #e87b1f;
    margin-right: 15px;
    font-family: 'Poppins', sans-serif;
    font-weight: 600;
    font-size: 15px;}
.coll-req-item .req-delete-btn{color: #191c1c;font-family: 'Poppins', sans-serif;font-weight: 600;    font-size: 13px;}
.coll-req-item .view-delete-bx{    display: flow-root;margin-top: 20px;}
.coll-req-item{display: flow-root;margin-bottom: 20px;}
.collaboration-req-bx{    border-top: 4px solid #1c1c1c;
    padding-top: 10px;
    height: 170px;
    overflow: auto;    padding-left: 9px;}

.collaboration-req-bx::-webkit-scrollbar {width: 0px;}
.view-all-box {      padding: 5px;
    margin-top: 10px;
    text-align: right;
    margin-right: 4px;}
.view-all-box  a{color: #605d5a;font-weight: 600;
    font-family: 'Poppins', sans-serif;font-size: 15px}
.cont-req-bx .manage-inner-bx.conn-req a{background: rgba(41, 41, 41, 0.75);}
.cont-req-bx .manage-inner-bx.conn-req a:hover{    background: rgb(0, 119, 255);}
.connect-box-req .view-delete-bx a{margin-right: 10px;} 
.view-delete-bx .req-delete-btn:hover{color: #f2faff;}

.cont-req-bx .manage-inner-bx.conn-req a:hover{background: #000000;padding: 12px 27px;-webkit-transition: .3s ease-in-out;
  -moz-transition: .3s ease-in-out;
  -o-transition: .3s ease-in-out;
  transition: .3s ease-in-out;}

.Opportunities-section-dash{    background-image: linear-gradient( 
220deg
 , #EDAD21, #FF7406);
    padding: 15px;
    border-radius: 15px;
    display: flow-root;    margin-top: 20px;}

.Opportunities-section-dash .oppo-titele-box h3{    color: #000;
    font-family: 'Poppins', sans-serif;
    font-size: 20px;    font-weight: 700;}
.Opportunities-section-dash .oppo-titele-box h3 small{    font-size: 13px;
    margin-left: 5px;font-weight: 700;}
.create-left-bx a{  display: block;
    flex-shrink: 0;
    user-select: none;
    background: linear-gradient( 
141deg
 , rgb(237, 173, 33) 0%, rgb(255, 116, 6) 100%);
    width: 150px;
    height: 130px;
    border-radius: 8px;
    box-shadow: rgb(0 0 0 / 41%) 0px 2px 12px 6px;
    transform: none;
    text-align: center;
    padding-top: 20px;
    color: #000;
    font-size: 22px;
    font-weight: 600;
    font-family: 'Poppins', sans-serif;}
.create-left-bx a img{    display: block;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    width: 45px;}
.create-left-bx {
    width: 25%;
    float: left;
    margin-top: 25px;
    margin-left: 20px;
}


.create-right-bx h6{
	-webkit-text-fill-color: hsl(0, 0%, 0%);
   font-size: 14px;
    font-style: normal;
    font-weight: 600;
    letter-spacing: 0.2px;
    line-height: 20px;
    margin-bottom: 20px;}

    .create-right-bx {
    padding: 30px 20px;
    padding-right: 110px;
    border-bottom: 4px solid #1c1c1c;
    float: left;
    width: 65%;
}


.oppo-left-bx .cont-req-bx {
    display: flow-root;
}

.oppo-left-bx .cont-req-bx .cont-inner-bx {
    width: 45%;
    float: left;
}
.oppo-left-bx .cont-inner-bx h3 {
    font-size: 48px;
    font-family: 'Poppins', sans-serif;
    color: #000;
}
.oppo-left-bx .cont-req-bx .manage-inner-bx {
    width: 55%;
    float: left;
    padding-top: 20px;
    display: flow-root;
    text-align: right;
}
.oppo-left-bx .cont-req-bx .manage-inner-bx.conn-req a {
    background: rgba(41, 41, 41, 0.75);
}
.oppo-left-bx .cont-req-bx .manage-inner-bx a {
    border: none;
    color: rgb(255, 255, 255);
    outline: none;
    resize: none;
    width: max-content;
    word-break: break-word;
    overflow-wrap: break-word;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    font-size: 16px;
    font-weight: 600;
    padding: 10px 25px;
    text-align: center;
    border-radius: 15px;
    background: rgb(0, 119, 255);
    box-shadow: rgb(0 0 0 / 0%) 0px 0px 0px;
    transform: scale(1.1) translateZ(0px);
    font-family: 'Poppins', sans-serif;
}
.Opportunities-request-bx{display: flow-root;clear: both;}

.oppo-left-bx{width: 32%;float: left;}
.Opportunities-request-bx h5{ color: #000;
    font-family: 'Poppins', sans-serif;
    font-size: 20px;
    margin-top: 10px;
    margin-bottom: 5px;font-weight: 700;}

.oppo-right-bx{    width: 68%;
    float: left;
    padding-left: 20px;}
.opporeqbx .coll-req-item h5{-webkit-text-fill-color: hsl(0, 0%, 0%);
    font-family: 'Poppins', sans-serif;
    font-size: 13px;
    font-style: normal;
    font-weight: 600;
    letter-spacing: 0.2px;
    line-height: 1.2;}

    .coll-req-item .view-delete-bx {
    display: flow-root;
    margin-top: 20px;
}
.opporeqbx  .view-delete-bx a {
    margin-right: 10px;
}

.opporeqbx{height: 172px;
    overflow: auto;padding-left: 10px;}

.opporeqbx::-webkit-scrollbar {width: 0px;}  
.oppo-left-bx .cont-req-bx .manage-inner-bx.conn-req a:hover{background: #000;    
	padding: 12px 27px;
    -webkit-transition: .3s ease-in-out;
    -moz-transition: .3s ease-in-out;
    -o-transition: .3s ease-in-out;
    transition: .3s ease-in-out;}
.switch-profile .modal-dialog{    width: 700px;
    max-width: 800px;
    margin: 10% auto;}

.switch-profile .modal-header h4 {
    position: absolute;
    left: 50px;
    width: 73% !important;
    top: 15px;
    color: #eb7d1f;
    font-family: 'Poppins', sans-serif;
}
.switch-profile .modal-header h4 img{width: 30px;margin-right: 10px;}
.switch-profile .modal-header p{margin-top: 10px;color: #fff;}
  .active-cls{position: }  
.switch-profile .modal-header .close{
	float: left;
    width: 50px;
    padding: 0;
    text-align: center;
    height: 50px;
    border-radius: 50%;
    box-shadow: -2px 1px 12px 1px #000;
    opacity: 1;
    /* color: red; */
    text-shadow: inherit;
        margin-right: 20px;
    margin-top: 1px;
    }
.switch-profile .modal-header .close i {
    font-size: 17px;
  
    margin-top: -26px;
    margin-left: -5px;
    color: #f58220;
}
.switch-profile .modal-header{align-items: flex-start;flex-direction: column;}
.switch-profile .modal-content{    background: #1c1c1c;border-radius: 15px;padding: 0px 40px;    border: 1px solid #ef7f1f;    padding-bottom: 20px;}

.switch-cat-box{margin-top: 30px;}

.switch-cat-box h5{    color: #f58220;
    font-size: 20px;    font-family: 'Poppins', sans-serif;}
.switch-cat-box p{ color: #fafafa;
    font-family: 'Poppins', sans-serif;
    font-size: 15px;
    position: relative;
    display: inline-block;
    margin-bottom: 2px;}
.switch-profile .modal-body{padding: 0px 10px;}

.active-cls{    width: 10px;
    background: #f58220;
    height: 10px;
    margin-right: 10px;
    position: absolute;
    border-radius: 50%;
    top: 9px;
    right: -30px;}
.switch-cat-box h6{    color: #f58220;
    font-size: 16px;
    font-family: 'Poppins', sans-serif;
    margin-top: 15px;}

.block-report-popup .modal-dialog {
    width: 50%;
    margin: 10em auto;
    max-width: inherit;
}
.block-report-popup .modal-content {
    background: #1c1c1c;
    border-radius: 30px;
    padding: 20px;
   
    border: 1px solid #984600;
}

.block-report-popup .modal-header .modal-title{    text-align: left;
    font-size: 22px;
    color: #f58220;
    line-height: 25px;}
.block-report-popup .modal-header{border:none;    padding-top: 0px;
    padding-bottom: 0}
.block-and-report-info h5{-webkit-text-fill-color: hsl(0, 0%, 85%);
    font-family: "Poppins", serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    letter-spacing: 0.2px;
    line-height: 1.2;
    text-align: left;
    margin-bottom: 20px;}
    .block-and-report-info h5.name-of-block{    -webkit-text-fill-color: hsl(0, 0%, 85%);
    font-family: "Poppins", serif;
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: 0.2px;
    line-height: 20px;
    text-align: left;
    margin-bottom: 15px}
.block-and-report-info form .checkbox label{    width: 100%;
    display: inline-block;
    font-size: 15px;
    -webkit-text-fill-color: hsl(0, 0%, 85%);font-family: "Poppins", serif;}
.block-and-report-info form .checkbox label input{    float: left;
    margin-top: 5px;
    margin-right: 7px;}
.block-and-report-info form .form-group textarea{height: 100px;
    background: #363636;
    border: 1px solid #1c1c1c;
    color: #b3b3b3;font-family: "Poppins", serif;}

.block-report-popup .modal-footer{border: none;
    justify-content: flex-start;padding: 5px 20px;}

.block-report-popup .modal-footer .btn-block{    box-shadow: -2px 1px 12px 1px #000;
    background: #ed7d1f;
    color: #000000;
    padding: 8px 44px;
    border-radius: 15px;
    margin-right: 30px;
    width: auto;font-family: "Poppins", serif;}
.block-report-popup .modal-footer .btn-cancel{    background: #000;
    border: 1px solid #000;
    box-shadow: -2px 1px 12px 1px #000;
    color: #d9d9d9;
    padding: 8px 44px;
    border-radius: 15px;font-family: "Poppins", serif;}
.block-and-report-info .profileinfo-bx{display: flow-root;margin-bottom: 10px;}
.block-and-report-info .profileinfo-bx .profile-pic{width: 50px;float: left;
    margin-right: 10px;}


.block-and-report-info .profileinfo-bx .profile-pic img{width: 40px;float: left;}

.block-and-report-info .profileinfo-bx .profile-name{    vertical-align: middle;
    margin-top: 10px;}

.would-you-top-bx.top-section-dash {
    display: flow-root;
    background: #1c1c1c;
    padding: 18px 50px;
    /* border-radius: 15px; */
    margin-top: 18px;
    margin-bottom: 18px;
        width: 85%;
    margin-left: auto;
    margin-right: 100px;
    box-sizing: border-box;
    /* width: 1077px; */
    /* height: 224px; */
    box-shadow: 0px 1px 2px 0px rgb(0 0 0 / 25%);
    background-color: #1c1c1c;
    overflow: visible;
    border-radius: 30px;
    border: 2px solid #f58220;
    text-align: center;    margin-bottom: 40px;
}

.dash-row-box .profile-lg-9 {
       max-width: 78.4%;
    flex: 0 0 78.4%;
    margin-right: 20px;
    margin-left: 20px;
    z-index: 9;
}

.breadcrumbs{margin-bottom: 10px;}
.breadcrumbs ul{list-style: none;padding-left: 0;}
.breadcrumbs ul li{position: relative;display: inline-block; font-family: 'Poppins', sans-serif;color: #BFBFBF;    margin-bottom: 0;}
.breadcrumbs ul li::before {
    display: inline-block;
    padding-right: .5rem;
    padding-left: .5rem;
    color: #6c757d;
    content: '/';
    font-size: 12px;
    font-weight: 600;
   
}
.breadcrumbs ul li:first-child::before{display: none;}
.breadcrumbs ul li.active{    color: #F58220;
    font-weight: bold;}


  .connection-mid-section {
box-shadow: 0px 1px 2px 0px rgb(0 0 0 / 25%);
    background-color: #1c1c1c;
    overflow: visible;
    border-radius: 15px;
    padding: 15px;
    display: flow-root;
}  

.Back-btn-dash{display: inline-block;float: right;margin-top: -40px;}

.Back-btn-dash a{box-sizing: border-box;
  
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    padding: 6px 10px 6px 10px;
    box-shadow: 0px 2px 12px 6px rgb(0 0 0 / 41%);
    background: linear-gradient(
141deg
, #edad21 0%, #FF7406 100%);
    overflow: visible;
    border-radius: 8px;
   
    letter-spacing: 0.2px;
    line-height: 1.2;
    color: #000000;
    font-weight: 600;
    font-style: normal;
  
    font-size: 15px;font-family: "Poppins", serif;}

.connection-tab-top-bx .tab-list {list-style: none;padding-left: 0;}
.connection-tab-top-bx .tab-list li{display: inline-block;width: 24%;
    text-align: center;margin-bottom: 0px;}
.connection-tab-top-bx .tab-list li a{    font-size: 16px;
    font-weight: 500;
    padding: 0px 10px;
    color: #DEDEDE;
    position: relative;
    display: block;
    font-family: 'Poppins', sans-serif;}
.connection-tab-top-bx .tab-list li a:before{    position: absolute;
    content: '';
    width: 2px;
    height: 15px;
    background: #d5d5d5;
    right: -3px;
    top: 3px; }
.connection-tab-top-bx{    margin-bottom: 10px;}
.connection-tab-top-bx .tab-list li a.active{color: #F58220;}


.connection-dash-bx{
 
  background: linear-gradient(217deg, #edad21 0%, rgb(255, 116, 6) 100%);
 padding:15px;
  border-radius: 30px;    display: flow-root;
}

.ul-conn-list{list-style:none;padding-left: 0;}
.ul-conn-list li li{display: inline-block;float: left;margin-bottom: 0;}
.connection-tab-top-bx .tab-list li:last-child a:before{display: none;}
.ul-conn-list li .connection-box-list{
  box-sizing: border-box;
      position: relative;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  padding: 25px 0px 0px 0px;
  background-color: #121212;
  overflow: hidden;
  border-radius: 30px;margin-bottom: 5px;
box-shadow: transparent;
    /* background-color: #121212; */
    border: 1px solid #f58220;
    height: 310px;
    max-height: 310px;
    }

.connection-box-list.block-box-list{    height:310px !important;max-height: 310px !important;}
.ul-conn-list li{    width: 23.7%;
    float: left;
    margin-right: 15px;}

.ul-conn-list li:nth-child(4){
	margin-right: 0px;
}
.ul-conn-list li:nth-child(8){
	margin-right: 0px;
}

.ul-conn-list li:nth-child(12){
	margin-right: 0px;
}



.ul-conn-list li .connection-box-list h5{   
    font-weight: 600;
    color: #cccccc;
    text-align: center;
    font-family: 'Poppins', sans-serif;font-size: 16px;}
.ul-conn-list li .connection-box-list h6{ 
    letter-spacing: 0.2px;
    line-height: 1.2;
    color: #cccccc;
    text-align: center;
    font-weight: 500;
    font-style: normal;
     font-family: 'Poppins', sans-serif;
    font-size: 12px;}
 .ul-conn-list li .connection-box-list .profile-pic img{    
 	background: #000;
    height: 136px;
    width: 136px;
      padding: 3px;
    border-radius: 50%;
    }   

.ul-conn-list li .connection-box-list .profile-pic h6{letter-spacing: 0.2px;
    line-height: 1.2;
    color: #cccccc;
    font-weight: 500;
    font-style: normal;
    font-family: 'Poppins', sans-serif;
    font-size: 12px;
    text-align: center;margin-top: 10px;}
.ul-conn-list li .connection-box-list button{
	   width: 100%;
    background-color: #121212;
    color: #fff;
    border-top: 1px solid #000 !important;
    border-color: transparent;
    padding: 10px 0px;
    margin-top: 15px;
    font-family: 'Poppins', sans-serif;
    cursor: pointer;
    font-weight: 600;
    cursor: pointer;    
    bottom: 0;
}
.ul-conn-list li .connection-box-list button:hover{    background-color: #F58220;
    color: #000;}


/*.connection-tab-top-bx .tab-list li a{
background: url(../img/my-connections-icon.png);
transition: all 1s ease-in-out;
  background-repeat: repeat-n;
  height: 100%;
  width: 100%;
}*/

.connection-tab-top-bx .tab-list li a.myConnections:after {
   background: url(../img/my-connections-icon.png);
    transition: all 1s ease-in-out;
    background-repeat: repeat-n;
        height: 30px;
    width: 28px;
    background-position: -4px -5px;
    position: absolute;
    content: '';
    left: 16px;

}
.connection-tab-top-bx .tab-list li a.myConnections.active:after{background-position: -4px -37px;}

.connection-tab-top-bx .tab-list li a.connectionsReceived:after {
   background: url(../img/my-connections-icon.png);
    transition: all 1s ease-in-out;
    background-repeat: repeat-n;
        height: 30px;
    width: 28px;
    background-position: -3px -187px;
    position: absolute;
    content: '';
    left: 40px;

}

.connection-tab-top-bx .tab-list li a.connectionsSent:after {
   background: url(../img/my-connections-icon.png);
    transition: all 1s ease-in-out;
    background-repeat: repeat-n;
        height: 30px;
    width: 28px;
    background-position: -4px -63px;
    position: absolute;
    content: '';
    left: 56px;

}
.connection-tab-top-bx .tab-list li a.connectionsBlocked:after {
   background: url(../img/my-connections-icon.png);
    transition: all 1s ease-in-out;
    background-repeat: repeat-n;
        height: 30px;
    width: 28px;
    background-position: -4px -640px;
    position: absolute;
    content: '';
    left: 40px;

}
.dash-panel-info .connections-list li a.active{    color: #F58220;}
.dash-panel-info .connections-list li a{padding-left: 15px;}
.dash-panel-info .connections-list li a.conn-icon:after {
       background: url(../img/my-connections-left.png);
    transition: all 1s ease-in-out;
    background-repeat: repeat-n;
    height: 23px;
    width: 18px;
    background-position: -16px 0px;
    position: absolute;
    content: '';
    left: -11px;
    top: -4px;

}
.dash-panel-info .connections-list li a.conn-icon.active:after{    background-position: -16px -19px;}

.dash-panel-info .connections-list li a.rec-icon:after {
     background: url(../img/my-connections-left.png);
    transition: all 1s ease-in-out;
    background-repeat: repeat-n;
    height: 23px;
    width: 17px;
    background-position: -17px -133px;
    position: absolute;
    content: '';
    left: -11px;
    top: -4px;

}

.dash-panel-info .connections-list li a.sent-icon:after {
       background: url(../img/my-connections-left.png);
    transition: all 1s ease-in-out;
    background-repeat: repeat-n;
    height: 23px;
    width: 18px;
    background-position: -16px -42px;
    position: absolute;
    content: '';
    left: -11px;
    top: -4px;

}
.dash-panel-info .connections-list li a.block-icon:after {
       background: url(../img/my-connections-left.png);
    transition: all 1s ease-in-out;
    background-repeat: repeat-n;
    height: 23px;
    width: 18px;
    background-position: -16px -84px;
    position: absolute;
    content: '';
    left: -11px;
    top: -4px;

}

.connection-tab-top-bx .tab-list li a.connectionsReceived.active:after{background-position: -3px -221px;}


.dash-panel-info .connections-list li a.rec-icon.active:after{    background-position: -17px -163px;}


.ul-conn-list li .connection-box-list button.close{    flex-shrink: 0;
    width: 28px;
    height: 28px;
    box-shadow: -5px 1px 2px 0px #000000;
    background-color: #242424;
    overflow: visible;
    border-radius: 50%;
    margin-top: -25px;
    margin-bottom: 10px;
    /* float: right; */
    position: absolute;
    right: 17px;
    top: 37px;
    line-height: 8px;
    font-size: 16px;    
    opacity: 1;}
.ul-conn-list li .connection-box-list.received-box-list{padding: 50px 0px 0px 0px;}

.ul-conn-list li .connection-box-list button.close:hover {
 
    color: #fff;
}

.ul-conn-list li .connection-box-list:hover{    
   
    box-shadow: 0px 5px 9px 9px rgb(0 0 0 / 49%);
    background-color: #121212;
    border: 1px solid #f58220;  transition: all 0.3s ease-in-out;}
.ul-conn-list li .connection-box-list:hover h5{color: #F58220;}
.ul-conn-list li .connection-box-list:hover button{background-color: #F58220;color: #000;}

.ul-conn-list li .connection-box-list:hover button.close{  background-color: #242424;color: #ffffff;}

.ul-conn-list li .connection-box-list .profile-pic{text-align: center;padding: 0 15px;}
.ul-conn-list li .connection-box-list.sent-box-list button{width: 80% !important;
    border-radius: 5px;
    margin-bottom: 1px;
        position: absolute;
    bottom: 0;
    border-top: none !important;}
.connection-tab-top-bx .tab-list li a.connectionsSent.active:after{background-position: -4px -89px;}


.dash-panel-info .connections-list li a.sent-icon.active:after{    background-position: -16px -61px;}

.connection-tab-top-bx .tab-list li a.connectionsBlocked.active:after{background-position: -4px -671px;}

.dash-panel-info .connections-list li a.block-icon.active:after{    background-position: -16px -109px;}
.ul-conn-list li .connection-box-list.block-box-list button{border-top: none !important;    padding: 15px 0;    position: absolute;}


.ul-conn-list li .connection-box-list.block-box-list:hover button{background-color: transparent;color: #ffffff;}

.would-you-top-bx ul li a img{     width: 50px;margin-bottom: 5px;}

.connection-tab-top-bx .tab-list li a.ongoingColl:after {
    background: url(../img/my-connections-icon.png);
    transition: all 1s ease-in-out;
    background-repeat: repeat-n;
    height: 30px;
    width: 33px;
    background-position: -5px -5px;
    position: absolute;
    content: '';
    left: 49px;
}

.collab-Received-box .collab-name-info{display: block;width: 100%;
    padding: 0 0px 0 9px;}
.collab-Received-box .collab-name-info .pro-pic-item{width: 20%;
    float: left;
    margin-right: 10px;
    border-radius: 50%;
    height: 60px;}
.collab-Received-box .collab-name-info img{    border-radius: 50%;}
.collab-Received-box .collab-name-info .collab-name-rec{width: 74%;float: left;}
.collab-name-info .collab-name-rec h5{ 
   white-space: pre-wrap;
    word-wrap: break-word;
    word-break: break-word;
    letter-spacing: 0.2px;
    line-height: 1.2;
    color: #cccccc !important;
    font-weight: 600 !important;
    font-style: normal;
    text-align: left !important;
    font-size: 13px;
    font-family: 'Poppins', sans-serif !important;    margin-bottom: 5px;}
    .collab-name-info .collab-name-rec h6{ 
      flex-shrink: 0;
    height: 12px;
    white-space: inherit;
    letter-spacing: 0.2px !important;
    line-height: 1.2 !important;
    color: #cccccc !important;
    font-weight: 500 !important;
    font-style: normal !important;
    font-size: 12px !important;
    text-align: left !important;
    font-family: 'Poppins', sans-serif !important;}
.collab-Received-box .project-title-bx{clear: both;padding: 5px 10px;min-height: 90px;
    max-height: 100px;    display: flex;
    justify-content: center;
    align-content: stretch;
    flex-direction: column;}
 .collab-Received-box .project-title-bx h4{white-space: pre-wrap;
  word-wrap: break-word;
  word-break: break-word;
  color: #cccccc;
  font-weight: 500;
  font-style: normal;
  font-family: 'Poppins', sans-serif;
  text-align: left;
  font-size: 13px;
  line-height: 1.4;
 }

.view-details-bx{    padding: 10px;}
.view-details-bx a{
 
  flex-shrink: 0;
  overflow: visible;
  white-space: pre;
  letter-spacing: 0.3px;
  line-height: 1.2;
  font-weight: 500;
  font-style: normal;
  font-family: 'Poppins', sans-serif;
  text-align: center;
  color:#F58220;
  font-size: 14px;
}

.connection-box-list.collab-Received-box .accept-colla-bx .accept-button{ flex-shrink: 0;
    overflow: visible;
    white-space: pre;
    letter-spacing: 0.2px;
    line-height: 1.2;
    font-weight: 600 !important;
    font-style: normal;
    font-family: 'Poppins', sans-serif !important;
    text-align: center;
    color: #ffffff !important;
    font-size: 16px;
    border-top: none !important;    margin-top: 0;    padding-top: 5px;
    padding-bottom: 5px;}

    .ul-conn-list li .connection-box-list.collab-Received-box:hover button{background-color: transparent;}


.connection-box-list.collab-Received-box .remove-colla-bx .remove-button{border-top: none !important;    margin-top: 0;}

.connection-box-list.collab-Received-box .remove-colla-bx .remove-button img{    width: 22px;}

.connection-box-list.collab-sent-box .withdraw-colla-bx .withdraw-button{    margin-top: 0;
    border-top: none !important;
    padding: 5px 0;
white-space: pre;
  letter-spacing: 0.2px;
  line-height: 1.2;
  font-weight: 600;
  font-style: normal;
   font-family: 'Poppins', sans-serif !important;
  text-align: center;
  color:  #cccccc; 
  font-size: 14px;
}
.connection-box-list.collab-sent-box .withdraw-colla-bx{margin-bottom: 10px;margin-top: 10px;}

.connection-box-list.collab-sent-box .withdraw-colla-bx .withdraw-button span{width: 40px;
    height: 40px;
    background: #000;
    border-radius: 50%;
    padding: 13px 22px;margin-right: 5px;position: relative;}
.connection-box-list.collab-sent-box .withdraw-colla-bx .withdraw-button span img{    width: 25px;}

.connection-box-list.collab-sent-box .collab-edit-box{display: block;
    width: 100%;
    text-align: right;
    padding: 0 24px 10px 0px;}
.connection-box-list.collab-sent-box .collab-edit-box a{font-size: 20px;
    color: #fff;cursor: pointer
}
.connection-box-list.collab-sent-box .withdraw-colla-bx .withdraw-button{ lex-shrink: 0;
    overflow: visible;
    white-space: pre;
    letter-spacing: 0.2px;
    line-height: 1.2;
    font-weight: 600 !important;
    font-style: normal;
    font-family: 'Poppins', sans-serif !important;
    text-align: center;
    color: #ffffff !important;
    font-size: 16px;
    border-top: none !important;
    margin-top: 0;
    padding-top: 5px;
    padding-bottom: 5px;
    position: relative;
    width: 140px;}

    .ul-conn-list li .connection-box-listt.collab-sent-box .withdraw-colla-bx:hover button{background-color: transparent;}

.connection-box-list.collab-sent-box .withdraw-colla-bx .withdraw-button span:before{
    background: url(../img/coll-withdraw-icon.png);
    background-repeat: repeat-none;
    height: 31px;
    width: 30px;
    background-position: -27px -5px;
    position: absolute;
    content: '';
    left: 3px;
    top: 10px;

}

.connection-box-list.collab-sent-box .withdraw-colla-bx.edit-colla-bx .withdraw-button span{    width: 30px;
    height: 32px;
    background: #000;
    border-radius: 50%;
    padding: 10px 20px;
    margin-right: 5px;
    position: relative;}
.connection-box-list.collab-sent-box .withdraw-colla-bx.edit-colla-bx .withdraw-button span:before{
    background: url(../img/sent-edit-icon.png);
    background-repeat: repeat-none;
    height: 31px;
    width: 30px;
    background-position: -19px -5px;
    position: absolute;
    content: '';
    left: 3px;
    top: 10px;

}
.ul-conn-list li .connection-box-list.collab-sent-box:hover .withdraw-colla-bx.edit-colla-bx .withdraw-button span:before {
    background-position: -19px -31px;
}

.connection-box-list.collab-sent-box .withdraw-colla-bx.edit-colla-bx .withdraw-button {
    
    overflow: visible;
    white-space: pre;
    letter-spacing: 0.2px;
    line-height: 1.2;
    font-weight: 500 !important;
    font-style: normal;
    font-family: 'Poppins', sans-serif !important;
    text-align: center;
    font-size: 15px !important;
    font-size: 9px;
    font-size: 16px;
    border-top: none !important;
    margin-top: 0;
    padding-top: 5px;
    padding-bottom: 5px;
    position: relative;
    width: auto;
}


.ul-conn-list li .connection-box-list.collab-sent-box:hover .withdraw-button span:before{    background-position: -27px -38px;}

    .collab-Received-box .collab-name-info{display: block;width: 100%;
    padding: 0 0px 0 9px;}
.collab-sent-box .collab-name-info .pro-pic-item{width: 20%;
    float: left;
    margin-right: 10px;
    border-radius: 50%;
    height: 60px;}
.collab-sent-box .collab-name-info img{    border-radius: 50%;    height: 45px;
    width: 45px;}

.collab-sent-box .collab-name-info .collab-name-rec{width: 74%;float: left;}

.collab-sent-box  .project-title-bx{clear: both;padding: 5px 10px;    min-height: 90px;
    max-height: 90px;}
 .collab-sent-box  .project-title-bx h4{white-space: pre-wrap;
  word-wrap: break-word;
  word-break: break-word;
  color: #cccccc;
  font-weight: 500;
  font-style: normal;
  font-family: 'Poppins', sans-serif;
  text-align: left;
  font-size: 14px;
  line-height: 1.4;
 }

.ul-conn-list li .connection-box-list.collab-sent-box:hover .withdraw-colla-bx button {
    color: #F58220 !important;
       background-color: transparent;
}
.collab-sent-box  .collab-name-info {
    display: block;
    width: 100%;
    padding: 0 0px 0 9px;
}


.collab-edit-box .dropdown-toggle::after{display: none;}
.collab-edit-box .dropdown-menu.show{transform: translate3d(33px, 29px, 0px) !important;background: #000;padding: 5px 0;top: -5px !important;width: 150px;    border-radius: 5px;}
.collab-edit-box .dropdown-menu li{display: block;width: 100%;border-bottom: 1px dotted #2b2b2b;}
.collab-edit-box .dropdown-menu li a{font-size: 14px !important;
    color: #ffffff !important;
    padding: 3px 10px;
    width: 100%;
    display: block; font-family: 'Poppins', sans-serif;}
.collab-edit-box .dropdown-menu li:last-child{border-bottom:none;}
.ul-conn-list li .connection-box-list.collab-sent-box{padding: 25px 0px 5px 0px !important;}
.connection-tab-top-bx .tab-list li a.ongoingColl.active:after {
    background-position: -4px -37px;
}

.connection-box-list.collab-sent-box .conversation-colla-bx {
    margin-bottom: 10px;
    margin-top: 10px;
}

.connection-box-list.collab-sent-box .conversation-colla-bx .withdraw-button {
   
    overflow: visible;
    white-space: pre;
    letter-spacing: 0.2px;
    line-height: 1.2;
    font-weight: 600 !important;
    font-style: normal;
    font-family: 'Poppins', sans-serif !important;
    text-align: center;
    color: #ffffff !important;
    font-size: 14px;
    border-top: none !important;
    margin-top: 0;
    padding-top: 5px;
    padding-bottom: 5px;
    position: relative;
   
}

.connection-box-list.collab-sent-box .conversation-colla-bx .withdraw-button span {
    width: 40px;
    height: 40px;
    background: #000;
    border-radius: 50%;
    padding: 13px 22px;
    margin-right: 0px;
    position: relative;
}

.connection-box-list.collab-sent-box .conversation-colla-bx .withdraw-button span:before {
    background: url(../img/coll-withdraw-icon.png);
    background-repeat: repeat-n;
    height: 31px;
    width: 30px;
    background-position: -27px -77px;
    position: absolute;
    content: '';
    left: 3px;
    top: 10px;
}

.ul-conn-list li .connection-box-list.collab-sent-box:hover .conversation-colla-bx .withdraw-button span:before{    background-position: -27px -107px;}

.ul-conn-list li .connection-box-list.collab-sent-box:hover .conversation-colla-bx button {
    color: #F58220 !important;
    background-color: transparent;
}

.coll-main-bx.completed-coll-bx .coll-img img{border-radius: 15px 15px 0px 0px;}

.coll-main-bx.completed-coll-bx .coll-info-box {
    background: #151515;
    padding: 10px;
        border-radius: 0px 0px 15px 15px;
}
.coll-main-bx.completed-coll-bx  .pro-info-bx .pro-right-bx h5 {
    margin-bottom: 5px;
    color: #fff;
    font-size: 15px;
}
.coll-main-bx.completed-coll-bx .pro-info-bx .pro-right-bx p {
    margin-bottom: 0;
    color: #fff;
    font-size: 12px;    line-height: 16px
}
.coll-main-bx.completed-coll-bx .pro-info-bx .pro-right-bx p span {
    font-weight: 600;
    color: #f58220;
    font-size: 11px;
}

.switch-profile.project-details-modal .switch-cat-box{margin-top: 0px;}
.switch-profile.project-details-modal .switch-cat-box ul{list-style: none;padding-left: 0px;margin-bottom: 5px;}
.switch-profile.project-details-modal .switch-cat-box ul li{display: inline-block; color: #ffffff;    min-width: 42%;font-size: 16px; margin-right: 11px;   font-family: 'Poppins', sans-serif;}
.switch-profile.project-details-modal .switch-cat-box ul li span{margin-right: 5px;    font-family: 'Poppins', sans-serif;
    color: #f58220;}
.switch-profile.project-details-modal .modal-header {border: none;padding: 12px 0px 0px;}

.switch-profile.project-details-modal .modal-header .close {
    float: left;
    width: 40px;
    padding: 0;
    text-align: center;
    height: 40px;
    border-radius: 50%;
    box-shadow: -2px 1px 12px 1px #000;
    opacity: 1;
    text-shadow: inherit;
    margin-right: 13px;
    margin-top: -4px;
    line-height: 33px;
    font-size: 17px;
    text-align: center;
 
}
.switch-profile.project-details-modal .switch-cat-box h5 {
    color: #f58220;
    font-size: 22px;
    font-family: 'Poppins', sans-serif;
    font-weight: 500;
}

.switch-profile.project-details-modal .modal-body{padding:40px 10px;}

.switch-profile.project-details-modal .switch-cat-box h6 {
    color: #ffffff;
    font-size: 15px;
    font-family: 'Poppins', sans-serif;
    margin-top: 20px;
    /*font-weight: 500;*/
    margin-bottom: 25px;
}

.switch-profile.project-details-modal .modal-dialog{    width: 750px;
    max-width: 800px;
    margin: 10% auto}
.switch-profile.project-details-modal .modal-footer{border-top: none;}
.switch-profile.project-details-modal .modal-footer button{    box-shadow: -2px 1px 12px 1px #000;
    background: #f58220;
    color: #000;
    padding: 5px 25px;font-weight: 600;}
.title-info-bx {    display: flow-root;border-bottom: 1px solid #fff;}
.title-info-bx .title-info-left{    width: 80%;float: left;}
.title-info-bx .title-info-right{    width: 20%;float: left;}
.title-info-bx .title-info-right button{ line-height: 20px;
    border-radius: 26px;
    background: #F58220;
    color: #000;
    padding: 6px 14px;
    font-size: 16px;
    text-align: center;
    font-weight: 600;
    font-family: 'Poppins', sans-serif;}

.description-pro-bx{padding-top: 15px;}
.description-pro-bx h6{color: #f58220 !important;
    font-size: 17px !important;
    margin-bottom: 5px !important;
    margin-top: 10px !important;    font-size: 17px !important;font-weight: 400;}
.description-pro-bx p{color: #ffffff; font-size: 16px;}
.box-btm-main{display: flow-root;}
.box-btm-main .left-tgt-bx{width: 50%;float: left;}
.box-btm-main .right-tgt-bx{width: 50%;float: left;    padding-left: 10px;}
.box-btm-main h6 span{padding-bottom: 5px;line-height: 30px;color: #f4811f;font-size: 15px; font-family: 'Poppins', sans-serif;}
.box-btm-main h6{margin-bottom: 5px !important;
    margin-bottom: 5px !important;    font-weight: 400 !important;}


.connection-tab-top-bx .tab-list.opportunity-tab-list li {
    display: inline-block;
    width: 49%;
    text-align: center;
    margin-bottom: 0px;
}
.connection-tab-top-bx .tab-list.opportunity-tab-list li a.connectionsReceived:after{
	background: url(../img/my-connections-icon.png);
    transition: all 1s ease-in-out;
    background-repeat: repeat-n;
    height: 30px;
    width: 28px;
    background-position: -3px -187px;
    position: absolute;
    content: '';
    left: 93px;
}

.connection-tab-top-bx .tab-list.opportunity-tab-list li a.ongoingColl:after {
    background: url(../img/my-connections-icon.png);
    transition: all 1s ease-in-out;
    background-repeat: repeat-n;
    height: 30px;
    width: 33px;
    background-position: -5px -5px;
    position: absolute;
    content: '';
    left: 99px;
}




.opportunity-top-bx .content h6{margin-right: 5px;
    font-weight: 600;
    color: #000;
    font-family: 'Poppins', sans-serif;}
.opportunity-top-bx .content{display: flex;
    width: 100%;
    text-align: right;
    align-items: center;
    flex-direction: row;
    justify-content: flex-end;    position: relative;}


.opportunity-top-bx .switch {
  position: relative;
  display: inline-block;
  width: 60px;
  height: 34px;
}

.opportunity-top-bx .switch input {
  opacity: 0;
  width: 0;
  height: 0;
}

.opportunity-top-bx .slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ffffff;
  transition: 0.4s;
}

.opportunity-top-bx .slider:before {
  position: absolute;
  content: "";
  height: 26px;
  width: 26px;
  left: 4px;
  bottom: 4px;
  background-color: #676767;
  transition: 0.4s;
}

.opportunity-top-bx  input:checked + .slider {
  background-color: #000000;
}

.opportunity-top-bx  input:focus + .slider {
  box-shadow: none;
  outline: none;
}

.opportunity-top-bx  input:checked + .slider:before {
  transform: translateX(26px);
  background-color: #f58220;
}

.opportunity-top-bx  .slider.round {
  border-radius: 34px;
}

.opportunity-top-bx  .slider.round:before {border-radius: 50%;}
.opport-recevid-box{    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    padding: 15px 15px 15px 15px;
    background-color: #1f1f1f;
   
    border-radius: 15px;}


.opport-item-1 label{
    white-space: pre-wrap;
    word-wrap: break-word;
    word-break: break-word;
    letter-spacing: 0px;
    line-height: 1.2;
    font-size: 15px;
    font-weight: 400;
    font-style: normal;
    color: #fff;
    display: flex;
    align-items: center;
    font-family: 'Poppins', sans-serif;    margin-bottom: 0;}
.opport-item-1 .styled-checkbox{margin-right: 9px;width: 26px;
    height: 26px}
.opport-item-1{width: 67%;float: left;}
.opport-item-2{width: 20%;float: left;}
.opport-item-3{width: 8%;float: left;}
.opport-item-4{width: 5%;float: left;}

.opport-item-2 button{    background: black;
    border: none;
    padding: 10px 9px;
    border-radius: 50%;
    height: 50px;
    width: 50px;}
.opport-item-2 {text-align: center;}
.opport-item-2 button img{    width: 40px;}
.opport-item-3 {text-align: center;}
.opport-item-3 span{    color: #fff;
    border: 2px solid #fff;
    padding: 5px 5px;
    border-radius: 50%;
    height: 27px;
    font-size: 14px;
    width: 27px;}

.opport-item-4{text-align: center;}
.opport-item-4 .dropdown-toggle{    font-size: 20px;
    color: #fff !important;
    cursor: pointer;}

  .opport-item-4  .dropdown-toggle::after{display: none;}


   .opport-item-4  .dropdown-menu.show {
    transform: translate3d(-137px, 29px, 0px) !important;
    background: #000;
    padding: 5px 0;
    top: -5px !important;
    width: 150px;
    border-radius: 5px;
}
   .opport-item-4 .dropdown-menu li {
    display: block;
    width: 100%;
    border-bottom: 1px dotted #2b2b2b;
}
 .opport-item-4 .dropdown-menu li a {
    font-size: 14px !important;
    color: #ffffff !important;
    padding: 3px 10px;
    width: 100%;
    display: block;
}
.ul-conn-list.opportunity-conn-list li{width: 100%;}
.opport-recevid-box:hover .opport-item-1 label{color: #F58220;}
.oppr-right-aside{      background: #1C1C1C;
    padding: 30px 10px 0px 10px;
    background-color: #1c1c1c;
    overflow: hidden;
    border-radius: 15px;
    border: 2px solid #cb6e1e;}
.oppr-right-aside .oppr-right-box1{ box-sizing: border-box;
  width: 150px;
  height: 160px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 6px 10px 6px 10px;
  box-shadow: 0px 2px 6px 9px rgb(218 157 31 / 26%);
  background: linear-gradient(141deg, #edad21 0%, #FF7406 100%);
  overflow: visible;
  border-radius: 8px;margin-left: auto;
    margin-right: auto;text-align: center;}
.oppr-right-aside .oppr-right-box1 img{width: 75px;
    height: 75px;
    margin-left: auto;
    margin-right: auto;}
.oppr-right-aside .oppr-right-box1 h4{  
    white-space: pre-wrap;
    word-wrap: break-word;
    word-break: break-word;
    line-height: 1.2;
    color: #000000;
    font-weight: 600;
    font-style: normal;
   font-family: 'Poppins', sans-serif;
    text-align: center;
    letter-spacing: 0.5px;
    font-size: 16px;
    margin-top: 10px;}
.oppr-right-box2 h4{letter-spacing: 0px;
    line-height: 1.2;
    font-weight: 500;
    font-style: normal;
     font-family: 'Poppins', sans-serif;
    color: #cccccc;
    text-align: center;
    font-size: 16px;}
    .oppr-right-box3 h4{letter-spacing: 0px;
    line-height: 1.2;
    font-weight: 500;
    font-style: normal;
     font-family: 'Poppins', sans-serif;
    color: #cccccc;
    text-align: center;
    font-size: 16px;}
    .oppr-right-box4 h4{letter-spacing: 0px;
    line-height: 1.2;
    font-weight: 500;
    font-style: normal;
     font-family: 'Poppins', sans-serif;
    color: #cccccc;
    text-align: center;
    font-size: 16px;}

.oppr-right-box2,.oppr-right-box3,.oppr-right-box4{
	    height: auto;
    display: block;
    align-items: center;
    align-content: center;
    justify-content: revert;
    text-align: center;    margin-top: 30px;}
.oppr-slider-right{margin-top: 30px;
    margin-left: -10px;
    margin-right: -10px;    border-top: 1px solid #3e3e3e;}
.oppr-slider-right .team-item {
    margin-bottom: 0px;
}
.connection-tab-top-bx .tab-list.opportunity-tab-list li a.ongoingColl.active:after {
    background-position: -4px -37px;
}

.connection-tab-top-bx .tab-list.opportunity-tab-list li a.connectionsReceived.active:after {
    background-position: -3px -221px !important;
}

.opport-item-2 .apply-button img {
    width: 20px;
    margin-right: 5px;
}

.opport-item-2 .apply-button {
    background: black;
    border: none;
    padding: 5px 9px;
    border-radius: 50%;
    height: 45px;
    width: 120px;
    color: #fff;
    border-radius: 30px;    
    font-size: 18px;
    border: 1px solid #F58220;
}

.nav.sidenav-toggle{padding-left: 0;}
.nav.sidenav-toggle li h5 a{
    font-family: 'Poppins', sans-serif;
   
    letter-spacing: 0.2px;
    line-height: 1.2;
    font-weight: 500;
    font-style: normal;
    position: relative;
    color: #cccccc;
    font-size: 15px;
    text-align: left;
    margin-bottom: 0;
    padding: 0;}
.app-sidenav::-webkit-scrollbar {width: 0px;}
.nav.sidenav-toggle .nav-item{margin-bottom: 10px;margin-top: 10px;}

.conversation-img-bx .p1 img{width: 40px;border-radius: 50%;border: 2px solid #000;background: #231f20;}
.conversation-img-bx{display: contents;}
.conversation-img-bx .p1{margin-left: -7px;}
.conversation-img-bx .p1:first-child {margin-left: 0px;}
.opportunity-top-bx{margin-bottom: 10px;}

.opportunity-top-section {
        display: flex;
    background: #1c1c1c;
    align-items: center;
    margin-left: -15px;
    margin-right: -15px;
    padding: 20px 30px;
}

.opportunity-top-section .title-info-left {
    width: 78%;
    float: left;
}
.opportunity-top-section .title-info-right {
    width: 22%;
    float: left;
}
.opportunity-top-section .title-info-left h5 {
      color: #f58220;
    font-size: 18px;
    font-family: 'Poppins', sans-serif;
    font-weight: 600;
}

.opportunity-top-section .title-info-left ul {
    list-style: none;
    padding-left: 0px;
    margin-bottom: 5px;
}
.opportunity-top-section .title-info-left ul li {
    display: inline-block;
    color: #ffffff;
    min-width: 49%;
    font-size: 14px;
    font-family: 'Poppins', sans-serif;
}
.opportunity-top-section .title-info-left ul li span {
    margin-right: 5px;
    font-family: 'Poppins', sans-serif;
    font-weight: 700;
    letter-spacing: 0.3px
}

.opportunity-top-section .title-info-right button {
   line-height: 20px;
    border-radius: 8px;
    background: #ffffff;
    color: #000;
    padding: 6px 8px;
    font-size: 15px;
    text-align: center;
    font-family: 'Poppins', sans-serif;
}

.chat-box-msg{background: #1c1c1c;border-radius: 20px;    padding: 1px;    margin-bottom: 20px;}
.chat-box-header{display: inline-flex;width: 100%;padding: 5px;align-items: center;}
 .chat-box-header .name-chat-box h5 img{    width: 45px;
    border-radius: 50%;
    margin-right: 10px;} 
 .opportunity-chat-list{margin-top: 10px;}
.chat-box-header .name-chat-box{width: 80%;    padding-left: 15px;}
.chat-box-header .time-chat-box{width: 20%;}
.chat-box-header .time-chat-box p{    margin-bottom: 0;color: #fff;
    padding-top: 0px;font-family: 'Poppins', sans-serif;}
.chat-box-header .name-chat-box h5{    
	color: #f58220;
    letter-spacing: 0px;
    line-height: 1.2em;
    text-decoration: none;
    text-transform: none;
    font-family: 'Poppins', sans-serif;margin-bottom: 0;    font-size: 16px;}
.massg-body-box{    
    background: #ffffff;
    border-radius: 20px;
   }
.massg-body-box .massg-text-bx{ padding: 20px 40px 10px 40px;}   
 .opportunity-chat-list{margin-top: 10px;}  
.footer-chat-box{text-align: right;}
.footer-chat-box ul{list-style: none;padding-left: 0;}
.footer-chat-box ul li{display: inline-block;margin-left: 15px;   margin-bottom: 0;}
.footer-chat-box ul li a{font-weight: 500;font-family: 'Poppins', sans-serif;}

.footer-chat-box {
    text-align: right;
    padding: 10px 40px;
    border-top: 1px solid #ddd;
}

.footer-chat-box ul li a img{width: 16px;
    margin-right: 5px;
    margin-top: -5px;}
.massg-replay-bx{background: #cccccc;padding: 15px 20px;border-radius: 20px; position: relative;    margin-bottom: 10px;}
.massg-replay-bx .inner-replay-bx{ position: absolute;
    right: 20px;
    top: 5px;}
.massg-replay-bx .inner-replay-bx a img{width: 16px;}
.massg-replay-bx p{margin-bottom: 0px;font-style: italic;}

.attech-file-music-bx{    list-style: none;padding-left: 0;    margin-top: 20px;}
.attech-file-music-bx li{display: inline-block;margin-right: 15px;margin-bottom: 0;font-size: 14px;}
.attech-file-music-bx li img{width: 35px;}
.opportunity-conn-list.opportunity-chat-list{height: 700px;overflow: auto;}

.input-chat-box .home{    margin-top: 20px;position: relative;}

.input-chat-box .home input[type=submit] {
            position: absolute;
    right: 20px;
    top: auto;
    bottom: 3px !important;
    z-index: 1;
    width: 100px;
    padding: 0;
    cursor: pointer;
    height: 32px;
    background: #000;
    color: #de7024;
    font-weight: 600;
    font-family: 'Poppins', sans-serif;
}
.input-chat-box .home input {
  width: 95%;
  border-radius: 10px;
  padding: 10px;
  margin-bottom: 10px;
}

.ck.ck-dropdown.ck-heading-dropdown{display: none !important;}
.ck.ck-editor__top.ck-reset_all{    position: absolute;bottom: 0;width: 100% !important;}

.ck.ck-toolbar .ck.ck-toolbar__separator{    display: none !important;}
div.ck-editor__editable{box-shadow: rgb(0 0 0 / 63%) 2px 3px 21px 2px !important;}
.massg-text-bx p{margin-bottom: 5px;line-height: 24px;font-family: 'Poppins', sans-serif;word-break: break-all;}

.replay-massg-box{    background: #cccccc;
    padding: 5px 15px;
    border-radius: 20px;
    position: relative;
    margin-bottom: 10px;}
.replay-massg-box p{margin-bottom: 0px;}
.replay-textarea-box textarea{width: 100%;height: 150px;padding:10px;border-radius: 5px;margin-top: 11px;}
.replay-textarea-box button{    
	line-height: 20px;
    border-radius: 8px;
    background: #f58220;
    color: #000;
    padding: 8px 24px;
    font-size: 16px;
    text-align: center;
    border:1px solid #f58220;}

.create-opp-box.dash-create-opp-box{background: #1c1c1c;display: flow-root;margin-left: -15px;margin-right: -15px;}

.create-opp-box.dash-create-opp-box ul{padding-left: 0;list-style: none;}
.create-opp-box.dash-create-opp-box ul li{display: inline-block;text-align: center;width: 32%;}
.create-opp-box.dash-create-opp-box .icon-right-opp-bx{    padding-right: 0;
    padding: 25px 0px;
    border-bottom: none;
    width: 72%;}
.create-opp-box.dash-create-opp-box .icon-right-opp-bx img{    width: 70px;}
.create-opp-box.dash-create-opp-box ul li h4{    
	letter-spacing: 0px;
    line-height: 1.2;
    font-weight: 500;
    font-style: normal;
    font-family: 'Poppins', sans-serif;
    color: #cccccc;
    text-align: center;
    font-size: 13px;}
.create-opp-box.dash-create-opp-box .create-left-bx a{
	display: inline-flex;
    flex-shrink: 0;
    user-select: none;
    background: linear-gradient( 
141deg
 , rgb(237, 173, 33) 0%, rgb(255, 116, 6) 100%);
    width: 180px;
    height: 65px;
    border-radius: 8px;
    box-shadow: rgb(94 94 94 / 63%) 0px 0px 20px 3px;
    transform: none;
    text-align: left;
    padding-top: 13px;
    color: #000;
    font-size: 18px;
    font-weight: 700;
    font-family: 'Poppins', sans-serif;
    line-height: 20px;}

.create-opp-box.dash-create-opp-box .create-left-bx a img {
    display: block;
    text-align: center;
    
        margin-right: 5px;
        width: 48px;
    height: 48px;
    margin-left: 5px;
    margin-top: -5px;
}
.create-opp-box.dash-create-opp-box .create-left-bx {margin-top: 40px;}
.Opportunities-request-bx.opport-request-new{padding-top: 20px;}
.Opportunities-request-bx.opport-request-new .oppo-right-bx{padding-top: 15px;margin-top: -30px;position: relative;}
.Opportunities-request-bx.opport-request-new .oppo-right-bx:before{
    position: absolute;content: '';width: 70%;
    height: 4px;background: #1c1c1c;top: 0;left: 20px;display: none;
}

.top-back-box ul{list-style: none;padding-left: 0;}
.top-back-box ul li a{color: #000;font-size: 18px;position: relative;    position: relative;
    padding-left: 18px;}
.top-back-box ul li a i{font-size: 25px;top: -2px;
    position: absolute;left: 0;}

.hed-title-box{background: #151515;margin-left: -15px;margin-right: -15px;padding: 15px 25px;}

.hed-title-box h3{color: #f58220;font-size: 20px;font-family: 'Poppins', sans-serif;
    margin-bottom: 5px;}
.hed-title-box p{font-size: 16px;margin-bottom: 0;color: #fff;font-family: 'Poppins', sans-serif;}

.search-skill-box .form-control:focus {
	box-shadow: none;
}

.search-skill-box .form-control-underlined {
	border-width: 0;
	border-bottom-width: 1px;
	border-radius: 0;
	padding-left: 0;
}


.search-skill-box .form-control::placeholder {
	font-size: 16px;
	color: #aaa;
	font-style: italic;
}

.search-box-sm{background: #fff;padding: 0px 20px;border-radius: 30px;
    border: 1px solid #000000;box-shadow: 3px 7px 18px 7px rgb(0 0 0 / 63%);
    height: 50px;}

.search-skill-box{margin-top: 30px;}
.search-box-sm input{padding: 0;height: 48px;background: #fff;
    background-color: #fff !important;}

.search-box-sm #button-addon1 i{color:#000;}
.row-skill-list h5{font-weight: 600;font-style: normal;color: #f58220;
    font-size: 18px;letter-spacing: 0.2px;line-height: 1.2;
    font-family: 'Poppins', sans-serif;}

.row-skill-list ul{list-style: none;padding-left: 0;}
.row-skill-list ul li{    display: inline-block;border: 1px solid rgba(204, 204, 204, 0.5);
    background: #000;font-size: 14px;padding: 5px 15px;border-radius: 100px;color: #fff;
    margin-left: 5px;cursor: pointer;}
.details-skill-list-bx{background: #151515;padding: 10px;margin-top: 40px;border-radius: 20px;}
.all-skill-list-bx{height: 400px;overflow: auto;padding: 10px;}
.row-skill-list{margin-bottom: 20px;}





.scrollbar
{
	
	overflow-y: scroll;
	
}



#style-2::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	border-radius: 10px;
	background-color: #0d0d0d;
}

#style-2::-webkit-scrollbar
{
	width: 5px;
	background-color: #1C1C1C;
}

#style-2::-webkit-scrollbar-thumb
{
	border-radius: 10px;
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
	background-color: #f58220;
}
.skills-categories-details.skill-details-top-box{border-radius: 20px;}

.dropdown-multi-select-section{margin-top: 30px;background: #151515;padding: 20px; border-radius: 20px;}
.dropdown-multi-select-section h4{font-weight: 600;font-style: normal;
    color: #f58220;font-size: 18px;letter-spacing: 0.2px;
    line-height: 1.2;font-family: 'Poppins', sans-serif;}

.req-view-btn.accept-view-btn{padding: 9px 20px;}
.req-view-btn.apply-view-btn{padding: 9px 25px;}
.switch-profile-btn a img{width: 15px;margin-top: -1px;}
.skills-categories-details.create-opportunity-section{border-radius: 20px;display: flow-root;padding: 20px;}
.create-opp-top .left-opp-width{width: 60%;float: left;display: flex;}

.create-opp-top{display: flow-root;}

.create-opp-top .left-box-opp-title h4{

  overflow: visible;
    white-space: pre;
    font-weight: 600;
    font-style: normal;
    font-family: 'Poppins', sans-serif;
    color: #000000;
    font-size: 30px;
    letter-spacing: 0.2px;
    line-height: 1.2;
    text-align: left;
    margin-bottom: 5px;
}
.create-opp-top .left-box-opp-title p {
 font-weight: 600;
    font-style: normal;
    font-family: 'Poppins', sans-serif;
    color: #303030;
    font-size: 16px;
    letter-spacing: 0.2px;
    line-height: 1.2;
    text-align: left;
}
.create-opp-top .left-box-opp-img{margin-right: 10px;}
.create-opp-top .right-opp-width{width: 40%;float: left;}

.create-opp-top .right-opp-width .Back-btn-dash {
    display: inline-block;
    float: right;
    margin-top: 20px;
    margin-right: 15px;
}
.create-opportunity-form{background: #1c1c1c;
    padding: 60px;
    border-radius: 30px;
    margin-top: 20px;
   }
.create-opportunity-form form .form-group label{    
	overflow: visible;
   
    font-weight: 600;
    font-style: normal;
    font-family: 'Poppins', sans-serif;
    color: #cccccc;
    font-size: 18px;
    letter-spacing: 0.2px;
    line-height: 1.2;
}

.create-opportunity-form form .form-group input[type="text"]{background: #1c1c1c;color: #ddd;
    font-size: 0.85rem;border: 1px solid #edad21;} 
.create-opportunity-form form .form-group textarea{    margin-top: 0px;
    margin-bottom: 0px;
    height: 150px;    padding: 10px;}

.create-opportunity-form form .form-group textarea::placeholder{color: #d2d2d2;}


.redio-button-box [type="radio"]:checked,
.redio-button-box [type="radio"]:not(:checked) {
  position: absolute;
  left: -9999px;
}
.redio-button-box [type="radio"]:checked + label,
.redio-button-box [type="radio"]:not(:checked) + label {
  position: relative;
  padding-left: 28px;
  cursor: pointer;
  line-height: 20px;
  display: inline-block;
  color: #999;
    font-size: 15px;
    font-weight: 600;
}
.redio-button-box [type="radio"]:checked + label:before,
.redio-button-box [type="radio"]:not(:checked) + label:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 18px;
  height: 18px;
  border: 1px solid #ddd;
  border-radius: 100%;
  background: #ddd;
}
.redio-button-box [type="radio"]:checked + label:after,
.redio-button-box [type="radio"]:not(:checked) + label:after {
      content: "";
    width: 18px;
    height: 18px;
    background: #ffffff;
    position: absolute;
    top: 0px;
    left: 0px;
    border-radius: 100%;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
    border: 5px solid #fd7d0a;
}
.redio-button-box [type="radio"]:not(:checked) + label:after {
  opacity: 0;
  -webkit-transform: scale(0);
  transform: scale(0);
}
.redio-button-box [type="radio"]:checked + label:after {
  opacity: 1;
  -webkit-transform: scale(1);
  transform: scale(1);
}


.budget-main-box{ display: flex;
    flex-wrap: nowrap;
    flex-direction: row;
    align-content: space-around;
    justify-content: flex-start;
    margin-bottom: 20px;
    margin-top: 40px;}

.budget-main-box .budget-input-bx{
	    display: flex;
    flex-wrap: nowrap;
    flex-direction: row;
    align-content: space-around;
    justify-content: flex-start;
}

.budget-main-box .budget-title{min-width: 125px;}
.budget-main-box .budget-title h5{font-weight: 600;
    font-style: normal;
    font-family: 'Poppins', sans-serif;
    color: #cccccc;
    font-size: 18px;
    letter-spacing: 0.2px;
    line-height: 1.2;}
.budget-main-box  .redio-button-box{width: 170px;padding-left: 2px;}
.budget-main-box .budget-input-bx .b-first-bx{width: 90px;}
.budget-main-box .budget-input-bx select{    width: 100%;
    background: #EBEBEB;
    height: 43px;
    border-radius: 12px;
    padding: 10px;
    color: #444444; }

.budget-main-box .b-second-bx input{width: 136px;
    background: #EBEBEB;
    height: 43px;
    border-radius: 12px;
    padding: 15px;
    color: #444444;
    font-size: 16px;
    line-height: 1.4;
    font-weight: 500;}

    .budget-main-box .b-third-bx input{width: 136px;
    background: #EBEBEB;
    height: 43px;
    border-radius: 12px;
    padding: 15px;
    color: #444444;
    font-size: 16px;
    line-height: 1.4;
    font-weight: 500;margin-right: 0;}
.redio-button-box p{margin-bottom: 0;line-height: 10px;}
.time-bound-bx .date-cal input{    display: block;
    text-transform: uppercase;
    width: 196px;
    background: #EBEBEB;
    height: 43px;
    border-radius: 12px;
    padding: 15px;
    color: #444444;
    font-size: 16px;
    line-height: 1.4;
    font-weight: 500;margin-left: 30px;}
.time-bound-bx .date-cal{padding-left: 25px !important;}

.time-bound-bx{font-weight: 600;
    font-style: normal;
    font-family: 'Poppins', sans-serif;
    color: #cccccc;
    font-size: 18px;
    letter-spacing: 0.2px;
    line-height: 1.2;}

.class-submit-btn{width: 150px;
    height: 40px;
    text-transform: uppercase;
    font-family: 'Poppins', sans-serif;
    font-weight: 600;
    border-radius: 50px;
    box-shadow: 0px 0px 10px 9px #000;
    border: none;
    background-image: linear-gradient( 
267deg
 , #EDAD21, #FF7406);margin-top: 20px;

   -webkit-transition: all 200ms ease-in;
    -webkit-transform: scale(1); 
    -ms-transition: all 200ms ease-in;
    -ms-transform: scale(1); 
    -moz-transition: all 200ms ease-in;
    -moz-transform: scale(1);
    transition: all 200ms ease-in;
    transform: scale(1); 
}
.class-submit-btn:hover
{
   
    -webkit-transition: all 200ms ease-in;
    -webkit-transform: scale(1.1);
    -ms-transition: all 200ms ease-in;
    -ms-transform: scale(1.1);   
    -moz-transition: all 200ms ease-in;
    -moz-transform: scale(1.1);
    transition: all 200ms ease-in;
    transform: scale(1.1);
}

.create-opportunity-form form{    width: 650px;}
.cret-opp-bootom-bx{background: #1c1c1c;border-radius: 30px;margin-top: 30px;    padding: 20px;}

.cret-opp-bootom-bx ul{    list-style: none;
    padding-left: 0;
    border: none;}
.cret-opp-bootom-bx ul li {
    display: inline-block;
    text-align: center;
    width: 32%;margin-bottom: 0;
}
.cret-opp-bootom-bx ul li img {
    width: 70px;
}
.cret-opp-bootom-bx ul li h4 {
    letter-spacing: 0px;
    line-height: 1.2;
    font-weight: 500;
    font-style: normal;
    font-family: 'Poppins', sans-serif;
    color: #cccccc;
    text-align: center;
    font-size: 15px;
}


.ui.label>.delete.icon{position: relative;}
.ui.label>.delete.icon:after{    position: absolute;
    content: '';
    width: 14px;
    height: 14px;
    right: 1px;
    top: 0px;
    background-image: url(../img/close.png) !important;
    background-repeat: no-repeat;
}
.ui.label>.close.icon, .ui.label>.delete.icon{width: 20px;}
.ui.multiple.dropdown>.label{font-size: 14px;}
.ui.label>.delete.icon:before{display: none;}
.ui.multiple.dropdown>.label{border-radius: 20px;padding: 5px 9px 6px 9px !important;box-shadow: none !important;}
.ui.form .inline.field>.selection.dropdown, .ui.form .inline.fields .field>.selection.dropdown {width: auto;height: 40px;display: flex;align-content: center;
    flex-wrap: nowrap;flex-direction: row;justify-content: flex-start;align-items: center;box-shadow: none;
}
.ui.form .inline.field>.selection.dropdown>.dropdown.icon, .ui.form .inline.fields .field>.selection.dropdown>.dropdown.icon{font-size: 15px !important;}

.save-button-skill-bx{    display: flow-root;
    margin-top: 40px;
    text-align: right;
    padding-bottom: 50px;
    padding-right: 20px;}


   .save-button-skill-bx button{width: 130px;
    height: 40px;
    text-transform: inherit;
    font-family: 'Poppins', sans-serif;
    font-weight: 600;
    border-radius: 5px;
    box-shadow: 0px 0px 5px 2px #000;
    border: none;
    background-image: linear-gradient( 
85deg
 , #EDAD21, #FF7406);
    
    cursor: pointer;} 



.collaborate-details-modal .modal-dialog{max-width:800px !important;}    
.collaborate-details-modal .modal-dialog .modal-content{    width: 800px;
    margin-left: auto;
    margin-right: auto;
    background: #1C1C1C;
    border-radius: 30px;}    
 .collaborate-details-modal .create-opportunity-form form .form-group input[type="text"] {
        background: #EBEBEB;
    color: #333333;
    display: block;
    font-size: 16px;
    border: 1px solid #000000;
    width: 100%;
    height: calc(1.5em + 0.75rem + 10px);
    padding: .375rem .75rem;
}
.collaborate-details-modal .create-opportunity-form form .form-group label {
        overflow: visible;
    font-weight: 600;
    font-style: normal;
    font-family: 'Poppins', sans-serif;
    color: #cccccc;
    font-size: 16px;
    letter-spacing: 0.2px;
    line-height: 1.2;
    padding-left: 0;
    margin-bottom: 7px;
}

.collaborate-details-modal .budget-main-box .budget-title h5 {
    font-weight: 600;
    font-style: normal;
    font-family: 'Poppins', sans-serif;
    color: #cccccc;
    font-size: 16px;
    letter-spacing: 0.2px;
    line-height: 1.2;
}
.collaborate-details-modal .time-bound-bx {
    font-weight: 600;
    font-style: normal;
    font-family: 'Poppins', sans-serif;
    color: #cccccc;
    font-size: 16px;
    letter-spacing: 0.2px;
    line-height: 1.2;
}
.modal.collaborate-details-modal  {
    overflow-x: hidden !important;
    overflow-y: auto !important;
}

.collaborate-details-modal .budget-main-box {
    display: flex !important;
    flex-wrap: nowrap;
    flex-direction: row;
    align-content: space-around;
    justify-content: flex-start;
    margin-bottom: 20px;
    margin-top: 40px;
}

.collaborateModaltitle{    box-shadow: 0px 0px 2px 0px rgb(149 118 91 / 19%);
    background: linear-gradient(217deg, #edad21 0%, rgb(255, 116, 6) 100%);
    overflow: visible;
    border-radius: 30px 30px 0px 0px;
    padding: 15px 24px;}
.collaborateModaltitle h4{  overflow: visible;
    white-space: pre;
    font-weight: 600;
    font-style: normal;
    font-family: "Poppins", serif;
    color: #000000;
    font-size: 24px;
    letter-spacing: 0.2px;
    line-height: 1.2;
    text-align: left;
    margin-bottom: 0;}

.collaborateModaltitle p{  font-weight: 400;
  font-style: normal;
  font-family: "Poppins", serif;
  color:#000000;
  font-size: 16px;
  letter-spacing: 0.2px;
  line-height: 1.2;
  margin-bottom: 0;}
.collaborate-details-modal .modal-body{padding: 0;}

.create-opportunity-form h5{    font-weight: 600;
    font-style: normal;
    font-family: "Poppins", serif;
    color: #f58220;
    font-size: 18px;
    letter-spacing: 0.2px;
    line-height: 1.2;}


  .collaborate-details-modal  .create-opportunity-form {
    background: #1c1c1c;
    padding: 40px 60px 60px 60px;
    border-radius: 30px;
    margin-top: 0px;
}
 .collaborate-details-modal .create-opportunity-form form {
    width: 650px;
    margin-top: 20px;
}

.best-suited-skaill-bx h4{    font-weight: 600;
    font-style: normal;
    font-family: "Poppins", serif;
    color: #cccccc;
    font-size: 16px;
    letter-spacing: 0.2px;
    line-height: 1.2;
    margin-bottom: 0;}

.best-suited-skaill-bx ul{list-style: none;padding-left: 0px;margin-top: 15px;}
.best-suited-skaill-bx ul li{display: inline-block !important;    margin-right: 5px;
    margin-bottom: 0;}
.best-suited-skaill-bx ul li a{    box-sizing: border-box;
    display: inline-block;
    padding: 5px 15px 5px 15px;
    background-color: #000000;
    overflow: hidden;
    border-radius: 33px;
    border: 1px solid #cccccc;

 font-weight: 400;
  font-style: normal;
  font-family: "Poppins", serif;
  color: #ffffff;
  font-size: 16px;
  letter-spacing: 0px;
  line-height: 1.5;}
.best-suited-skaill-bx ul li a:focus,.best-suited-skaill-bx ul li a:hover{  box-shadow: 0px 1px 10px 2px rgba(245, 130, 32, 0.5);

  border: 1px solid  #f58220;}

.venue-input-bx input{background: #EBEBEB;
    color: #333333;
    display: block !important;
    font-size: 14px;
    border: 1px solid #000000;
    width: 222px !important;
    height: calc(1.5em + 0.75rem + 10px) !important;
    padding: .375rem .75rem !important;
    border-radius: 8px;
    font-family: "Poppins", serif;}

 .venue-input-bx  {margin-top: 20px;}

.venue-input-bx input::placeholder{color: #AAAAAA;}
.project-title-bx input{background: #EBEBEB;
    color: #333333;
    display: block !important;
    font-size: 14px;
    border: 1px solid #000000;
    width: 100% !important;
    height: calc(1.5em + 0.75rem + 10px) !important;
    padding: .375rem .75rem !important;
    border-radius: 8px;
    font-family: "Poppins", serif;}
.collaborate-details-modal .budget-main-box .budget-title {
    min-width: 130px;
}
.collaborate-details-modal .redio-button-box [type="radio"]:checked + label:before, .collaborate-details-modal .redio-button-box [type="radio"]:not(:checked) + label:before {
    content: "";
    position: absolute;
    left: -21px;
    top: 0;
    width: 16px;
    height: 16px;
    border: 1px solid #ddd;
    border-radius: 100%;
    background: #ddd;
}
.collaborate-details-modal .redio-button-box [type="radio"]:checked + label:after, .collaborate-details-modal .redio-button-box [type="radio"]:not(:checked) + label:after {
    content: "";
    width: 16px;
    height: 16px;
    background: #ffffff;
    position: absolute;
    top: 0px;
    left: -21px;
    border-radius: 100%;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
    border: 5px solid #fd7d0a;
}
.collaborate-details-modal .budget-main-box .redio-button-box {
    width: 210px;
    padding-left: 2px;
}


.collaborate-details-modal .budget-main-box .redio-button-box label{color: #999999 !important;font-size: 15px !important;}

.collaborate-details-modal .time-bound-bx .date-cal input{margin-left: 35px;}
.collaborate-details-modal .class-submit-btn{    text-transform: inherit;}



.budget-input-bx ul {
     background: #EBEBEB;
    color: #333333;
    display: block;
    font-size: 16px;
    border: 1px solid #000000;
    width: 100%;
    height: calc(1.5em + 0.75rem + 10px);
    padding: .375rem .75rem;
    border-radius: 12px;
        z-index: 99999 !important;
}
.budget-input-bx ul li {
  padding: 5px 10px;
  z-index: 2;
}
/*.budget-input-bx ul li:not(.init) {
  float: left;
  
  display: none;
  background: #ddd;
}
.budget-input-bx ul li:not(.init):hover,
.budget-input-bx ul li.selected:not(.init) {
  background: #ebebeb;
}
.budget-input-bx li.init {
  cursor: pointer;
}
*/
.budget-input-bx a#submit {
  z-index: 1;
}

.budget-input-bx ul.currency-list-unstyled {
    
    border: 1px #000 solid;
    background: #EBEBEB;
    color: #333333;
    display: block;
    font-size: 16px;
    border: 1px solid #000000;
    width: 100%;
    height: calc(1.5em + 0.75rem + 10px);
    padding: 5px 5px;
    border-radius: 8px;
}

.budget-input-bx ul.currency-list-unstyled li{margin-bottom: 0px;    background: #ebebeb;    width: 80px;}
.modal-open .modal {
    overflow-x: hidden;
    overflow-y: auto !important;
}

.connection-box-list.collab-Received-box{height: 306px !important;max-height: 306px !important;}
.active-bx{    width: 20px;
    height: 12px;
    background: green;
    border-radius: 2px;
    margin-right: 10px;max-height: 12px;
    max-width: 12px;}
.deactive-bx{    width: 20px;
    height: 12px;
    background: red;
    border-radius: 2px;
    margin-right: 10px;max-height: 12px;
    max-width: 12px;}

.error{font-size: 14px !important;color: red !important;font-weight: 400 !important;}

.ul-conn-list li .connection-box-list.collab-sent-box.comp-box{height: 230px;max-height: 230px;}
.connection-box-list.collab-sent-box .conversation-colla-bx .add-profile-btn {
    overflow: visible;
    white-space: pre;
    letter-spacing: 0.2px;
    line-height: 1.2;
    font-weight: 400 !important;
    font-style: normal;
    font-family: 'Poppins', sans-serif !important;
    text-align: center;
    color: #ffffff !important;
    font-size: 14px;
    border-top: none !important;
    margin-top: 0;
    padding-top: 5px;
    padding-bottom: 5px;
    position: relative;
    cursor: pointer;
}
.connection-box-list.collab-sent-box .conversation-colla-bx .add-profile-btn span {
   width: 25px;
    height: 25px;
    background: #000;
    border-radius: 50%;
    padding: 8px 16px;
    margin-right: 0px;
    position: relative;
}

.connection-box-list.collab-sent-box .conversation-colla-bx .add-profile-btn span:before {
    background: url(../img/edit-pluse-icon.png);
         background-repeat: no-repeat;
    height: 25px;
    width: 28px;
    /* background-position: 6px 0px; */
    position: absolute;
    content: '';
    left: 4px;
    top: 4px;
}

.two-colla-btn-bx{width: 100%;    position: absolute;
    bottom: 15px;}
.two-colla-btn-bx ul {padding-left: 0px;width: 100%;
    display: flow-root;}
.two-colla-btn-bx ul li{width: 50%;
    float: left;
    margin-right: 0px;
    text-align: center;position: relative;}
.two-colla-btn-bx ul li .view-in-btn, .two-colla-btn-bx ul li .edit-in-btn{border-radius: 30px;
    background: #000;
    padding: 6px 10px;
    width: 80px;
    display: block;
    
    letter-spacing: 0.2px;
    line-height: 1.2;
    font-weight: 400 !important;
    font-style: normal;
    font-family: 'Poppins', sans-serif !important;
    text-align: center;
    color: #ffffff !important;
    font-size: 14px;
    margin-top: 0;
    position: relative;
    border: 1px solid #f18020;
    margin-left: auto;
    margin-right: auto;}
.two-colla-btn-bx ul li.border-rgt:after{
	    position: absolute;
    content: '';
    height: 22px;
    width: 1px;
    background: #d5d5d5;
    top: 5px;
    right: 0px; 
}
.two-colla-btn-bx ul li .view-in-btn:hover, .two-colla-btn-bx ul li .edit-in-btn:hover{
	color: #f18020 !important;
}

.connection-box-list.collab-sent-box.comp-box:hover {
    box-shadow: none !important;
    background-color: #121212;
    border: 1px solid #f58220;
    transition: all 0.3s ease-in-out;
}

.conversation-colla-bx{position: absolute;
    bottom: 15px;margin-bottom: 0px !important;
     margin-top: 0px !important;}

.opport-item-2 .apply-button:hover{color: #f58220;}
.opport-item-2 button.withdraw-button{position: relative;}
.opport-item-2 button.withdraw-button:before{  background: url(../img/op-conn2.png);
    
    background-repeat: no-repeat;
    height: 30px;
    width: 44px;
    background-position: 0px 0px;
    position: absolute;
    content: '';
    left: 10px;
    top: 15px;}
.opport-item-2 button.withdraw-button:hover:before{background-position: 0px -43px;}

.modal-body.collaboration-Details-body .title-info-left h5{color: #f58220;
    font-size: 20px;
    font-family: 'Poppins', sans-serif;
    font-weight: 600;}


.collaboration-Details-body  .title-info-bx .title-info-left {
    width: 100%;
    float: left;
}

.collaboration-Details-body .title-info-bx {
    display: flow-root;
    border-bottom: none;text-align: center;
}
.collaboration-form-bx form .form-group label{margin-bottom: 10px;font-size: 16px;display: block;}
.collaboration-form-bx form .form-group input {
     
    height: initial;
    width: initial;
    margin-bottom: 0;
    display: block;
    cursor: pointer;
    border-radius: 8px;
    padding: 15px;
    margin-left: auto;
    margin-right: auto;
    font-size: 16px;    width: 260px;background:#EBEBEB;    font-family: 'Poppins', sans-serif;
    font-weight: 500;
}
.switch-profile.project-details-modal.coll-det .modal-dialog {
    width: 580px;
    max-width: 580px;
    margin: 10% auto;
}

.switch-profile.project-details-modal.coll-det .modal-content {
    background: #1c1c1c;
    border-radius: 15px;
    padding: 0px 15px;
    border: none;
    padding-bottom: 20px;
}

.switch-profile.project-details-modal.coll-det .switch-cat-box h6 {
    color: #ffffff;
    font-size: 20px;
    font-family: 'Poppins', sans-serif;
    margin-top: 20px;
    font-weight: 600;
    margin-bottom: 25px;
    margin-right: 110px;
}

.switch-profile.project-details-modal.coll-det .opportunity-top-bx .content {
    display: flex;
    width: 100%;
    text-align: right;
    align-items: center;
    flex-direction: row;
    justify-content: center;
}

.switch-profile.project-details-modal.coll-det .opportunity-top-bx .slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #cdcdcd;
    transition: 0.4s;
}
.switch-profile.project-details-modal.coll-det .opportunity-top-bx .slider:before {
    position: absolute;
    content: "";
    height: 26px;
    width: 26px;
    left: 4px;
    bottom: 4px;
    background-color: #ef7f1f;
    transition: 0.4s;
}

.switch-profile.project-details-modal.coll-det .opportunity-top-bx input:checked + .slider:before {
    transform: translateX(26px);
    background-color: #ffffff;
}
.switch-profile.project-details-modal.coll-det .opportunity-top-bx input:checked + .slider {
    background-color: #f58220;
}

.bootom-tex-bx p{margin-bottom: 10px;
    font-size: 16px;
    width: 80%;
    margin-left: auto;
    margin-right: auto;
    display: block;
    font-weight: 600;}


  .switch-profile.project-details-modal.coll-det .modal-body {
    padding: 30px 0px 0px 0px;
}
.chat-box-header .name-chat-box img{width: 22px;}



.opportunity-conn-list.opportunity-chat-list {
    padding-right: 5px; 
    overflow-y: scroll;
    overflow-x: hidden;
}


/* Scrollbar Styling */
.opportunity-conn-list.opportunity-chat-list::-webkit-scrollbar {
    width: 5px;
}
 
.opportunity-conn-list.opportunity-chat-list::-webkit-scrollbar-track {
    background-color: #ebebeb;
    -webkit-border-radius: 10px;
    border-radius: 10px;
}

.opportunity-conn-list.opportunity-chat-list::-webkit-scrollbar-thumb {
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background: #000; 
}

.input-chat-box .home textarea{width: 99%;
    border: 1px solid #000;
    border-radius: 30px;
    box-shadow: 3px 2px 10px 5px rgb(0 0 0 / 63%);
    padding: 15px;
    min-height: 100px;font-family: 'Poppins', sans-serif;}
.back-btn-opp{    position: absolute;left: 20px;top: 10px;}

.page-headering{color: #f58220;font-size: 20px;margin: 10px 0px 17px 0px;}
.view-all-btn-bx{text-align: center;margin-top: 30px;}
.view-all-btn-bx .view-all-btn{width: 150px;
    height: 40px;
    text-transform: capitalize;
    font-family: 'Poppins', sans-serif;
    font-weight: 600;
    border-radius: 48px;
    box-shadow: 0px 0px 3px 0px #F58220;
    border: none;
    -webkit-transition: all 200ms ease-in;
    -webkit-transform: scale(1);
    -ms-transition: all 200ms ease-in;
    -ms-transform: scale(1);
    -moz-transition: all 200ms ease-in;
    -moz-transform: scale(1);
    transition: all 200ms ease-in;
    transform: scale(1);
    padding: 0.375rem 1rem;
    color: #f58220;
    font-size: 14px;}
.skills-inner-box ul li:nth-child(10) {
    margin-left: 0px;
}
.skills-inner-box ul li:nth-child(13) {
    margin-left: 0px;
}


.connection-box-list.received-box-list button{position: absolute;}
.row-skill-list ul li a{color: #ffffff;font-family: 'Poppins', sans-serif;}
.row-skill-list ul li:hover,.row-skill-list ul li:focus,.row-skill-list ul li:active{background: #f58220;border: 1px solid #f58220;}
.ui.dropdown:not(.button)>.default.text {color: rgb(4 4 4 / 87%) !important;}
.button-btn-submit{box-sizing: border-box;
    display: block;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    padding: 8px 10px 8px 10px;
    box-shadow: 0px 2px 12px 6px rgb(0 0 0 / 41%);
    background: linear-gradient( 141deg , #edad21 0%, #FF7406 100%);
    overflow: visible;
    border-radius: 8px;
    letter-spacing: 0.2px;
    line-height: 1.2;
    color: #000000;
    font-weight: 600;
    font-style: normal;
    font-size: 15px;
    font-family: "Poppins", serif;
    width: 160px;
    margin-left: auto;
    margin-right: auto;    
    cursor: pointer;
    border: 1px solid;    
    margin-bottom: 30px;}


.user-name-had{    top:0px;font-weight: 600 !important;
    font-size: 13px !important;
    color: #fff !important;
    font-family: 'Poppins', sans-serif;    position: relative;
}
.user-name-had .caret:after{     
	content: "\f107";
    font-family: "FontAwesome";
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    position: absolute;
    right: -17px;
    top: 0px;
    color: #ffffff;
    font-size: 17px;
    border-radius: 5px;
    font-weight: 500;}
.curt-droup.user-name-had.dropdown-toggle::after{display: none;}
.dropdown-menu.dropdown-menuprofile-list{    width: 210px;
    background-color: #1c1c1c !important;
    right: -22px !important;
    border-radius: 0 0 15px 15px;
    padding-bottom: 50px !important;}
.dropdown-menu.dropdown-menuprofile-list li a{color: rgb(255 255 255) !important;
    font-family: 'Poppins', sans-serif !important;font-weight: 500 !important;    font-size: 16px !important;}    
.dropdown-menu.dropdown-menuprofile-list li{margin-left: 0px !important;}
.profile-list-inner li{margin-left: 0px !important;}
.dropdown-menu.dropdown-menuprofile-list .profile-list-inner{padding-left: 15px !important;margin-bottom: 5px !important;}
.dropdown-menu.dropdown-menuprofile-list .profile-list-inner li a{font-size: 14px !important;}
.dropdown-menu.dropdown-menuprofile-list li a.active{color: #f18020 !important;}
.user-profile-img{    border: 2px solid #f18020;padding-bottom: 0px !important;border-radius: 100%;}
.go-to-dash-button{ border: 1px solid #f18020;
    height: 35px;
    margin-top: 10px;
    line-height: 35px;
    padding: 0px 10px;
    border-radius: 5px;
    font-family: 'Poppins', sans-serif !important;
    font-size: 13px !important;
    color: #fff !important;
    box-shadow: rgb(245 130 32 / 35%) 2px 0px 12px 2px;
    margin-right: 5px;font-weight: 600 !important;    background: #000;}
.empety-skills-about-box p{font-family: 'Poppins', sans-serif !important;color: rgb(77, 77, 77);line-height: 20px;font-weight: 500;}
.empety-skills-about-box{padding-top: 30px;padding-bottom: 30px;}

.empety-skills-section{    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    flex-direction: row;}
.empety-skills-section .emp-icon-left{
        margin-right: 20px;
    background: #1c1c1c;
    padding: 15px;
    border-radius: 15px;}
.empety-skills-section .emp-icon-right p{
   font-family: 'Poppins', sans-serif !important;
    color: rgb(77, 77, 77);font-weight: 500;}

 .spotlight-empety-state ul li{background: transparent;height: auto;}   
 .Spotlight-bx img{width: 20px !important;
    padding-top: 34px;}
 .Spotlight-bx {    text-align: center;
    width: 150px;
    height: 150px;
    background: #212121;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-left: auto;
    margin-right: auto;
    flex-wrap: wrap;
    border-radius: 10px;
    padding: 5px;}
  .Spotlight-bx p{  font-family: 'Poppins', sans-serif;color: #fff;
    font-size: 12px;}

.title-box-spotlight span{font-family: 'Poppins', sans-serif;font-size: 12px;}
.mrt-10{margin-top: 10px;}
.page-title-bx .title-box.title-box-w span{font-family: 'Poppins', sans-serif;font-size: 12px;}


.skills-inner-box.empety-skills-inner-box .edit-icon-box.edit-icon-slider-box{top: -20px;}
.spotlight-empety-state ul{width: 90%;}
.skills-inner-box .title-box .span-text{display: block;font-size: 14px;color: #666;font-weight: 500;}

.empety-skills-section.coll-empty-bx {display: inline-block;text-align: center;}
.collaboration-empty-bx .coll-empty-item-bx{float: left;width: 50%;text-align: center;}
.empety-skills-section.coll-empty-bx .emp-icon-left {margin-right: auto;margin-left: auto;
width: 100px;}

.collaboration-empty-bx{display: flow-root;margin-top: 50px;}

.empety-skills-section.coll-empty-bx .emp-icon-right p {
    font-family: 'Poppins', sans-serif !important;
    color: #000;
    font-weight: 500;
    width: 270px;
    margin-top: 10px;
    line-height: 20px;
}
.search-box-collaborate{text-align: center;margin-top: 20px;margin-bottom: 10px;}
.search-box-collaborate a{color: #000;font-family: 'Poppins', sans-serif;font-size: 15px;}

.edit-icon-box.col-ed-icon.edit-icon-slider-box {
    width: 125px;
    position: absolute;
    right: 0px;
    top: -40px;
    height: auto;
    z-index: 9;
}

.edit-icon-box.edit-org-slider-box.team-edit-icon{max-height: 110px;}

.welcome-title{position: relative;    display: inline;font-family: 'Poppins', sans-serif !important;}
.welcome-title:before{position: absolute;
    content: '';
    width: 70%;
    height: 2px;
    background-color: rgb(245, 130, 32);
    left: 15%;
    bottom: -10px;}

.second-welcome-box .left-wel-box,.second-welcome-box .right-wel-box{width: 50%;float: left;}
.second-welcome-box{    display: flex;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;    width: 100%;}
.right-wel-box .one-box-login, .right-wel-box .two-box-login{width: 50%;
    float: left;position: relative;}
    
.main-item-bx-wel{ box-sizing: border-box;
  height: auto; /* 246px */
  width: 179px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 5px 10px 15px 10px;
  box-shadow: 1px 2px 15px 11px rgba(0, 0, 0, 0.41);
  background: linear-gradient(141deg, #edad21 0%, rgb(255, 116, 6) 100%);
  overflow: visible;
  border-radius: 30px;position: relative;}

.checkbox-tile{background-color: #000000 !important;
}
.skills-section-bx.dash-section p{color: #fff;font-family: 'Poppins', sans-serif;}
.custom-select{background: #1a1a1a;}
.interests-row-bx .intrest-row-bx .app .card{    background-color: #1a1a1a;}
.Back-btn-dash a i{margin-right: 2px;margin-top: -2px;}
/*.org-middle-section .skills-inner-box.first-border-redius .edit-icon-box {
       position: absolute;
    right: -9px;
    top: -30px;
    height: auto;
}*/


.btn-login-new {
    border: 1px solid #f18020;
    height: 35px;
    margin-top: 10px;
    line-height: 35px;
    padding: 0px 10px;
    border-radius: 5px;
    font-family: 'Poppins', sans-serif !important;
    font-size: 13px !important;
    color: #fff !important;
    box-shadow: rgb(245 130 32 / 35%) 2px 0px 12px 2px;
    margin-right: 5px;
    font-weight: 600 !important;
    background: #000;
}
.btn-login-new  a{color: #ffffff !important;    line-height: 30px;}
.btn-sign-new {
    border: 1px solid #f18020;
    height: 35px;
    margin-top: 10px;
    line-height: 35px;
    padding: 0px 10px;
    border-radius: 5px;
    font-family: 'Poppins', sans-serif !important;
    font-size: 13px !important;
    color: #fff !important;
    box-shadow: rgb(245 130 32 / 35%) 2px 0px 12px 2px;
    margin-right: 5px;
    font-weight: 600 !important;
        background: linear-gradient( 
141deg
 , rgb(237, 173, 33) 0%, rgb(255, 116, 6) 100%);margin-left: 10px !important;
}
.btn-sign-new  a{color: #000000 !important;    line-height: 30px;}

.profile-build-page{    box-shadow: 0px 1px 2px 0px rgb(0 0 0 / 25%);
    background-color: #242424;
    overflow: visible;
    border-radius: 30px;
    padding: 50px 80px 80px 80px;}

.profile-build-page .profile-info-bx{margin-bottom: 30px;}
.bg-none{background:none !important;}
.main-item-bx-wel .tooltip-bx {
           position: absolute;
    right: 9px;
    text-align: right;
    height: 20px;
    top: 0;
    display: inline-block;
    width: 20px;

}

.main-item-bx-wel img{height: 100px;margin-top: 5px;margin-bottom: 5px;margin-left: 10px}

.right-wel-box .wrapper {
    cursor: help;
    position: relative;
    text-align: right;
    right: 5;
    width: 100%;
    top: 5px;

}
.right-wel-box .wrapper .fa-question{background: #000;
    
    border-radius: 50%;
    height: 22px;
    width: 22px;
    text-align: center;
    color: #efaa20;
    line-height: 21px;
   
    padding-right: 2px;
    padding-top: 1px;}
.right-wel-box .wrapper .tooltip {
background: #242424;
bottom: 100%;
color: #fff;
display: block;
    right: -60px;
margin-bottom: 15px;
opacity: 0;
padding: 20px;
pointer-events: none;
position: absolute;
width: 100%;
-webkit-transform: translateY(10px);
  -moz-transform: translateY(10px);
  -ms-transform: translateY(10px);
   -o-transform: translateY(10px);
    transform: translateY(10px);
-webkit-transition: all .25s ease-out;
  -moz-transition: all .25s ease-out;
  -ms-transition: all .25s ease-out;
   -o-transition: all .25s ease-out;
    transition: all .25s ease-out;
-webkit-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
  -moz-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
  -ms-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
   -o-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
    box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
}

/* This bridges the gap so you can mouse into the tooltip without it disappearing */
.right-wel-box .wrapper .tooltip:before {
bottom: -20px;
content: " ";
display: block;
height: 20px;
left: 0;
position: absolute;
width: 100%;
}

/* CSS Triangles - see Trevor's post */
.right-wel-box .wrapper .tooltip:after {
border-left: solid transparent 10px;
border-right: solid transparent 10px;
border-top: solid #242424 10px;
bottom: -10px;
content: " ";
height: 0;
left: 50%;
margin-left: -13px;
position: absolute;
width: 0;
}

.right-wel-box .wrapper:hover .tooltip {
opacity: 1;
pointer-events: auto;
-webkit-transform: translateY(0px);
  -moz-transform: translateY(0px);
  -ms-transform: translateY(0px);
   -o-transform: translateY(0px);
    transform: translateY(0px);
}

/* IE can just show/hide with no transition */
.lte8 .wrapper .tooltip {
display: none;
}

.lte8 .wrapper:hover .tooltip {
display: block;
}

.main-item-bx-wel h5{    font-size: 18px;
    letter-spacing: 0.2px;
    line-height: 1.2;
    font-family: 'Poppins', sans-serif;
    color: #000000;
    overflow: visible;
    font-weight: 600;
    font-style: normal;
    margin-top: 10px;}
.main-item-bx-wel .build-button{padding: 10px;
    background-color: #000000;
    overflow: visible;
    border-radius: 8px;
    width: 101px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    border: 1px solid #f58220;
     font-weight: 600;
    color: #fff;
    font-family: 'Poppins', sans-serif;
    letter-spacing: 0.2px;    font-size: 14px;}
.second-welcome-box .left-wel-box h4{
	    font-size: 20px;
    letter-spacing: 0.2px;
    line-height: 1.2;
    font-weight: 700;
    font-style: normal;
    color: #fff;
    font-family: 'Poppins', sans-serif;
    margin-bottom: 0;
    margin-left: 75px;
}
.second-welcome-box .left-wel-box h4 span{color: #f58220;
    font-family: 'Poppins', sans-serif;}
.item-slider-slick .content-bx h5{position: relative;font-family: 'Poppins', sans-serif;}
.item-slider-slick .content-bx h5:before {
    position: absolute;
    content: '';
    width: 60%;
    height: 3px;
    background-color: rgb(245, 130, 32);
    left: 20%;
    bottom: -10px;
}

.skills-about-box{text-align: justify;padding-right: 20px;}

.categories-modal .modal-dialog{max-width: 80%;}
.categories-modal .modal-content{
	box-sizing: border-box;
  padding: 15px 46px 0px 46px;
  background-color: #121212;
  overflow: visible;
  border-radius: 30px;
  border: 1px solid #f58220;}

  .categories-modal-content .cat-title-box h3{    font-size: 20px;
    letter-spacing: 0px;
    line-height: 1.2;
    overflow: hidden;
    font-weight: 600;
    font-style: normal;
    font-family: "Poppins", serif;
    color: #ffffff;}
  .categories-modal-content .cat-title-box h3 span{color: #f58220; font-family: "Poppins", serif;}  

  .categories-list-box{    display: flex;
    width: 100%;
    justify-content: space-between;
    align-content: center;}
.categories-list-box .cat-list-box ul{    list-style: none;padding-left: 0;display: flow-root;}
.categories-list-box .cat-list-box ul li{    margin-bottom: 0;
    line-height: 20px;
    color: #fff;
    font-size: 13px;
    letter-spacing: 0.5px;
    line-height: 1.5;
    font-weight: 500;
    font-style: normal;
    font-family: "Poppins", serif;    width: 33.33%;
    float: left;}

.second-org-port{
    
    padding-top: 15px;    opacity: 0.3;}

.second-org-port .midile-title-box h5{    

    font-weight: 600;
    font-style: normal;
    font-family: "Poppins", serif;
    color: #f58220;
    font-size: 18px;
    letter-spacing: 0px;
    line-height: 1.2;}

.first-org-port{border-bottom: 1px solid #f58220;
    padding-bottom: 15px;}
.first-org-port .cat-title-box{border-bottom: 1px solid #f58220;
    padding-bottom: 0px;
    margin-bottom: 20px;}

 .experiance-boxs{    display: flex;
    margin-bottom: 10px;}   
.experiance-boxs .b1st{display: block;width: 100%;
    padding-left: 0px;}
.experiance-boxs .b2st{display: block;width: 100%;
    padding-left: 70px;}  
 .experiance-boxs .b3st{display: block;width: 100%;
    padding-left: 30px;}  
.experiance-boxs .b1st h5, .experiance-boxs .b2st h5, .experiance-boxs .b3st h5{font-family: 'Poppins', sans-serif;
    color: #f5681b;
    letter-spacing: 0.3px;
    font-weight: 600;
    margin-bottom: 0;
    font-size: 16px;}

.phone-with-coun-bx .input-group{    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    flex-wrap: nowrap;}
.phone-with-coun-bx .input-group select{    float: left !important;
    width: 50px !important;
    padding: 5px 0px 5px 2px !important;
    border-radius: 50px 0px 0px 50px !important;
    font-size: 14px !important; font-family: "Poppins", serif;
    }



.login-right-box.sign-mx-box .login-section .form-container .phone-with-coun-bx .input-group .form-control {
    float: left;
    width: 100%;
    padding: 5px 10px 5px 0px;
    border-radius: 0px 50px 50px 0px;
    font-size: 14px;
    outline: none;
    color: #616161;
    font-weight: 500;
    border: 1px solid transparent;
    background: #fff;
    box-shadow: 0 0 5px rgb(0 0 0 / 20%);
    height: 35px;
    text-align: left;
}

.capturcode-box{    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;margin-top: 10px;}

.capturcode-box .capturcode1,.capturcode-box .capturcode2{width: 100%;}
.capturcode-box .capturcode2{ background: #cccccc;
    border-radius: 0px 50px 50px 0px;
    border: 1px solid transparent;
    text-align: left;
    padding-left: 10px;}

.login-right-box.sign-mx-box .login-section .form-container .capturcode1 .form-control {
   border-radius: 50px 0px 0px 50px !important;}
.capturcode-box .capturcode2 p{margin-top: 0px;
    height: 35px;
    line-height: 35px;
    font-family: "Poppins", serif;
    font-size: 13px;}
.capturcode-box .capturcode2 p span{  font-size: 14px;   font-weight: 700;color: #000000;}
.opportunity-top-section .title-info-left h5 span{margin-left: 6px;}
.opportunity-top-section .title-info-left h5 span a{text-align: center;}
.opportunity-top-section .title-info-left h5 span a i{    color: #f58220;
    border: 2px solid #000;
    padding: 5px 5px;
    border-radius: 50%;
    height: 27px;
    font-size: 14px;
    width: 27px;
    background: #000;    cursor: pointer;}
.btn.btn-outline-primary-primary{    padding: 8px 40px !important;
    
    font-family: 'Poppins', sans-serif !important;
    font-weight: 600 !important;
    border-radius: 50px !important;
    box-shadow: 0px 0px 10px 9px #000;
   
    margin-top: 20px;
    -webkit-transition: all 200ms ease-in;
    -webkit-transform: scale(1);
    -ms-transition: all 200ms ease-in;
    -ms-transform: scale(1);
    -moz-transition: all 200ms ease-in;
    -moz-transform: scale(1);
    transition: all 200ms ease-in;
    transform: scale(1);
    border-color: #f58220 !important;}
.gender-list-bx{    display: flex;}

{height: calc(1.5em + 0.75rem + 10px);
    font-size: 0.85rem;
    color: #888;
    font-family: 'Poppins', sans-serif;
    display: block;
    width: 100%;
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    line-height: 1.5;
    color: #495057;
    background-color: var(--white);
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;}

    #home-v{background-image: linear-gradient( 220deg, #EDAD21, #FF7406);padding: 15px;
    border-radius: 15px;}

.experiance-boxs .b3st.b3org{padding-left: 58px;}

.row-text-insert-bx p{width: 70%;
    margin-left: auto;
    margin-right: auto;
    text-align: center;}


.another-box.collapse{display: none !important;}

.another-box.collapse.show {
    display: inline-flex !important;
}

.add-skill-list h6{color: #fff;font-family: 'Poppins', sans-serif;    width: 340px;padding-top: 80px;margin-bottom: 0;}
.add-skill-list{    text-align: center;    padding-left: 50px;}
.add-skill-list.add-skill-list-second{margin-top: 0px !important;}
.add-skill-list h6 img{display: block;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 10px;width: 35px;}
.scroll-arrow-bx.pin-scroll-arrow-bx{    text-align: right;
    position: absolute;
    top: 10px;
    right: 15px;}
.scroll-arrow-bx.pin-scroll-arrow-bx p img{width: 20px;}


.skill-details-list-bx ul{list-style: none;padding-left: 0;}
.skill-details-list-bx ul li{    display: inline-block;}
.row-skill-list1.skill-details-list-bx .interests-list-bx .custom-checkbox-text{    display: inline-block;
    border: 1px solid rgba(204, 204, 204, 0.5);
    background: #000;
    font-size: 14px;
    padding: 5px 15px;
    border-radius: 100px;
    color: #fff;
    margin-left: 5px;
    cursor: pointer;
    line-height: 28px;font-family: 'Poppins', sans-serif;}


.row-skill-list1.skill-details-list-bx .interests-list-bx .custom-checkbox-input:checked ~ .custom-checkbox-text {
    background-color: #f58220;
    color: #ffffff;
}
.row-skill-list1.skill-details-list-bx h5 {
    font-weight: 600;
    font-style: normal;
    color: #f58220;
    font-size: 18px;
    letter-spacing: 0.2px;
    line-height: 1.2;
    font-family: 'Poppins', sans-serif;
}


/*Setting Page css*/
.settings-page{margin-top: 100px;} 
.g-profile-box h4{  
    font-weight: 600;
    font-style: normal;
    font-family: 'Poppins', sans-serif;
    color: #ffffff;
    font-size: 20px;
    letter-spacing: 0px;
    line-height: 1.2;}

.g-profile-box h4 span{color: #F58220;font-family: 'Poppins', sans-serif;}
.g-profile-box h5{  
    font-weight: 600;
    font-style: normal;
    font-family: 'Poppins', sans-serif;
    color: #ffffff;
    font-size: 20px;
    letter-spacing: 0px;
    line-height: 1.2;}

.e-profile-box h3  {
font-weight: 700;
font-style: normal;
font-family: 'Poppins', sans-serif;
color: #ffffff;
font-size: 20px;
letter-spacing: 0px;
line-height: 1.2;}
.e-profile-box{width: 600px;margin-top: 50px;}
.general-settings-edit-btn{float: right;margin-bottom: 0;
    margin-top: -30px;}
.general-settings-edit-btn a{    box-shadow: 0px 2px 12px 6px rgb(0 0 0 / 41%);
    color: #fff;
    padding: 10px 30px;
    border-radius: 30px;
    font-family: 'Poppins', sans-serif;
    text-transform: uppercase;
    font-size: 16px;
    font-weight: 500;}
.g-profile-about-box dl dt{width: 300px;float: left;color: #fff;font-family: 'Poppins', sans-serif;    height: 40px;}
.g-profile-about-box dl{padding: 10px;background-color: #262626;
    overflow: visible;border-radius: 15px;
    width: 700px;margin-top: 40px;margin-left: 40px;font-family: 'Poppins', sans-serif;display: flow-root;}
.g-profile-about-box dl dd{width: 300px;float: left;color: #fff;font-family: 'Poppins', sans-serif;    height: 40px;}

.g-profile-about-box dl p{    display: block;
    float: left;
   
    font-weight: 200;
    font-style: normal;
   font-family: 'Poppins', sans-serif;
    color: #ffffff;
    font-size: 14px;
    letter-spacing: 0px;
    line-height: 1.2;    margin-bottom: 20px;
    margin-top: 10px;}

.padd-profile-bx{padding: 20px;}
.g-setting-pro-bx{margin-top: 80px;}
.g-setting-pro-bx p{
font-style: normal;
 font-family: 'Poppins', sans-serif;
color: #ffffff;    
margin-bottom: 25px;
font-size: 16px;
letter-spacing: 0px;
line-height: 1.2;}
.settings-sidebar{min-height: 570px;background: #1c1c1c !important;border-radius: 0px 0px 15px 15px;}

.manage-profile-about dl dt{width: 300px;float: left;color: #fff;font-family: 'Poppins', sans-serif;    height: 40px;font-weight: 600;
    font-size: 16px;;}
.manage-profile-about dl{width: 700px;margin-top: 40px;margin-left: 40px;font-family: 'Poppins', sans-serif;display: flow-root;}
.manage-profile-about dl dd{float: left;color: #fff;font-family: 'Poppins', sans-serif;    height: 40px;font-weight: 600;
    font-size: 16px;}
.manage-profile-bx h4{    
    font-weight: 600;
    font-style: normal;
    font-family: 'Poppins', sans-serif; 
    color: #f58220;
    font-size: 20px;
    letter-spacing: 0px;
    line-height: 1.2;}
.manage-profile-bx h4 span a{box-sizing: border-box;padding: 10px;
    box-shadow: 0px 0px 7px 2px #000000; 
    overflow: hidden;
    border-radius: 15px;
    font-family: 'Poppins', sans-serif;
    color:#ffffff;
    font-size: 12px;
    letter-spacing: 0px;
    line-height: 1.2;
    margin-left: 50px;
}
.interest-preferences-item{     box-sizing: border-box;
    width: 192px;
    height: 221px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px;
    box-shadow: 0px 0px 5px 3px #000000;
    overflow: visible;
    border-radius: 30px;
    float: left;
    margin-right: 42px;    
    margin-bottom: 30px;}
.pro-img-bx img{border-radius: 50%;
    height: 70px;
    width: 70px;
    border: 4px solid #f58220;
    background: #1c1c1c;}
.pro-name-bx h5{
    font-weight: 700;
    font-style: normal;
     font-family: 'Poppins', sans-serif;
    color: #ffffff;
    font-size: 16px;
    letter-spacing: 0px;
    line-height: 1.2;
    text-align: center;height: 36px;}
.pro-name-bx p{
font-weight: 200;
font-style: normal;
 font-family: 'Poppins', sans-serif;
color: #ffffff;
font-size: 14px;
letter-spacing: 0px;
line-height: 1.2;
text-align: center;
}

.interest-nottom-bx img{width: 24px;height: 24px;}
.interest-nottom-bx img:first-child{ margin-right: 30px;}
.pro-img-bx{margin-bottom: 15px;}
.interest-nottom-bx{    margin-bottom: 5px;}
.interest-row{display: flow-root;margin-top: 50px;}
.manage-profile-bx{margin-top: 25px;}
.e-profile-box h3 span{color: #F58220;font-family: 'Poppins', sans-serif;}
.manage-profile-about.skills-add-remove-bx dl dt{width: 180px;font-weight: 700;}
.manage-profile-about dl dd span{margin-right: 30px;font-family: 'Poppins', sans-serif;font-weight: 400;}

.call-yourself-box h3{
font-weight: 700;
font-style: normal;
font-family: 'Poppins', sans-serif;
color:#ffffff;
font-size: 16px;
letter-spacing: 0px;
line-height: 1.2;}
.call-yourself-box p{
font-weight: 400;
font-style: normal;
font-family: 'Poppins', sans-serif;
color:#ffffff;
font-size: 16px;
letter-spacing: 0px;
line-height: 1.2;}
.call-yourself-box p span img{width: 24px;margin-left: 100px;}
.manage-profile-about.skills-add-remove-bx dl{width: 535px;}
.add-dell-btn-bx a{
    align-items: center;
    padding: 10px;
    box-shadow: 0px 0px 7px 2px #000000;
    overflow: hidden;
    border-radius: 15px;    margin-left: 20px;    }

.add-dell-btn-bx{margin-top: 15px;}
.call-yourself-box{    margin-top: 40px;padding-left: 60px;}
.back-to-manage-btn .manage-btn img{width: 15px;margin-right: 5px;}
.back-to-manage-btn .manage-btn{width: 213px;
    box-sizing: border-box;
    align-items: center;
    padding: 6px 10px 6px 10px;
    box-shadow: 0px 2px 12px 6px rgb(0 0 0 / 41%);
    background: linear-gradient(141deg, #edad21 0%, #FF7406 100%);
    overflow: visible;
    border-radius: 8px;
    
    font-style: normal;
    font-family: 'Poppins', sans-serif;
    color: #000000;
    font-size: 13px;
    letter-spacing: 0.2px;
    line-height: 1.2;
    text-align: left;
    font-weight: 600;}
.back-to-manage-btn{margin-top: 50px;margin-bottom: 50px;padding-left: 60px;}

.notification-item-bx .slide-bx{display: inline-block;width: 340px;}
.notification-item-bx h5{
    font-weight: 600;
    font-style: normal;
    font-family: 'Poppins', sans-serif;
    color:#f58220;
    font-size: 16px;
    letter-spacing: 0px;
    line-height: 1.2;}
.notification-item-bx .toggle{float: right;}
.notification-settings-bx h3{ 
    font-weight: 800;
    font-style: normal;
     font-family: 'Poppins', sans-serif;
    color: #ffffff;
    font-size: 20px;
    letter-spacing: 0px;
    line-height: 1.2;}
.notification-settings-bx .slide-bx{
font-weight: 400;
font-style: normal;
font-family: "Poppins", serif;
color: #ffffff;
font-size: 16px;
letter-spacing: 0px;
line-height: 1.2;}

.notification-item-bx{	margin-top: 20px;
    margin-bottom: 20px;    padding-left: 25px;}

.normal-text-box p{width: 832px;
height: auto;
font-weight: 300;
font-style: normal;
font-family: "Poppins", serif;
color:#ffffff;
font-size: 16px;
letter-spacing: 0px;
line-height: 1.2;}
.normal-text-box{margin-top: 40px;display: flow-root;    padding-left: 25px;}
.team-members-table table tr td{border-top: none;}
.call-yourself-box.team-members-table h3 img{width: 30px;margin-left: 15px;}
.team-members-table table tr td img{width: 30px;}
.team-members-table table tr td{
font-weight: 400;
font-style: normal;
font-family: "Poppins", serif;
color: #ffffff;
font-size: 16px;
letter-spacing: 0px;
line-height: 1.2;    padding: 10px 0px;}
.team-members-table table{width: 400px;margin-top: 30px;}
.call-yourself-box.team-members-table{    margin-top: 10px;
    padding-left: 54px;}
.privacy-settings-box{margin-top: 40px;}
.privacy-settings-btn-group .settings-btn{width: 377px;
    height: 44px;
    background-color: #262626;
    overflow: visible;
    border-radius: 15px;
   
    white-space: pre;
    font-weight: 600;
    font-style: normal;
    font-family: "Poppins", serif;
    color: #ffffff;
    font-size: 16px;
    letter-spacing: 0px;
    line-height: 33px;
    display: block;
    text-align: left;
    padding: 5px 15px;}


.privacy-settings-btn-group{    margin-bottom: 20px;}
.height-page-bx{min-height: 847px;}
.interest-item{  display: flex;
    width: 32%;
    position: relative;
    background: #ddd;
    border-radius: 15px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    padding: 10px 10px;
    float: left;
    margin-right: 10px;
    margin-bottom: 20px;}

.interest-item a{display: flex;
    align-items: center;
    color: #000000;
   
    margin-bottom: 0;
    width: 100%;
    font-family: 'Poppins', sans-serif;
    font-size: 16px;
    font-weight: 500;}

.interest-item img {
       width: 20px;
    margin-left: 4px;
}

.interest-item .img-bx {
    float: left;
    margin-left: 0px;
    border-radius: 50%;
    border: 2px solid #000;
    padding: 2px;
    height: 35px;
    width: 35px;
    margin-right: 10px;
}

.interest-preferences-box{margin-top: 30px;}

.interest-preferences-box .interests-list-bx .custom-checkbox-text {
  padding: 0px 2px 0px 2px;
    background-color: #ddd;
    color: #000;
    cursor: pointer;
    user-select: none;
    border-radius: 50px;
    font-size: 12px;
    font-family: 'Poppins', sans-serif;
    font-weight: 500;
    height: 40px;
    /* line-height: 40px; */
    vertical-align: middle;
    display: flex;
    flex-wrap: nowrap;
    align-content: space-around;
    justify-content: center;
    align-items: center;
}
.interest-preferences-box .custom-checkbox-input:checked ~ .custom-checkbox-text {
    background-color: #f58220;
    color: black;
}
.interest-preferences-box .skills-box ul li {
    width: 24.4%;
    float: left;
    margin-right: 5px;
    text-align: center;
    margin-bottom: 10px;
}

.change-pswd-settings-box{margin-top: 30px;}
.change-password-profile{width: 400px;}
.change-password-profile .form-group{width: 100%;}
.change-password-profile .form-group input{background-color: #262626;    border: none;}
.change-password-profile .form-group label{    font-weight: 500;font-style: normal;
    font-family: "Poppins", serif;color: #ffffff;
    font-size: 14px;}
.change-password-profile .form-group input{font-family: "Poppins", serif;font-size: 14px;border-radius: 5px;}
.notification-bx-item{display: flex;
    justify-content: center;
    align-content: center;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    background: #212121;
    padding: 10px 10px;
    border-radius: 3px;border-bottom: 1px solid #000;}
.notification-text-bx p{    margin-bottom: 0;    color: #bcb8b8;font-family: 'Poppins', sans-serif;}
.notification-time-bx {    width: 100px;
    text-align: center;}

.notification-time-bx p{margin-bottom: 0;    color: #f58220;font-family: 'Poppins', sans-serif;}
.notification-box{margin-top: 30px;}
.notification-text-bx p span{color: #ffffff;font-family: 'Poppins', sans-serif;}
.skils-box span{margin-right: 30px;font-weight: 400;font-size: 16px;float: left;
    color: #fff;font-family: 'Poppins', sans-serif;}


.skils-box{margin-top: 30px;padding-left: 60px;    margin-bottom: 0px}
.skils-box h4{color: #fff;
    font-family: 'Poppins', sans-serif;
    
    font-weight: 700;
    font-size: 16px;
    }

.skils-box ul {list-style: none;display: flow-root;padding-left: 0;}
.skils-box ul li{width: 100%;
    margin-bottom: 10px;
    display: flex;
    height: 40px;}
.Organisationsdiv{display: flex;width: 85%;margin-left: auto;margin-right: auto;}
.Organisationsdiv .org-div-one label{    font-size: 14px;
    font-weight: 500;
    font-family: 'Poppins', sans-serif;
    margin-bottom: 0;
    background: #000000;
    padding-left: 10px;
    line-height: 36px;
    border-radius: 2px;
    position: relative;
    z-index: 9;
    color: #fff;
    margin-right: 38px;
    width: 250px;}
.Organisationsdiv .org-div-one label:before {
    position: absolute;
    content: '';
    width: 26px;
    height: 26px;
    background: #000000;
    right: -13px;
    top: 5px;
    transform: rotate(45deg);
    z-index: 1;
}
.customer_records .s1{width: 245px;
    margin-right: 10px;}
.customer_records .s1 input{border: 1px solid #ddd;
    padding: 5px 10px;
    background: #d4d4d4;
    font-size: 15px;
    border-radius: 30px;
    width: 100%;} 
.customer_records .s2{width: 245px;
    margin-right: 10px;}
.customer_records .s2 select{border: 1px solid #ddd;
    padding: 5px 10px;
    background: #d4d4d4;
    font-size: 15px;
    border-radius: 30px;
    width: 100%;} 

.roworg-skils .customer_records{display: flex;}
.customer_records_dynamic .remove .s2 select{border: 1px solid #ddd;
    padding: 5px 10px;
    background: #d4d4d4;
    font-size: 15px;
    border-radius: 30px;
    width: 100%;}
.customer_records_dynamic .remove .s1{width: 245px;margin-right: 10px;}
.customer_records_dynamic .remove .s2{width: 245px;}    
.customer_records_dynamic .remove .s1 input{border: 1px solid #ddd;
    padding: 5px 10px;
    background: #d4d4d4;
    font-size: 15px;
    border-radius: 30px;
    width: 100%;} 
.customer_records_dynamic .remove{display: flex;margin-top: 10px;}
.customer_records  .s3 a{    border: 1px solid #f58220;
    padding: 5px 30px;
    border-radius: 30px;
    color: #f58220;
    font-family: 'Poppins', sans-serif;
    font-size: 14px;}
.customer_records_dynamic .remove .remove-field.btn-remove-customer{border-radius: 30px;
    color: #f58220;
    font-family: 'Poppins', sans-serif;
    font-size: 14px;
    line-height: 30px;margin-left: 28px;}

.add-itme-section .experiance-boxs{    display: flex;
    width: 85%;
    margin-left: auto;margin-right: auto;}
	
.skils-box ul li {display:flex;	}
.skils-box ul li div.skills-name{font-weight: 400;font-size: 16px;float: left;
    color: #fff;font-family: 'Poppins', sans-serif;    width: 400px;}	
	
.skils-box div.del-skills a{align-items: center;padding: 7px 10px;box-shadow: 0px 0px 7px 2px #000000;
    overflow: hidden;border-radius: 15px;margin-left: 20px;color:#ffffff;font-family: 'Poppins', sans-serif;}	
.skils-box div.del-skills a:hover{color: #ffffff;}	
.thnk-right .progresbar-bx{margin-top: 40px;}	
.ind-bag-box{display: flow-root;background: #1c1c1c;padding: 10px;border-radius: 15px;
    padding-bottom: 30px;margin-bottom: 20px;}

.organization-bag-box{display: flow-root;background: #1c1c1c;padding: 10px;border-radius: 15px;
    padding-bottom: 30px;margin-bottom: 20px;}    
.skills-inner-box.first-border-redius .edit-icon-box.edit-icon-slider-box{top: 0px;}
.modal-title.modal-title-two{    text-align: left;
    font-size: 24px;
    color: #f58220;
    line-height: 25px;
    margin-bottom: 14px;
    position: absolute;
    left: -190px;}
.body-skills-bx div:nth-child(2) {
  margin-top: 45px;
}

.lable-box{float: right;margin-top: -25px;}

.track-video-details-bx{padding: 15px;
    background: #151515;
    border-radius: 10px;}