/*-------------- ICOMONO CUSTOM FONTS CSS START  ---------*/

@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');

@font-face {
  font-family: 'connectIn';
  font-display:swap;
  src:  url('../fonts-nct/icomoon.eot?lfjbc1');
  src:  url('../fonts-nct/icomoon.eot?lfjbc1#iefix') format('embedded-opentype'),
    url('../fonts-nct/icomoon.ttf?lfjbc1') format('truetype'),
    url('../fonts-nct/icomoon.woff?lfjbc1') format('woff'),
    url('../fonts-nct/icomoon.svg?lfjbc1#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'connectIn' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon-checklist:before {
  content: "\e921";
}
.icon-logout:before {
  content: "\e922";
}
.icon-settings:before {
  content: "\e923";
}
.icon-unfollower:before {
  content: "\e91f";
}
.icon-follower:before {
  content: "\e920";
}
.icon-connection-close:before {
  content: "\e91e";
}
.icon-connection:before {
  content: "\e91d";
}
.icon-back-arrow:before {
  content: "\e91c";
}
.icon-edit:before {
  content: "\e91b";
}
.icon-rgt-arrow:before {
  content: " ";
  border-right: 2px solid #000;
  border-top: 2px solid #000;
  width: 20px;
  height: 20px;
  transform: rotate(45deg);
  cursor: pointer;
  display: block;
}
.icon-lft-arrow:before {
  content: " ";
  border-left: 2px solid #000;
  border-bottom: 2px solid #000;
  width: 20px;
  height: 20px;
  transform: rotate(45deg);
  cursor: pointer;
  display: block;
}
.icon-book:before {
  content: "\e919";
}
.icon-smile:before {
  content: "\e900";
}
.icon-share:before {
  content: "\e901";
}
.icon-comment:before {
  content: "\e902";
}
.icon-video:before {
  content: "\e903";
}
.icon-img:before {
  content: "\e904";
}
.icon-s-plane:before {
  content: "\e905";
}
.icon-pencil:before {
  content: "\e906";
}
.icon-groups:before {
  content: "\e907";
}
.icon-jobs:before {
  content: "\e908";
}
.icon-company:before {
  content: "\e909";
}
.icon-network:before {
  content: "\e90a";
}
.icon-article:before {
  content: "\e90b";
}
.icon-srch:before {
  content: "\e90c";
}
.icon-mail-o:before {
  content: "\e90d";
}
.icon-calendar:before {
  content: "\e90e";
}
.icon-plus:before {
  content: "\e90f";
}
.icon-email:before {
  content: "\e910";
}
.icon-map:before {
  content: "\e911";
}
.icon-check:before {
  content: "\e912";
}
.icon-plane:before {
  content: "\e913";
}
.icon-close:before {
  content: "\e914";
}
.icon-globe:before {
  content: "\e915";
}
.icon-msg:before {
  content: "\e916";
}
.icon-bell:before {
  content: "\e917";
}
.icon-profile:before {
  content: "\e918";
}

:root {

      /* Typography */   
    --base-fonts: "Inter", sans-serif;    
    --text-12: 12px;
    --text-14: 14px;
    --base-text: 16px;       
    --text-18: 18px;    
    --text-20: 20px;
    --text-22: 22px;
    --text-24: 24px;
    --text-26: 26px;
    --text-30: 30px;
    --text-32: 32px;
    --text-35: 35px;
    --text-40: 40px;
    --text-50: 50px;


    /* Colors */
      --base-color: #575757; 
      --primary: #4F3892;
      --secondary: #865FF8;
      --text-dark: #1a1a1a;  
      --gray-devider: #eee;
      --gray-text: #444;
      --black: #151515;
      --white: #ffffff;
      --field-gray: #E1E2E4;
      --card-border:#f2f2f2;
      --pink: #F06292;
      --blue: #4FC3F7;
      --dark: #0f0a1f;
      --light: #f8f9fa;
      --gray-light: #999;
      --gradient: linear-gradient(135deg, var(--secondary) 0%, var(--primary) 100%);
      --gray-bg: #FAFAFA;

   

    /* Border Rounded */  
    --border-r-6: 6px;
    --border-r-8: 8px;
    --border-r-10: 10px;
    --border-r-12: 12px;
    --border-r-15: 15px;
    --border-r-20: 20px;
    --border-r-30: 30px;

 
    


}



/*-------------- ICOMONO CUSTOM FONTS CSS END  ---------*/

body {
    margin: 0;
    padding: 0;
    color: var(--base-color);
    -webkit-font-smoothing: subpixel-antialiased;
    -webkit-text-stroke: 1px transparent;
    font-size: var(--text-14);
    font-family:var(--base-fonts);
    font-weight: 400;
    background-color: var(--body-bg);
    overflow: auto;
}


/*--------------General CSS---------*/
img { border: 0 none; max-width: 100%; vertical-align: top; outline:none;}
a {
    outline: none;
    cursor: pointer;
    color: var(--primary);
    text-decoration: none;
}

a:hover,
a:focus {
    color: var(--primary-dark);
    text-decoration: none;
}

a,
button,
.btn, input[type="submit"], button, input[type="button"] {
    -webkit-transition: all 0.5s ease-out 0s;
    -moz-transition: all 0.5s ease-out 0s;
    -o-transition: all 0.5s ease-out 0s;
    transition: all 0.5s ease-out 0s;
}
.primary-text {color: var(--primary);}
.orange-text {color: var(--secondary);}



h1 { font-size: 32px; margin: 15px 0px;  }
h2 { font-size: 26px; margin: 15px 0px;  }
h3 { font-size: 20px; margin: 15px 0px;  }
h4 { font-size: 16px; margin: 15px 0px;  }
h5 { font-size: 12px; margin: 15px 0px;  }

/*-----------------------main styles starts here-----------------------------------------------*/
ul { margin: 0; padding: 0; list-style-type: none; }
label { font-size: 14px; color: #313e4c; font-weight:400; }
label sup{color: #f20f30;}
form{margin: 0;}
input[type="text"], input[type="password"], input[type="email"], input[type="number"], input[type="search"], textarea, select { border: 1px solid #d6dde1; font-size: 14px; color: #809199; padding: 10px; width: 100%; -webkit-box-shadow: none; -webkit-appearance: none; border-radius: 3px; -ms-transition: all 0.5s ease-out 0s; -webkit-transition: all 0.5s ease-out 0s; -moz-transition: all 0.5s ease-out 0s; -o-transition: all 0.5s ease-out 0s; transition: all 0.5s ease-out 0s;}
input[type="text"]:focus, input[type="password"]:focus, input[type="email"]:focus, textarea:focus, select:focus { border-color: #313547; box-shadow: none; outline: none; }
/*=====================================	PLACE HOLDER CSSS START HERE 		====================================*/
input::-webkit-input-placeholder {
color:#809199;

}
 input::-moz-placeholder {
color:#809199;

}
input::-ms-placeholder {
color:#809199;

}
input.textbox::-ms-input-placeholder {
color:#809199;

}
input.textbox::-ms-input-placeholder {
color:#809199;

}

.form-group{margin-bottom: 22px;}
.space-mdl{display: inline-block; vertical-align: middle; width: 20px;}
/*===================================== PLACE HOLDER CSSS END HERE 		====================================*/
/*===================================== Commen Butons ===================================*/
.container{width:100%; max-width:1180px;}
.blue-btn {display:inline-block; vertical-align:top; min-width:100px; background-color: var(--primary); border: 1px solid var(--primary); padding: 8px 16px; cursor: pointer; font-size: 13px; font-weight: 500; color: #fff; margin: 0; line-height: normal;  text-transform: uppercase; letter-spacing: 0.5px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; -webkit-box-shadow: 0 2px 6px rgba(0,0,0,0.1), 0 3px 6px rgba(0,0,0,0.1); -moz-box-shadow: 0 2px 6px rgba(0,0,0,0.1), 0 3px 6px rgba(0,0,0,0.1); box-shadow: 0 2px 6px rgba(0,0,0,0.1), 0 3px 6px rgba(0,0,0,0.1); -webkit-transition-duration: 0.25s; transition-duration: 0.25s; -webkit-transition-property: background-color, -webkit-box-shadow; transition-property: background-color, box-shadow;}
.blue-btn[disabled]{opacity: 0.5;}
.blue-btn:hover, .blue-btn:focus { background-color: #066da2; border-color: #066da2; -webkit-box-shadow: 0 4px 7px rgba(0,0,0,0.1), 0 3px 6px rgba(0,0,0,0.1); -moz-box-shadow: 0 4px 7px rgba(0,0,0,0.1), 0 3px 6px rgba(0,0,0,0.1); box-shadow: 0 4px 7px rgba(0,0,0,0.1), 0 3px 6px rgba(0,0,0,0.1); color: #fff;}


.outer-red-btn {display:inline-block; vertical-align:top; min-width:100px; background-color: #fff; border: 1px solid #f20f30; padding: 8px 16px; cursor: pointer; font-size: 13px; font-weight: 500; color: #f20f30; margin: 0; line-height: normal;  text-transform: uppercase; letter-spacing: 0.5px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; -webkit-box-shadow: 0 2px 6px rgba(0,0,0,0.1), 0 3px 6px rgba(0,0,0,0.1); -moz-box-shadow: 0 2px 6px rgba(0,0,0,0.1), 0 3px 6px rgba(0,0,0,0.1); box-shadow: 0 2px 6px rgba(0,0,0,0.1), 0 3px 6px rgba(0,0,0,0.1); -webkit-transition-duration: 0.25s; transition-duration: 0.25s; -webkit-transition-property: background-color, -webkit-box-shadow; transition-property: background-color, box-shadow;}
.outer-red-btn:hover, .outer-red-btn:focus { background-color: #f20f30; border-color: #f20f30; -webkit-box-shadow: 0 4px 7px rgba(0,0,0,0.1), 0 3px 6px rgba(0,0,0,0.1); -moz-box-shadow: 0 4px 7px rgba(0,0,0,0.1), 0 3px 6px rgba(0,0,0,0.1); box-shadow: 0 4px 7px rgba(0,0,0,0.1), 0 3px 6px rgba(0,0,0,0.1); color: #fff;}
.unfollow-lnk{display: inline-block; vertical-align: top;}
.unfollow-lnk a{background-color: #f20f30;border-radius: 50px;line-height: 1;text-align: center;padding: 6px 15px;display: block;border:1px solid #f20f30;text-transform: uppercase;color: #fff;}
.unfollow-lnk a small{font-size: 12px;font-weight: 500;}
.unfollow-lnk a:hover{background-color: #fff; color: #f20f30;}
.unfollow-lnk a i{font-size: 11px; margin-right: 7px;}


.inner-section { padding: 65px 0 40px 0; width: 100%; }
/*			CUSTOM CHECK BOX AND CUSTOM RADIO CSS START		*/
/*.custom-checkbox [type="checkbox"]:not(:checked), .custom-checkbox [type="checkbox"]:checked { left: -9999px; position: absolute; }
.custom-checkbox [type="checkbox"]:not(:checked) + label:before, .custom-checkbox [type="checkbox"]:checked + label:before { border: 1px solid #32c671; content: ""; height: 20px; left: 0; position: absolute; top: 0; width: 20px; }
.custom-checkbox [type="checkbox"]:not(:checked) + label:after { opacity: 0; transform: scale(0); }
.custom-checkbox [type="checkbox"]:not(:checked) + label:after, .custom-checkbox [type="checkbox"]:checked + label:after { color: #32c671; content: "\f00c"; font-size: 14px; font-family: FontAwesome; height: 20px; left: 0; line-height: 0.9; padding: 4px 0; text-align:center; position: absolute; top: 0; transition: all 0.2s ease 0s; width: 20px; }
.custom-checkbox [type="checkbox"]:not(:checked) + label, .custom-checkbox [type="checkbox"]:checked + label { cursor: pointer; padding-left: 30px; position: relative; }*/
.flat-checkbox input[type="checkbox"] { display: none; }
.flat-checkbox input[type="checkbox"] + label { display: block; position: relative; padding-left: 35px; margin-bottom: 5px; font-size: 14px; color: #809199; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; }
.flat-checkbox input[type="checkbox"] + label:last-child { margin-bottom: 0; }
.flat-checkbox input[type="checkbox"] + label:before { content: ''; display: block; width: 20px; height: 20px; border: 1px solid #d6dde1; position: absolute; left: 0; top:-2px; -webkit-transition: all .12s, border-color .08s; transition: all .12s, border-color .08s; }
.flat-checkbox input[type="checkbox"]:checked + label:before { width: 10px; top: -5px; left: 5px; border-radius: 0; opacity: 1; border-top-color: transparent; border-left-color: transparent; -webkit-transform: rotate(45deg); transform: rotate(45deg); border-bottom-color: var(--primary); border-right-color: var(--primary);}
/*	CUSTOM RADIO CSS START	*/
.custom-radio [type="radio"]:not(:checked), .custom-radio [type="radio"]:checked { left: -9999px; position: absolute; }
.custom-radio [type="radio"]:not(:checked) + label:before, .custom-radio [type="radio"]:checked + label:before { border: 1px solid #2c3846; content: ""; height: 20px; left: 0; position: absolute; top: 0; width: 20px; border-radius: 100%;}
.custom-radio [type="radio"]:not(:checked) + label:after { opacity: 0; transform: scale(0); }
.custom-radio [type="radio"]:not(:checked) + label:after, .custom-radio [type="radio"]:checked + label:after { background-color: #3d4d5f; content: ""; font-size: 14px; height: 10px; width:10px; left: 5px; line-height: 0.9;text-align:center; position: absolute; top: 5px; transition: all 0.2s ease 0s; border-radius:100%;}
.custom-radio [type="radio"]:not(:checked) + label, .custom-radio [type="radio"]:checked + label { cursor: pointer; padding-left: 30px; position: relative; }

.radio-btn-small { display: inline-block; margin-right: 14px; padding: 0; position: relative; padding-left: 30px; }
.radio-btn-small:last-child { margin-right: 0; }
.radio-btn label { margin-left: 18px; }
input[type="radio"] { display: none; }
input[type="radio"] + label { font-size: 14px; margin-bottom: 0; cursor: pointer }
input[type="radio"] + label span { display: inline-block; width: 18px; height: 18px; margin: -2px 8px 0 0; vertical-align: middle; cursor: pointer; position: relative; left: 0; top: 0px; border: 1px solid #000; background-color: #fff; border-radius: 100px; }
input[type="radio"]:checked + label span:after { position: absolute; content: ''; width: 10px; height: 10px; background-color: #b8a177; top: 3px; left: 3px; border-radius: 100px; }

/*		HEADER CSS START HERE 		*/
.header-sec .navbar{margin: 0; border: none; min-height: inherit; border-radius: 0;}
.navbar-brand {display: block;}
.header-srch-bx{margin: 0;  position: relative; padding: 0;}
.header-srch-bx .input-group-addon{display: none;}
.header-srch-bx input{background-color:#313e4c; border:none; margin:0; padding: 19px 10px; color: #c1c2c2; padding-right: 70px;}
.header-srch-bx button{background-color: transparent;
  border: none;
  color: var(--gray-light);
  padding: 0;
  margin: 0;
  position: absolute;
  left: 18px;
  top: 10px;
  font-size: var(--base-fonts);}

.navbar-right .in-login-drodown .dropdown-menu{background-color:#2c3846; box-shadow: none; border: none; padding: 0; min-width: 400px; animation: menuflipdown 0.5s ease both; -webkit-animation: menuflipdown 0.5s ease both; -moz-animation: menuflipdown 0.5s ease both; margin-top: 3px;}
.nav .in-login-drodown.open>a, .nav .in-login-drodown.open>a:focus, .nav .open>a:hover{color: var(--primary); background-color: transparent; border: none;}

.header-sec .rgt-menu>li.in-link-bx{position: relative; top: 2px;}
header .user-img {width: 35px; height: 35px; border: none; background-color: transparent;}
header span.profile-picture-character {box-shadow: none;}
.header-sec .rgt-menu>li.in-link-bx span.badge-bx{position: absolute; right:0px; top:0px; width: 18px; height: 18px; border-radius: 100%; line-height: 1; text-align: center; font-size: 10px; font-weight: 300; color: #fff; padding: 4px 0;}


.blue-code{background-color: var(--primary);}
.purple-code{background-color: #7c5ac2;}
.orange-code{background-color: #fc6440;}
.green-code{background-color: #68c766;}
.blue-text{color: var(--primary);}
.purple-text{color: var(--secondary);}
.orange-text{color: var(--secondary);}
.green-text{color: #68c766;}
.red-text{color: #f20f30;}

.user-img{width: 35px; height: 35px; display: flex; align-items: center; justify-content: center;   border-radius: 100%; text-align: center; margin: 0 auto;}
.user-img img{width: 100%; border-radius: 100%;}
.user-img span{display:flex; align-items: center; justify-content: center; color: #fff; font-size: var(--text-18); font-weight: 600;}

@-moz-keyframes menuflipdown {
  0%    { opacity: 0; -moz-transform-origin: top center; transform-origin: top center; -moz-transform: rotateX(-90deg); transform: rotateX(-90deg); }
  80%   { opacity: 1; }
  100%  { -moz-transform-origin: top center; transform-origin: top center; -moz-transform: rotateX(0deg); transform: rotateX(0deg); }
}
@-webkit-keyframes menuflipdown {
  0%    { opacity: 0; -webkit-transform-origin: top center; transform-origin: top center; -webkit-transform: rotateX(-90deg); transform: rotateX(-90deg); }
  80%   { opacity: 1; }
  100%  { -webkit-transform-origin: top center; transform-origin: top center; -webkit-transform: rotateX(0deg); transform: rotateX(0deg); }
}
@keyframes menuflipdown {
  0%    { opacity: 0; transform-origin: top center; transform-origin: top center; transform: rotateX(-90deg); transform: rotateX(-90deg); }
  80%   { opacity: 1; }
  100%  { transform-origin: top center; transform-origin: top center; transform: rotateX(0deg); transform: rotateX(0deg); }
}
.loader-bx{width:110px; margin:0px auto; margin-bottom:0px; text-align:center; position:absolute; left:0; right:0; top:42%;}
.loader-bx img{display:inline-block; vertical-align:top; width:50px; position: static; transform: none;}
.cin-loader{position:relative; width:110px; height:2px; overflow:hidden; display:block; background-color:#e6e9ec; border-radius:2px; margin-top:15px; display:none;}
.cin-loader:before{position: absolute; content: ''; top: 0; left: -25%; width: 50%; height: 100%; background-color: #547ec0; 
animation: load 1.75s ease infinite; -webkit-animation: load 1.75s ease infinite; -moz--webkit-animation: load 1.75s ease infinite;}
@keyframes load {
  50% {
    left: 75%;
  }
}
@-webkit-keyframes load {
  50% {
    left: 75%;
  }
}
@-moz-keyframes load {
  50% {
    left: 75%;
  }
}

.in-login-drodown .in-login-inner a.forget-link:hover{color: #fff;}
.in-login-drodown .in-login-inner em{display: inline-block; vertical-align: top; margin:10px; color: #fff;}
.in-login-drodown .in-login-inner em a:hover{color:#fff;}
.in-login-drodown .signup-social{padding: 0; margin-top: 0;}
.in-login-drodown .fb-link a p, .in-login-drodown .gplus-link a p, .in-login-drodown .linkedin-link a p{display: none;}
.in-login-drodown .gplus-link a, .in-login-drodown .fb-link a, .in-login-drodown .linkedin-link a{border: none;}
.in-login-drodown .gplus-link, .in-login-drodown .fb-link, .in-login-drodown .linkedin-link{width: 40px;}
.cart-buttom {
    display: none;
}
/*.header-srch-bx input::-webkit-input-placeholder {
color:#c1c2c2;

}
.header-srch-bx input::-moz-placeholder {
color:#c1c2c2;

}
.header-srch-bx input::-ms-placeholder {
color:#c1c2c2;

}
.header-srch-bx input.textbox::-ms-input-placeholder {
color:#c1c2c2;

}
.header-srch-bx input.textbox::-ms-input-placeholder {
color:#c1c2c2;

}

/*		LANDING FORM INPUT CSS START HERE			*/
.md-input label { color: #7F8696; font-size: var(--text-14); font-weight: 400; position: absolute; pointer-events: none; left: 20px; top: 10px; -moz-transition: .15s ease all; -o-transition: .15s ease all; -webkit-transition: .15s ease all; transition: .15s ease all; padding: 7px 3px; }
.md-input label sup{color:#ff0000;}
.md-input.active label { top: -15px; font-size: 12px; color: var(--primary); background-color: var(--white);}
.md-input input { display: block; font-weight: 400; height: auto; width: 100%; background-color: transparent; border: none; border-bottom: 1px solid #e3e8eb; border-radius: 0; padding-left: 0; padding-right: 0; font-size: 14px; color: #37474f; font-weight: 400; outline: none; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; overflow: hidden; line-height: normal !important; color: #809199;}
.md-input { position: relative; margin-bottom: 0; box-shadow: none; outline: none; }
.md-input:after{position:absolute; height:1px; bottom:0; left:50%; right:50%; content:''; transition-duration: .5s; -webkit-transition-duration: .5s;    -moz-transition-duration: .5s;  transition-property: left,right;  -webkit-transition-property: left,right;  -moz-transition-property: left,right;  transition-timing-function: ease-out;  -webkit-transition-timing-function: ease-out;  -moz-transition-timing-function: ease-out; display: block;}
/* .md-input.active:after{background-color:var(--primary); left:0; right:0;} */
.md-input label.error{top:auto; bottom:-25px; font-size:12px; color:#ff0000; margin-bottom:0; margin-left:0px !important;}
/* .md-input input:focus{border-bottom: 1px solid #e3e8eb;} */

/*		LOGIN AND SIGNUP  CSS START HERE 		*/
.anime-slide { width: 50%; max-height: 100%; height: 92%; overflow: hidden; margin-left: 50%; position: absolute; box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22); }
.slide-outer-bx { width: 200%; height: 100%; position: relative; left: 0; left: -100%;}

.rgt-signup { width: 50%; height: 100%; background: #F9F9F9; right: 0; position: absolute; overflow: auto;}
.girisback { position: absolute; right: 0; width: 50%; height: 92%; background-size: cover; background-position: 50% 50%; display: table;}

.in-login-inner .flat-checkbox{display: inline-block; vertical-align: top;}

.in-submit-btn{padding:20px 0 10px 0;}
.in-login-inner em{font-style: normal; font-weight: 500; color: #1f2327; display: block; margin-top: 30px; font-size: 14px;}
.in-login-inner em a{text-decoration: underline;}
.c-scroll .mCS-dark.mCSB_scrollTools .mCSB_draggerRail { background-color: transparent; }
.c-scroll .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { width: 10px; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; }
.c-scroll .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: #c9c9c9; }
.mCSB_scrollTools { opacity: 0; filter: "alpha(opacity=0)"; -ms-filter: "alpha(opacity=0)"; z-index: 2;}
.c-scroll:hover .mCSB_scrollTools { opacity: 1; filter: "alpha(opacity=100)"; -ms-filter: "alpha(opacity=100)"; }
.c-scroll .mCS-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background-color: #c9c9c9; }
.c-scroll .mCS-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .slide-outer-bx .mCS-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar { background-color: #c9c9c9; }

.lft-nav .mCS-dark.mCSB_scrollTools .mCSB_draggerRail { background-color: transparent; }
.lft-nav .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { width: 10px; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; }
.lft-nav .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: #c9c9c9; }
.mCSB_scrollTools { opacity: 0; filter: "alpha(opacity=0)"; -ms-filter: "alpha(opacity=0)"; z-index: 2;}
.lft-nav:hover .mCSB_scrollTools { opacity: 1; filter: "alpha(opacity=100)"; -ms-filter: "alpha(opacity=100)"; }
.lft-nav .mCS-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background-color: #c9c9c9; }
.lft-nav .mCS-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .lft-nav .mCS-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar { background-color: #c9c9c9; }


#signup_form{width: 100%; margin: 0px auto;}
.fg-pass-bx button{margin-right: 15px;}



.kayitback { position: absolute; left: 0; width: 50%; height: 92%; background: #fff; background-size: cover; background-position: 50% 50%; display: table;}
.rgt-signup em{font-size: 14px; font-weight: 500; color: #1f2327; display: inline-block;; vertical-align: middle; margin: 8px 20px; font-style: normal;}
.rgt-signup em a{text-transform: uppercase;}
.slide-outer-bx h3{font-size: 32px; font-weight: 300; color: var(--primary); text-align: center; margin-bottom: 30px;}
.anime-bg-img h2{font-size: 48px; font-weight:300; color: #fff;  display: table-cell;; vertical-align: middle; padding-right: 80px; padding-left: 80px; position: relative; text-align: center;}
.rgt-img-bg:before{position: absolute; left: 0; top: 0; bottom: 0; width: 100%; background: url(../images-nct/gradiant-bg-lft.png) left top repeat-y; content: ''; background-size: 100%}
.lft-img-bg:before{position: absolute; left: 0; top: 0; bottom: 0; width: 100%; background: url(../images-nct/gradiant-bg-rgt.png) left top repeat-y; content: ''; background-size: 100%}
.captcha-img{margin-bottom: 20px;}

/*		SOCIAL MEDIA CSS START HERE 		*/
.signup-social { width: 100%; padding:15px 10px; margin-top: 20px; text-align: left; }
.gplus-link, .fb-link, .linkedin-link { display: inline-block; vertical-align: top; width:165px; text-align: left; margin:0 6px;}
.gplus-link a { border: 1px solid #fa3008; display: block; color:#fff;}
.fb-link a { border: 1px solid #0e58ac; display: block; color:#fff;}
.gplus-link a small { text-align: center; margin-right: 10px; font-size: 22px; width: 40px; height:40px; float: left; overflow: hidden; line-height:1; padding:10px 0;}
.gplus-link a p { padding: 8px 6px; color: #fff; font-size: 16px; font-weight: 500; margin: 0; color:#DD4A3A; padding-left:50px;}
.fb-link a small { text-align: center; margin-right: 10px; font-size: 22px; width: 40px; height:40px; float: left; overflow: hidden; hidden; line-height:1; padding:10px 0;}
.fb-link a p { padding: 8px 6px; color: #fff; font-size: 16px; margin: 0;  font-weight: 500; color:#3B579D; padding-left:50px;}
.social-icons a i { line-height: 1; }
.gplus-link a:hover{background-color:#fa3008}
.gplus-link a:hover p{color: #fff;}
.linkedin-link a { border: 1px solid var(--primary); display: block; color:#fff;}
.linkedin-link a small { text-align: center; margin-right: 10px; font-size: 22px; width: 40px; height:40px; float: left; overflow: hidden; hidden; line-height:1; padding:10px 0;}
.linkedin-link a p { padding: 8px 6px; color: #fff; font-size: 16px; margin: 0; font-weight: 500; color:var(--primary); padding-left:50px;}

.fb-link a:hover{background-color:#0e58ac}
.fb-link a:hover p{color: #fff;}
.linkedin-link a:hover{background-color:var(--primary)}
.linkedin-link a:hover p{color: #fff;}

.social-icons a.linkedin { background: var(--primary); text-shadow: 0px 0px #016295, 1px 1px #016295, 2px 2px #016295, 3px 3px #016295, 4px 4px #016295, 5px 5px #016295, 6px 6px #016295, 7px 7px #016295, 8px 8px #016295, 9px 9px #016295, 10px 10px #016295, 11px 11px #016295, 12px 12px #016295, 13px 13px #016295, 14px 14px #016295, 15px 15px #016295, 16px 16px #016295, 17px 17px #016295, 18px 18px #016295, 19px 19px #016295, 20px 20px #016295, 21px 21px #016295, 22px 22px #016295, 23px 23px #016295, 24px 24px #016295, 25px 25px #016295, 26px 26px #016295, 27px 27px #016295, 28px 28px #016295, 29px 29px #016295, 30px 30px #016295; }
.social-icons a.linkedin:hover, .linkedin-icons a.instag:focus { color: var(--primary); }
.social-icons a small.fb-icon { background: #3B579D; text-shadow: 0px 0px #2d4278, 1px 1px #2d4278, 2px 2px #2d4278, 3px 3px #2d4278, 4px 4px #2d4278, 5px 5px #2d4278, 6px 6px #2d4278, 7px 7px #2d4278, 8px 8px #2d4278, 9px 9px #2d4278, 10px 10px #2d4278, 11px 11px #2d4278, 12px 12px #2d4278, 13px 13px #2d4278, 14px 14px #2d4278, 15px 15px #2d4278, 16px 16px #2d4278, 17px 17px #2d4278, 18px 18px #2d4278, 19px 19px #2d4278, 20px 20px #2d4278, 21px 21px #2d4278, 22px 22px #2d4278, 23px 23px #2d4278, 24px 24px #2d4278, 25px 25px #2d4278, 26px 26px #2d4278, 27px 27px #2d4278, 28px 28px #2d4278, 29px 29px #2d4278, 30px 30px #2d4278; }
.social-icons a:hover .fb-icon, .social-icons a:focus .fb-icon { color: #3B579D; }
.social-icons a small.gplus-icon{ background: #DD4A3A; text-shadow: 0px 0px #c23122, 1px 1px #c23122, 2px 2px #c23122, 3px 3px #c23122, 4px 4px #c23122, 5px 5px #c23122, 6px 6px #c23122, 7px 7px #c23122, 8px 8px #c23122, 9px 9px #c23122, 10px 10px #c23122, 11px 11px #c23122, 12px 12px #c23122, 13px 13px #c23122, 14px 14px #c23122, 15px 15px #c23122, 16px 16px #c23122, 17px 17px #c23122, 18px 18px #c23122, 19px 19px #c23122, 20px 20px #c23122, 21px 21px #c23122, 22px 22px #c23122, 23px 23px #c23122, 24px 24px #c23122, 25px 25px #c23122, 26px 26px #c23122, 27px 27px #c23122, 28px 28px #c23122, 29px 29px #c23122, 30px 30px #c23122; }
.social-icons a:hover .gplus-icon, .social-icons a:focus .gplus-icon { color: #DD4A3A; }
.social-icons a small.linkedin-icon{ background: var(--primary); text-shadow: 0px 0px #016295, 1px 1px #016295, 2px 2px #016295, 3px 3px #016295, 4px 4px #016295, 5px 5px #016295, 6px 6px #016295, 7px 7px #016295, 8px 8px #016295, 9px 9px #016295, 10px 10px #016295, 11px 11px #016295, 12px 12px #016295, 13px 13px #016295, 14px 14px #016295, 15px 15px #016295, 16px 16px #016295, 17px 17px #016295, 18px 18px #016295, 19px 19px #016295, 20px 20px #016295, 21px 21px #016295, 22px 22px #016295, 23px 23px #016295, 24px 24px #016295, 25px 25px #016295, 26px 26px #016295, 27px 27px #016295, 28px 28px #016295, 29px 29px #016295, 30px 30px #016295; }
.social-icons a:hover .linkedin-icon, .social-icons a:focus .linkedin-icon { color: var(--primary); }
.social-icons a:hover small, .social-icons a:focus small{ background: #fff; text-shadow: 0px 0px #d4d4d4, 1px 1px #d4d4d4, 2px 2px #d4d4d4, 3px 3px #d4d4d4, 4px 4px #d4d4d4, 5px 5px #d4d4d4, 6px 6px #d4d4d4, 7px 7px #d4d4d4, 8px 8px #d4d4d4, 9px 9px #d4d4d4, 10px 10px #d4d4d4, 11px 11px #d4d4d4, 12px 12px #d4d4d4, 13px 13px #d4d4d4, 14px 14px #d4d4d4, 15px 15px #d4d4d4, 16px 16px #d4d4d4, 17px 17px #d4d4d4, 18px 18px #d4d4d4, 19px 19px #d4d4d4, 20px 20px #d4d4d4, 21px 21px #d4d4d4, 22px 22px #d4d4d4, 23px 23px #d4d4d4, 24px 24px #d4d4d4, 25px 25px #d4d4d4, 26px 26px #d4d4d4, 27px 27px #d4d4d4, 28px 28px #d4d4d4, 29px 29px #d4d4d4, 30px 30px #d4d4d4;}

.social-footer a { display: inline-block; vertical-align: top; margin-left: 5px; width: 32px; height: 32px; color: #fff; text-decoration: none; cursor: pointer; text-align: center; border-radius: 0px; overflow: hidden; line-height: 1; background: #000; position: relative; transition: all 0.5s; -ms-transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; font-size: 18px; padding: 8px 0;}
.social-footer a i { line-height: 1; }
.social-footer a.twit { background: #00ACED; text-shadow: 0px 0px #0087ba, 1px 1px #0087ba, 2px 2px #0087ba, 3px 3px #0087ba, 4px 4px #0087ba, 5px 5px #0087ba, 6px 6px #0087ba, 7px 7px #0087ba, 8px 8px #0087ba, 9px 9px #0087ba, 10px 10px #0087ba, 11px 11px #0087ba, 12px 12px #0087ba, 13px 13px #0087ba, 14px 14px #0087ba, 15px 15px #0087ba, 16px 16px #0087ba, 17px 17px #0087ba, 18px 18px #0087ba, 19px 19px #0087ba, 20px 20px #0087ba, 21px 21px #0087ba, 22px 22px #0087ba, 23px 23px #0087ba, 24px 24px #0087ba, 25px 25px #0087ba, 26px 26px #0087ba, 27px 27px #0087ba, 28px 28px #0087ba, 29px 29px #0087ba, 30px 30px #0087ba; }
.social-footer a.twit:hover, .social-footer a.twit:focus { color: #00ACED; }
.social-footer a.fb { background: #3B579D; text-shadow: 0px 0px #2d4278, 1px 1px #2d4278, 2px 2px #2d4278, 3px 3px #2d4278, 4px 4px #2d4278, 5px 5px #2d4278, 6px 6px #2d4278, 7px 7px #2d4278, 8px 8px #2d4278, 9px 9px #2d4278, 10px 10px #2d4278, 11px 11px #2d4278, 12px 12px #2d4278, 13px 13px #2d4278, 14px 14px #2d4278, 15px 15px #2d4278, 16px 16px #2d4278, 17px 17px #2d4278, 18px 18px #2d4278, 19px 19px #2d4278, 20px 20px #2d4278, 21px 21px #2d4278, 22px 22px #2d4278, 23px 23px #2d4278, 24px 24px #2d4278, 25px 25px #2d4278, 26px 26px #2d4278, 27px 27px #2d4278, 28px 28px #2d4278, 29px 29px #2d4278, 30px 30px #2d4278; }
.social-footer a.fb:hover, .social-footer a.fb:focus { color: #3B579D; }
.social-footer a.gplus { background: #DD4A3A; text-shadow: 0px 0px #c23122, 1px 1px #c23122, 2px 2px #c23122, 3px 3px #c23122, 4px 4px #c23122, 5px 5px #c23122, 6px 6px #c23122, 7px 7px #c23122, 8px 8px #c23122, 9px 9px #c23122, 10px 10px #c23122, 11px 11px #c23122, 12px 12px #c23122, 13px 13px #c23122, 14px 14px #c23122, 15px 15px #c23122, 16px 16px #c23122, 17px 17px #c23122, 18px 18px #c23122, 19px 19px #c23122, 20px 20px #c23122, 21px 21px #c23122, 22px 22px #c23122, 23px 23px #c23122, 24px 24px #c23122, 25px 25px #c23122, 26px 26px #c23122, 27px 27px #c23122, 28px 28px #c23122, 29px 29px #c23122, 30px 30px #c23122; }
.social-footer a.gplus:hover, .social-footer a.gplus:focus { color: #DD4A3A; }
.social-footer a.instag { background: #846b3e; text-shadow: 0px 0px #634c1f, 1px 1px #634c1f, 2px 2px #634c1f, 3px 3px #634c1f, 4px 4px #634c1f, 5px 5px #634c1f, 6px 6px #634c1f, 7px 7px #634c1f, 8px 8px #634c1f, 9px 9px #634c1f, 10px 10px #634c1f, 11px 11px #634c1f, 12px 12px #634c1f, 13px 13px #634c1f, 14px 14px #634c1f, 15px 15px #634c1f, 16px 16px #634c1f, 17px 17px #634c1f, 18px 18px #634c1f, 19px 19px #634c1f, 20px 20px #634c1f, 21px 21px #634c1f, 22px 22px #634c1f, 23px 23px #634c1f, 24px 24px #634c1f, 25px 25px #634c1f, 26px 26px #634c1f, 27px 27px #634c1f, 28px 28px #634c1f, 29px 29px #634c1f, 30px 30px #634c1f; }
.social-footer a.instag:hover, .social-footer a.instag:focus { color: #846b3e; }
.social-footer a.linkedin { background: var(--primary); text-shadow: 0px 0px #016295, 1px 1px #016295, 2px 2px #016295, 3px 3px #016295, 4px 4px #016295, 5px 5px #016295, 6px 6px #016295, 7px 7px #016295, 8px 8px #016295, 9px 9px #016295, 10px 10px #016295, 11px 11px #016295, 12px 12px #016295, 13px 13px #016295, 14px 14px #016295, 15px 15px #016295, 16px 16px #016295, 17px 17px #016295, 18px 18px #016295, 19px 19px #016295, 20px 20px #016295, 21px 21px #016295, 22px 22px #016295, 23px 23px #016295, 24px 24px #016295, 25px 25px #016295, 26px 26px #016295, 27px 27px #016295, 28px 28px #016295, 29px 29px #016295, 30px 30px #016295; }
.social-footer a.linkedin:hover, .linkedin-icons a.instag:focus { color: var(--primary); }
.social-footer a:hover, .social-footer a:focus { background: #fff; text-shadow: 0px 0px #d4d4d4, 1px 1px #d4d4d4, 2px 2px #d4d4d4, 3px 3px #d4d4d4, 4px 4px #d4d4d4, 5px 5px #d4d4d4, 6px 6px #d4d4d4, 7px 7px #d4d4d4, 8px 8px #d4d4d4, 9px 9px #d4d4d4, 10px 10px #d4d4d4, 11px 11px #d4d4d4, 12px 12px #d4d4d4, 13px 13px #d4d4d4, 14px 14px #d4d4d4, 15px 15px #d4d4d4, 16px 16px #d4d4d4, 17px 17px #d4d4d4, 18px 18px #d4d4d4, 19px 19px #d4d4d4, 20px 20px #d4d4d4, 21px 21px #d4d4d4, 22px 22px #d4d4d4, 23px 23px #d4d4d4, 24px 24px #d4d4d4, 25px 25px #d4d4d4, 26px 26px #d4d4d4, 27px 27px #d4d4d4, 28px 28px #d4d4d4, 29px 29px #d4d4d4, 30px 30px #d4d4d4; }

/*		FOOTER CSS START HERE 		*/
.footer-sec{background-color: #1f2327; padding:30px 0; padding-bottom: 0; z-index: 30; position: relative;}
ul.statistic-sec li{width:50%; display: inline-block; vertical-align: top; margin: 15px -2px; padding-right: 15px;}
.count-bx{position: relative; padding-left: 65px;}
.count-bx h3{font-size: 14px; font-weight: 500; color: var(--primary); text-transform: uppercase; margin: 0 0 8px 0;}
.count-bx small{display: block; font-size: 18px; font-weight: 500; color: #fff;}
.count-bx figure{position: absolute; left: 0; top: 0;}
.subsribe-bx input[type="text"] { height: auto; font-size: 14px; border:none; padding:11px;}
.subsribe-bx .input-group-addon { padding: 0; border-radius: 0; border: none; background-color: transparent; vertical-align: top;}
.subsribe-bx .input-group-addon button { border: none; background-color: transparent; padding: 12px 15px; font-size: 19px; color: #fff; background-color: var(--primary); }
.subsribe-bx .input-group-addon button:hover, .subsribe-bx .input-group-addon button:focus { background-color: #03A9F4; }
.subsribe-bx .bootstrap-select > .dropdown-toggle{border: none; border-radius: 2px; padding: 10px; padding-right: 25px;}
.subsribe-bx .open>.dropdown-toggle.btn-default:focus, .subsribe-bx .open>.dropdown-toggle.btn-default:hover{background-color: #fff;}
.static-page{text-align: right; display: inline-block; vertical-align: top; width: 100%; margin: 15px 0;}
.static-page ul li{padding:5px 15px;}
.static-page ul li a{font-size: 14px; font-weight: 300; color: #c9c8c8;}

.cms_pages ul li{padding:5px 15px;}
.cms_pages ul li a{font-size: 14px; font-weight: 300; color: #c9c8c8;}
.footer_cls_new{padding-bottom: 10px;}
.copyright-outer{background-color: #181b1e; text-align: center; padding: 10px 0}
.copyright-outer p{font-size: 13px; font-weight: 300; color: #b2b2b2; margin: 0;}
.copyright-outer p a:hover{color: #fff;}
.social-footer{text-align: right; padding-bottom: 0 10px;}
.footer-toggle{position: fixed;left: 0;bottom: 0;z-index: 15; -ms-transition: all 0.5s ease-out 0s; -webkit-transition: all 0.5s ease-out 0s; -moz-transition: all 0.5s ease-out 0s; -o-transition: all 0.5s ease-out 0s; transition: all 0.5s ease-out 0s;}
.footer-toggle a{display: block; padding: 10px;background-color: var(--primary);line-height: 1;color: var(--white);text-transform: uppercase;font-size: var(--text-12); border-radius: var(--border-r-6) var(--border-r-6) 0 0;}
.footer-toggle a i{margin-left: 10px; font-stretch: 20px; position: relative; top:2px;}
.footer-toggle a:hover, .footer-toggle a:focus{color: var(--white);}
#toggle-footer-section{position: fixed; left: 0; right: 0; bottom:-100%; z-index: 10; -ms-transition: all 0.5s ease-out 0s; -webkit-transition: all 0.5s ease-out 0s; -moz-transition: all 0.5s ease-out 0s; -o-transition: all 0.5s ease-out 0s; transition: all 0.5s ease-out 0s;}
#toggle-footer-section.in-hide{bottom: 0; -ms-transition: all 0.5s ease-out 0s; -webkit-transition: all 0.5s ease-out 0s; -moz-transition: all 0.5s ease-out 0s; -o-transition: all 0.5s ease-out 0s; transition: all 0.5s ease-out 0s;}
.footer-toggle.in-show{bottom: 10px; -ms-transition: all 0.5s ease-out ; -webkit-transition :all .5 s ease-in ; transition :all .5 s ease-in ;}
.profile-left-main {
  position: sticky;
  left: 0;
  top: 120px;
}

/*    STICKY LEFT NAV MENU CSS START    */
.mob-toggle{display: none;}
.in-toggle{position: relative; border-bottom: 1px solid #e6eaee; white-space: nowrap;}
.in-toggle a{color:#707881; font-size: 16px; font-weight: 500; display: block; line-height: 1; padding: 15px; padding-left: 54px;}
.in-toggle a:hover{color: var(--primary);}
.in-bar{width: 22px; height: 20px; display: inline-block; vertical-align: middle; position: absolute; left: 24px; top: 12px;}
.in-bar span{background-color: #4d5661; width: 100%; height: 2px; display: block; position: absolute; top: 50%; transform:translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%);
transition: 0.2s background linear 0.1s, 0.2s top linear 0.2s, 0.2s -webkit-transform linear;
  transition: 0.2s background linear 0.1s, 0.2s top linear 0.2s, 0.2s transform linear;
  transition: 0.2s background linear 0.1s, 0.2s top linear 0.2s, 0.2s transform linear, 0.2s -webkit-transform linear;
}
.in-bar span:nth-child(2){top: 1px; transform: rotate(0deg); -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg);}
.in-bar span:nth-child(3){top: 17px; transform: rotate(0deg); -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg);}
.in-bar span:nth-child(4){background-color: #fff; width: 4px; height: 4px; margin: 0px auto; left: 0; right: 0;}
.in-menu-open .bar-active .in-bar span:nth-child(1){background-color: transparent;}
.in-menu-open .bar-active .in-bar span:nth-child(2){transform: rotate(45deg); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); top: 9px;}
.in-menu-open .bar-active .in-bar span:nth-child(3){transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); top: 9px;}
.in-toggle small{visibility: hidden; opacity: 0; transition: visibility 0s, opacity 1s linear;  font-size: 0; width: 0px;}
.in-menu-open .in-toggle.bar-active small{visibility: visible; opacity: 1; font-size: 14px; padding-left:16px;}
.lft-nav{position: fixed; left: 0; top: 60px; bottom: 0; z-index: 10; background-color: #fff; width: 75px; box-shadow: 0 0 15px 0 rgba(0,0,0,0.07); -ms-transition: all 0.5s ease-out 0s; -webkit-transition: all 0.5s ease-out 0s; -moz-transition: all 0.5s ease-out 0s; -o-transition: all 0.5s ease-out 0s; transition: all 0.5s ease-out 0s;}
.lft-nav .header-bottom{width: 100%; float: none; margin: 0;}
.lft-nav .header-bottom>ul>li{position: relative; border-bottom: 1px solid #e6eaee; white-space: nowrap;}
.lft-nav .header-bottom>ul>li>a{color:#707881; font-size: 16px; font-weight: 500; display: block; line-height: 1; padding: 20px 22px; padding-left: 53px; background-color: transparent;}

.lft-nav .header-bottom>ul>li>a i{color: #4d5661; font-size: 30px; -ms-transition: all 0.5s ease-out 0s; -webkit-transition: all 0.5s ease-out 0s; -moz-transition: all 0.5s ease-out 0s; -o-transition: all 0.5s ease-out 0s; transition: all 0.5s ease-out 0s; position: absolute; left: 20px; top: 14px;}
.lft-nav .header-bottom>ul>li>a:hover, .lft-nav .header-bottom>ul>li>a:focus{color: var(--primary); background-color: transparent;}
.lft-nav .header-bottom>ul>li>a:hover i, .lft-nav .header-bottom>ul>li>a:focus i{color: var(--primary);}
.lft-nav .header-bottom>ul>li>a small{visibility: hidden; opacity: 0; transition: visibility 0s, opacity 1s linear; font-size: 0; width: 0px;}
.lft-nav.in-menu-open .header-bottom>ul>li>a small{visibility: visible; opacity: 1; font-size: 15px; padding-left: 18px;}
.lft-nav .header-bottom>ul>li>a:after{content: "\f107";font-family: FontAwesome;color: #fff;position: absolute;right: 12px;top: 16px;font-size: 22px;color: #2c3846;
 visibility: hidden; opacity: 0; transition: visibility 0s, opacity 2s linear;
}
.lft-nav.in-menu-open .header-bottom>ul>li>a:after{content: "\f107";font-family: FontAwesome;color: #fff;position: absolute;right: 12px;top: 16px;font-size: 22px;color: #2c3846; 
 visibility: visible; opacity: 1;}
.lft-nav .header-bottom>ul>li.open>a:after{content: "\f106";}
.lft-nav.in-menu-open .header-bottom>ul>li .dropdown-menu{position: static; float: none; border: none; box-shadow: none; border-radius: 0; background-color: #edf2f6; display: none;}
.lft-nav .header-bottom>ul>li .dropdown-menu h4{margin:0; background-color: #eaeff3; font-size: 14px; font-weight: 700; color: #2b3745; text-transform: uppercase; padding: 10px 14px;}
.lft-nav.in-menu-open{width: 230px; overflow: auto;}
.lft-nav.in-menu-open .header-bottom>ul>li:hover .dropdown-menu{display: none;}
.lft-nav.in-menu-open .header-bottom>ul>li.open:hover .dropdown-menu{display: block; opacity: 1; -webkit-opacity: 1; -ms-opacity: 1; -moz-opacity: 1;}
.lft-nav.in-menu-open .header-bottom>ul>li.open .dropdown-menu{display: block; opacity: 1; -webkit-opacity: 1; -ms-opacity: 1; -moz-opacity: 1;
-webkit-transform: rotateX(0deg);
 transform: rotateX(0deg);
 -moz-transform: rotateX(0deg);
 -ms-transform: rotateX(0deg);
}
.lft-nav.in-menu-open .header-bottom>ul>li.open .dropdown-menu ul li a{padding: 8px 12px; padding-left: 70px;}
.lft-nav.in-menu-open .header-bottom>ul>li.open .dropdown-menu h4{display: none;}
.lft-nav .header-bottom>ul>li .dropdown-menu{
border: 1px solid #e6eaee;
border-left: none;
margin: 0;
padding: 0;
min-width: 220px;
border-radius: 0;
box-shadow: none;
	position: absolute; left:-300px; top:-2px; display: block;
	/*opacity: 0; 
-webkit-opacity: 0; 
-ms-opacity: 0; 
-moz-opacity: 0;
 -webkit-backface-visibility: hidden;
 -ms-backface-visibility: hidden;
 -moz-backface-visibility: hidden;
 backface-visibility: hidden;
 -webkit-transform: rotateX(-90deg);
 transform: rotateX(-90deg);
 -moz-transform: rotateX(-90deg);
 -ms-transform: rotateX(-90deg);
 -webkit-transform-style: preserve-3d;
 transform-style: preserve-3d;
 -moz-transform-style: preserve-3d;
 -ms-transform-style: preserve-3d;
 -webkit-transform-origin: top center;
 -ms-transform-origin: top center;
 transform-origin: top center;
 -moz-transform-origin: top center;
 -webkit-transition: -webkit-transform 1s cubic-bezier(0.17, 0.67, 0.59, 1.21), opacity 0.1s 0.1s;
 transition: transform 1s cubic-bezier(0.17, 0.67, 0.59, 1.21), opacity 0.1s 0.1s;
 -moz-transition: transform 1s cubic-bezier(0.17, 0.67, 0.59, 1.21), opacity 0.1s 0.1s;
 -ms-transition: transform 1s cubic-bezier(0.17, 0.67, 0.59, 1.21), opacity 0.1s 0.1s;*/
}
.lft-nav .header-bottom>ul>li .dropdown-menu ul li a{padding: 8px 14px; font-size: 14px; color: #707881; display: block; border-bottom: 1px solid #e6eaee;}
.lft-nav .header-bottom>ul>li .dropdown-menu ul li a:hover, .lft-nav .header-bottom>ul>li .dropdown-menu ul li a:focus{color: var(--primary);}
.lft-nav .header-bottom>ul>li:hover .dropdown-menu{
opacity: 1; -webkit-opacity: 1; -ms-opacity: 1; -moz-opacity: 1;
  -webkit-transform: rotateX(0) translateZ(0);
  transform: rotateX(0) translateZ(0);
  -moz-transform: rotateX(0) translateZ(0);
  -ms-transform: rotateX(0) translateZ(0);
  left: 100%;
}

/*			RIGHT MESSAGE NAV CSS START			*/
.rgt-nav{position: fixed; right: 0; top: 60px; bottom: 0; z-index: 10; background-color: #fff; width: 75px; box-shadow: 0 0 15px 0 rgba(0,0,0,0.07); -ms-transition: all 0.5s ease-out 0s; -webkit-transition: all 0.5s ease-out 0s; -moz-transition: all 0.5s ease-out 0s; -o-transition: all 0.5s ease-out 0s; transition: all 0.5s ease-out 0s;}
.rgt-nav .owl-carousel .owl-stage{width: 100%; display: inline-block; vertical-align: top;}
.rgt-nav>ul>li{position: relative; border-bottom: 1px solid #e6eaee;}
.rgt-nav ul li a{display:table; text-align: center; padding: 15px 0; width: 100%;}
.msg-img{display: inline-block; vertical-align: middle;}
.msg-img figure{width: 40px; height: 40px; border-radius: 100%; border: 1px solid #e2e2e2; display: table; box-shadow: inset 0 0 0 2px #fff;}
.msg-img figure img{width: 100%; border-radius: 100%;}
.msg-img figure span{display: table-cell;vertical-align: middle;color: #4d5661;background-color: #eae0ec;border-radius: 100%;font-weight: 700;}

.msg-info h4{display: none;}
.msg-info small{display: none;}

/*			INNER SECTION START CSS			*/

.dashboard-src{padding: 15px 0;}
.gen-wht-bx{border-radius: var(--border-r-10); background-color: var(--white); border: 1px solid var(--primary); margin-bottom: 30px; width: 100%;}
#jobs_container .gen-wht-bx{overflow:hidden;}
.profile-view-outer{width: 100%;  position: relative;}
/*.profile-view-outer:before{background: url(../images-nct/u-pro-bg.jpg) left top no-repeat; background-size: cover; position: absolute; left: 0; right: 0; top: 0; height: 90px; content: ''; border-radius: 4px 4px 0 0; z-index: 1;}
*/
.profile-view-outer img{width:100%; cursor:pointer; border-radius: var(--border-r-10);}
.profile-pic{width: 112px; height: 112px; border-radius: 100%; display: flex; align-items: center; justify-content: center; margin: 0px; border: 2px solid #fff; position: relative; z-index: 2; margin-top:-50px; background-color: #fff; cursor:pointer;}
.profile-pic span.profile-picture-character{box-shadow:none; height: 107px; width: 107px;}
.profile-pic .btn-file{position: relative; overflow: hidden;}
.profile-pic .profile-overlay{padding-top: 40px;}
.profile-pic .btn-file input[type=file]{position: absolute;top: 0; right: 0; min-width: 100%; min-height: 100%; text-align: right; filter: alpha(opacity=0); opacity: 0;outline: none; background: white; cursor: inherit; display: block;width:100%; height:100%;}
.profile-pic .profile-overlay a{display: inline-block; vertical-align: middle; padding: 0 9px; color: #fff;}
.profile-pic .profile-overlay a:hover{color: #7698f2;}
.profile-pic img{width: 100%; border-radius: 100%;}
.profile-pic span{display: table-cell; vertical-align: middle; color: #fff; font-size: 50px; font-weight: 400;}
.profile-pic span.msg-circle{font-size: 10px; border:none;}
span.msg-circle{font-size: 10px; background-color: #908a9c; border:none; right: 0; margin: 0px auto; bottom: -13px;}
.edt-bx{position: absolute; right: 10px; top:10px; font-size: 20px; z-index: 5;}
.edt-bx a{color: #fff;}
.profile-view-outer figure{padding:15px 25px; padding-bottom: 0;}
.pro-nm-addr{margin-top: 10px;}
.profile-view-outer h1{font-size: var(--text-20); font-weight: 600; margin: 0 0 10px 0; color: var(--black);}
.profile-view-outer p{font-size: var(--text-14); color: var(--black); margin: 15px 0 0;}
.profile-view-outer h5 {font-size: var(--text-14); color: var(--base-color); font-weight: 500; margin: 15px 0 0;}
.profile-view-outer h4 {font-size: var(--text-14); color: var(--black); font-weight: 500; margin: 15px 0 0; display: flex; gap: 10px;}
.profile-view-outer ul {padding:20px 25px; border-top: 1px solid #e6eaee;}
.profile-view-outer ul li { margin-bottom: 20px;}
.profile-view-outer ul li:last-child{margin-bottom: 0;}
.profile-view-outer ul li span{font-size: var(--base-text); font-weight: 700; display: block; margin-bottom: 0; line-height: 1; text-align: right;}
.profile-view-outer ul li p{margin-bottom: 0; font-weight: 600; color: var(--base-color);}
.profile-view-outer ul .view-cell h5 {font-size: var(--text-14); color: var(--base-color); font-weight: 500; margin: 0 0 20px; }
.profile-view-outer ul .view-cell h5:last-child {margin-bottom: 0;}
.profile-view-outer ul .view-cell h5 i {font-size: var(--base-text); min-width: 24px;}
.profile-view-outer ul .view-cell h5 a {color: var(--base-color); display: flex; align-items: center; gap: 8px; }
.profile-view-outer ul .view-cell h5 a:hover {color: var(--primary);}
.fix-sidebar.affix-top{width: 100%;}
.fix-sidebar.affix{width: 100%; max-width: 19.7%; position: fixed;}
.fix-sidebar.affix-bottom{position: absolute !important; width: 90%;}
ul.share-post-tabs{border-bottom: 1px solid #e6eaee; text-align: center;}
ul.share-post-tabs li{display: inline-block; vertical-align: top; margin: 0 10px; font-size: 14px; font-weight: 400; color: #91969c; position: relative;}

ul.share-post-tabs li a{color: #91969c;}
ul.share-post-tabs li i{font-size: 22px; vertical-align: middle; position: relative; top: -2px; margin-right: 10px;}
ul.share-post-tabs li .share-update-nm{padding:20px 15px;}
ul.share-post-tabs li .share-update-nm:hover{color: #2c3846;}
ul.share-post-tabs li .share-update-nm:after{bottom:-28px;content:"";left:50%;position:absolute;right:50%;transition-duration:.5s;-webkit-transition-duration:.5s;-moz-transition-duration:.5s;transition-property:left,right;-webkit-transition-property:left,right;-moz-transition-property:left,right;transition-timing-function:ease-out;-webkit-transition-timing-function:ease-out;-moz-transition-timing-function:ease-out}
ul.share-post-tabs li .share-update-nm:hover:after{border-bottom:1px solid var(--primary); left:0; right:0; bottom:-1px;}
.share-update-nm i{color: var(--primary);}
ul.share-post-tabs li .article-nm a{padding:20px 15px; display: block;}
ul.share-post-tabs li a:hover{color: #2c3846;}
ul.share-post-tabs li .article-nm:after{bottom:-28px;content:"";left:50%;position:absolute;right:50%;transition-duration:.5s;-webkit-transition-duration:.5s;-moz-transition-duration:.5s;transition-property:left,right;-webkit-transition-property:left,right;-moz-transition-property:left,right;transition-timing-function:ease-out;-webkit-transition-timing-function:ease-out;-moz-transition-timing-function:ease-out}
ul.share-post-tabs li .article-nm:hover:after{border-bottom:1px solid #7c5ac2; left:0; right:0; bottom:-1px;}
.article-nm i{color: #7c5ac2;}
.post-article-bx{margin:0; border: none; display: flex; align-items: start; gap: 20px; padding: 25px;}
.post-article-bx .profile-pic {margin: 0; width: 75px; height: 75px; min-width: 75px; min-height: 75px;}
.post-article-bx .profile-pic span.profile-picture-character {width: 100%; height: 100%; font-size: var(--text-30);}
.post-article-bx .form-control {min-height: 75px; resize: vertical; border-radius: 50px; border-color: var(--primary); font-size: var(--base-text);}
.dash-btm-share{padding: 0 25px 10px 110px; position: relative;  }
.dash-btm-share>ul{width: 100%; display: flex; gap: 10px; }
.dash-btm-share>ul>li{display: table-cell; vertical-align: middle;  }

.upload-vid-bx {position: relative;overflow: hidden;text-align: center;font-size: var(--base-text);color: var(--black); font-weight: 600; padding: 5px 20px 15px 10px;line-height: 1; display: flex; gap: 7px; align-items: center;}
.vid-icon-link {display: flex; gap: 7px; align-items: center; color: var(--black);}
.upload-vid-bx i {font-size: var(--text-20);}
.upload-vid-bx i.orange-text {color: rgba(255, 77, 77, 1);}
.upload-vid-bx input[type=file] {position: absolute; top: 0; right: 0; min-width: 100%; min-height: 100%; font-size: 100px; text-align: right; filter: alpha(opacity=0); opacity: 0; outline: none; cursor: pointer; display: block; width:100%; height: 100%;}
.upload-vid-bx i{line-height: 1;}
.upload-vid-bx i.icon-video{font-size: 30px;}

.public-select{padding: 0 15px;}
.public-select .bootstrap-select{max-width: 170px;}
.public-select .bootstrap-select button.dropdown-toggle{border: none; background-color: transparent; padding-left: 0;}
.public-select .bootstrap-select.btn-group .dropdown-toggle .filter-option{font-size: 14px; color: #91969c;}
.dash-btm-share button.blue-btn{position: absolute;right: 0;top: -2px;border-radius: 0 0 3px 0;padding: 13px 14px 14px 14px;box-shadow: none;min-width: 90px; margin-right: 0;}
.galary-bx{padding: 20px 25px; border-top: 1px solid #e6eaee;}
.vid-gallary-bx{width: 100%; position: relative;}
.vid-gallary-bx .close-img{right: 10px; top: 10px;}
.vid-upload{width: 100%; margin: 0; padding: 10px;}
.vid-upload iframe{width: 100%; height: 250px; padding:3px; border:1px solid #ededed;}
.view-upload{display: inline-block; vertical-align: top; margin: 10px -2px; width: 25%; border: 1px solid #ededed; position: relative;}
.close-img{position: absolute; right: 0; top: 0;}
.close-img a{display: block; font-size: 10px; color: #ff0000; background-color: #ededed; text-align: center; line-height: 1; padding:5px 0; display: block; width: 20px; height: 20px; position: static;}
.view-upload span{color: #2c3846; font-size: 12px; text-align: center; display: block; white-space: nowrap; overflow: hidden; padding: 5px 10px; text-overflow: ellipsis;}

.in-feed-pro-table{width:100%; padding: 25px 25px 0;  display: table;}
.feed-pro-img-lft{display: table; vertical-align: top;width: 70px;border-radius: 100%;border:  1px solid #e6eaee;height: 70px;text-align: center;float: left;}
.feed-pro-img-lft span.profile-picture-character{display: table-cell; vertical-align: middle; font-size: 40px;}
.feed-pro-img-lft img{border-radius: 100%; width: 100%;}
.feed-pro-dtl-info{display: table-cell; vertical-align: middle; width: 100%; padding: 0 20px 0 20px; position: relative;}
.feed-pro-dtl-info h2{font-size: var(--text-18); font-weight: 500; color: #2c3846; margin: 5px 0 7px 0;}
.in-heading .feed-pro-dtl-info h2{font-size: 16px; font-weight: 500; color: #2c3846; margin: 5px 0 7px 0; border:none; padding: 0;}
.feed-pro-dtl-info h2 a{color: var(--black);}
.feed-pro-dtl-info span.feed-headline{font-size: var(--base-text); font-weight: 500;  display: block;}
.feed-pro-dtl-info small{  font-size: var(--text-14); }
.view-post-collapse{position: absolute;z-index: 1;right:-20px;top: -6px; display:block;}
.view-post-toggle::after {display: none;}
.view-post-toggle{position: relative;transition: -webkit-transform 400ms cubic-bezier(0.55, 0, 0.1, 1);transition: transform 400ms cubic-bezier(0.55, 0, 0.1, 1);transition: transform 400ms cubic-bezier(0.55, 0, 0.1, 1), -webkit-transform 400ms cubic-bezier(0.55, 0, 0.1, 1);cursor: pointer;width: 40px;height: 23px;float: left;z-index: 1;top: 9px;}
.view-post-toggle i {font-size: var(--text-20); color: var(--base-color);}
.view-post-toggle span { display: block; position: absolute; margin: auto; height: 4px; width: 4px; background-color:var(--primary); border-radius: 50%; left: 0; right: 0; pointer-events: none; }

.view-post-collapse.open a.view-post-toggle{-webkit-transform: rotate(90deg); transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg);}
.view-post-collapse.open a.view-post-toggle span{background-color:#2c3846;}
 
.topinfo-post-dashboard{padding: 15px 25px;}
.topinfo-post-dashboard p{  font-size: var(--text-14);  line-height: 18px;}
.in-like-share-comm{width: 100%; padding: 0 25px 10px 25px;}
.in-like-share-comm .share-menu{ display: flex; gap: 20px;}

.share-menu  a{color:var(--base-color);  display: flex; align-items: center; gap: 8px;}
.share-menu  a i {  font-size: var(--text-24);}
.share-menu  a i.fa{position: relative;}
.in-like-share-comm ul.share-menu-statistics{float: right; margin:6px 0;}
.share-menu-statistics li span i{font-size: 18px; vertical-align: middle; margin-right:6px;}
.share-menu-statistics li span small{font-size: 13px; color: #83878b;}
.share-menu-statistics.list-inline>li{padding: 0; padding-left: 15px;}
.vid-upload:empty {
  display: none;
}
.upload-thumb {margin-bottom: 25px;}
.upload-card {padding: 5px;}
.upload-card img  {border-radius: var(--border-r-6); width: 100%;  object-fit: cover;}
.upload-card iframe {border-radius: var(--border-r-6); width: 100%; height: 250px;}
.close-thumb {width: 35px; height: 35px; display: flex; align-items: center; justify-content: center; background-color: var(--white); box-shadow: 0 0 8px rgba(0, 0, 0, 0.10); position: absolute; right: -10px; top: -10px; font-size: var(--text-18); color: var(--black); border-radius: 50%;}
.comments-container{background-color: #f8f0fb;}
.comment-main{padding: 10px 15px; width: 100%; display: table; border-top: 1px solid #eaf2f6;}
.comment-img{width: 45px;height: 45px;display: flex; align-items: center; justify-content: center; border-radius: 100%;background-color: #807a98;text-align: center;}
.comment-img a{width: 45px; height:45px; display:flex; align-items: center; justify-content: center; background-color: #807a98; border-radius: 100%; text-align: center; float: left;}
.comment-img span.profile-picture-character{display: flex; width: 100%; height: 100%; align-items: center; justify-content: center; vertical-align: middle; color: #fff; font-size: var(--text-20); font-weight: 400; background-color: transparent; box-shadow: none;}
.comment-img  img{width: 100%; border-radius: 100%;}
.comm-cell-bx{display: table-cell; vertical-align: top; width: 100%; position: relative; padding: 0 0 0 20px;}
.comm-cell-bx h3{font-size: 14px; font-weight: 500; margin: 5px 0;}
.comm-cell-bx p {font-size: var(--text-14); font-weight: 400; color:var(--base-color); margin: 6px 0 0;}
 
.comm-cell-bx  small{ font-size: var(--text-12); color:var(--base-color);}
.connection-img-outer{width: 40px;height: 40px;display: table;border-radius: 100%;background-color: #807a98;text-align: center; margin: 0px auto}
.connection-img-outer a{width: 40px; height: 40px; display: table; background-color: #807a98; border-radius: 100%; text-align: center; float: left;}
.connection-img-outer a span.profile-picture-character{display: table-cell; vertical-align: middle; color: #fff; font-size: 26px; font-weight: 400; background-color: transparent; box-shadow: none;}
.connection-img-outer  img{width: 100%; border-radius: 100%;}

.comment-form-container .input-group{border-top: 1px solid #eaf2f6; width: 100%;}
.comment-form-container .input-group label.error{position: absolute; left: 15px; bottom: 0; font-size: 12px; z-index:3;}
.comment-form-container .input-group .form-control{border: none; height: auto; padding: 19px 15px; box-shadow: none; outline: none; outline-offset: 0;}
.comment-form-container .input-group-addon{padding: 0; border: none; background-color: transparent; border-left: 1px solid #e6e9ec;}
.comment-form-container .input-group-addon button{background-color: transparent;border: none;outline: none;outline-offset: 0;box-shadow: none;padding: 0;font-size:18px;width:70px;padding: 10px 0 5px 0;color: var(--primary);}
.comment-form-container .input-group-addon button:hover{color: #2c3846;}
.renew-bx{padding: 15px;}
.renew-bx p{font-size: 15px; font-weight: 300; color: #91969c; margin-bottom: 20px;}
.in-heading h3{font-size: var(--text-22); font-weight: 600; color: var(--black); margin: 0; padding: 20px 10px; background-color: rgba(138, 99, 255, 0.10); margin-bottom: 10px; border-radius:9px; text-align: center; padding-right: 40px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;


}
.in-heading h2{font-size: 20px; font-weight: 300; margin: 0; color: #727d89; padding: 11px 15px; border-bottom: 1px solid #e6eaee; position: relative;}
.exp-note {font-size: var(--text-12); font-style: italic; margin: 10px 0 0;}

.nav-menu{width:100%; margin-bottom: 10px;}
.nav-menu ul{border:none; text-align:left;  padding: 18px 0;}
.nav-menu ul li{margin:0; display:inline-block; vertical-align:top; float:none;}
.nav-menu ul li a{display:inline-block; vertical-align:top; padding:9px 20px; position:relative;background-color:var(--gray-bg); border:1px solid var(--gray-light);  font-weight:400; color:var(--base-color); margin-right:0; font-size: var(--text-18); border-radius: var(--border-r-30); min-width: 152px; text-align: center;}
.nav-menu ul li a:after{bottom:-28px;content:"";left:50%;position:absolute;right:50%;transition-duration:.5s;-webkit-transition-duration:.5s;-moz-transition-duration:.5s;transition-property:left,right;-webkit-transition-property:left,right;-moz-transition-property:left,right;transition-timing-function:ease-out;-webkit-transition-timing-function:ease-out;-moz-transition-timing-function:ease-out}
.nav-menu ul li a:hover {box-shadow: 0 0 8px rgba(0, 0, 0, 0.10);}
.nav-menu ul li a:hover{color:var(--primary);}
.nav-menu ul li.active a{color:var(--primary);background-color: transparent;border: none;border-radius: 0;margin: 0;}
.nav-menu ul li.active a:after{border-bottom:1px solid var(--primary); left:0; right:0; bottom:-1px;}
.nav-menu ul li a:focus, .nav-menu ul li a:hover{background-color:var(--white);  }
.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover{background-color:transparent; border:none;}
.nav-menu.in-menu{margin-bottom: 40px;
  text-align: center;
  background: rgba(255, 255, 255, 0.95);
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
  position: sticky;
  left: 0;
  top: 108px;
  z-index: 100;}
.nav-menu.in-menu ul{width: 100%;  display: flex; gap: 30px;}
.nav-menu.in-menu ul li{margin:0;}
.nav-menu.in-menu ul li a {  white-space: nowrap;}
.nav-menu.in-menu ul li a.active, .nav-menu.in-menu ul li.search-cell .adv-search-btn{color:var(--primary); border-color: var(--primary); font-weight: 500;}
.nav-menu.in-menu ul li.search-cell  { margin-left: auto; }
 .result-row {
  padding-top: 20px;
}
.in-share-view{display: table; width: 100%; padding:15px 20px; position: relative; background-color:rgba(124, 90, 194, 0.05); margin-bottom: 15px;}
.comment-user{float: left; width: 40px; height: 40px; display: table; padding: 2px; text-align: center; border-radius: 100%;}
.comment-user span.profile-picture-character{display: table-cell; vertical-align: middle;}
.comment-user img{width: 100%; border-radius: 100%;}
.in-share-dtl{display:inline-block; vertical-align: top; width: 100%; padding: 0 0 0 20px;}
.in-share-dtl h4{font-size: 14px; margin: 0 0 5px 0;}
.in-share-dtl p{font-size: 12px; line-height: 18px; word-break: break-word; margin-bottom: 7px;}
.in-notify-list li{padding: 10px; width: 100%; border-bottom: 1px solid #404c58;}
.in-notify-list li a{display: table; width: 100%;}
.notify-img{float: left; width: 40px; height: 40px; display: table; padding: 1px; text-align: center; border-radius: 100%;}
.notify-dtl{display: table-cell; vertical-align: top; width: 100%; padding: 0 60px 0 15px; position: relative;}
.notify-dtl h5{font-size: 13px; margin: 0 0 5px 0; font-weight: 400;}
.in-notify-list li a:hover{color:#fff;}
.notify-dtl p{font-size: 12px; line-height: 18px; margin-bottom: 0; line-height: normal;}
.notify-time{position: absolute; right: 0; top: 0; font-size: 11px; color: #83878b; width: 55px; text-align: center;}
.in-msg h3.msg-heading-title{position: relative; margin: 0 0 10px 0; font-size: 16px; padding:10px; background-color: #313e4c;}
.in-msg h3.msg-heading-title a{color: #fff;}
.create-msg{position: absolute; right: 10px; top: 8px;}
.create-msg a{color: #fff; font-size: 20px;}
.in-msg-head li{padding: 10px 5px; width: 100%; border-bottom: 1px solid #404c58;}
.in-msg-head li a{display: table; width: 100%;}
.in-msg-head li a:hover{color:#fff;}
.in-req-head li{display: table; width: 100%; padding:15px 10px; width: 100%; border-bottom: 1px solid #404c58; position:relative;}
.in-msg-img{  width: 40px; height: 40px; display: flex; align-items: center; justify-content: center; padding: 1px; border-radius: 100%; text-align: center;}
.in-msg-img img{width: 100%; border-radius: 100%;}
.in-msg-info{display: table-cell; vertical-align: top; width: 100%; padding: 0 0 0 15px; position: relative;}
.in-msg-info h5{font-size: 13px; margin: 0 0 5px 0; font-weight: 400;}
.in-msg-info p{font-size: 12px; line-height: 18px; margin-bottom: 0;}
.in-req-info{display: table-cell; vertical-align: top; width: 100%; padding: 0 50px 0 15px; position: relative;}
.in-req-info h5{font-size: 13px; margin: 0 0 5px 0; font-weight: 400; color: #fff;}
.in-req-info p{font-size: 12px; line-height: 18px; margin-bottom: 0;}
.msg-date{position: absolute; right: 0; top: 0; font-size: 11px; color: #83878b; width: 55px; text-align: center;}
.req-icon-btns{position: absolute; right: 18px;  top: 10px; font-size: 12px;}
.req-icon-btns a{display: inline-block; vertical-align: top; color: #fc6440; padding-left: 5px;}
.req-icon-btns a i{color: #fc6440 !important;}
.req-icon-btns a:hover{color: #fff;}
.req-icon-btns a:hover i{color: #fff !important;}
.req-icon-btns a.reject-btn{font-size: 10px;}

.edt-pro-form{padding: 0 15px;}
.add-exp-bx{ font-size: var(--text-20);}
.exp-dtl{padding: 25px; position: relative;}
.exp-dtl h4{font-size: var(--base-text); font-weight:600; color: var(--primary); margin:0;}
.exp-dtl h5{font-size: var(--text-14); font-weight: 500; color:var(--black); margin: 10px 0 0 0;}
.exp-dtl p{font-size: var(--text-12);   color:var(--base-color); margin: 15px 0 0 0;}
.exp-dtl h6{font-size: var(--text-12); font-weight: 400; color:var(--black); margin: 15px 0 0 0;}
.addr-bx{font-size: var(--text-14); font-weight: 500; color:var(--base-color); position: relative; margin-top: 10px;}
.addr-bx span{margin-left: 10px; padding-left: 15px; border-left: 1px solid #d0d3d8;}
.addr-bx i{color: #fc6440; font-size: 16px; position: absolute; left: 0; top: 0;}
.yr-bx{font-size: var(--text-14); font-weight: 400; color: var(--base-color); position: relative; padding-left: 30px; margin-bottom: 12px;}
.yr-bx i{color: #fc6440; font-size: 16px; position: absolute; left: 0; top: 0;}
.addr-bx i.icon-book{font-size: 14px; top: 1px;}
.lang-pro-bx{padding: 15px;}
.lang-pro-bx ul.tag li{display: inline-block;vertical-align: top;margin: 0 8px 8px 0;font-size: var(--base-text);color:var(--black); line-height: 1;padding: 10px 20px;border-radius: 50px;background-color: rgba(21, 21, 21, 0.10); border: 1px solid var(--gray-light);} 
.lang-pro-bx ul.tag li a{font-size: 10px; color: var(--base-color); margin-left: 6px;}
.edt-del-bx{position: absolute; right: -40px; top: 5px; -ms-transition: all 0.5s ease-out 0s; -webkit-transition: all 0.5s ease-out 0s; -moz-transition: all 0.5s ease-out 0s; -o-transition: all 0.5s ease-out 0s; transition: all 0.5s ease-out 0s; z-index: 1; width: 32px;}
.edt-del-bx a{width: 30px;height: 30px;line-height: 1;border-radius: 100%;box-shadow: 0 0 25px 0 rgba(0,0,0,0.05);display: block; background-color: #fff; text-align: center;padding: 8px 0;color: #f20f30;margin: 10px 0; opacity: 1; font-size:16px;}
.edt-del-bx a:hover{color: #2c3846;}
.edt-del-bx a.delete-experience-icon{font-size: 10px; padding: 10px 0;}
.exp-dtl:hover .edt-del-bx{right: 20px; -ms-transition: all 0.5s ease-out 0s; -webkit-transition: all 0.5s ease-out 0s; -moz-transition: all 0.5s ease-out 0s; -o-transition: all 0.5s ease-out 0s; transition: all 0.5s ease-out 0s;}
.in-following{padding: 10px 0; position: relative;}
.in-following h4{font-size: 16px; font-weight: 500; color: #2c3846; margin: 0 0 10px 0;}
.in-following h5{font-size: 14px; font-weight: 400; margin: 0 0 5px 0;}
.in-following p{font-weight: 300;}
.emp-bx{font-size: 13px; color: #2c3846; margin-bottom: 10px;}
.emp-bx small{font-size: 13px; color: #7c5ac2; box-shadow: 0 0 15px 0 rgba(0,0,0,0.07); line-height: 1; display: inline-block; vertical-align: middle; padding: 5px 10px; margin: 0 0 0 10px; border-radius: 30px;}
.in-close{position: absolute; right: 10px; top: 10px;}
.in-close>a{display: block; width: 25px; height: 25px; box-shadow: 0 0 15px 0 rgba(0,0,0,0.07); border-radius: 100%; line-height: 1; text-align: center; font-size:12px; color: #f20f30; padding: 8px 0; margin-bottom: 10px;}
.in-close #add_connection_url a{   font-size:var(--text-18);  padding: 6px 0;}
.in-close .connect-ico a{background-color: #f7f7f9; width: 25px; height: 25px; border-radius: 100%; line-height: 1; text-align: center; font-size:11px; color: var(--primary); padding: 6px 0;}
.view-more-bx{border-top:1px solid #e6eaee; padding: 14px 10px; text-align: center; text-transform: uppercase; font-size: 13px; margin-top: 5px;}
.view-more-bx a{display: inline-block; vertical-align: middle; font-weight: 500;}
.view-more-bx a i{margin-left: 7px; font-size: 12px;}
.view-more-bx a i.icon-rgt-arrow:before{content:"\e91a";     transform: none;
    cursor: inherit;
    display: inline-block;
    border: none;
    width: auto;
    height: auto;}
.add-link {color: var(--primary);}
.profile-dropdown .dropdown-item {display: flex; align-items: center; width: 100%; gap: 8px; color: var(--black); padding: 10px 15px;}
.profile-dropdown .dropdown-item i {font-size: var(--text-18); color: var(--base-color); min-width: 22px; opacity: 0.5;}
.user-profile-sec .fix-sidebar.affix{width: 19.7%;}
.load-more-feeds{padding: 10px 10px; margin: 10px 0; text-transform: uppercase; font-size: 13px;}
.author-fed-bx{padding: 10px 0 10px 25px;}
.people-connect{display: table; width: 100%; padding: 10px 25px; }
.people-connect-nm{display: table-cell; width: 100%; padding: 0 35px 0 10px; position: relative; vertical-align: middle;}
.people-connect-nm h4{font-size: var(--base-text); font-weight: 500; margin: 0;}
.people-connect-nm h4 a{color: var(--base-color);}
.people-connect-nm p{font-size: 14px; margin:4px 0 0;}
.people-connect-nm p.count {font-size: 12px; margin:4px 0 0;}
.people-connect-nm .in-close{top: 0px; right: 0;}
.common-conn-list{background-color: #f5f5f5; margin-bottom: 0;}
.common-conn-list h4{font-size: 13px; font-weight: 500; margin: 10px 0 5px 0;}
.common-conn-list h5{font-size: 13px; font-weight: 500; margin: 10px 0 5px 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.common-conn-list ul li{display: inline-block; vertical-align: top; width: 33%; padding: 10px; margin: 5px -2px;}
.common-conn-list ul li .comment-img{float: none;; margin: 0px auto}
.common-conn-list p{font-size: 12px; font-weight: 300; line-height: 16px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.my-conn-sec{width: 100%;}
.my-conn-sec h1{font-size: 20px; font-weight: 300; margin-bottom: 15px;}
.srch-conn-bx{position: absolute; right:15px; top: 3px; width: 100%; max-width: 240px;}
.srch-conn-bx .form-group{position: relative;}
.srch-conn-bx i.icon-srch{position: absolute; right:13px; top: 10px; font-size: 20px;}
.srch-conn-bx input{padding-right: 35px;}
.conn-outer-tbl{width: 100%; display: flex; align-items: center; gap: 15px; padding: 20px 25px;}
.membr-img{width: 85px; height: 85px;  display: flex; align-items: center; justify-content: center; border-radius: 100%; text-align: center;}
.connection-img{display: inline-block; vertical-align: top;}
.connection-img a{width: 85px; height: 85px; display: flex; align-items: center; justify-content: center; border-radius: 100%; text-align: center;}
.connection-img img{width: 100%; border-radius: 100%;}
.connection-img span{display:flex; align-items: center; justify-content: center; width: 100%; height: 100%; color: #fff; font-size:var(--text-22); font-weight: 500;}
.conn-dtl {width: 100%; padding: 0 0px 10px 0px;}
.conn-dtl h3{font-size: 16px; margin:8px 0;}
.conn-dtl small{font-size: 14px; color: #313e4c; display: block; margin-bottom: 5px;}
.conn-dtl p{font-weight: 300;}
.shared-send-bx{background-color: #f6f9fb; border-radius: 0 0 3px 3px; border-top: 1px solid #e6eaee; padding: 12px 15px; position: absolute; left:0; right: 0; bottom: 0;}
.share-number{display: inline-block; vertical-align: middle; color: #91969c; font-size: 13px;}
.share-number em{font-style: normal;color: #fff;display: inline-block;vertical-align: middle;background-color: #fc6440;border-radius: 100%;line-height: 1;text-align: center;font-size: 11px;padding: 5px 0;width: 20px;height: 20px;margin-left: 10px; position: relative; top: -2px;}
.share-number em a{color:#fff;}
.rgt-links{float: right;}
.shared-send-bx a{font-size: 12px; font-weight: 500; display: inline-block; vertical-align: top; margin-left: 15px; text-transform: uppercase;}
.connection-bxs{position: relative; padding-bottom: 48px; margin: 15px 0;}
.people-conn-follow-bx{width: 100%; padding: 15px; position: relative;}
.people-conn-follow-bx .in-close a.people-follow{background-color: #f7f7f9; width: 25px; height: 25px; border-radius: 100%; line-height: 1; text-align: center; font-size:16px; color: var(--primary); padding: 6px 0; box-shadow: none;}
.people-conn-follow-bx h3{font-size: 16px; margin:15px 0 10px 0;}
.people-conn-follow-bx p a{color: #91969c;}
.people-conn-follow-bx p a em{font-style: normal; color: #7c5ac2;}
.people-know-bxs .is-sec-know{display: none;position: absolute;left: -6px;right: -6px;background-color: #fcfcfc;border: 1px solid #e6eaee;border-top: none;padding: 10px 5px;top: 100%; z-index: 10;}
.people-know-bxs .common-conn-list{background-color: #fcfcfc; border-top: 1px solid #e6eaee; margin-bottom: 0; position: absolute; left: 0; right: 0; bottom: 0;}
.people-know-bxs{position: relative; padding-bottom: 65px;}
.is-gp-mem .people-know-bxs{position: relative; padding-bottom:0;}
.people-know-bxs .common-conn-list ul li{margin: 0 -2px; width: 33%; position: relative;}
.people-know-bxs .common-conn-list ul li:hover .is-sec-know{display: block;}
.people-know-bxs .common-conn-list h5{margin-top: 0; font-size: 12px;font-weight: 300;}
.people-know-bxs .common-conn-list p{margin-bottom: 0;}

.in-compny-heading{color: #fff; background-color: #7c5ac2; border-radius: 3px 3px 0 0; margin-bottom: 10px; padding: 15px 10px;}
.in-compny-heading h1{font-size: 22px; font-weight: 700; text-transform: uppercase; margin: 0 0 10px 0;}
.in-compny-heading p{font-size: 16px; font-weight: 300; color: #fff;}
.in-create-com{padding: 15px;}
.in-create-com h3{font-size: 16px; font-weight: 500; margin: 0 0 10px 0;}
.in-create-com p{font-weight: 300; font-size: 13px; margin-bottom: 20px;}
.compny-out-bx{display: table; width: 100%; padding: 15px; margin-bottom: 10px;}
.jobs-out-bx{display: flex; gap: 20px; width: 100%; position:relative; padding: 0 25px; align-items: flex-start;}
.comp-user{display: inline-block; vertical-align: top; width: 88px; height: 88px; text-align: center;}
.comp-user a{width: 88px; height: 88px; text-align: center; display: table;border:1px solid #e7e9ec;}
.comp-user a span{display: table-cell; vertical-align: middle; color: #4d5661; font-size: 28px; font-weight: 400; font-weight: 700;}
.comp-user a img{width: 100%;}
.srch-img{display: inline-block; vertical-align: top; position: relative;}
.comp-rgt-info{display: table-cell; vertical-align: top; width: 100%; padding: 0 10px 0 20px; position: relative;}
.comp-rgt-info h3{font-size: 18px; font-weight: 500; margin: 0 0 7px 0;}
.comp-rgt-info h3 a{color: #2c3846;}
.comp-rgt-info span{font-size: 16px; color: #91969c; display: block; margin-bottom:10px;}
.comp-view-info{width: 100%; padding:15px; border-top: 1px solid #e6eaee;}
.manage-del-bx .unfollow-lnk{float: right;}
.manage-del-bx{ border-top: 1px solid var(--gray-devider); padding: 15px 25px; }
.manage-del-bx .emp-bx{display: inline-block; vertical-align: middle; margin-bottom: 0;}
.manage-del-bx .comman-btn-position{float: right; text-align: right;}
.manage-del-bx .comman-btn-position a{width: 30px;height: 30px;border-radius: 100%;text-align: center;color:#fff;font-size:16px;display: inline-block;vertical-align: top;margin-left: 10px;font-size: 13px;padding: 7px 0;}
.manage-del-bx .comman-btn-position a.purple-code{font-size: 10px;padding: 9px 0;}
.tooltip.left .tooltip-arrow{border-left-color:#514e4f;}
.tooltip.right .tooltip-arrow{border-right-color:#514e4f;}
.tooltip.top .tooltip-arrow{border-top-color:#514e4f;}
.tooltip.bottom .tooltip-arrow{border-bottom-color:#514e4f;}
.tooltip-inner{background-color: #514e4f; border-radius: 2px; min-width: 80px; text-align: center; font-size: 12px; font-weight: 400; text-transform: uppercase; }

.comman-btn-position .manage-txt{display: inline-block; vertical-align: top;}
.comman-btn-position .manage-txt a{background-color: #fc6440; font-family: connectIn;}
.comman-btn-position .manage-txt a:before{content: "\e91b";}
.comman-btn-position .manage-txt a#withdrawAppliedJobs{background-color: #7c5ac2;}
.comman-btn-position .manage-txt a#withdrawAppliedJobs:before{content: "\e914";}

.comman-btn-position .manage-txt a#removeSavedJobs{background-color: #7c5ac2;}
.comman-btn-position .manage-txt a#removeSavedJobs:before{content: "\e914";}

.comman-btn-position .del-txt{display: inline-block; vertical-align: top;}
.comman-btn-position .del-txt a{background-color: #7c5ac2; font-family: connectIn; font-size: 11px; padding: 8px 0;}
.comman-btn-position .del-txt a:before{content: "\e914";}
.comman-btn-position .share-number{margin-top: 6px;}
.cate-ind-bx.breadcrumb{padding: 0;margin: 10px 0 0;display: inline-block;overflow: hidden;}
.cate-ind-bx.breadcrumb>li{position:relative;font-size:var(--text-12);vertical-align: top;padding:6px 10px;color:var(--base-color); border: 1px solid var(--gray-devider); border-radius: var(--border-r-10);}
.cate-ind-bx.breadcrumb>li:first-child:before{content:'';border-top: 15px solid transparent;border-right: 0px solid transparent;border-left: 9px solid #f5f5f5;border-bottom: 16px solid transparent;padding: 0;position: absolute;right: -4px;top: -2px;z-index: 2;}
.cate-ind-bx.breadcrumb>li:first-child:after{content:'';border-top: 14px solid transparent;border-right: 0px solid transparent;border-left: 10px solid #ffffff;border-bottom: 14px solid transparent;padding: 0;position: absolute;right: -7px;top: -1px;z-index: 1;}
.cate-ind-bx.breadcrumb>li:last-child{overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: 340px;}
.cate-ind-bx.breadcrumb>li:last-child:before{display: none;}
.member-nm{color: #91969c; font-size: 13px;}
.member-nm em{font-style: normal; font-weight: 700; color: #fc6440; padding-left: 5px;}
.profile-view-outer .edt-del-bx {right: 10px;}
.profile-view-outer .edt-del-bx a{color: var(--primary);}
.profile-view-outer .edt-del-bx a#follow_user{color: var(--primary)}
.profile-view-outer .edt-del-bx a.new-msg{font-size: 16px;}
.profile-view-outer .edt-del-bx a i.icon-close{font-size: 10px; color: var(--primary)}
.common-list{width: 100%; display: table; padding: 10px; padding-bottom: 15px;}
.common-img {display: inline-block;}
.common-img a{width: 50px;height: 50px;display: table;border-radius: 100%;background-color: #876bf7;text-align: center;}
.common-img img{width: 100%; border-radius: 100%;}
.common-img span{display: table-cell; vertical-align: middle; color: #fff; font-size: 26px; font-weight: 400;}
.common-info-rgt{display: table-cell; width: 100%; padding: 0 35px 0 15px; position: relative; vertical-align: middle;}
.common-info-rgt h4{font-size: 14px; font-weight: 500; margin: 0 0 7px 0;}
.common-info-rgt h4 a{color: #313547;}
.common-info-rgt p{font-size: 11px; margin-bottom: 0; line-height: normal;}
.common-info-rgt .in-close{right: 0; top: 0;}
.common-info-rgt .in-close>a{display: block;width: 30px;height: 30px;box-shadow: 0 0 15px 0 rgba(0,0,0,0.07);border-radius: 100%;line-height: 1;text-align: center;font-size: 16px;color: var(--primary);padding: 7px 0;margin-bottom: 10px;}
.similar-pro{display: table-cell; width: 100%; padding: 0 35px 0 15px; position: relative; vertical-align: middle;}
.similar-pro p{font-size: 11px; margin-bottom: 0; line-height: normal;}
.similar-pro .in-close{right: 0;}
.post-img{border-radius: 3px 3px 0 0; position: relative; background-position: left top; background-repeat: no-repeat; background-size: 100%; min-height:280px; margin-bottom:10px;}
.post-img input[type=file]{position: absolute; left: 0; right: 0; top: 0; bottom: 0; width: 100%; height: 100%; opacity: 0; -webkit-opacity:0; -moz-opacity:0; -ms-opacity:0; cursor: pointer;}
.upload-bg-bx{position: absolute; left: 0; right: 0; top: 35px; margin: 0px auto; text-align: center; width: 150px;}
.upload-bg-bx figure{margin-bottom: 12px;}
.upload-bg-bx label{font-size: 13px; font-weight: 700; color: #fff; text-transform: uppercase; display: block;}
.upper-img-overlap{position: absolute; left: 0; right: 0; top:0; bottom: 0;  text-align: center; background-color: rgba(0, 0, 0, 0.8);}
.banner_actions{position: absolute; left: 0; right: 0; top:50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%);}
.banner_actions a{color: #fff; font-size: 18px; margin:10px;}
.crete-post-bx a{padding: 13px 0; font-size: 16px; font-weight: 500; display: block; position: relative;}
.crete-post-bx a i{font-size: 24px; position: absolute; right: 5px; top: 12px;}
.saved-list ul li{border-bottom: 1px solid #e6eaee;position: relative;padding: 15px 40px 15px 10px;border-left: 5px solid transparent; cursor: pointer;}
.saved-list h4{font-size: 13px; color: #2c3846; margin: 0 0 5px 0;}
.saved-list small{font-size: 12px; color: #91969c; font-weight: 300;}
.in-heading .saved-list h3{margin-bottom: 0;}
.saved-list ul li:hover{border-left-color: var(--primary);}
.srch-inner-bx{padding: 15px; padding-top: 10px;}
.relationship-box-outer{margin-bottom: 12px}
.srch-inner-bx ul li{padding-bottom: 10px;}
.advance-filer{float: right; font-size: 13px; font-weight: 500; text-transform: uppercase; margin-right: -30px;}
.srch-inner-bx h5{margin-top: 0;}
.user-srch-info{width: 100%;  padding:0 0 30px; margin-bottom: 30px; border-bottom: 1px solid var(--gray-devider); display: flex; justify-content: space-between; align-items: center;}
.user-srch-info h4 { margin:0; font-size: var(--text-18);} 
.user-srch-info p { margin:10px 0 0; font-size: var(--text-14);} 
.user-srch-info p:empty {display: none;}
.user-srch-info h4 a {color: var(--base-color);}
.user-srch-info h5:empty {display: none;}
.user-srch-info h5 {font-size: var(--base-text); font-weight: 400; margin: 10px 0 0;}
.icons-list-bx{float: right; text-align: right;}
.icons-list-bx a{display: inline-block;; vertical-align: middle; font-size: 18px; line-height: 1; margin-left: 10px;}
.icons-list-bx a.msg-ico{font-size: 20px;}
.srch-location-outer, .relationship-bx{margin-bottom: 20px;}
/* .indu-srch-filter{max-height: 170px;}
.search-box{max-height: 170px;} */
.srch-person-dtl-grp{display: inline-block; vertical-align:middle; margin-left: 15px;}
.grp-usr-img{float: left;}
.grp-usr-img a{display: table; width:40px; height: 40px; text-align: center;}
.grp-usr-img a span{display: table-cell;vertical-align: middle;color: #fff;background-color: #7c88e6;border-radius: 0;font-weight: 700;}
.grp-dtl-info{display: inline-block; vertical-align: top; padding: 0 10px 0 10px; max-width: 250px;}
.grp-dtl-info h6{margin:0;}
.grp-dtl-info p{font-size: 14px; margin-bottom: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.group-rgt-btn{float: right;}
span.profile-picture-character{background-color: #eae0ec; border-radius: 100%; color: #2c3846;  align-items: center; justify-content: center; display: flex; width: 100%; height: 100%;}
span.company-letter-square{background-color: #eae0ec;  border-radius: 100%; color: #2c3846; display: table-cell; vertical-align: middle;}
.lft-profile-bx  {position: sticky; left: 0; top: 120px;}
.jobs-out-bx.compny-out-bx{padding-bottom: 5px; margin-bottom: 10px;}
.feed-sec{width: 100%; padding: 15px 0;}

.edt-comp-info{position: relative;}
.edt-comp-info h1{margin: 0; padding: 13px 20px; border-bottom:1px solid #e6eaee; background-color: #f4f5f6; font-size: 18px; font-weight: 400; border-radius: 3px 3px 0 0;}
.back-btn-bx{position: absolute; right: 0; top: 0;}
.back-btn-bx a{font-size: 22px; display: inline-block; vertical-align: middle; padding: 12px; line-height: 1;}
.back-btn-bx a.back-ico{border-left: 1px solid #e6eaee; font-size: 20px; padding: 12px;}
.back-btn-bx a.trash-ico{color: #f20f30;}
.company-edit-view{display: table; width: 100%; padding: 15px 20px;}
.company-edt-pic{display: table; float: left; width: 110px; height: 110px; border-radius: 2px; border:1px solid #e6eaee; text-align: center;}
.company-edt-pic img{width:100%;}
.company-edt-pic span{border-radius: 2px; font-size: 40px;}
.blank-logo-bx{display: table-cell; vertical-align: middle; position: relative;}
.blank-logo-bx i{font-size: 48px; color: #dce0e7; margin-bottom: 10px;}
.blank-logo-bx span.img-note{font-size: 12px; color: #91969c; width: 100%;}
.blank-logo-bx .btn-file{position: static;}
.logo-preview-contianer{position: relative; width: 100%;}
.logo-preview-contianer:before{position: absolute; left: 0; width: 100%; top: 0; height: 100%; content: ''; background-color: rgba(35, 38, 49, 0.72); display: none;}
.company_logo_actions{position: absolute; left: 0; right: 0; top: 40px; display: none;}
.company_logo_actions a{color: #fff; padding: 0 6px;}
.company_logo_actions a#change_company_logo{font-size: 17px;}
.company_logo_actions a#remove_company_logo{font-size: 20px;}
.company_logo_actions a#remove_group_logo{font-size: 17px;}
.company_logo_actions a#remove_company_logo{font-size: 20px;}
.logo-preview-contianer:hover:before{display: block;}
.logo-preview-contianer:hover .company_logo_actions{display: block;}

.edt-dtl-company{width: 100%; display: table-cell; vertical-align: top; padding: 0 10px 0 20px; position: relative;}
.edt-dtl-company .edt-bx{right: 0; top: 0;}
.edt-dtl-company h3{font-size: 18px; margin: 0 0 5px 0; color: #2c3846;}
.edt-dtl-company h5{font-size: 15px; color: #91969c; margin: 10px 0; font-weight: 400;}
.company-banner-outer{padding: 15px 20px;}
.company-banner-outer h6{font-size: 14px; margin: 0 0 15px 0;}
.banner-inner-tbl{width: 100%; min-height: 210px; background-color: #ffefec; display: table; text-align: center;}
.upload-img-file{display: table-cell; vertical-align: middle; position: relative;}
.upload-img-file i{font-size: 52px; color: #d4cccb; margin-bottom: 10px;}
.upload-img-file  span.img-note{font-size: 13px; color: #2c3846; width: 100%; display: block;}
.banner_actions{position: absolute; left: 0; right: 0; top: 45%; text-align: center;}
.banner-preview-contianer{position: relative; width: 100%;}
.banner-preview-contianer img{width: 100%;}
.banner-preview-contianer:before{position: absolute; left: 0; width: 100%; top: 0; height: 100%; content: ''; background-color: rgba(35, 38, 49, 0.72); display: none;}
.banner-preview-contianer:hover:before{display: block;}
.banner-preview-contianer:hover .banner_actions{display: block;}

.banner_actions a{color: #fff; padding: 0 6px;}
.banner_actions a#change_banner_image{font-size: 17px;}
.banner_actions a#remove_banner_image{font-size: 20px;}
.other-form-list{padding: 15px 5px;}
.other-form-list .list-form small{font-size: 11px; color: #809199; font-style: italic; display: block; text-align: right; float: right;}
.diffent-loc-bx{padding: 10px; width: 100%;}
.diffent-loc-bx .map-box{display: inline-block;vertical-align: top;width: 48%;margin: 10px 6px;padding: 10px;background-color: #f4f5f6;font-size: 12px;color: #809199;position: relative;padding: 10px 60px 10px 38px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.diffent-loc-bx .map-box a.remove-company-location{position: absolute; right: 10px; top: 10px; color: #f20f30; font-size:18px;}
.diffent-loc-bx .map-box i{position: absolute; left: 10px; top: 10px; font-size: 18px; color: #fc6440;}
.diffent-loc-bx .map-box .hq-bx{position: absolute;right: 35px;top: 11px;font-size: 16px;line-height: 1;font-weight: 700;}
#user_details_container{margin-top: 20px;}
.other-form-list .custom-radio{display: inline-block; vertical-align: top; margin:10px 10px 10px 0;}
.other-form-list h5{font-size: 13px; font-weight: 500; display: inline-block; vertical-align: top; margin: 0 0 7px 0;}
.other-form-list h5 sup{color: #f20f30;}
.btn-file>input{position:absolute;top:0;right:0;margin:0;opacity:0;filter:alpha(opacity=0);font-size:23px;height:100%;width:100%;direction:ltr;cursor:pointer}
.admin-list-group li{display: table; width: 100%; background-color: #f3f3f5; margin: 15px 0; padding: 15px; position: relative;}

.admin-list-group li .unfollow-lnk{position: absolute; right: 20px; top: 20px;}
.admin-list-group li .unfollow-lnk a{font-size: 14px; font-weight: 500; color: #f20f30; background-color: transparent;}
.admin-list-group li .unfollow-lnk a  i{font-size: 16px;margin-right: 10px;}
.admin-list-group li .comm-cell-bx p{font-weight: 500;}
.edt-dtl-company .flat-checkbox label p{line-height: normal;}
.other-form-list .select2-container--default .select2-selection--multiple, .other-form-list .select2-container--default.select2-container--focus .select2-selection--multiple{border: 1px solid #d6dde1; color: #809199; font-size: 14px; padding: 5px; border-radius: 3px;}
.other-form-list .select2-container--default .select2-selection--multiple .select2-selection__choice{display: inline-block;vertical-align: top;margin: 0 8px 8px 0;font-size: 12px;color: #2c3846;text-transform: uppercase;line-height: 1;padding: 7px 11px;border-radius: 50px;background-color: #e6e9ec; border: none;}
.select2-container--default .select2-search--inline .select2-search__field{border: none;}

.conn-outer-img{width: 100%; text-align: center; padding:5px 0 15px 0; border-bottom: 1px solid #e6eaee;}
.conn-img-bx{display: inline-block; vertical-align: top;margin: 0 5px 10px 5px;}
.conn-img-bx a{margin-bottom: 5px;}
.conn-img-bx small{display: block; font-size: 12px; color: #fc6440; border: 1px solid #fc6440; border-radius: 4px; line-height: 1; padding: 5px 10px;}
.degree-conn-view{padding: 10px;}
.degree-conn-view ul li{position: relative; font-size: 14px; font-weight: 300; color: #83878b; padding: 10px; padding-left: 40px;}
.degree-conn-view .conn-lft-nm{width: 28px; height: 28px; position: absolute; left: 0; top: 5px; border-radius: 100%; border: 1px solid #e6eaee; color: #2c3846; font-weight: 700; font-size: 14px; text-align: center; line-height: 1; padding: 7px 0;}
.looking-jobs{padding: 15px; border-radius: 3px; margin-bottom: 30px;}
.looking-jobs h4{font-size: 16px; color: #fff; text-transform: uppercase; margin: 0 0 20px 0;}
.looking-jobs a.outer-blue-btn{border-color: #fff; color: #2c3846; letter-spacing: 0; padding: 10px 15px}
.looking-jobs a.outer-blue-btn:hover{border-color: #2c3846; color: #fff; background-color: #2c3846;}
.company-dtl-view{width: 100%; padding: 15px; display: table; overflow:hidden; position:relative;}
.share-part{float: right;}
.share-part ul {display: inline-block; vertical-align: middle;}
.share-part ul li{float: left; margin: 5px;}
.share-part ul li a{display: block; line-height: 1; text-align: center; border: 1px solid #e6eaee; border-radius: 3px; color: #83878b; font-size: 14px; padding: 7px 0; width: 29px; height: 29px;}
.share-part ul li a:hover{border-color: var(--primary); color: var(--primary);}
.manage-del-bx.comp-share-bx{background-color: #f3f7fa; border-radius: 0 0 3px 3px;}
.share-part small{font-size: 13px; text-transform: uppercase; font-weight: 500;}
.manage-del-bx.comp-share-bx .share-number{margin: 9px 0;}
.rgt-yr-emp{display: inline-block; vertical-align:top; width: 200px; text-align: left;}
.rgt-yr-emp p{margin-bottom: 10px; line-height: 1;}
.rgt-yr-emp small{float: right;}
.job-dtl-rgt{display: table-cell; vertical-align: top; width: 100%; padding: 0 10px 0 20px;}
.job-dtl-rgt h3{font-size: 16px; color: #2c3846; margin: 0 0 8px 0; font-weight: 500;}
.job-dtl-rgt h4{font-size: 14px; color: var(--primary); margin: 0 0 8px 0; font-weight: 500;}
.job-dtl-rgt h5{margin:0 0 8px 0;}
.job-dtl-rgt em{font-size: 13px; color: #2c3846; font-weight: 500; line-height: 1; font-style: normal; display: block;}
.manage-job-btm{background-color: #fefefe;border-top: 1px solid #e6e9eb;padding: 10px 15px;border-radius: 0 0 3px 3px;text-align: center;}
.manage-job-btm .share-number{width: 28%; text-align: left;}
.manage-job-btm .mdl-btns{width: 34%; display: inline-block; vertical-align: middle;}
.manage-job-btm .share-part{float: none; display: inline-block; vertical-align: middle; width: 35%; text-align: right;}
.manage-job-btm .mdl-btns a{margin: 0 8px;}
.job_description-dtl{width: 100%; padding:0 15px 15px 15px;}
.other-desc-info{border-top: 1px solid #e6e9eb; background-color: #f3f7fa; border-radius: 0 0 3px 3px; display: table; width: 100%;}
.other-desc-info .job-desc-part{display: table-cell; vertical-align: top; padding: 10px 15px; border-right:1px solid #e6e9eb; width: 25%;}
.job-desc-part h5{font-size: 14px; font-weight: 700; color: var(--primary); margin: 5px 0 15px 0; text-transform: uppercase;}
.other-desc-info .job-desc-part:last-child{border-right: none;}
.job-by-rgt{display: table-cell; width: 100%; padding:0 10px; position: relative; vertical-align: top;}
.job-by-rgt h4{font-size: 14px; margin: 0 0 8px 0;}
.job-by-rgt h6{font-size: 13px; color: #91969c; font-weight: 300; margin: 0 0 6px 0;}
.job-post-cell .people-connect{border: none;}
.in-heading .convers-admin-outer h3{padding: 14px; padding-left: 90px;}
.convers-admin-outer .comment-img{margin:-42px 0 21px 15px;}
.start-img-upload{display: inline-block; vertical-align: top; padding: 3px; width: 62px; text-align: center; border-right: 1px solid #e4e7ea;}
.dash-btm-share.group-share{width: 100%; display: table;}
.about-group{padding: 5px 15px 15px 15px;}
.common-conn-list .icon-btns{padding: 10px 0;}
.common-conn-list .icon-btns a{display: inline-block; vertical-align: top; width: 32px;height: 32px;box-shadow: 0 0 15px 0 rgba(0,0,0,0.07);border-radius: 100%;line-height: 1;text-align: center;font-size:16px;padding: 8px 0; margin:0 5px;}
.common-conn-list .icon-btns a.close-btn{color:#f20f30; font-size: 12px; padding: 10px 0;}

.feed-gropu-outer h3{font-size: 16px; font-weight: 500; color: #2c3846; margin: 0; /*padding: 10px; background-color: #f5f7f8; border-radius:4px 4px 0 0; text-align: left;*/ /*border: 1px solid #e6eaee;*/ border-bottom: none;}
.feed-gropu-outer .gen-wht-bx{border-radius: 0 0 3px 3px; border-top: none;}

.in-group-member{position: absolute; right: 0; left: 0; bottom: -16px; text-align: center;}
.in-group-member small{width: 20px;height: 20px;display: inline-block;vertical-align: top;line-height: 1;color: #fff;font-size: 11px;padding: 5px 0;border-radius: 100%;}
.common-info-rgt-1{display: table-cell; width: 100%; padding: 0 35px 0 15px; position: relative; vertical-align: middle;}
.common-info-rgt-1 h4{font-size: 14px; font-weight: 500; margin: 0 0 7px 0;}
.common-info-rgt-1 h4 a{color: #313547;}
.common-info-rgt-1 p{font-size: 11px; margin-bottom: 0; line-height: normal;}
.common-info-rgt-1 .in-close{right: 0; top: 0;}
.owl-controls .owl-nav{position: absolute; right: 10px; top: -42px;}
.owl-controls .owl-nav>div{display: inline-block; vertical-align: top; font-size: 24px; line-height: 1; margin-left: 10px; color: var(--primary);}
.suggest-comp-bx{position: relative;}
ul.resbin-row .gen-wht-bx{border-top: 5px solid var(--primary);}
ul.resbin-row .purple-bg .gen-wht-bx{border-top: 5px solid #7c5ac2;}
ul.resbin-row .orange-bg .gen-wht-bx{border-top: 5px solid #fc6440;}
.mem-heading{height: 120px; width: 100%; position: relative; text-align: center; display: table; background-color: #cce4f0;}
.mem-heading h2{font-size: 24px; font-weight: 700; margin:0; display: table-cell; vertical-align: middle; width: 100%; color: var(--primary); text-transform: uppercase; position: relative; z-index: 10;}
.mem-outer-bx{padding: 10px 0px; text-align: center;}
.mem-outer-bx p{font-weight: 300; padding: 0 10px;}
.mem-outer-bx ul li{padding: 15px 10px; border-top: 1px solid #f2f4f6;}
.mem-outer-bx small{font-size: 14px; font-weight: 500; text-transform: uppercase; display: block;}
.mem-outer-bx h4{color: var(--primary); font-size: 16px; font-weight: 500; text-transform: uppercase; margin: 0;}
.purple-bg .mem-heading{background-color: #e5def3;}
.orange-bg .mem-heading{background-color: #fee0d9;}
.purple-bg .mem-heading h2{color: #7c5ac2;}
.orange-bg .mem-heading h2{color: #fc6440;}
.purple-bg .mem-outer-bx h4{color: #7c5ac2;}
.orange-bg .mem-outer-bx h4{color: #fc6440;}
.plan-btn{margin: 15px 0 10px 0;}

.in-img-85{display: flex; align-items: center; justify-content: center; width: 75px;border-radius: 100%; height: 75px;text-align: center; }
.in-img-85 img{width: 100%; border-radius: 100%;}
.in-img-85 span{display:flex; align-items: center; justify-content: center; width: 100%; height: 100%; font-size: var(--text-30);}
.in-img-85 span.msg-circle{display: flex; align-items: center; justify-content: center; font-size: var(--text-12); padding: 2px 0; width: 100%; height: 100%}

.in-img-70{display: flex; align-items: center; justify-content: center; width: 75px;border-radius: 100%; height: 75px;text-align: center;float: left; border: 1px solid var(--gray-devider);}
.in-img-70 img{width: 100%; border-radius: 100%;}
.in-img-70 span{display:flex; width: 100%; height: 100%; align-items: center; justify-content: center; vertical-align: middle; font-size: var(--text-30);}

.in-img-42{display: table;vertical-align: top;width: 42px; height: 42px; border-radius: 100%;border:  1px solid #e6eaee;text-align: center;float: left;}
.in-img-42 img{width: 100%; border-radius: 100%;}
.in-img-42 span{display: table-cell; vertical-align: middle; font-size: 20px; color:#fff; background-color: #fc6440;}

.in-img-50{width: 50px;height: 50px;display: table;border-radius: 100%;background-color: #807a98;text-align: center;}
.in-img-50 img{width: 100%; border-radius: 100%;}
.in-img-50 span{display: table-cell; vertical-align: middle; color: #fff; font-size: 26px; font-weight: 400; background-color: transparent; box-shadow: none;}
.in-group-img {position: relative;}
.followin-pro-img{display: inline-block; vertical-align: top; margin-bottom: 15px;}
.leave-gp{margin-top: 10px;min-width:200px;vertical-align: top;display: inline-block;text-align: right;}
.msg-outer-bxs{width: 100%; margin: 10px 0; display: table;}
.lft-msg-bxs{display: table-cell; vertical-align: top; width: 30%; border-right: 1px solid #f2f4f6; background-color: #fafcfe; }
.rgt-msg-bxs{display: table-cell; vertical-align: top; width: 70%;}
.select-msg-bx .bootstrap-select > .dropdown-toggle{border: none; padding: 12px 12px; padding-right: 25px;}
.select-msg-bx{width: 100%; position: relative; padding-right: 60px; background-color: #fff; border-radius: 4px 0 0 0;}
.compose-btn{position: absolute;right: 0;top:0;bottom: 0;width: 60px;text-align: center;font-size: 26px; border-left: 1px solid #f2f4f6;}
.compose-btn a{display: block; line-height: 1; padding: 10px 0;}
.msg-row-list>li{display: table; width: 100%; border-top: 1px solid #f0f3f6; padding: 10px; border-left: 5px solid transparent; cursor: pointer;}
.rgt-msg-info{display: table-cell; vertical-align: top; width: 100%; position: relative; padding: 0 35px 0 15px;}
.rgt-msg-info h4{font-size: 15px; margin: 0 0 5px 0;}
.rgt-msg-info p{font-size: 13px; margin: 0; line-height: normal;}
.rgt-msg-info small{font-size: 11px; color: #99a1a9;}
.msg-row-list>li.active-left-msg{background-color: #fff; border-left-color: var(--primary);}
.rgt-msg-info .in-close{right: 0; top: 0;}
.rgt-msg-bxs .in-heading h3{padding: 14px 14px 15px 14px; font-size: 18px; border-bottom: 1px solid #f2f4f6; border-radius: 0 4px 0 0;}
.rgt-msg-bxs h3 em{font-style: normal; color: var(--primary);}
.msg-chat-main{width: 100%; display: table; padding: 15px 20px;}
.msg-inbox-chat{width: 100%; height: 380px; display: table-cell; vertical-align: bottom;}
.message-border{width: 100%; display: table-cell; vertical-align: top; border: 1px solid #e6eaee;}
.message-border p{padding: 10px 15px; font-size: 13px; color: #99a1a9; margin: 0;}
.my-chat-main .message-border{border-radius: 0 5px 5px 5px;}
.my-chat, .other-chat{width: 100%; display: table; margin: 15px 0;}
.my-chat-main .in-img-85{margin-right: 30px;}
.other-chat-main .in-img-85{margin-left: 30px;}
.cont-box-gray h4{margin: 0; padding: 10px 15px; border-bottom: 1px solid #e6eaee; font-size: 14px; font-weight: 500;}
.other-chat-main h4{background-color: #fff7f5; color: #fc6440; border-radius: 5px 0 0 0;}
.my-chat-main h4{background-color: #fafcfe; color: var(--primary); border-radius: 0 5px 0 0;}
.cont-box-gray{position: relative;}
.my-chat-main .cont-box-gray:before{content: '';position: absolute;left: -20px;top: 0;border-left: 11px solid transparent;border-top: 11px solid #fafcfe;border-right: 11px solid #fafcfe;border-bottom: 11px solid transparent;z-index: 1;}
.my-chat-main .cont-box-gray:after{content: '';position: absolute;left: -22px;top: -1px;border-left: 11px solid transparent;border-top: 11px solid #e6eaee;border-right: 11px solid #e6eaee;border-bottom: 11px solid transparent;z-index: 0;}
.my-chat-main .cont-box-gray small{position: absolute; right: 15px; top:10px; font-size: 11px; color: #91969c;}
.cont-box-gray{position: relative;}
.other-chat-main .cont-box-gray{text-align: right;}
.other-chat-main .cont-box-gray:before{content: '';position: absolute;right: -20px;top: 0;border-left: 11px solid #fff7f5;border-top: 11px solid #fff7f5;border-right: 11px solid transparent;border-bottom: 11px solid transparent;z-index: 1;}
.other-chat-main .cont-box-gray:after{content: '';position: absolute;right: -22px;top: -1px;border-left: 11px solid #e6eaee;border-top: 11px solid #e6eaee;border-right: 11px solid transparent;border-bottom: 11px solid transparent;z-index: 0;}
.other-chat-main .cont-box-gray small{position: absolute; left: 15px; top:10px; font-size: 11px; color: #91969c;}
.other-chat-main .message-border{border-radius: 5px 0px 5px 5px;}
.rgt-msg-bxs .comment-form-container .input-group .form-control{padding: 12px 15px; resize: none;}
.msg-right-scroll{max-height: 450px; width: 100%;}
.compose-outer-bx{width: 100%; padding: 15px 20px;}
.common-conn-list .icon-btns a#deny_invitation{color:#f20f30; font-size:15px; padding: 10px 0;}
#add_edit_experience_form{width: 100%; padding: 20px 10px 10px 10px;}
#add_edit_education_form{width: 100%; padding: 20px 10px 10px 10px;}
.languages-detail .select2-container--default .select2-selection--multiple{border: 1px solid #d6dde1; color: #809199; font-size: 14px; padding: 5px;}
.edt-pro-form{margin-top: 20px;}
.msg-left-scroll{height: 450px; overflow: auto;}
.notify-list>ul>li{border-bottom: 1px solid var(--gray-devider); padding: 15px 25px; display: table; width: 100%;}
.nfty-dtl{display: table-cell; vertical-align: top; width: 100%; padding: 0 0 0 20px;}
.nfty-dtl h4{margin: 0; font-size: var(--text-18); color: var(--base-color); font-weight: 600;}
.nfty-dtl h4 a{color: var(--base-color);}
.nfty-dtl p{font-size: var(--text-14); margin: 6px 0 0;}
.nfty-dtl small{font-size: var(--text-12); color: var(--base-color); margin-top: 6px; display: block;}
#pagination_container{margin:20px 0; width: 100%;}
#pagination_container .pagination{margin:0; width:100%; background-color:#f5f7f8; border: 1px solid #e1e6eb; display:table; height:55px;}
#pagination_container .pagination>li{display:table-cell; vertical-align:middle; float:none; text-align:center;}
#pagination_container .pagination>li:first-child{border-right: 1px solid #e1e6eb;}
#pagination_container .pagination>li:last-child{border-left:  1px solid #e1e6eb;}
#pagination_container .pagination>li>a, #pagination_container .pagination>li>span{float:none; display:inline-block; background-color:transparent; border:none; font-size:14px; font-weight:600; color:#3a405b; width:40px; height:40px; padding: 13px 0;}
#pagination_container .pagination>li.active>a{background-color: #fff; border-radius: 100%; line-height: 1; box-shadow: 0 0 14px 0 rgba(0, 0, 0, 0.06); color: var(--primary);}
.advc-filter-bx .srch-location-outer {margin-bottom: 0;}
.advc-filter-bx h5{ font-size: var(--text-18); font-weight: 500; margin: 0px 0 10px; color: var(--black);}
.advc-filter-bx .relationship-box-outer ul li{display: inline-block; vertical-align: top; width: 24%; margin: 0 0 10px 0; padding-right: 10px;}
.advc-filter-bx ul.search-rilation li{padding:0;}
.advc-filter-bx .indu-srch-filter ul li{padding:0;}
.irs-with-grid{padding: 0 10px;}
.form-note {color: var(--base-color); margin: 18px 0 0; font-size: 10px; font-style: italic;}
.histry-table{margin:0; position:relative; padding-bottom:0;}
.histry-table nav{position:absolute; right:30px; bottom:-15px; z-index:1;}
.histry-table .table thead tr{background-color:#c1ffe9;}
.histry-table .table thead th{border-bottom:none; border-top:none; padding:20px 15px; font-size:18px;}
.histry-table .table tbody td{border:none; border-bottom:2px solid var(--gray-devider); font-size:16px; color:#666666;}
.histry-table .table tbody tr:last-child td{border-bottom:none;}
.signup-form {max-width: 455px; margin: 0 auto;}
.divtable { display: table; width: 100%; background-color:#fff; border-radius: var(--border-r-10);}
.divtable-row { display: table-row; }
.divtable-heading { background-color: #EEE; display: table-header-group; }
.divtable-cell, .divtable-head {display: table-cell; padding: 3px 10px; }
.divtable-heading { background-color: #EEE; display: table-header-group; font-weight: bold; }
.divtable-body { display: table-row-group;}
.ut-label {font-size: var(--text-14); color: var(--black); font-weight: 400;}
.histry-table .divtable-heading{background-color:#fff;}
.histry-table .divtable-heading .divtable-head{border-bottom:none; border-top:none; padding:15px 25px; font-size:var(--text-14); color:var(--black); text-transform:uppercase; font-weight:600;}
.histry-table .divtable-body .divtable-cell{border:none;border-top: 1px solid var(--gray-devider);font-size: var(--text-14);color: var(--base-color);padding:15px 25px;}
.pay-his-sec h1{font-size: 18px; font-weight: 500;}
.cp-outer-bx{padding: 15px 0;}
.in-heading .jobs-tab-bx h2{font-size: 16px; padding: 0; border: none; font-weight: 500;}
.jobs-tab-bx h4{font-size: 15px; margin: 10px 0;}
.jobs-tab-bx p{margin-bottom: 5px;}
.view-more-bx i.icon-check{color: var(--primary); vertical-align: middle; margin-right: 7px;}
#suggestions_panel .owl-controls .owl-nav{top: -75px;}
.comp-tab-bx h4{font-size: 16px; margin:0 0 10px 0;}
.grp-tab-bx h4{font-size: 16px; margin:0 0 10px 0;}
.grp-tab-bx .common-conn-list{margin-top: 15px; padding: 10px;}
.grp-tab-bx .view-more-bx{margin: 0;}
.grp-tab-bx .grp-usr-img{float: none; display: inline-block; vertical-align: middle;}
.grp-tab-bx .grp-dtl-info{ vertical-align: middle;}
.srch-rgt-info{position: relative;}
.exp-type{background-color: #95a4b4; min-width: 100%; line-height: 1; text-align: center; font-size: 12px; color: #fff; padding:7px 10px 7px 15px; position: absolute; right: -15px; top: 0; min-width: 100px; border-radius: 30px 0 0 30px;}
.emp-type{font-size: 14px; font-weight: 700; text-transform: uppercase; display: inline-block; vertical-align: top;}
.cover-banner-comp{width: 100%; position: relative; overflow: hidden; border-radius: var(--border-r-10);} 
.cover-banner-comp img{width: 100%; border-radius: var(--border-r-10);}
.cover-banner-comp:after{ position: absolute; content: ''; left: 0; right: 0; bottom: 0; height: 100%;
	background: -moz-linear-gradient(top, rgba(26,29,34,0.1) 0%, rgba(26,29,34,0.25) 19%, rgba(26,29,34,0.8) 75%, rgba(26,29,34,0.94) 95%, rgba(26,29,34,0.96) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(26,29,34,0.1) 0%,rgba(26,29,34,0.25) 19%,rgba(26,29,34,0.8) 75%,rgba(26,29,34,0.94) 95%,rgba(26,29,34,0.96) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(26,29,34,0.1) 0%,rgba(26,29,34,0.25) 19%,rgba(26,29,34,0.8) 75%,rgba(26,29,34,0.94) 95%,rgba(26,29,34,0.96) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1a1a1d22', endColorstr='#f51a1d22',GradientType=0 ); /* IE6-9 */
}
.lft-comp-img{margin-top: -12px; position: relative; z-index: 10;}
.lft-comp-img a{display: table;vertical-align: top;width: 110px;border:1px solid #e7e9ec; height: 110px;text-align: center; font-size: 40px; font-weight: 500; }
.lft-comp-img a img{width:100%;}
.lft-comp-img span{border-radius: 0;}
.in-comp-rgt-view h4{font-size: 16px; margin-top:0; margin-bottom: 5px;}
.in-comp-rgt-view h5{margin: 10px 0;}
.in-comp-rgt-view .add-exp-bx{top: 0; right: 15px; font-size: 15px;}
.in-comp-rgt-view{display: table-cell; vertical-align: top; width: 100%; padding: 0 10px 0 20px; position: relative;}
.comp-desc-in{padding:10px 15px;}
.admin-bx-compny h4{margin: 0 0 7px 0;}
.admin-bx-compny textarea{border-top: 1px solid #e6eaee;}
.similar-bxs{padding: 15px; padding-bottom: 5px;}
.similar-bxs h4{margin-top: 0; margin-bottom: 6px;}
.similar-bxs h5{margin: 9px 0;}

.mem-heading>figure{position: absolute; left: 0; right: 0; top: 0; padding: 15px; z-index: 0; opacity: 0.4; -moz-opacity: 0.4; -ms-opacity: 0.4; -webkit-opacity: 0.4;}
.mem-heading>figure img{width:125px;}
.purple-bg .mem-heading>figure{top: -10px;}
.purple-bg .mem-heading>figure img{width: 99px;}
.orange-bg .mem-heading>figure{top: -8px;}
.orange-bg .mem-heading>figure img{width: 99px;}
.in-mem-pln-view{width: 100%; padding: 15px  25px 10px;}
.in-mem-pln-view li{padding: 10px 0;}
.in-mem-pln-view li:first-child {padding-top: 0;}
/* .in-mem-pln-view li:last-child {padding-bottom: 0;} */
.in-mem-pln-view li span, .in-mem-pln-view>li small{display: inline-block; vertical-align: top; font-size: var(--text-14); font-weight: 600; color: var(--base-color);}
.in-mem-pln-view li span{min-width: 140px; max-width: 140px; font-weight: 500; font-size: var(--text-14);}
.in-mem-pln-view li small{color: var(--primary); font-weight: 700; float: right;}
.emem-btn{margin: 5px 0 20px 0;}
.pitchdeck-detail {
  border-bottom: 1px solid var(--gray-devider);
}
.pitchdeck-detail:last-child {border-bottom: none;}
.adhoc_inmails_form{display: none; width: 100% !important;}
.equal-line{width: 35px; height: 3px; background-color: #fc6440; border-radius: 2px; position: relative; display: inline-block; vertical-align: middle; margin-top: -20px;}
.equal-line:after{width: 35px; height: 3px; background-color: #fc6440; border-radius: 2px; position: absolute; left: 0; right: 0; margin: 0px auto; top: 10px; content: '';}
.adhoc_inmail_box.text-right{text-align: right;}
.no-feeds{padding: 10px; text-align: center;}
.statastic-bx i{float: right; font-size: 25px; position: relative; top: -4px; margin-right: -30px;}
.statastic-bx ul{width: 100%; margin: 10px  0;}
.statastic-bx ul li{padding: 10px;}
.statastic-bx ul li span, .statastic-bx ul li small{display: inline-block; vertical-align: top; font-size: 14px;}
.statastic-bx ul li span{min-width: 70%; max-width: 140px; font-weight: 400;}
.statastic-bx ul li small{font-weight: 300; float: right; font-weight: 500;}
.notify-list .view-more-bx{border:none; text-align: left;}
.icons-list-bx a.is-accept{background-color: #68c766;border-radius: 100%;width: 25px;height: 25px;text-align: center;color: #fff;font-size: 11px;line-height: 1;padding: 7px 0; margin-top: -2px;}
.icons-list-bx a.is-reject{background-color: #fc6440;border-radius: 100%;width: 25px;height: 25px;text-align: center;color: #fff;font-size: 11px;line-height: 1;padding: 7px 0; margin-top: -2px;}
.in-notify-list a.view-all-notifications{padding: 10px; text-transform: uppercase; color: #fff; display: inline-block; font-size: 12px;}
.in-msg a.view-all-notifications{padding: 10px; text-transform: uppercase; color: #fff; display: inline-block; font-size: 12px;}
.summary-bx .in-mem-pln-view li{border-bottom: 1px solid #f1efef;}
.trans-sucess{padding: 25px;}
.srch-follow{display: inline-block; vertical-align: top; min-width: 115px;}


#applied_filters_container{margin-bottom: 10px;}
#applied_filters_container>li{display: inline-block;  vertical-align: middle; margin-right: 10px; background-color: #fbfbfb; border-radius: 50px; line-height: 1; font-size: 13px; text-align: center; padding: 5px 10px; border:1px solid #e2e2e2;}
#applied_filters_container>li>a.red-text{font-size: 10px; margin-left: 5px;}
#applied_filters_container>li.reset{border:none; border-radius: 0; background-color: transparent; padding: 0; float: right; margin-right:0; margin-top: -5px;}
.in-comp-admin{width: 100%; display:table; padding:10px;}
.in-comp-admin .common-info-rgt{padding-right: 0;}
.in-comp-admin .common-info-rgt h5{font-size: 13px; font-weight: 300; margin-top: 0;}
.is-width-set{width: 100%; max-width: 800px;}
.load-more-comments {margin-bottom: 10px;text-align:center;width: 100%; padding: 10px 0;}
.morelink {font-style: bold;font-size: 15px;}
.txt_connection_cls{color:#ffffff;}
.in-msg-head,.in-notify-list li .no-results{color:#fff;}
.embed-responsive iframe {vertical-align:middle; width:100% !important;}
.admin-row{width:100%; display:inline-block; margin:0px; padding:0px;}
.admin-row .admin-cell{width:100px; display:inline-block; vertical-align:top; margin:5px 5px 0 0; padding:5px; border:#ddd solid 1px; position:relative; min-height:122px;}
.admin-row .admin-cell .remove-company-admin{position:absolute; right:5px; top:0px;}
.admin-cell .admin-img{margin-bottom:5px; width:100%; text-align:center; min-height:60px;}
.admin-cell .gray-text{margin:0px; float:left; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; width:100%;}
.admin-cell h5{width:100%; float:left; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; width:100%;}
ul.diffent-loc-bx{margin:0px; padding:0px; display:inline-block; vertical-align:top; width:100%;}
ul.diffent-loc-bx .map-box{margin-top:10px; margin-right:5px; margin-left:0px; margin-bottom:0px; vertical-align:middle;}
.follow-btn{text-align:center; margin-top:3px; margin-right:10px;}
.common_connection .gen-wht-bx{min-height:260px;}
.reset-pass-page{margin-top:110px; max-width:500px; width:90%; background:#fff; border:#ddd solid 1px;}
.reset-pass-page .page-content-main{margin:15px 0;}
.contact-page{max-width:600px; width:90%; background:#fff; border:#ddd solid 1px;}
.select2-selection__rendered .valid-input{border:0px !important; width:auto !important;}
.featured-label{position:absolute;left:-40px;top:12px;background:var(--primary);z-index: 2;padding:3px 10px;color:#fff;font-size:13px;transform: rotate(-40deg);width:130px;text-align: center;}
.expire-label{position:absolute;left:-40px;top:12px;background:#fc6440;z-index: 2;padding:3px 10px;color:#fff;font-size:13px;transform: rotate(-40deg);width:130px;text-align: center;}
.suggetion-outer .nav-menu{margin-bottom:0px;}
.suggetion-outer .owl-item{padding-top:10px;}
.suggetion-outer .featured-label{left:-30px; top:9px;}
.flex-row .no-results{padding:0 15px;}
.renew-bx-new{padding: 15px;}
.renew-bx-new p{font-size: 15px; font-weight: 300; color: #91969c; margin-bottom: 1px;}
.word_wrap_data{word-wrap: break-word;}
.bootstrap-select.btn-group.show-tick .dropdown-menu li.selected a span.check-mark{top:0 !important;}
.no-data{padding:15px; min-height:50px;}
.languages-detail .no-data{padding:0px; min-height:inherit;}
.dash-search .srch-conn-bx{position:relative; right:0px; max-width:none; top:0px;}
.post-cell .post-video-space{margin-top:15px;}
.public-select .bootstrap-select .dropdown-menu{min-width:230px;}
.navbar-right .dropdown-menu li a{padding-top:5px; padding-bottom:5px;}
.navbar-right .dropdown-menu li i{width:25px; display:inline-block; vertical-align:middle; font-size:20px; color:#000;}
.manage-del-bx .connect-btn{display:inline-block; vertical-align:middle; line-height: 1;border-radius: 30px;text-align: center;border: 1px solid var(--primary); background:var(--primary);padding: 7px 15px;font-size: 12px;text-transform: uppercase;font-weight: 500; color:#fff;}
.manage-del-bx .connect-btn i{margin-right: 7px;}
.manage-del-bx .connect-btn:hover{background-color:#fff; color: var(--primary);}

.manage-del-bx .reject-btn{display:inline-block; vertical-align:middle; line-height: 1;border-radius: 30px;text-align: center;border: 1px solid #fc6440; background:#fc6440;padding: 7px 15px;font-size: 12px;text-transform: uppercase;font-weight: 500; color:#fff;}
.manage-del-bx .reject-btn i{margin-right: 7px;}
.manage-del-bx .reject-btn:hover{background-color:#fff; color: #fc6440;}
.manage-del-bx .accept-btn{display:inline-block; vertical-align:middle; line-height: 1;border-radius: 30px;text-align: center;border: 1px solid #68c766; background:#68c766;padding: 7px 15px;font-size: 12px;text-transform: uppercase;font-weight: 500; color:#fff;}
.manage-del-bx .accept-btn i{margin-right: 7px;}
.manage-del-bx .accept-btn:hover{background-color:#fff; color:#68c766; }

.modal_cover_pic.in{overflow-Y:hidden;}
.modal_cover_pic .modal-body{padding:0px;}
.modal_cover_pic .modal-content {background-color:inherit !important; border:none; border-radius:0; outline:0; -webkit-box-shadow:none; box-shadow:none; padding:0px;}
.modal_cover_pic .modal-dialog{margin-top:250px;}
.modal_cover_pic.in .modal-dialog{height:150px;}

.modal_profile_pic.in{overflow-Y:hidden;}
.modal_profile_pic .modal-body{padding:0px;}
.modal_profile_pic .modal-content {background-color:inherit !important; border:none; border-radius:0; outline:0; -webkit-box-shadow:none; box-shadow:none; padding:0px; text-align:center;}
.modal_profile_pic .modal-dialog{margin-top:200px;}
.modal_profile_pic .modal-body img{border-radius:50%;}
.modal_profile_pic.in .modal-dialog{max-height:335px; max-width:335px;}
.renew-bx-new .no-srg-msg{margin-bottom:10px;}
.right-sticky.sticky{position:fixed; top:105px; width:265px; z-index:1;}
.left-sticky.sticky{position:fixed; top:105px; width:265px; z-index:1;}
.left-first-fix.affix{top:106px;}
.mid-sticky.sticky{position:fixed; top:105px; width:265px; z-index:1;}
.feed-image-container{width:100%; display:inline-block; vertical-align:top;}
.feed-image-container img{width:100%;}
.share-pro-img{position:absolute; left: 15px; top:15px; }
.share-pro-ctn{padding-left:55px;}
.cookies-privacy-sticky{
    position: sticky;
    -webkit-position:sticky;
    -moz-position:sticky;
    left: 0;
    right: 0;
    text-align: center;
    bottom: 0;
    padding: 15px;
    z-index: 100;
    background-color: #e0b027;
    font-weight: 600;
}
.cookies-privacy-sticky a{text-decoration: underline; color: #fff;}
.main-btn {background-color: #1f5dba; color: #fff; border-radius: 4px; font-weight: 500;  min-width: 105px; border: 1px solid #1f5dba; line-height: 1; display: inline-block; vertical-align: top; text-align: center;}
.main-btn:hover, .main-btn:focus { background-color: #2467cc; color: #fff; border-color: #2467cc;}

.main-outer-btn {background-color: transparent; color: #2c3846; border-radius: 4px; font-weight: 500;  min-width: 105px; border: 1px solid #2c3846; line-height: 1; display: inline-block; vertical-align: top; text-align: center;}
.main-outer-btn:hover, .main-outer-btn:focus { background-color: #2c3846; color: #fff; border-color: #2c3846;}

.gray-btn {background-color: transparent; color: #252729; border-radius: 4px; font-weight: 500;  min-width: 105px; border: 1px solid #c7c5c6; line-height: 1; display: inline-block; vertical-align: top; text-align: center;}
.gray-btn:hover, .gray-btn:focus { background-color: transparent; color: #ff7d6f; border-color: #ff7d6f;}

.black-outer-btn {background-color: transparent; color: #3b404a; border-radius: 4px; font-weight: 500;  min-width: 105px; border: 1px solid #3b404a; line-height: 1; display: inline-block; vertical-align: top; text-align: center;}
.black-outer-btn:hover, .black-outer-btn:focus { background-color: #3b404a; color: #fff; border-color: #3b404a;}

.light-btn {background-color: #ced3d9; color: #fff; border-radius: 4px; font-weight: 500;  min-width: 105px; border: 1px solid #ced3d9; line-height: 1; display: inline-block; vertical-align: top; text-align: center;}
.light-btn:hover, .light-btn:focus { background-color: #bec4cc; color: #fff; border-color: #bec4cc;}

.note-txt{font-size: 13px; font-weight: 400; font-style: italic; color: #848484;}

.sm-btn{font-size: 15px; padding: 10px 15px;}
.md-btn{font-size: 16px; padding: 13px 15px; font-weight: 400;}
.lg-btn{font-size: 18px; padding: 12px 30px;}
.full-width{min-width: 100%; max-width: 100%; width: 100%;}
.inner-section { padding: 65px 0 40px 0; width: 100%; }
/*      CUSTOM CHECK BOX AND CUSTOM RADIO CSS START   */
.flat-checkbox input[type="checkbox"] { display: none; }
.flat-checkbox input[type="checkbox"] + label { display: block; position: relative; padding-left: 35px; margin-bottom: 5px; font-size: var(--base-text); color: var(--base-color); font-weight:400; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; }
.flat-checkbox input[type="checkbox"] + label:last-child { margin-bottom: 0; }
.flat-checkbox input[type="checkbox"] + label:before { content: ''; display: block; width: 24px; height: 24px; border: 1px solid var(--field-gray); position: absolute; left: 0; top:-2px; -webkit-transition: all .12s, border-color .08s; transition: all .12s, border-color .08s; border-radius: 4px;}
.flat-checkbox input[type="checkbox"]:checked + label:before { width: 10px; top: -5px; left: 5px; border-radius: 0; opacity: 1; border-top-color: transparent; border-left-color: transparent; -webkit-transform: rotate(45deg); transform: rotate(45deg); border-bottom-color: var(--primary); border-right-color: var(--primary);}
/*  CUSTOM RADIO CSS START  */
.custom-radio [type="radio"]:not(:checked), .custom-radio [type="radio"]:checked { left: -9999px; position: absolute; }
.custom-radio [type="radio"]:not(:checked) + label:before, .custom-radio [type="radio"]:checked + label:before { border: 1px solid #2c3846; content: ""; height: 20px; left: 0; position: absolute; top: 0; width: 20px; border-radius: 100%;}
.custom-radio [type="radio"]:not(:checked) + label:after { opacity: 0; transform: scale(0); }
.custom-radio [type="radio"]:not(:checked) + label:after, .custom-radio [type="radio"]:checked + label:after { background-color: #1f5dba; content: ""; font-size: 14px; height: 10px; width:10px; left: 5px; line-height: 0.9;text-align:center; position: absolute; top: 5px; transition: all 0.2s ease 0s; border-radius:100%;}
.custom-radio [type="radio"]:checked + label:before{border-color: #1f5dba;}
.custom-radio [type="radio"]:not(:checked) + label, .custom-radio [type="radio"]:checked + label { cursor: pointer; padding-left: 30px; position: relative; }

.radio-btn-small { display: inline-block; margin-right: 14px; padding: 0; position: relative; padding-left: 30px; }
.radio-btn-small:last-child { margin-right: 0; }
.radio-btn label { margin-left: 18px; }
input[type="radio"] { display: none; }
input[type="radio"] + label { font-size: 14px; margin-bottom: 0; cursor: pointer }
input[type="radio"] + label span { display: inline-block; width: 18px; height: 18px; margin: -2px 8px 0 0; vertical-align: middle; cursor: pointer; position: relative; left: 0; top: 0px; border: 1px solid #000; background-color: #fff; border-radius: 100px; }
input[type="radio"]:checked + label span:after { position: absolute; content: ''; width: 10px; height: 10px; background-color: #b8a177; top: 3px; left: 3px; border-radius: 100px; }


.adv-sec-1{width: 100%; padding:50px 0;}
.vieo-img-sec{width: 100%; background-color: #f9f9f9; padding:60px 0;}
.vieo-img-sec .owl-theme .owl-nav>div{position: absolute; top: 50%; color: #333; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); z-index: 10; background-color: transparent; border:none; border-radius: 0; font-size: 70px;}
.vieo-img-sec .owl-theme .owl-nav .owl-next{right: -80px; color: #333;}
.vieo-img-sec .owl-theme .owl-nav .owl-prev{left: -80px; color: #333;}
.vieo-img-sec .owl-theme .owl-nav>div:hover{background-color: transparent; color: #333;}
.landing-carousel.owl-carousel.owl-drag .owl-item{background-color: #fff; padding: 15px; border:1px solid #eaeaea;}
.landing-carousel.owl-carousel{margin-bottom: 50px;}

.chart-testi-sec{padding:50px 0; width: 100%;}

.chart-bx{width: 100%; border-radius: 10px; border:1px solid #eaeaea; box-shadow: 0 3px 10px rgba(0,0,0,0.07);}
.chart-bx h3{font-weight: 700; color: #000000; font-size: 20px; letter-spacing: 1px; background-color: #f6f6f6; border-radius: 10px 10px 0 0; margin:0; padding: 20px; text-transform: uppercase;}
.list-numbered {
  list-style: none;
  counter-reset: line;
  margin:30px 20px;
  position: relative;
}
.list-numbered:before{
  position: absolute;
    left: 20px;
    top: -20px;
    bottom: -20px;
    background-color: #ebebeb;
    content: '';
    width: 1px;
}

.list-numbered > li {
  position: relative;
  padding-left: 20px;
  margin: 30px 0;
}

.list-numbered > li:before {
  position: absolute;
  left: -2.25em;
  display: inline-block;
  width: 30px;
  height: 30px;
  margin-right: 0.5em;
  background-color: #fff;
  border-radius: 100px;
  border:1px solid #ebebeb;
  color: #000000;
  text-align:center;
  line-height: 1.25em;
  counter-increment: line;
  content: counter(line);
  padding: 5px 0;
  font-size: 16px;
  top:-6px;
}


.testimonial-carousel.owl-carousel .owl-item{
  padding: 30px 20px;
  text-align: center;
  width: 100%;
}
.testimonial-carousel img{
    width: 75px !important;
    height: 75px;
    margin:10px auto;
    border-radius: 100px;
    border:1px solid #e6eaee;
    padding: 3px;
}
.testimonial-carousel img{
  width: 100%;
  border-radius: 100px;
}
.testimonial-carousel .owl-nav{
    right: 20px;
    top: -60px;
    position: absolute;
    margin:0;
}
.testimonial-carousel .owl-nav .owl-prev, .testimonial-carousel .owl-nav .owl-next{
  width: 40px;
  height: 40px;
  background-color: #fff;
  border:1px solid #e6eaee;
  border-radius: 100px;
  line-height: 1;
  font-size: 18px;
  color: #000;
  font-size: 18px;
  padding: 10px 0;
}
.membership-sec{padding:50px 0; width: 100%;}
.membership-bx{
  width: 100%;
  border:1px solid #d6d6d6;
  box-shadow: 0 3px 18px rgba(0,0,0,0.08);
  border-radius: 20px;
  overflow: hidden;
/*  padding-bottom: 30px;*/
  margin-bottom: 30px;
}
.head-member{
  position: relative; width: 100%; padding: 20px;
}
.home-membership .membership-bx {
    padding-bottom: 30px;
}
/*.head-member:before{
    position: absolute;
    left: -20px;
    right: -20px;
    bottom: 0px;
    background-color: #2d3645;
    width: 420px;
    height: 280px;
    content: '';
    border-radius: 100%;
}*/
.head-member:before {
    position: absolute;
    left: -10%;
    right: -10%;
    bottom: 0px;
    background-color: #2d3645;    
    height: 210px;
    content: '';
    border-radius: 100%;
}
.head-member h4{text-align: center; color: #fff; position: relative; z-index: 1; font-size: 20px; font-weight: 500; text-transform: uppercase; letter-spacing: 1px;}
.head-member h2{text-align: center; color: #fff; position: relative; z-index: 1; font-size: 55px; font-weight: 300; text-transform: uppercase; letter-spacing: 1px;}
.membership-bx ul{margin:10px 0; padding: 20px 0; width: 100%;}
/*.membership-bx ul li{ padding: 10px 50px; position: relative; font-size: 16px; color: #474747; font-weight: 400; border-bottom: 1px solid #f1efef; padding-left: 70px;}*/
.membership-bx ul li {
    padding: 10px 15px;
    position: relative;
    font-size: 16px;
    color: #474747;
    font-weight: 400;
    border-bottom: 1px solid #f1efef;
    padding-left: 35px;
}
.membership-bx ul li:before{width: 6px; height: 6px; background-color: #2d3645; border-radius: 100%; position: absolute; left: 20px; top: 17px; content: '';}

.membership-bx.custom-radio [type="radio"]:not(:checked) + label, .membership-bx.custom-radio [type="radio"]:checked + label{width: 100%; padding-left: 0;padding-bottom: 30px;}
.membership-bx.custom-radio [type="radio"]:not(:checked) + label:before, .membership-bx.custom-radio [type="radio"]:checked + label:before{opacity: 0; -webkit-opacity: 0; -moz-opacity: 0;}
.membership-bx.custom-radio [type="radio"]:not(:checked) + label:after, .membership-bx.custom-radio [type="radio"]:checked + label:after{opacity: 0; -webkit-opacity: 0; -moz-opacity: 0;}
.membership-bx.custom-radio [type="radio"]:checked + label{background-color: #2d3645;}
.membership-bx.custom-radio [type="radio"]:checked + label .head-member:before{background-color: #fff;}
.membership-bx.custom-radio [type="radio"]:checked + label .head-member h4{color: #2d3645;}
.membership-bx.custom-radio [type="radio"]:checked + label .head-member h2{color: #2d3645;}
.membership-bx.custom-radio [type="radio"]:checked + label ul li{color: #fff; border-bottom: 1px solid #4d5563;}
.membership-bx.custom-radio [type="radio"]:checked + label ul li:before{background-color: #fff;}
.membership-bx.custom-radio [type="radio"]:checked + label .main-outer-btn{color: #fff; border-color: #fff;}
.membership-bx.custom-radio [type="radio"]:checked + label .main-outer-btn:hover, .membership-bx.custom-radio [type="radio"]:checked + label .main-outer-btn:focus{color: #2d3645; background-color: #fff;}

.faq-sec{width: 100%; padding: 70px 0; background-color: #f9f9f9;}
.faq-outer {
    width: 100%;
    border-radius: 10px;
    border: 1px solid #eaeaea;
    box-shadow: 0 3px 10px rgb(0 0 0 / 7%);
    background-color: #fff;
}
.faq-heading{
  background-color: #f6f6f6;
  padding: 20px;
  border-radius: 10px 10px 0 0;
  position: relative;
  padding-left: 60px;
  margin-bottom: 20px;
}
.faq-heading i{
  width: 26px;
    height: 26px;
    border-radius: 100%;
    text-align: center;
    line-height: 1;
    font-size: 20px;
    border: 1px solid #2d3645;
    position: absolute;
    left: 20px;
    top: 20px;
    padding: 2px 0;
}
.faq-heading h2{font-size: 24px; font-weight: 600; color: #2d3645; letter-spacing: 0.50px; margin:0 0 10px 0;}
.faq-heading p{font-size: 14px; color: #474747; margin:0;}

.faq-sec .panel-title{padding: 10px 0;}
.faq-sec .panel-group .panel{
  border-radius: 0;
    border: none;
}
.faq-sec .panel-default>.panel-heading+.panel-collapse>.panel-body{border-top: none;
  padding-left: 60px;
    font-weight: 300;
    font-size: 14px;
    color: #848484;
    padding-top: 0;
}
.faq-sec .panel-default>.panel-heading {
  color: #333;
  background-color: #fff;
  border-color: #e4e5e7;
  padding: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.faq-sec .panel-default>.panel-heading a {
  display: block;
  padding: 10px 15px;
  position: relative;
  padding-left: 60px;
  font-weight: 400;
    color: #2d3645;
    font-size: 18px;
}

.faq-sec .panel-default>.panel-heading a:after {
  content: "";
    position: absolute;
    top: 4px;
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    float: left;
    transition: transform .25s linear;
    -webkit-transition: -webkit-transform .25s linear;
    width: 24px;
    height: 24px;
    border-radius: 100px;
    border: 1px solid #6a707b;
    text-align: center;
    line-height: 1;
    vertical-align: middle;
    padding: 0;
    font-size: 22px;
    left: 20px;
}

.faq-sec .panel-default>.panel-heading a[aria-expanded="true"] {
    background-color: transparent;
    border: none;
    box-shadow: none;
    outline: 0;
    border-radius: 0;
    padding-left: 60px;
    position: relative;
}

.faq-sec .panel-default>.panel-heading a[aria-expanded="true"]:after {
  content: "\2212";
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

.faq-sec .panel-default>.panel-heading a[aria-expanded="false"]:after {
  content: "\002b";
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}

.parter-sec{width: 100%; padding: 100px 0;}
.parter-sec h2{font-size: 32px; font-weight: 700; color: #2d3645; text-transform: uppercase; letter-spacing: 0.5px; margin-top:0; margin-bottom: 40px; text-align: center;}
.parter-sec ul li{display: inline-block; vertical-align: top; width: 20%; padding: 0 15px; margin: 15px -2px;}
.partner-logo-bx{
  width: 100%;
  display: table;
  border-radius: 10px;
  border:1px solid #eaeaea;
  box-shadow: 0 0 110px rgba(0,0,0,0.05);
  padding: 15px;
  text-align: center;
  height: 130px;
}
.partner-logo-bx figure{
    display: table-cell;
    vertical-align: middle;
    width: 100%;
}
.two-adv-sec{width: 100%; padding-bottom: 50px;}



#preview_team_container .user-img{margin:0px auto;}
.exp-dtl #preview_team_container  h4{padding-right:0;}

.owl-carousel .animated{-webkit-animation-duration:1000ms;animation-duration:1000ms;-webkit-animation-fill-mode:both;animation-fill-mode:both;}
.owl-carousel .owl-animated-in{z-index:0;}
.owl-carousel .owl-animated-out{z-index:1;}
.owl-carousel .fadeOut{-webkit-animation-name:fadeOut;animation-name:fadeOut;}
@-webkit-keyframes fadeOut{0%{opacity:1;}
100%{opacity:0;}
}
@keyframes fadeOut{0%{opacity:1;}
100%{opacity:0;}
}
.owl-item{float:left;}

.testimonial-carousel .icon-rgt-arrow:before{width:15px; height:15px; margin: 0px auto;
    margin-right: 16px;}
    
.testimonial-carousel .icon-lft-arrow:before{width:15px; height:15px; margin: 0px auto;
    margin-left: 16px;}
#search_results_container .gen-wht-bx{overflow:hidden;}
.feed-image-container {
  width: 100%;
  display: flex;
  vertical-align: top;
  gap: 10px;
}
.feed-image-container img {
 width: 25%;
  object-fit: cover;
  border-radius: 10px;

}

.embed-responsive iframe {
  vertical-align: middle;
  width: 100% !important;
  border-radius: 10px;
}
.share-form .white-box.form-group img {max-width: 24%;
  border-radius: 10px;}
@media (max-width: 991px){
  .adv-sec-1{padding: 15px 0;}
  .parter-sec, .membership-sec, .faq-sec, .vieo-img-sec{padding: 20px 0;}
  .faq-outer, .chart-bx{margin:20px 0;}
  .head-member:before{border-radius: 0; width: 100%; left: 0; right: 0;}
  .parter-sec ul li{width: 33.33%;}
}

@media (max-width: 767px){
  .adv-sec-1{padding: 15px 0;}
  .parter-sec, .membership-sec, .faq-sec, .vieo-img-sec{padding: 20px 0;}
  .faq-outer, .chart-bx{margin:20px 0;}
  .head-member:before{border-radius: 0;}
  .parter-sec ul li{width: 50%;}
  .two-adv-sec .text-left, .two-adv-sec .text-right{margin:20px 0;}
  .vieo-img-sec .owl-theme .owl-nav .owl-prev, .vieo-img-sec .owl-theme .owl-nav .owl-next {
      right: 0;
      left:0;
      color: #333;
      position: static;
      font-size: 20px;
      transform: translateY(-0%);
    -webkit-transform: translateY(-0%);
    -moz-transform: translateY(-0%);
    -ms-transform: translateY(-0%);
  }
}
@media (min-width:768px){
  .flex-row { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -15px;  margin-left: -15px;}
  .align-items-stretch {
     -webkit-box-align: stretch!important;
      -ms-flex-align: stretch!important;
      align-items: stretch!important;
  }
  .d-flex {
      display: -webkit-box!important;
      display: -ms-flexbox!important;
      display: flex!important;
  }
}

.anime-bg-img{
  margin-top: 55px;
}
.upload-file{
  position: absolute;
  margin-top: -25px;
  margin-left: -10px;
  font-size: 20px;
  cursor: pointer;
  opacity: 0;
  width: 7%;
}
.eye-btn{
  float: right;
}

.hash-tag-sec{
  border: 1px solid #ccc;
  border-radius: 7px;
  padding: 10px;
  height: 390px;
  width: 450px;
  overflow-y: auto;
  word-break: break-all;
  background-color: #ddd;
}
.bannerad-4{
  text-align: center;
}

.faq-section div{
  border-bottom: 1px solid #ccc;
  padding: 10px;
}

.faq-section div:hover{
  cursor: pointer;
}

.faq-section h1{
  font-size: 20px;
  margin-left: 20px;
  font-weight: 400;
}

.faq-section p{
  margin-left: 20px;
  font-size: 15px;
}

.faq-section i {
  border: 1px solid;
  border-radius: 500px;
  padding: 5px;
}
.contentbox {
     margin: 0 auto;
     margin-bottom: 10px;
     padding-left: 10px;
     border-radius: 10px;
     height: 0;
     overflow: hidden;
     display: flex;
     transition: all 0.25s;
}

.title:checked + .contentbox {
     padding: 20px 0px 20px 10px;
     height: auto;
}
.accordion-title{
  border: 1px solid #066da2;
  border-radius: 4px;
  padding: 8px;
  width: 100%;
  color:  #066da2;
}
.accordion-title:hover{
  cursor: pointer;
}

.right-arrow-accordion{
  float: right;
  color: #066da2;
  font-size: 20px;
}
.team-member-list{
  margin-left: 26px;
}
.team-member-name{
  text-align: center;
}
.rate-bx > li {
    list-style: none;
    display: inline-block;
    margin-right: 5px;
}
.rate{
  display: inline-flex;
}
.banner_img{
  width: auto !important;
  margin: 0 auto !important;
}
.new-owl{
  margin-bottom: 30px;
}


/* New Design */
* {
    scrollbar-width: thin;
    scrollbar-color: var(--placeholder) var(--gray-first);
  }
  
  /* Chrome, Edge and Safari */
  *::-webkit-scrollbar {
    height: 6px;
    width: 6px;
  }
  *::-webkit-scrollbar-track {
    border-radius: 5px;
    background-color: var(--gray-first);
  }
  
  *::-webkit-scrollbar-track:hover {
    background-color: var(--gray-first);
  }
  
  *::-webkit-scrollbar-track:active {
    background-color: var(--gray-first);
  }
  
  *::-webkit-scrollbar-thumb {
    border-radius: 5px;
    background-color: var(--placeholder);
  }
  
  *::-webkit-scrollbar-thumb:hover {
    background-color: var(--placeholder);
  }
  
  *::-webkit-scrollbar-thumb:active {
    background-color: var(--placeholder);
  }

  .form-control::-moz-placeholder {
    color:var(--placeholder);
    opacity:1
  }
  .form-control::placeholder {
    color:var(--placeholder);
    opacity:1
  }
  .form-control:-ms-input-placeholder {
    color: var(--placeholder);
    opacity: 1;
  }
  .input-group-text {font-size: var(--text-14); background-color: var(--field-gray);}
input.form-control,
textarea.form-control,
select.form-control {
    background-color: var(--white);
    border: 1px solid var(--field-gray);
    border-radius: var(--border-r-10);
    box-shadow: none;
    font-size: var(--text-14);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    height: 54px;
    color: var(--base-color);
    padding: 10px 20px;
    font-weight: 400;
}
select.form-control {background-image: url(../images-nct/select-arrow.svg); background-position: 97% center; background-repeat: no-repeat; background-size: 24px 24px;}
input.form-control:focus,
textarea.form-control:focus,
select.form-control:focus
{outline: none;
  border-color: var(--secondary);
  background-color:var(--white);
  box-shadow: 0 0 0 4px rgba(134, 95, 248, 0.1);}
textarea.form-control {
    height: auto;
    overflow: auto;
    white-space: normal;
    resize: none;
}
.form-label .option-note {font-size: var(--text-14); color: var(--gray-text);}
.form-group {
    margin-bottom:30px;
}
.form-check {display: flex; padding: 0; gap: 14px; align-items: self-start;}
.form-check .form-check-input {box-shadow: none; outline: none; width: 24px; height: 24px; min-width: 24px; min-height: 24px;  border-color: var(--field-gray); margin: 0px;}
.form-check-input:checked[type="checkbox"] {background-image: url(../images-nct/check.svg); background-repeat: no-repeat; background-position: center center; background-color: var(--white); background-size: 12px auto; border-color: var(--primary); box-shadow: none; outline: none;}

main {
  padding-top: 107px;
}
input.form-control:focus,
textarea.form-control:focus,
select.form-control:focus
{outline: none;
  border-color: var(--secondary);
  background-color:var(--white);
  box-shadow: 0 0 0 4px rgba(134, 95, 248, 0.1);}

.header-search .form-control { height: 44px; min-width: 400px;
  padding: 8px 20px 8px 45px;
  border-radius: 50px;
  border: 1px solid #e0e0e0;
  background: #f8f9fa;
  font-size: 0.95rem;
  transition: all 0.3s ease;
}
header .nav-link {
  display: flex;
  align-items: center;
  gap: 2px;
  flex-wrap: wrap;
  justify-content: center;
  text-align: center;
  position: relative;
}
.profile-menu .nav-link-text::after {
  display: inline-block;
  margin-left: .255em;
  vertical-align: .255em;
  content: "";
  border-top: .3em solid;
  border-right: .3em solid transparent;
  border-bottom: 0;
  border-left: .3em solid transparent;
}
header .profile-menu .nav-link-text::after {
  display: inline-block;
  margin-left: .255em;
  vertical-align: .255em;
  content: "";
  border-top: .3em solid;
  border-right: .3em solid transparent;
  border-bottom: 0;
  border-left: .3em solid transparent;
}
header .nav-link:hover, header .nav-link:focus {
  color: var(--primary);
}
header .dropdown-toggle::after {display: none;}
header .nav-link .nav-link-text {
  width: 100%;
  font-size: var(--base-text);
}
.header-right-block {display: flex;}
header .nav-link .nav-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 35px;
  font-size: var(--text-24);
}
.container-fluid {padding: 0 6%;}
.second-header {background: rgba(255, 255, 255, 0.95); border-bottom: 1px solid rgba(0, 0, 0, 0.05); position: fixed; top: 0; left: 0; width: 100%; z-index: 999;}
.first-header {background: rgba(255, 255, 255, 0.95); border-bottom: 1px solid rgba(0, 0, 0, 0.05); position: fixed; top: 0; left: 0; width: 100%; z-index: 999;}
.first-header .nav-item {margin-left: 20px;}
.first-header .nav-item:first-child {margin-left:0;}
.first-header .header-search {margin: 0 auto;}
.first-header .header-search.inner-search {margin: 0 auto 0 0;}
.first-header .profile-pic {width: 35px; height: 35px; margin: 0; border: none;}
.first-header .profile-pic span.profile-picture-character {width: 100%; height: 100%; font-size: var(--text-18); font-weight: 600;}
header .nav-link .badge {
  position: absolute;
  top: 0;
  left: 51%;
  background-color: var(--primary);
  color: var(--white);
  padding: 4px 5px;
  border-radius: 50%;
  font-size: var(--text-14);
  font-weight: 600;
  min-width: 25px;
  min-height: 25px;
  display: flex;
  align-items: center;
  justify-content: center;
}
header .nav-link .badge:empty {display: none;}
.header-search {margin-left: 0; margin-right: auto;}
.header-search .form-group {position: relative; margin: 0;}
.header-search-btn {background-color: transparent; border: none; color: var(--gray-light);padding: 0; margin: 0; position: absolute; left: 18px; top: 10px; font-size: var(--base-fonts);}
.header-search-left {margin-right: auto;}
.btn-login {
        padding: 12px 28px;
        border: 2px solid var(--secondary);
        color: var(--secondary);
        border-radius: 50px;
        text-decoration: none;
        font-weight: 600;
        font-size: 0.95rem;
        transition: all 0.3s ease;
        display: inline-block;
    }

    .btn-login:hover, .btn-login:hover:focus {
        background: rgba(134, 95, 248, 0.05);
        transform: translateY(-1px);
        color: var(--secondary);
    }
.btn-sm, .connect-btn {
        padding: 8px 20px;
        border: 2px solid var(--secondary);
        color: var(--secondary);
        border-radius: 50px;
        text-decoration: none;
        font-weight: 600;
        font-size:var(--text-14);
        transition: all 0.3s ease;
        display: inline-block;
    }

    .btn-sm:hover, .connect-btn:hover, .btn-sm:focus, .connect-btn:focus {
        background: rgba(134, 95, 248, 0.05);
        transform: translateY(-1px);
        color: var(--secondary);
    }
.cancel-connection-request {
        padding: 8px 20px;
        border:none;
        color: var(--gray-text);
        background-color: var(--white);
        box-shadow: 0 5px 10px rgba(134, 95, 248, 0.2);
        border-radius: 50px;
        text-decoration: none;
        font-weight: 600;
        font-size:var(--text-14);
        transition: all 0.3s ease;
        display: inline-block;
    }

    .cancel-connection-request:hover,  .cancel-connection-request:focus {
        background: var(--white);
        transform: translateY(-1px);
        box-shadow: 0 8px 15px rgba(134, 95, 248, 0.35);
        color: var(--black);

    }

    .btn-join {
        padding: 14px 30px;
        background: linear-gradient(135deg, var(--secondary) 0%, var(--primary) 100%);
        color: white;
        border-radius: 50px;
        text-decoration: none;
        font-weight: 600;
        font-size: 0.95rem;
        transition: all 0.3s ease;
        border: none;
        box-shadow: 0 4px 15px rgba(134, 95, 248, 0.3);
        display: inline-block;
    }

    .btn-join:hover, .btn-join:focus {
        transform: translateY(-2px);
        box-shadow: 0 8px 20px rgba(134, 95, 248, 0.4);
        color: var(--white);
    }
    /* Gradient Button - Radius matched to Header */
    .btn-gradient-pill {
        display: inline-block;
        padding: 15px 35px;
        background: linear-gradient(135deg, var(--secondary) 0%, var(--primary) 100%);
        color: white;
        text-decoration: none;
        border-radius: 50px; /* Matched to Header */
        font-weight: 600;
        font-size: 1.05rem;
        transition: all 0.3s ease;
        border: none;
        box-shadow: 0 10px 20px rgba(134, 95, 248, 0.2);
    }

    .btn-gradient-pill:hover, .btn-gradient-pill:focus {
        transform: translateY(-3px);
        box-shadow: 0 15px 30px rgba(134, 95, 248, 0.35);
        color: var(--white);
    }
    .cancel-btn {
        display: inline-block;
        padding: 15px 35px;
        background: var(--gray-bg);
        color: var(--gray-text);
        text-decoration: none;
        border-radius: 50px; /* Matched to Header */
        font-weight: 600;
        font-size: 1.05rem;
        transition: all 0.3s ease;
        border: none;
        box-shadow: 0 10px 20px rgba(134, 95, 248, 0.2);
    }

    .cancel-btn:hover, .cancel-btn:focus {
        transform: translateY(-3px);
        box-shadow: 0 15px 30px rgba(134, 95, 248, 0.35);
        color: var(--gray-text);
    }
.user-info-dropdown .dropdown-toggle::after {display: none;}    
.user-info-dropdown .dropdown-toggle {color: var(--gray-light); border: none; outline: none;}
.header-search .form-control { height: 44px; min-width: 400px;
  padding: 8px 20px 8px 45px;
  border-radius: 50px;
  border: 1px solid #e0e0e0;
  background: #f8f9fa;
  font-size: 0.95rem;
  transition: all 0.3s ease;
}

.hidden {display: none !important;}

/* Auth Pages */
.auth-box { width: 100%; max-width: 700px; margin: 0 auto; background:var(--white); box-shadow: 0 4px 8px rgba(0,0,0,0.10); margin-top: 80px; border-radius: var(--border-r-20); border: 1px solid var(--secondary);}
.auth-box-lg {max-width: 1366px; padding: 60px;}
.auth-box-lg.auth-box .price-card-label .btn-gradient-pill {min-width: inherit;}
.list-login{width: 100%; max-width:430px; margin: 0px auto; }
.auth-title {margin-bottom: 35px;}
.auth-title h1 {font-size: var(--text-24); margin: 0; font-weight: 600; color: var(--black);}
.auth-title p {font-size: var(--text-14); margin: 10px auto 0; color: var(--base-color); max-width: 436px;}
.auth-pages {background-color: var(--gray-bg); padding-bottom: 80px; min-height: 100vh;}
.in-connect-form{padding: 60px;}
.login-inner {width: 100%; max-width: 430px; margin: 0 auto;}
.toggle-password {position: absolute; right: 20px; top: 15px; cursor: pointer; color: var(--gray-light); font-size: var(--base-text);}
.auth-bottom {text-align: center; margin-top: 20px;}
.auth-bottom p a {font-weight: 700;}
.auth-box .btn-gradient-pill {min-width: 300px;}
.fg-pass-bx  .btn-gradient-pill { min-width: inherit;}
.signup-form-outer{width: 100%; padding:60px;}
.md-input.coupon-field label.error {bottom: 18px;}
.auth-back-btn {
  position: absolute;
  left: 0px;
  top: 130px;
  background-color: var(--white);
  text-align: center;
  box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 25px;
  z-index: 1;
  font-weight: 500;
  border-radius: 0px 30px 30px 0px;
  padding: 12px 30px;
  display: inline-block;
}


.pricing-section {
        background-color: var(--white);
        text-align: center;
    }

    .pricing-header h2 {
        font-size: 2.8rem;
        color: var(--primary);
        font-weight: 800;
        margin-bottom: 60px;
        letter-spacing: -1px;
    }


    /* Reusing your gradient pill button */
    .btn-pricing {
        margin-top: auto;
        width: 100%;
        text-align: center;
    }

     footer {
        padding: 80px 0 40px;
        background-color: #f9fafb;
        border-top: 1px solid var(--gray-devider);
        color: var(--gray-text);
    }

    .footer-container {
        display: grid;
        grid-template-columns: 1.5fr 1fr 1fr 1.2fr;
        gap: 60px;
        max-width: 1200px;
        margin: 0 auto;
    }

    .footer-brand h3 {
        font-size: 1.8rem;
        color: var(--primary);
        font-weight: 800;
        margin-bottom: 20px;
    }

    .footer-brand p {
        font-size: 1rem;
        line-height: 1.6;
        color: #666;
        margin-bottom: 25px;
    }

    .footer-heading {
        font-weight: 700;
        color: #1a1a1a;
        margin-bottom: 25px;
        font-size: 1.1rem;
    }

    .footer-links {
        list-style: none;
        padding: 0;
    }

    .footer-links li {
        margin-bottom: 12px;
    }

    .footer-links a {
        text-decoration: none;
        color: #666;
        transition: color 0.3s ease;
    }

    .footer-links a:hover {
        color: var(--secondary);
    }

    /* Social Icons */
    .social-icons {
        display: flex;
        gap: 15px;
    }

    .social-link {
        width: 40px;
        height: 40px;
        border-radius: 50%;
        background: #fff;
        border: 1px solid var(--gray-devider);
        display: flex;
        align-items: center;
        justify-content: center;
        color: var(--secondary);
        transition: all 0.3s ease;
    }

    .social-link:hover {
        background: var(--secondary);
        color: #fff;
        border-color: var(--secondary);
        transform: translateY(-3px);
    }

    /* App Buttons */
    .app-buttons {
        display: flex;
        flex-direction: column;
        gap: 12px;
    }

    .app-btn {
        display: flex;
        align-items: center;
        background: #1a1a1a;
        color: #fff;
        padding: 10px 20px;
        border-radius: 10px;
        text-decoration: none;
        transition: opacity 0.3s;
    }

    .app-btn:hover {
        opacity: 0.8;
    }

    .app-btn i {
        font-size: 1.5rem;
        margin-right: 12px;
    }

    .app-btn span {
        font-size: 0.75rem;
        display: block;
        line-height: 1;
    }

    .app-btn strong {
        font-size: 1rem;
    }

    /* Copyright Line */
    .footer-bottom {
        margin-top: 60px;
        padding-top: 30px;
        border-top: 1px solid var(--gray-devider);
        text-align: center;
        font-size: 0.9rem;
        color: var(--gray-light);
    }


.price-card-custom.custom-radio [type="radio"]:checked + label{
  background-color: transparent;
  transform: translateY(-15px);
        box-shadow: 0 30px 60px rgba(79, 56, 146, 0.1);
        border-color: var(--secondary);
}

.price-card-custom.custom-radio [type="radio"]:checked + label::before, .price-card-custom.custom-radio [type="radio"]:not(:checked) + label::before {
  opacity: 0;

}
.signup-check  {display: flex; align-items: center; gap: 20px; justify-content: center; margin-top: 30px;}
.signup-check .form-control {width: auto;}
 .price-card-custom.custom-radio [type="radio"]:checked + label::after {opacity: 0;}
.price-card-custom .price-card-label {

  background: #fff;
  padding: 50px 24px !important;
  border-radius: 32px;
  border: 1px solid #f0f0f0;
  transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  display: flex;
  flex-direction: column;
  position: relative;
  overflow: hidden;
  text-align: center;
}
.share-with-field {display: flex; gap: 5px; justify-content: end; padding: 15px 0;}
.share-with-field .form-control {height: 40px; max-width: 250px; border-radius: var(--border-r-30); padding-top: 5px; padding-bottom: 5px;}
.md-btn {
    border-radius: var(--border-r-10);
    border: none;
  background: linear-gradient(to right,  #8a63ff 0%,#533b99 100%);

    text-align: center;
    color: var(--white);
    padding: 11px 30px;
    font-size: var(--base-text);
    font-weight: 600;
    line-height: 1.40022222;
    -webkit-transition: all 0.5s ease-out 0s;
    -moz-transition: all 0.5s ease-out 0s;
    -o-transition: all 0.5s ease-out 0s;
    transition: all 0.5s ease-out 0s;
    border-radius: var(--border-r-30);
}

.md-btn:hover,
.md-btn:focus {
   background: linear-gradient(to right,  #533b99 0%,#8a63ff 100%);
    color: var(--white);
}
 .btn-cta, .outer-blue-btn { 
            background: var(--gradient); color: white; padding: 10px 25px; 
            border-radius: 50px; text-decoration: none; font-weight: 600;
            transition: 0.3s; border: none; cursor: pointer; display: inline-block;
        }
        .btn-cta:hover, .btn-cta:focus, .outer-blue-btn:hover, .outer-blue-btn:focus { transform: translateY(-2px); box-shadow: 0 10px 20px rgba(79, 56, 146, 0.3); color: var(--white); }
 .cancel-btn-sm { 
            background: var(--white); color: var(--gray-text); padding: 10px 25px; 
            border-radius: 50px; text-decoration: none; font-weight: 600;
            transition: 0.3s; border: none; cursor: pointer; display: inline-block; box-shadow: 0 6px 15px rgba(134, 95, 248, 0.2);
        }
       .cancel-btn-sm:hover, .cancel-btn-sm:focus { transform: translateY(-2px);  
  box-shadow: 0 10px 20px rgba(134, 95, 248, 0.35); color: var(--gray-text); }
.btn-block .btn {margin-right: 15px;}
.btn-block .btn:last-child {margin: 0;}
.auth-box.contact-us .btn-gradient-pill {min-width: inherit;}
/* PitchDeck Start */
.pd-list {padding: 10px 25px 20px;}
.pd-list li {margin-bottom: 15px;}
.pd-list li:last-child {margin-bottom:0;}
.pd-list li a {font-size: var(--base-text); font-weight: 600;}
.pd-list li a:hover, .pd-list li a:focus {color: var(--secondary);}

.gradient-first::after {
  background: linear-gradient(
    to bottom,
    rgba(255, 97, 221, 0.20) 0%,
    rgba(138, 138, 138, 0.10) 100%
  );
  position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: -1; content: "";}
.gradient-second::after {
  background: linear-gradient(
    to bottom,
    rgba(210, 97, 255, 0.20) 0%,
    rgba(91, 46, 255, 0.10) 100%
  );
  position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: -1; content: "";}
.gradient-third::after {
  background: linear-gradient(
    to bottom,
    rgba(131, 97, 255, 0.30) 0%,
    rgba(138, 138, 138, 0.10) 100%
  );
  position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: -1; content: "";}

.common-breadcrumb {background-color: var(--white); padding: 15px 0; margin-bottom: 30px;}
.common-breadcrumb .breadcrumb{background-color: transparent; margin-bottom: 0; padding: 0; font-size: 18px;}
.common-breadcrumb .breadcrumb > li + li::before {
  padding: 0 5px;
  color: #ccc;
  content: "/\00a0";
}
.common-breadcrumb .breadcrumb > li a{color: var(--primary); font-weight: 600;}
.pd-top {display: flex; justify-content: space-between; margin-bottom: 25px;}
.review-block {display: flex; align-items: center; justify-content: space-between; gap: 5px;}
.review-label {margin-bottom: 0; font-size: 18px; color: var(--black); font-weight: 500;}
.review-count {margin-bottom: 0; font-size: 14px; font-style: italic; color: var(--black); font-weight: 400;}
.review-star {color: #EA750F; font-size: 20px; display: flex; gap: 2px;}
.pd-top-cta {display: flex; gap: 25px; align-items: center;}
.share-icon-btn {font-size: var(--text-24); color: var(--base-color);}
.common-box {background-color: var(--white); border: 1px solid var(--primary); border-radius: var(--border-r-10); }
.space-30 {padding: 30px;}
.tabs-v {border-bottom: none; margin-bottom: 0;}
.tabs-v .nav-item {
  width: 100%;
}
.color-primary {color: var(--primary);}
.tabs-v .nav-item  .nav-link {border: none; box-shadow: none; outline: none; font-size: var(--text-20); padding: 7px 0; color: var(--black); width: 100%; text-align: left; }
.tabs-v .nav-item .nav-link.active {color: var(--primary); font-weight: 600;}
.tabs-v-content {border-left:1px solid var(--field-gray); padding: 0 0 0 30px; height: 100%;}
.tab-title {font-size: var(--text-22); font-weight: 700; color: var(--black); margin:0;}
.tab-sub-title {font-size: var(--text-20); font-weight: 600; color: var(--black); margin:30px 0 0;}
.tab-info-block {margin-top: 40px;}
.tab-info-block h3 {font-size: var(--text-18); font-weight: 600; color: var(--black); margin:0 0 15px;}
.tab-img img {border-radius: var(--border-r-10); width: 100%;}
.tab-info-block p {font-size: var(--base-text);  margin:0 0 20px;}
.tab-info-block p:last-child {margin: 0;} 
.media-card {border: none;}
.media-card .card-img-top {border-radius: var(--border-r-10); position: relative;}
.media-card .card-img-top img {width: 100%; object-fit: cover; border-radius: var(--border-r-10);}
.media-card .card-footer {background-color: transparent; border: none; padding: 15px 0 0; color: var(--base-color);}
.media-card .card-img-top .play-btn {background-color: rgba(16,136,239, 0.80); width: 40px; height: 40px; border-radius: 50%; display: flex; align-items: center; justify-content: center; position: absolute; top: 50%; left: 0; right: 0; margin: 0 auto; color: var(--white);}
.footer-form-block .input-group-text {background-color: var(--white);}
footer .newsletter-submit {width: 54px; height: 52px;background-color: var(--primary); color: var(--white); padding: 0; margin: 0; border: none; outline: none; border-radius:0px var(--border-r-10) var(--border-r-10)  0; display: flex; align-items: center; justify-content: center; font-size: var(--text-20);}

/* PitchDeck END */

/* Home Page Start */

     .section-title { text-align: center; margin-bottom: 50px; }
        .section-title h2 { font-size: 2.5rem; color: var(--secondary); }
 .hero {
        min-height: 80vh;
        display: flex;
        align-items: center;
        padding: 60px 0;
        background-color: var(--white);
        /* Subtle purple glow in the background */
        background-image: radial-gradient(circle at 0% 50%, rgba(134, 95, 248, 0.08) 0%, transparent 50%);
        overflow: hidden;
    }

    .hero-container {
        display: grid;
        grid-template-columns: 1.2fr 1fr; /* Wider text area */
        align-items: center;
        gap: 40px;
        width: 100%;
    }

    .hero-content {
        z-index: 2;
    }

    .hero h1 {
        font-size: 3.5rem;
        font-weight: 800;
        line-height: 1.1;
        margin-bottom: 25px;
        color: var(--text-dark); /* Default Black */
    }

    /* Target the purple span */
    .hero h1 span {
        color: var(--primary); /* Your Primary Purple */
    }

    .hero p {
        font-size: 1.2rem;
        color: #555;
        margin-bottom: 35px;
        line-height: 1.6;
        max-width: 90%;
    }

    .hero-image-wrapper {
        position: relative;
        height: 450px;
        display: flex;
        align-items: center;
    }

    .hero-image-card {
        width: 100%;
        height: 100%;
       
        border-radius: 24px;
        position: relative;
        box-shadow: 0 30px 60px rgba(79, 56, 146, 0.15);
    }
        .hero-image-card  img {border-radius: 24px; width: 100%; height: 100%; object-fit: cover;}

    /* This creates the 'Blending' effect so it doesn't look like it's in the air */
    .hero-image-card::before {
        content: '';
        position: absolute;
        top: 0; left: 0; width: 100%; height: 100%;
        border-radius: 24px;
        /* Fades the left edge of the image into the background */
        background: linear-gradient(to right, var(--white) 0%, transparent 15%, transparent 85%, var(--white) 100%);
        pointer-events: none;
    }
 .how-it-works {
        background-color: var(--white);
    }

    .section-header {
        text-align: center;
        margin-bottom: 60px;
    }

    .section-header h2 {
        font-size: 2.8rem;
        color: var(--primary);
        font-weight: 800;
        letter-spacing: -0.5px;
    }

    .step-grid {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
        gap: 25px;
    }

    .step-card {
        padding: 45px 35px;
        border-radius: 24px;
        background: var(--white);
        border: 1px solid var(--card-border);
        transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
        display: flex;
        flex-direction: column;
        align-items: flex-start;
    }

    .step-card:hover {
        transform: translateY(-8px);
        box-shadow: 0 20px 40px rgba(79, 56, 146, 0.08);
        border-color: rgba(134, 95, 248, 0.2);
    }

    /* Modern Icon Squares */
    .icon-square {
        width: 64px;
        height: 64px;
        border-radius: 16px;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 1.5rem;
        margin-bottom: 25px;
        transition: transform 0.3s ease;
    }

    .step-card:hover .icon-square {
        transform: scale(1.1) rotate(-3deg);
    }

    /* Color Mapping */
    .bg-violet { background: rgba(134, 95, 248, 0.12); color: var(--secondary); }
    .bg-pink { background: rgba(240, 98, 146, 0.12); color: #F06292; }
    .bg-blue { background: rgba(79, 195, 247, 0.12); color: #4FC3F7; }
    .bg-deep-purple { background: rgba(79, 56, 146, 0.12); color: var(--primary); }

    .step-card h3 {
        font-size: 1.35rem;
        margin-bottom: 15px;
        color: var(--secondary);
        font-weight: 700;
    }

    .step-card p {
        font-size: 1rem;
        color: #6c757d;
        line-height: 1.6;
        margin: 0;
    }

.entrepreneur-panel {
        padding: 100px 8%;
        background-color: #ffffff;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .panel-container {
        display: grid;
        grid-template-columns: 1fr 1.1fr; /* Image left, Text right */
        gap: 80px;
        align-items: center;
        max-width: 1200px;
        width: 100%;
    }

    .panel-image {
        width: 100%;
        height: 480px;
        border-radius: 30px;
   
        box-shadow: 0 25px 50px -12px rgba(79, 56, 146, 0.2);
    }
    .panel-image img {width: 100%; height: 100%; object-fit: cover; border-radius: 30px;}

    .panel-text h2 {
        font-size: 2.8rem;
        color: #1a1a1a;
        line-height: 1.2;
        margin-bottom: 24px;
        font-weight: 800;
    }

    .panel-text p {
        font-size: 1.2rem;
        color: #555;
        margin-bottom: 40px;
        line-height: 1.7;
    }

     .investor-panel {
        display: flex;
        align-items: center;
        justify-content: center;
        background-color: #fafaff;
        border-bottom: 8px solid var(--blue);
    }

    .panel-container-reversed {
        display: grid;
        grid-template-columns: 1.1fr 1fr; /* Text left, Image right */
        gap: 80px;
        align-items: center;
        max-width: 1200px;
        width: 100%;
    }

    .investor-image {
        width: 100%;
        height: 480px;
        border-radius: 30px;
     
        box-shadow: 0 25px 50px -12px rgba(79, 56, 146, 0.2);
    }
    .investor-image img {width: 100%; height: 100%; object-fit: cover; border-radius: 30px;}
    .panel-text h2 {
        font-size: 2.8rem;
        color: #1a1a1a;
        line-height: 1.2;
        margin-bottom: 24px;
        font-weight: 800;
    }

    .panel-text p {
        font-size: 1.2rem;
        color: #555;
        margin-bottom: 40px;
        line-height: 1.7;
    }
.video-showcase {
        background-color: #f8f9fa; /* Light grey to contrast with white sections */
        text-align: center;
    }

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

    .video-header h2 {
        font-size: 2.8rem;
        color: var(--primary); /* Your Secondary Purple */
        font-weight: 800;
        margin-bottom: 15px;
    }

    .video-header p {
        color: #666;
        font-size: 1.1rem;
        max-width: 650px;
        margin: 0 auto;
    }

    .video-grid {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 40px;
        max-width: 1200px;
        margin: 0 auto;
    }

    .video-card {
        background: var(--white);
        padding: 20px;
        border-radius: 30px;
        border: 1px solid #e0e0e0;
        box-shadow: 0 10px 30px rgba(79, 56, 146, 0.05);
        transition: all 0.4s ease;
    }

    .video-card:hover {
        transform: translateY(-5px);
        border-color: var(--secondary); /* Your Primary Purple */
        box-shadow: 0 20px 40px rgba(134, 95, 248, 0.15);
    }

    /* Maintains 16:9 Aspect Ratio */
    .video-wrapper {
        position: relative;
        overflow: hidden;
        width: 100%;
        padding-top: 56.25%; 
        border-radius: 20px;
        background: #000; /* Black background for video loading */
    }

    .video-wrapper iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        border: none;
    }

    .video-label {
        margin-top: 20px;
        font-weight: 700;
        font-size: 1.2rem;
        color: var(--primary);
    }
.why-choose-us {
        background-color: #ffffff;
    }

    .why-header {
        text-align: center;
        margin-bottom: 60px;
    }

    .why-header h2 {
        font-size: 2.8rem;
        color: var(--primary); /* var(--secondary) */
        font-weight: 800;
    }

    .why-grid {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
        gap: 25px;
        max-width: 1200px;
        margin: 0 auto;
    }

    .feature-card {
        padding: 40px;
        background: var(--white);
        border: 1px solid #f0f0f0;
        border-radius: 24px;
        transition: all 0.3s ease;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        position: relative;
    }

    .feature-card:hover {
        border-color: var(--secondary);
        transform: translateY(-5px);
        box-shadow: 0 15px 35px rgba(134, 95, 248, 0.08);
    }

    .feature-icon {
        width: 50px;
        height: 50px;
        background: rgba(134, 95, 248, 0.1);
        color: var(--secondary);
        border-radius: 12px;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 1.4rem;
        margin-bottom: 20px;
    }

    .feature-card h3 {
        font-size: 1.25rem;
        color: #1a1a1a;
        margin-bottom: 12px;
        font-weight: 700;
        line-height: 1.4;
    }

    .feature-card p {
        font-size: 0.95rem;
        color: #666;
        line-height: 1.6;
        margin: 0;
    }

    /* Highlight badge for the Enterprise plan */
   .feature-card .badge {
        position: absolute;
        top: 20px;
        right: 20px;
        background: #fdf2f8; /* Soft pink */
        color: #F06292;
        padding: 4px 12px;
        border-radius: 20px;
        font-size: 0.75rem;
        font-weight: 700;
        text-transform: uppercase;
    }
 .partners-section {
        background-color: var(--white);
        text-align: center;
    }
.card-item {display: flex; flex-direction: column; gap: 20px;}
    .partners-section h2 {
        font-size: 2.2rem;
        color: var(--primary);
        margin-bottom: 50px;
        font-weight: 800;
    }

    /* Grid Layout: 2 rows of 4 */
    .partners-grid {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        gap: 25px;
        max-width: 1200px;
        margin: 0 auto;
    }

    .logo-card {
        height: 120px;
        background: var(--white);
        border-radius: 20px;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 25px;
        border: 1px solid #f0f0f0;
        /* Subtle glow with primary purple */
        box-shadow: 0 3px 16px rgba(79, 56, 146, 0.04);
        transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    }

    .logo-card:hover {
        transform: translateY(-8px);
        border-color: var(--secondary);
        box-shadow: 0 15px 30px rgba(134, 95, 248, 0.12);
    }

    .logo-card img {
        max-width: 100%;
        max-height: 50px;
        object-fit: contain;
        /* Forced Colored State */
        filter: none; 
        opacity: 1;
    }

    /* Navigation Controls at the Bottom */
    .partners-nav {
        display: flex;
        justify-content: center;
        gap: 20px;
        margin-top: 40px;
    }

    .slick-arrow{
        width: 50px;
        height: 50px;
        border-radius: 50px;
        background: var(--white);
        border: 2px solid #f0f0f0;
        color: var(--secondary);
        display: flex;
        align-items: center;
        justify-content: center;
        cursor: pointer;
        transition: all 0.3s ease;
        position: absolute;
        font-size: 0px;
        bottom:-25px;
        top: auto;
    }

    .slick-arrow:hover, .slick-arrow:focus {
        background: var(--secondary);
        color: var(--white);
        border-color: var(--secondary);
        box-shadow: 0 5px 15px rgba(134, 95, 248, 0.3);
    }
.partner-slider, .testimonial-slider {
  max-width: 1200px;
  margin: 0 auto;
  padding-bottom: 80px;
}    
.partner-slide {padding: 0 10px;}
.partner-slider .slick-list  {padding: 20px 0;}
.testimonial-slider .slick-list {padding: 35px 0px;}
.testimonial-item {padding: 0 20px;}
    
.slick-next {right: calc(50% - 60px);}
.slick-next::before{content: "\f061"; font-family: 'Font Awesome 6 Free'; font-weight: 900; font-size: var(--base-text);}
.slick-prev {left: calc(50% - 60px);}
.slick-prev::before{content: "\f060"; font-family: 'Font Awesome 6 Free'; font-weight: 900; font-size: var(--base-text);}

.testimonials-section {
        background-color: #fcfaff;
        text-align: center;
    }

    .testimonials-header h2 {
        font-size: 2.5rem;
        color: var(--primary);
        font-weight: 800;
        margin-bottom: 50px;
    }

    /* Grid for 2 testimonials in 1 row */
    .testimonial-grid {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 30px;
        max-width: 1200px;
        margin: 0 auto;
    }

    .testimonial-card {
        background: var(--white);
        padding: 40px;
        border-radius: 30px;
        box-shadow: 0 11px 25px rgba(79, 56, 146, 0.05);
        border: 1px solid #f0f0f0;
        text-align: left; /* Profile style alignment */
        transition: transform 0.3s ease;
        position: relative;
    }

    .testimonial-card:hover {
        transform: translateY(-5px);
        border-color: rgba(134, 95, 248, 0.3);
    }

    .quote-mark {
        position: absolute;
        top: 30px;
        right: 40px;
        font-size: 3rem;
        color: #F06292;
        opacity: 0.1;
    }

    .user-profile {
        display: flex;
        align-items: center;
        gap: 20px;
        margin-bottom: 25px;
    }

    .user-img {
        width: 75px;
        height: 75px;
        border-radius: 50%;
        object-fit: cover;
        border: none;
    }

    .user-meta h4 {
        font-size: 1.15rem;
        color: var(--primary);
        margin: 0;
    }

    .user-meta p {
        font-size: 0.85rem;
        color: var(--gray-light);
        margin: 0;
        text-transform: uppercase;
        font-weight: 600;
    }

    .testimonial-text {
        font-size: 1.05rem;
        color: var(--gray-text);
        line-height: 1.7;
        margin: 0;
    }

    /* Slider Arrows */
    .testimonial-controls {
        display: flex;
        justify-content: center;
        gap: 15px;
        margin-top: 50px;
    }

    .nav-btn {
        width: 50px;
        height: 50px;
        border-radius: 50%;
        background: var(--white);
        border: 1px solid #e0e0e0;
        color: var(--secondary);
        display: flex;
        align-items: center;
        justify-content: center;
        cursor: pointer;
        transition: all 0.3s ease;
    }

    .nav-btn:hover {
        background: linear-gradient(135deg, var(--secondary) 0%, var(--primary) 100%);
        color: var(--white);
        border-color: transparent;
    }


  

    .pricing-container {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(275px, 1fr));
        gap: 30px;
        max-width: 1200px;
        margin: 0 auto;
        perspective: 1000px;
    }

    .price-card {
        background: #fff;
        padding: 50px 30px;
        border-radius: 32px;
        border: 1px solid #f0f0f0;
        transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
        display: flex;
        flex-direction: column;
        position: relative;
        overflow: hidden;
    }

    .price-card:hover {
        transform: translateY(-15px);
        box-shadow: 0 30px 60px rgba(79, 56, 146, 0.1);
        border-color: var(--secondary);
    }

    /* Highlighting the Enterprise Plan */
    .price-card.featured {
        background: linear-gradient(180deg, #ffffff 0%, #f9f7ff 100%);
        border: 2px solid var(--secondary);
        transform: scale(1.05);
    }

    .price-card.featured::before {
        content: 'MOST SCALABLE';
        position: absolute;
        top: 20px;
        right: -35px;
        background: var(--secondary);
        color: var(--white);
        padding: 8px 40px;
        font-size: 0.7rem;
        font-weight: 700;
        transform: rotate(45deg);
    }

    .plan-type {
        font-size: 1.1rem;
        font-weight: 700;
        color: var(--primary);
        margin-bottom: 20px;
        text-transform: uppercase;
        letter-spacing: 1px;
    }

    .plan-cost {
        font-size: 3.5rem;
        font-weight: 900;
        color: #1a1a1a;
        margin-bottom: 10px;
    }

    .plan-cost span {
        font-size: 1.5rem;
        color: var(--secondary);
        margin-right: 4px;
    }

    .plan-suitability {
        font-size: 1rem;
        color: var(--secondary);
        font-weight: 600;
        margin-bottom: 30px;
        min-height: 50px;
    }

    .feature-list {
        list-style: none;
        padding: 0;
        margin: 0 0 40px 0;
        text-align: left;
    }

    .feature-item {
        padding: 12px 0;
        color: #555;
        font-size: 1rem;
        display: flex;
        align-items: center;
        border-bottom: 1px solid #f9f9f9;
    }

    .feature-item i {
        color: var(--secondary);
        margin-right: 12px;
        font-size: 1.1rem;
    }

.profile-user-details {padding: 20px 25px;}
.profile-user-details h5 {
  font-size: var(--text-14);
  color: var(--base-color);
  font-weight: 500;
  margin: 15px 0 0;
}
.profile-user-details .btn-block {display: flex; gap: 15px; margin-top: 15px;}
.vp-top {display: flex; align-items: center; justify-content: space-between; gap: 10px;}
.vp-dropdown .dropdown-toggle::after {display: none;}
.vp-dropdown .dropdown-toggle, .vp-dropdown .dropdown-toggle:focus, .vp-dropdown .dropdown-toggle:focus-within {color: var(--base-color); border: none; outline: none;}
.vp-dropdown .dropdown-item {
  display: flex;
  align-items: center;
  width: 100%;
  gap: 8px;
  color: var(--black);
  padding: 10px 15px;
  cursor: pointer;
}
.detail-social-block {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 20px;
  padding: 10px 20px;
}
.detail-social-block a {width: 45px; height: 45px; border-radius: 50%; box-shadow: 0 0 6px rgba(0, 0, 0, 0.1); display: flex; align-items: center; justify-content: center;}
.share-menu .detail-social-block a i {font-size: var(--text-20);}
.vp-dropdown .dropdown-item i {
  font-size: var(--text-18);
  color: var(--base-color);
  min-width: 22px;
  opacity: 0.5;
}
.box-title {display: flex;   gap: 10px; padding: 20px 25px 0px; justify-content: space-between;}
.box-title h2 {font-size: var(--text-20); color: var(--black); font-weight: 700; margin: 0;}
.profile-card {border: 1px solid var(--gray-devider); padding: 15px; border-radius: var(--border-r-10);}
.user-info-row {margin-bottom: 14px;}
.user-info-row:last-child {margin-bottom: 0;} 
.user-info-row p {font-size: var(--text-14); margin: 0;}
.user-info-row h4 {font-size: var(--text-14); color: var(--black); font-weight: 500; margin: 0; text-align: right;}
.common-section-lg {
  padding: 100px 0;
}
.exp-dtl .education-row  h6 {font-weight: 400; color: var(--base-color);}
.education-row {border-bottom: 1px solid var(--gray-devider); padding-bottom: 25px;}

    /*--26-02-26-----  */
.pd-btns {display: flex; gap: 10px; justify-content: end;}
.pd-btns .btn {width: 40px; height: 40px; padding: 0; margin: 0; border: none; outline: none; background-color: var(--white); display: flex; align-items: center; justify-content: center; font-size: var(--text-14); color: var(--secondary); box-shadow: 0 2px 5px rgba(0, 0, 0, 0.10); border-radius: 50%;}
.pd-btns .btn:hover, .pd-btns .btn:focus {transform: translateY(-3px);
  box-shadow: 0 15px 30px rgba(134, 95, 248, 0.35);
  color:var(--secondary);}

.common-modal .modal-header, .common-modal .modal-body, .common-modal .modal-footer {padding: 30px 30px;} 
.common-modal .modal-header {padding: 20px 30px;} 
.modal.left .modal-dialog,
	.modal.right .modal-dialog {
		position: fixed;
		margin: auto;
		height: 100%;
		-webkit-transform: translate3d(0%, 0, 0);
		    -ms-transform: translate3d(0%, 0, 0);
		     -o-transform: translate3d(0%, 0, 0);
		        transform: translate3d(0%, 0, 0);
	}

	.modal.left .modal-content,
	.modal.right .modal-content {
		height: 100%;
		overflow-y: auto;
    border-radius: 0;
		border: none;
	}
	/*Right*/
	.modal.right.fade .modal-dialog {
		right: -320px;
		-webkit-transition: opacity 0.3s linear, right 0.3s ease-out;
		   -moz-transition: opacity 0.3s linear, right 0.3s ease-out;
		     -o-transition: opacity 0.3s linear, right 0.3s ease-out;
		        transition: opacity 0.3s linear, right 0.3s ease-out;
	}
	.modal.right.fade.show .modal-dialog {
		right: 0;
	}
.btn:first-child:active {border-color: transparent;}
	/* .modal.right .modal-body {
		padding-bottom: 15px 15px 80px;
	} */

.common-modal .modal-title {font-size: var(--text-18); font-weight: 600; color: var(--black); margin: 0;} 
.common-modal .btn-close {display: flex; align-items: center; justify-content: center; background-image: none; font-size: var(--text-24); color: var(--base-color); opacity: 1; border: none; outline: none;}
.common-modal .btn-close:hover {color: var(--black);}
.form-label {font-weight: 500;}
/* -----Search Start----- */
.inline-check {display: flex; gap: 15px; flex-wrap: wrap;}
.search-main {padding-top: 87px;}
.space-25 {padding: 25px;}
.list-title {padding: 20px 25px; border-bottom: 1px solid var(--gray-devider); display: flex; align-items: center; justify-content: space-between;}
.list-title h1 {font-size: var(--text-20); color: var(--black); margin: 0; font-weight: 600;}
.user-info-right {display: flex; gap: 15px; flex-wrap: nowrap;}

.filter-modal .form-group {position: relative; }
.filter-modal .filter-search-btn {background-color: transparent; border: none; color: var(--gray-light);padding: 0; margin: 0; position: absolute; left: 18px; top: 15px; font-size: var(--text-18);}
.filter-search .form-control {padding-left: 45px;}

.icon-check-custom {position: relative;} 
.icon-check-custom [type="radio"] {position: absolute; width: 100%; height: 100%; opacity: 0; display: block; z-index: 1;}
.icon-check-custom [type="checkbox"] {position: absolute; width: 100%; height: 100%; opacity: 0;}
.icon-check-custom .form-radio:checked + .radio-label {
  color: var(--primary);
  border-color: var(--primary);
  font-weight: 600;
}
.custom-btn-row {display: flex; flex-wrap: wrap; gap: 20px;}
.user-info-dropdown .dropdown-item {display: flex; gap: 5px; color: var(--base-color); align-items: center;}
.user-info-dropdown .dropdown-item i {min-width: 22px; }
.btn-check:checked + .btn:focus-visible, .btn.active:focus-visible, .btn.show:focus-visible, .btn:first-child:active:focus-visible, :not(.btn-check) + .btn:active:focus-visible, .btn.show {border:none; box-shadow: none;}


.icon-check-custom .radio-label.radio-icon-v {
  flex-direction: column;
  width: 155px; height: 135px;
  padding: 5px;
  align-items: center;
  justify-content: start;
  gap: 10px;
}
.icon-check-custom .radio-label {
  border: 1px solid var(--field-gray);
  display: block;
  border-radius: var(--border-r-12);
  position: relative;
  color: var(--base-color);
  padding: 14px 20px;
  display: flex;
  align-items: center;
  gap: 10px;
  justify-content: center;
  cursor: pointer;
  font-weight: 400;
  font-size: var(--base-text);
  font-family: var(--base-fonts);
}
.icon-check-custom .radio-label > .icon {
  border-radius: var(--border-r-12);
  background-color: var(--primary-selected-check);
  width: 45px;
  height: 45px;
  min-width: 45px;
  min-height: 45px;
  display: flex;
  align-items: center;
  justify-content: center; 
  
}
.icon-check-custom .radio-label > .r-label {
  font-size:var(--text-14);
  display: block;
}

.coment-block {display: flex; align-items: start; gap: 10px; justify-content: space-between;}
.comment-dropdown .dropdown-toggle::after {display: none;}    
.comment-dropdown .dropdown-toggle {color: var(--gray-light);}
.coment-action {display: flex; align-items: center; gap: 10px;}
.post-form-btn {cursor: pointer; display: flex; align-items: center; padding-left: 30px; font-size: var(--base-fonts); font-weight: 400; color: var(--base-color); cursor: pointer;}
.post-header-title {display: flex; align-items: center; gap: 15px;}
.post-header-title .profile-pic {width: 50px; height: 50px; margin: 0; border: none;}
.post-header-title .profile-pic span.profile-picture-character {width: 100%; height: 100%; font-size: var(--text-18); display: flex; align-items: center; justify-content: center;}
.post-header h3 {font-size: var(--text-20); font-weight: 500; margin: 0; color: var(--black);}
.post-pv-btns {display: flex; gap: 25px; align-items: center;}
.ut-label {margin-top: 0;}
.single-pitch-top {display: flex; align-items: start; justify-content: space-between; gap: 10px;}
.team-member-box h4 {margin-top: 15px; font-size: var(--base-text); font-weight: 600; color: var(--black);}
.team-member-box h4 a { color: var(--black);}

/*---My Network Start---  */
.my-network {margin: 20px 0;}

.network-search .form-group {position: relative; min-width: 300px;}
.network-search .filter-search-btn {background-color: transparent; border: none; color: var(--gray-light);padding: 0; margin: 0; position: absolute; left: 18px; top: 15px; font-size: var(--text-18);}
.network-search .form-control {padding-left: 45px;}
.network-row {padding: 25px 0;}
.no-results {text-align: center; margin: 25px auto; font-size: var(--text-14);}
.srch-follow {margin-top: 10px;}
.notifi-sec {margin-top: 20px;}

/* Company Details Start */
.company-dtl-sec {margin-top: 20px;}

/* Company Details Start */
.company-details {padding-top: 40px; padding-bottom: 40px;}
.detail-banner {border-radius: var(--border-r-10);}
.detail-banner img {max-height: 300px; object-fit: cover; width: 100%; border-radius: var(--border-r-10);}
.cd-logo {width: 180px; height: 180px; display: flex; align-items: center; justify-content: center; background-color: var(--white); padding: 4px; margin-top: -90px;}
.cd-top {display: flex; justify-content: space-between; gap: 10px;}
.cd-cta {display: flex; align-items: center; gap: 15px; padding: 30px 0;}
.detail-dropdown .dropdown-toggle::after {display: none;}
.detail-dropdown .dropdown-toggle {color: var(--base-color);}
.detail-dropdown .dropdown-item {display: flex; padding: 7px 15px; gap: 7px; align-items: center;}
.detail-dropdown .dropdown-item i {font-size: var(--text-18); color: var(--gray-light); min-width: 22px;}
.icon-block {gap: 10px; align-items: center; font-size: var(--text-18); color: var(--base-color); margin: 0; font-family: var(--base-fonts) !important;}
.icon-block i {font-size: var(--text-20); min-width: 28px;}
.cd-mddle {color: var(--black);}
.cd-mddle h1 {font-size: var(--text-24); font-weight: 600; margin: 0 0 15px;}
.cd-mddle h3 {font-size: var(--text-18); font-weight: 500; margin: 0 0 20px 0;}
.cd-bottom {margin-top: 25px;}
.tabs-h {box-shadow: none;
  border: none;}
.tabs-h .nav-item  .nav-link {border: none; box-shadow: none; outline: none; font-size: var(--text-20); padding: 10px 30px 12px; color: var(--black);   text-align: left; border-bottom: 3px solid transparent;}
.tabs-h .nav-item .nav-link.active {color: var(--primary); font-weight: 600; border-bottom-color: var(--primary);}
.tabs-h-content { padding: 25px 0 0 0px; }
.about-tab p {font-size: var(--text-18); color: var(--base-color); margin: 20px 0 0;}
.about-tab p:first-child {margin-top: 0;}
.about-tab h3 {font-size: var(--text-20); color: var(--black); font-weight: 600; margin: 20px 0 0;}
.cd-jobs {padding: 15px 25px;}
.cd-job-card {border-radius: var(--border-r-10); border: 1px solid var(--gray-devider); padding: 10px; margin-bottom: 15px;}
.job-card-head {display: flex; gap: 10px; justify-content: space-between; margin-bottom: 10px;}
.job-card-head h4 {font-size: var(--base-text); font-weight: 600; color: var(--black); margin: 0;}
.job-card-head a {color: var(--black);}
.job-card-content h5 {font-size: var(--text-14); font-weight:400;  margin: 0;}
.job-card-content p {font-size: var(--text-12); font-weight:400;  margin: 10px 0 0; }
.job-card-content {display: flex; align-items: start; justify-content: space-between;}
 


.sj-jobs {padding: 15px 25px;}
.sj-card-block {
  width: 100%;
}
.sj-job-card {  padding: 0; margin-bottom: 25px; display: flex; gap: 15px;align-items: start;}
.sj-card-head {display: flex; gap: 10px; justify-content: space-between; margin-bottom: 7px;}
.sj-card-head h4 {font-size: var(--base-text); font-weight: 600; color: var(--black); margin: 0;}
.sj-card-head a {color: var(--black);}
.sj-card-content h5 {font-size: var(--text-14); font-weight:400;  margin: 0;}
.sj-card-content p {font-size: var(--text-12); font-weight:400;  margin: 7px 0 0; }
.sj-card-content {display: flex; align-items: start; justify-content: space-between;}
.similar-logo {width: 60px; height: 60px; min-width: 60px; min-height: 60px; display: flex; align-items: center; justify-content: center; background-color: var(--white); border: 1px solid var(--gray-devider);  border-radius: var(--border-r-10);}
.setting-sec, .pay-his-sec, .membership-sec, .ps-section, .followers-section {padding: 25px 0;}


.account-notification {border-bottom: 1px solid var(--gray-devider); padding-bottom: 15px; margin-bottom: 15px;}
.account-notification:last-child {border-bottom: none; padding-bottom: 0; margin-bottom: 0;}
.account-notification label {font-size: var(--base-text); color: var(--black); font-weight: 400;}
.bootstrap-switch {border-radius: var(--border-r-30); border-color: var(--gray-light);}
.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-primary, .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-primary {background-color: #5cb35c !important;}
.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-default, .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-default {
  background: var(--gray-bg) !important; color: var(--gray-text) !important;
}
.membership-sec .view-box {padding: 10px 25px;} 
.view-value {text-align: right; display: block; font-weight: 600;color: var(--primary);}
.membership-sec .view-cell {margin-bottom: 15px;}
.membership-sec .view-box {margin-bottom: 20px;}
.conn-dtl h1 {
  font-size: var(--text-20);
  font-weight: 600;
  margin:0;
  color: var(--black);
}
.rd-disc-block {display: flex; gap: 10px; align-items: center; justify-content: space-between;}
.rd-disc-block p {font-size: var(--text-12); margin: 0;}
.membership-plans-main .pricing-container {max-width: 100%;}
.member-infographic {margin-top: 30px;}

/* Create Company Start */

.inner-form {
  max-width: 455px;
  margin: 0 auto;
}
.inner-form-pages {min-height: 100vh;}
.inner-form-pages .auth-box {max-width: 800px; padding: 60px; margin: 0 auto;}
.inner-form-main {padding: 80px 0;}
.form-label {color: var(--black); font-size: var(--text-14);}
input.form-control, textarea.form-control, select.form-control {font-size: var(--text-14);}
.note-add {display: flex; justify-content: space-between; gap: 10px; font-size: var(--text-12); margin: 10px 0 0;}

.upload-box {position: relative; border: 1px solid var(--field-gray); display: flex; align-items: center; justify-content: center; flex-direction: column; padding: 15px; min-height: 120px;border-radius: var(--border-r-10);}
.upload-box input[type="file"] {position: absolute; width: 100%; height: 100%; left: 0; top: 0; cursor: pointer; opacity: 0;}
.upload-box label {font-size: var(--text-14); margin: 10px 0 0; font-weight: 400;}
.upload-box i {font-size: var(--text-24); opacity: 0.7;}
.inner-form-pages .flat-checkbox input[type="checkbox"] + label::before {top: 0;}
.inner-form-pages  .flat-checkbox input[type="checkbox"] + label {font-size: var(--text-14);}
.language-list li {margin-bottom: 15px;}
.team-member-box {position: relative;}
.delete_management_team {
  width: 25px;
  height: 25px;
  position: absolute;
  right: 25%;
  top: 10px;
  background-color: var(--white);
  box-shadow: 0 0 3px rgba(0,0,0,0.15);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  border-radius: 50%;
  color: var(--pink);
}
.company_logo_thumb {
  max-width: 120px;
  width: 100%;
  margin: 7px 0 0;
  border-radius: 4px;
  border: 1px solid var(--gray-devider);
}
.company_logo_thumb img {width: 100%; border-radius: 4px;}
.company_banner_thumb {
  margin: 7px 0 0;
  width: 100%;
  border-radius: 4px;
  border: 1px solid var(--gray-devider);
}
.company_banner_thumb img {width: 100%; border-radius: 4px;}
.post-modal textarea.form-control {border: none; padding: 0;}
.post-modal textarea.form-control:focus {box-shadow: none;}
/* .post-modal textarea.form-control.error {color: var(--base-color) !important;} */
.custom-file {position: relative; overflow: hidden; cursor: pointer; display: flex; align-items: center; min-height: 54px; padding: 10px 20px;}
.custom-file input[type="file"] {opacity: 0; position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
.file-control {display: flex; justify-content: space-between; width: 100%; }
.file-control span {font-size: var(--text-14); color: var(--base-color);}
.file-control i {font-size: var(--text-18); color: var(--base-color); opacity: 0.7;}
.comment-form-container .comment-left .input-group .form-control {padding: 10px 15px;}
.comment-form-container .comment-left .input-group-addon {background-color: var(--gray-bg); padding: 0; border-radius: 0 var(--border-r-10) var(--border-r-10) 0 !important;}
.comment-form-container .comment-left .input-group-addon button {display: flex; align-items: center; justify-content: center; width: auto; padding: 10px 15px;}
  .double-link-block {
  display: flex;
  align-items: center;
  gap: 8px;
}

.single_liker_info {display: flex; align-items: start; gap: 15px;}

.liker_user_info {
  border-bottom: 1px solid var(--gray-devider);
  padding-bottom: 10px;
  margin-bottom: 10px;
  min-height: 85px;
  width: 100%;
  display: flex;
  align-items: center;
}
.single_liker_info:last-child .liker_user_info {border-bottom: none; padding-bottom: 0; margin-bottom: 0; min-height: 75px;}
.liker_user_info h4 {margin: 0; font-size: var(--base-text); font-weight: 600; width: 100%;}
.liker_user_info h4 a {color: var(--black);}


.liker_user_info h5 {margin: 10px 0 0; font-size: var(--text-14); font-weight: 400;color: var(--base-color); width: 100%;}
.liker_user_info h5:empty {display: none;}
.liker_user_info h5 a {color: var(--base-color);}

.pagination-main { margin-top: 20px; display: flex; justify-content: center; align-items: center;}
.pagination-main .pagination {display: flex;justify-content: end;}
.pagination-main .pagination a {margin: 0 3px; width: 50px; height: 50px; display: flex; align-items: center; justify-content: center; border-radius: 50%; border:1px solid var(--card-border); background-color: var(--white); color: var(--gray-text);}
.pagination-main .pagination .disabled a {color: var(--gray-text);}
.pagination-main .pagination .page.active a {background-color: var(--secondary); border-color:var(--secondary); color: var(--white);}

.followers-section .single_liker_info:last-child .liker_user_info {border-bottom: 1px solid var(--gray-devider);
  padding-bottom: 10px;
  margin-bottom: 10px;
  min-height: 85px;}
.list-title h1 .count {color: var(--secondary);}
.detail-pitchdeck-row li {
  min-width: 19%;
}
.detail-pitchdeck-row {
  display: flex;
  flex-wrap: wrap;
  gap: 11px;
}
.detail-pitchdeck-row a {
  font-size: var(--base-text);
}
.feed-top-btn {text-align:right; margin-bottom:20px;}
@media (min-width:1200px) {
.container-fluid, .container {padding-left: 75px; padding-right: 75px; max-width: 100%;}
   
}
@media (max-width:1200px) {
   .hero-container { grid-template-columns: 1fr; text-align: center; }
        .hero h1 { font-size: 2.8rem; }
        .hero-image-wrapper { height: 350px; justify-content: center; }
        .hero-image-card { max-width: 500px; }
        .hero p { max-width: 100%; }
         .price-card.featured { transform: scale(1); }
        .pricing-container { gap: 20px; }
}
 @media (max-width: 992px) {
   .footer-container {
            grid-template-columns: 1fr 1fr;
        }
        .panel-container {
            grid-template-columns: 1fr;
            text-align: center;
            gap: 40px;
        }
        .panel-image {
            height: 300px;
        }
         .panel-container-reversed {
            grid-template-columns: 1fr;
            text-align: center;
            gap: 40px;
        }
        .investor-image {
            height: 300px;
            order: 2; /* Keeps image below text on mobile */
        }
        .panel-text {
            order: 1;
        }
         .video-grid {
            grid-template-columns: 1fr;
            max-width: 600px;
        }
        .video-header h2 { font-size: 2.2rem; }
         .partners-grid { grid-template-columns: repeat(2, 1fr); }
          .testimonial-grid {
            grid-template-columns: 1fr;
        }
    }
@media (max-width: 767.99px) {
        .how-it-works { padding: 60px 5%; }
        .section-header h2 { font-size: 2.2rem; }
         .why-header h2 { font-size: 2.2rem; }
        .why-choose-us { padding: 60px 5%; }
    }
  @media (max-width: 500px) {
        .footer-container {
            grid-template-columns: 1fr;
            text-align: center;
        }
        .social-icons { justify-content: center; }
        .app-buttons { align-items: center; }
    }
     @media (max-width: 480px) {
        .partners-grid { grid-template-columns: 1fr; }
    }