@import url(https://fonts.googleapis.com/css?family=Montserrat:400,500,700&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Roboto+Flex:opsz,wght@8..144,100..1000&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400;500;700;900&display=swap);
/**
* ----------------------------------------------
* Demo styles
* ----------------------------------------------
**/
.accordion {
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
}

.accordion__item + .accordion__item {
    border-top: 1px solid rgba(0, 0, 0, 0.1);
}

.accordion__button {
    background-color: #f4f4f4;
    color: #444;
    cursor: pointer;
    padding: 18px;
    width: 100%;
    text-align: left;
    border: none;
}

.accordion__button:hover {
    background-color: #ddd;
}

.accordion__button:before {
    display: inline-block;
    content: '';
    height: 10px;
    width: 10px;
    margin-right: 12px;
    border-bottom: 2px solid currentColor;
    border-right: 2px solid currentColor;
    transform: rotate(-45deg);
}

.accordion__button[aria-expanded='true']::before,
.accordion__button[aria-selected='true']::before {
    transform: rotate(45deg);
}

[hidden] {
    display: none;
}

.accordion__panel {
    padding: 20px;
    animation: fadein 0.35s ease-in;
}

/* -------------------------------------------------- */
/* ---------------- Animation part ------------------ */
/* -------------------------------------------------- */

@keyframes fadein {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

.react-tel-input{font-family:'Roboto',sans-serif;font-size:15px;position:relative;width:100%}.react-tel-input :disabled{cursor:not-allowed}.react-tel-input .flag{width:16px;height:11px;background-image:url(data:image/png;base64,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)}.react-tel-input .ad{background-position:-16px 0}.react-tel-input .ae{background-position:-32px 0}.react-tel-input .af{background-position:-48px 0}.react-tel-input .ag{background-position:-64px 0}.react-tel-input .ai{background-position:-80px 0}.react-tel-input .al{background-position:-96px 0}.react-tel-input .am{background-position:-112px 0}.react-tel-input .ao{background-position:-128px 0}.react-tel-input .ar{background-position:-144px 0}.react-tel-input .as{background-position:-160px 0}.react-tel-input .at{background-position:-176px 0}.react-tel-input .au{background-position:-192px 0}.react-tel-input .aw{background-position:-208px 0}.react-tel-input .az{background-position:-224px 0}.react-tel-input .ba{background-position:-240px 0}.react-tel-input .bb{background-position:0 -11px}.react-tel-input .bd{background-position:-16px -11px}.react-tel-input .be{background-position:-32px -11px}.react-tel-input .bf{background-position:-48px -11px}.react-tel-input .bg{background-position:-64px -11px}.react-tel-input .bh{background-position:-80px -11px}.react-tel-input .bi{background-position:-96px -11px}.react-tel-input .bj{background-position:-112px -11px}.react-tel-input .bm{background-position:-128px -11px}.react-tel-input .bn{background-position:-144px -11px}.react-tel-input .bo{background-position:-160px -11px}.react-tel-input .br{background-position:-176px -11px}.react-tel-input .bs{background-position:-192px -11px}.react-tel-input .bt{background-position:-208px -11px}.react-tel-input .bw{background-position:-224px -11px}.react-tel-input .by{background-position:-240px -11px}.react-tel-input .bz{background-position:0 -22px}.react-tel-input .ca{background-position:-16px -22px}.react-tel-input .cd{background-position:-32px -22px}.react-tel-input .cf{background-position:-48px -22px}.react-tel-input .cg{background-position:-64px -22px}.react-tel-input .ch{background-position:-80px -22px}.react-tel-input .ci{background-position:-96px -22px}.react-tel-input .ck{background-position:-112px -22px}.react-tel-input .cl{background-position:-128px -22px}.react-tel-input .cm{background-position:-144px -22px}.react-tel-input .cn{background-position:-160px -22px}.react-tel-input .co{background-position:-176px -22px}.react-tel-input .cr{background-position:-192px -22px}.react-tel-input .cu{background-position:-208px -22px}.react-tel-input .cv{background-position:-224px -22px}.react-tel-input .cw{background-position:-240px -22px}.react-tel-input .cy{background-position:0 -33px}.react-tel-input .cz{background-position:-16px -33px}.react-tel-input .de{background-position:-32px -33px}.react-tel-input .dj{background-position:-48px -33px}.react-tel-input .dk{background-position:-64px -33px}.react-tel-input .dm{background-position:-80px -33px}.react-tel-input .do{background-position:-96px -33px}.react-tel-input .dz{background-position:-112px -33px}.react-tel-input .ec{background-position:-128px -33px}.react-tel-input .ee{background-position:-144px -33px}.react-tel-input .eg{background-position:-160px -33px}.react-tel-input .er{background-position:-176px -33px}.react-tel-input .es{background-position:-192px -33px}.react-tel-input .et{background-position:-208px -33px}.react-tel-input .fi{background-position:-224px -33px}.react-tel-input .fj{background-position:-240px -33px}.react-tel-input .fk{background-position:0 -44px}.react-tel-input .fm{background-position:-16px -44px}.react-tel-input .fo{background-position:-32px -44px}.react-tel-input .fr,.react-tel-input .bl,.react-tel-input .mf{background-position:-48px -44px}.react-tel-input .ga{background-position:-64px -44px}.react-tel-input .gb{background-position:-80px -44px}.react-tel-input .gd{background-position:-96px -44px}.react-tel-input .ge{background-position:-112px -44px}.react-tel-input .gf{background-position:-128px -44px}.react-tel-input .gh{background-position:-144px -44px}.react-tel-input .gi{background-position:-160px -44px}.react-tel-input .gl{background-position:-176px -44px}.react-tel-input .gm{background-position:-192px -44px}.react-tel-input .gn{background-position:-208px -44px}.react-tel-input .gp{background-position:-224px -44px}.react-tel-input .gq{background-position:-240px -44px}.react-tel-input .gr{background-position:0 -55px}.react-tel-input .gt{background-position:-16px -55px}.react-tel-input .gu{background-position:-32px -55px}.react-tel-input .gw{background-position:-48px -55px}.react-tel-input .gy{background-position:-64px -55px}.react-tel-input .hk{background-position:-80px -55px}.react-tel-input .hn{background-position:-96px -55px}.react-tel-input .hr{background-position:-112px -55px}.react-tel-input .ht{background-position:-128px -55px}.react-tel-input .hu{background-position:-144px -55px}.react-tel-input .id{background-position:-160px -55px}.react-tel-input .ie{background-position:-176px -55px}.react-tel-input .il{background-position:-192px -55px}.react-tel-input .in{background-position:-208px -55px}.react-tel-input .io{background-position:-224px -55px}.react-tel-input .iq{background-position:-240px -55px}.react-tel-input .ir{background-position:0 -66px}.react-tel-input .is{background-position:-16px -66px}.react-tel-input .it{background-position:-32px -66px}.react-tel-input .je{background-position:-144px -154px}.react-tel-input .jm{background-position:-48px -66px}.react-tel-input .jo{background-position:-64px -66px}.react-tel-input .jp{background-position:-80px -66px}.react-tel-input .ke{background-position:-96px -66px}.react-tel-input .kg{background-position:-112px -66px}.react-tel-input .kh{background-position:-128px -66px}.react-tel-input .ki{background-position:-144px -66px}.react-tel-input .xk{background-position:-128px -154px}.react-tel-input .km{background-position:-160px -66px}.react-tel-input .kn{background-position:-176px -66px}.react-tel-input .kp{background-position:-192px -66px}.react-tel-input .kr{background-position:-208px -66px}.react-tel-input .kw{background-position:-224px -66px}.react-tel-input .ky{background-position:-240px -66px}.react-tel-input .kz{background-position:0 -77px}.react-tel-input .la{background-position:-16px -77px}.react-tel-input .lb{background-position:-32px -77px}.react-tel-input .lc{background-position:-48px -77px}.react-tel-input .li{background-position:-64px -77px}.react-tel-input .lk{background-position:-80px -77px}.react-tel-input .lr{background-position:-96px -77px}.react-tel-input .ls{background-position:-112px -77px}.react-tel-input .lt{background-position:-128px -77px}.react-tel-input .lu{background-position:-144px -77px}.react-tel-input .lv{background-position:-160px -77px}.react-tel-input .ly{background-position:-176px -77px}.react-tel-input .ma{background-position:-192px -77px}.react-tel-input .mc{background-position:-208px -77px}.react-tel-input .md{background-position:-224px -77px}.react-tel-input .me{background-position:-112px -154px;height:12px}.react-tel-input .mg{background-position:0 -88px}.react-tel-input .mh{background-position:-16px -88px}.react-tel-input .mk{background-position:-32px -88px}.react-tel-input .ml{background-position:-48px -88px}.react-tel-input .mm{background-position:-64px -88px}.react-tel-input .mn{background-position:-80px -88px}.react-tel-input .mo{background-position:-96px -88px}.react-tel-input .mp{background-position:-112px -88px}.react-tel-input .mq{background-position:-128px -88px}.react-tel-input .mr{background-position:-144px -88px}.react-tel-input .ms{background-position:-160px -88px}.react-tel-input .mt{background-position:-176px -88px}.react-tel-input .mu{background-position:-192px -88px}.react-tel-input .mv{background-position:-208px -88px}.react-tel-input .mw{background-position:-224px -88px}.react-tel-input .mx{background-position:-240px -88px}.react-tel-input .my{background-position:0 -99px}.react-tel-input .mz{background-position:-16px -99px}.react-tel-input .na{background-position:-32px -99px}.react-tel-input .nc{background-position:-48px -99px}.react-tel-input .ne{background-position:-64px -99px}.react-tel-input .nf{background-position:-80px -99px}.react-tel-input .ng{background-position:-96px -99px}.react-tel-input .ni{background-position:-112px -99px}.react-tel-input .nl,.react-tel-input .bq{background-position:-128px -99px}.react-tel-input .no{background-position:-144px -99px}.react-tel-input .np{background-position:-160px -99px}.react-tel-input .nr{background-position:-176px -99px}.react-tel-input .nu{background-position:-192px -99px}.react-tel-input .nz{background-position:-208px -99px}.react-tel-input .om{background-position:-224px -99px}.react-tel-input .pa{background-position:-240px -99px}.react-tel-input .pe{background-position:0 -110px}.react-tel-input .pf{background-position:-16px -110px}.react-tel-input .pg{background-position:-32px -110px}.react-tel-input .ph{background-position:-48px -110px}.react-tel-input .pk{background-position:-64px -110px}.react-tel-input .pl{background-position:-80px -110px}.react-tel-input .pm{background-position:-96px -110px}.react-tel-input .pr{background-position:-112px -110px}.react-tel-input .ps{background-position:-128px -110px}.react-tel-input .pt{background-position:-144px -110px}.react-tel-input .pw{background-position:-160px -110px}.react-tel-input .py{background-position:-176px -110px}.react-tel-input .qa{background-position:-192px -110px}.react-tel-input .re{background-position:-208px -110px}.react-tel-input .ro{background-position:-224px -110px}.react-tel-input .rs{background-position:-240px -110px}.react-tel-input .ru{background-position:0 -121px}.react-tel-input .rw{background-position:-16px -121px}.react-tel-input .sa{background-position:-32px -121px}.react-tel-input .sb{background-position:-48px -121px}.react-tel-input .sc{background-position:-64px -121px}.react-tel-input .sd{background-position:-80px -121px}.react-tel-input .se{background-position:-96px -121px}.react-tel-input .sg{background-position:-112px -121px}.react-tel-input .sh{background-position:-128px -121px}.react-tel-input .si{background-position:-144px -121px}.react-tel-input .sk{background-position:-160px -121px}.react-tel-input .sl{background-position:-176px -121px}.react-tel-input .sm{background-position:-192px -121px}.react-tel-input .sn{background-position:-208px -121px}.react-tel-input .so{background-position:-224px -121px}.react-tel-input .sr{background-position:-240px -121px}.react-tel-input .ss{background-position:0 -132px}.react-tel-input .st{background-position:-16px -132px}.react-tel-input .sv{background-position:-32px -132px}.react-tel-input .sx{background-position:-48px -132px}.react-tel-input .sy{background-position:-64px -132px}.react-tel-input .sz{background-position:-80px -132px}.react-tel-input .tc{background-position:-96px -132px}.react-tel-input .td{background-position:-112px -132px}.react-tel-input .tg{background-position:-128px -132px}.react-tel-input .th{background-position:-144px -132px}.react-tel-input .tj{background-position:-160px -132px}.react-tel-input .tk{background-position:-176px -132px}.react-tel-input .tl{background-position:-192px -132px}.react-tel-input .tm{background-position:-208px -132px}.react-tel-input .tn{background-position:-224px -132px}.react-tel-input .to{background-position:-240px -132px}.react-tel-input .tr{background-position:0 -143px}.react-tel-input .tt{background-position:-16px -143px}.react-tel-input .tv{background-position:-32px -143px}.react-tel-input .tw{background-position:-48px -143px}.react-tel-input .tz{background-position:-64px -143px}.react-tel-input .ua{background-position:-80px -143px}.react-tel-input .ug{background-position:-96px -143px}.react-tel-input .us{background-position:-112px -143px}.react-tel-input .uy{background-position:-128px -143px}.react-tel-input .uz{background-position:-144px -143px}.react-tel-input .va{background-position:-160px -143px}.react-tel-input .vc{background-position:-176px -143px}.react-tel-input .ve{background-position:-192px -143px}.react-tel-input .vg{background-position:-208px -143px}.react-tel-input .vi{background-position:-224px -143px}.react-tel-input .vn{background-position:-240px -143px}.react-tel-input .vu{background-position:0 -154px}.react-tel-input .wf{background-position:-16px -154px}.react-tel-input .ws{background-position:-32px -154px}.react-tel-input .ye{background-position:-48px -154px}.react-tel-input .za{background-position:-64px -154px}.react-tel-input .zm{background-position:-80px -154px}.react-tel-input .zw{background-position:-96px -154px}.react-tel-input *{box-sizing:border-box;-moz-box-sizing:border-box}.react-tel-input .hide{display:none}.react-tel-input .v-hide{visibility:hidden}.react-tel-input .form-control{position:relative;font-size:14px;letter-spacing:.01rem;margin-top:0 !important;margin-bottom:0 !important;padding-left:48px;margin-left:0;background:#FFFFFF;border:1px solid #CACACA;border-radius:5px;line-height:25px;height:35px;width:300px;outline:none}.react-tel-input .form-control.invalid-number{border:1px solid #d79f9f;background-color:#FAF0F0;border-left-color:#cacaca}.react-tel-input .form-control.invalid-number:focus{border:1px solid #d79f9f;border-left-color:#cacaca;background-color:#FAF0F0}.react-tel-input .flag-dropdown{position:absolute;top:0;bottom:0;padding:0;background-color:#f5f5f5;border:1px solid #cacaca;border-radius:3px 0 0 3px}.react-tel-input .flag-dropdown:hover,.react-tel-input .flag-dropdown:focus{cursor:pointer}.react-tel-input .flag-dropdown.invalid-number{border-color:#d79f9f}.react-tel-input .flag-dropdown.open{z-index:2;background:#fff;border-radius:3px 0 0 0}.react-tel-input .flag-dropdown.open .selected-flag{background:#fff;border-radius:3px 0 0 0}.react-tel-input input[disabled]+.flag-dropdown:hover{cursor:default}.react-tel-input input[disabled]+.flag-dropdown:hover .selected-flag{background-color:transparent}.react-tel-input .selected-flag{outline:none;position:relative;width:38px;height:100%;padding:0 0 0 8px;border-radius:3px 0 0 3px}.react-tel-input .selected-flag:hover,.react-tel-input .selected-flag:focus{background-color:#fff}.react-tel-input .selected-flag .flag{position:absolute;top:50%;margin-top:-5px}.react-tel-input .selected-flag .arrow{position:relative;top:50%;margin-top:-2px;left:20px;width:0;height:0;border-left:3px solid transparent;border-right:3px solid transparent;border-top:4px solid #555}.react-tel-input .selected-flag .arrow.up{border-top:none;border-bottom:4px solid #555}.react-tel-input .country-list{outline:none;z-index:1;list-style:none;position:absolute;padding:0;margin:10px 0 10px -1px;box-shadow:1px 2px 10px rgba(0,0,0,0.35);background-color:white;width:300px;max-height:200px;overflow-y:scroll;border-radius:0 0 3px 3px}.react-tel-input .country-list .flag{display:inline-block}.react-tel-input .country-list .divider{padding-bottom:5px;margin-bottom:5px;border-bottom:1px solid #ccc}.react-tel-input .country-list .country{padding:7px 9px}.react-tel-input .country-list .country .dial-code{color:#6b6b6b}.react-tel-input .country-list .country:hover{background-color:#f1f1f1}.react-tel-input .country-list .country.highlight{background-color:#f1f1f1}.react-tel-input .country-list .flag{margin-right:7px;margin-top:2px}.react-tel-input .country-list .country-name{margin-right:6px}.react-tel-input .country-list .search{position:sticky;top:0;background-color:#fff;padding:10px 0 6px 10px}.react-tel-input .country-list .search-emoji{font-size:15px}.react-tel-input .country-list .search-box{border:1px solid #cacaca;border-radius:3px;font-size:15px;line-height:15px;margin-left:6px;padding:3px 8px 5px;outline:none}.react-tel-input .country-list .no-entries-message{padding:7px 10px 11px;opacity:.7}.react-tel-input .invalid-number-message{position:absolute;z-index:1;font-size:13px;left:46px;top:-8px;background:#fff;padding:0 2px;color:#de0000}.react-tel-input .special-label{display:none;position:absolute;z-index:1;font-size:13px;left:46px;top:-8px;background:#fff;padding:0 2px;white-space:nowrap}
/* * {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  list-style: none;
  font-family: "Montserrat", sans-serif;
} 

 body {
  background: #585c68;
  font-size: 14px;
  line-height: 22px;
  color: #555555;
}  */

.bold {
  font-weight: 600;
  font-size: 1.7rem;
  text-transform: uppercase;
}

.semi-bold {
  font-weight: 500;
  font-size: 1.5rem;
  margin-bottom: auto;
}

.resume {
  width: 1150px;
  height: auto;
  /* height: 100%; */
  display: flex;
  margin: 0px auto;
  font-size: 14px;
  font-family: "Montserrat", sans-serif;
  line-height: 22px;
  position: relative;
}

.resume .resume_left {
  /* width: 280px; */
  width: 450px;
  background: #0bb5f4 !important;
  -webkit-print-color-adjust: exact;
}

.resume .resume_left .resume_profile {
  width: 100%;
  height: 380px;
}

.resume .resume_left .resume_profile img {
  width: 100%;
  height: 100%;
}

.resume .resume_left .resume_content {
  padding: 0 25px;
}

.resume .title {
  margin-bottom: 20px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.resume .resume_left .bold {
  color: #fff;
  margin-bottom: auto;
}

.resume .resume_left .regular {
  color: #b1eaff;
  margin-bottom: auto;
  font-size: 1.2rem;
  margin-top: 10px;
}

.resume .resume_item {
  padding: 25px 0;
  border-bottom: 2px solid #b1eaff;
}

.resume .resume_left .resume_item:last-child,
.resume .resume_right .resume_item:last-child {
  border-bottom: 0px;
}

.resume .resume_left ul {
  padding-left: initial;
  font-size: 1.2rem;
  list-style: none;
}

.resume .resume_left ul li {
  display: flex;
  margin-bottom: 20px;
  align-items: center;
}

.resume .resume_left ul li:last-child {
  margin-bottom: 0;
}

.resume .resume_left ul li .icon {
  width: 45px;
  height: 45px;
  background: #fff;
  color: #0bb5f4;
  border-radius: 50%;
  margin-right: 15px;
  font-size: 16px;
  position: relative;
}

.resume .icon i {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.resume .resume-icons {
  transform: scale(1.5);
}

.resume .resume_left ul li .data {
  color: #b1eaff;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.resume .resume_left .resume_skills ul li {
  display: flex;
  margin-bottom: 10px;
  color: #b1eaff;
  /* justify-content: space-between; */
  align-items: center;
}

.resume .resume_left .resume_skills ul li .skill_name {
  width: 25%;
  display: flex;
}

.resume .resume_left .resume_skills ul li .skill_progress {
  width: 50%;
  margin: 0 5px;
  height: 5px;
  background: #009fd9;
  position: relative;
}

.resume .resume_left .resume_skills ul li .skill_per {
  width: 15%;
}

.resume .resume_left .resume_skills ul li .skill_progress span {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  background: #fff;
}

.resume .resume_left .resume_social .semi-bold {
  color: #fff;
  margin-bottom: 3px;
}

.resume .resume_right {
  /* width: 520px; */
  width: 800px;
  background: #fff;
  padding: 25px;
  /* margin: 40px 0px; */
  /* padding-bottom: 100px; */
}

.resume .resume_about .title,
.resume .resume_volunteer_work .title {
  margin-bottom: 0;
}

.resume .resume_about {
  padding-bottom: 0;
}

.resume p {
  text-align: left;
  font-size: 1.2rem;
  line-height: 1.6;
}

.resume .resume_right .bold {
  color: #0bb5f4;
  margin-bottom: 25px;
  font-size: 1.5rem;
}

.resume .resume_right .semi-bold {
  margin-bottom: 10px;
}

/* .resume .resume_right .info p {
  font-size: 1rem;
} */

.resume .resume_right .resume_work ul,
.resume .resume_right .resume_education ul,
.resume .resume_right .resume_volunteer_work ul {
  padding-left: 40px;
  overflow: hidden;
  list-style: none;
}

.resume .resume_right ul li {
  position: relative;
}

.resume .resume_right ul li .date {
  font-size: 1.2rem;
  font-weight: 500;
  margin-bottom: 15px;
  text-align: initial;
}

.resume .resume_right ul li .info {
  margin-bottom: 20px;
  white-space: break-spaces;
}

.resume .resume_right ul li:last-child .info {
  margin-bottom: 0;
}

.resume .resume_right .resume_work .title {
  margin-bottom: auto;
}
.resume .resume_right .resume_education .title {
  margin-bottom: auto;
}

.resume .resume_right .resume_work ul li:before,
.resume .resume_right .resume_education ul li:before,
.resume .resume_right .resume_volunteer_work ul li:before {
  content: "";
  position: absolute;
  top: 5px;
  left: -25px;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  border: 2px solid #0bb5f4;
}

.resume .resume_right .resume_work ul li:after,
.resume .resume_right .resume_education ul li:after,
.resume .resume_right .resume_volunteer_work ul li:after {
  content: "";
  position: absolute;
  top: 17px;
  left: -20px;
  width: 2px;
  height: 100%;
  background: #0bb5f4;
}
.solo-watermark2 {
  position: absolute;
  bottom: 0;
  right: 30px;
  color: darkgray;
  font-size: 18px;
  display: flex;
  align-items: center;
}
.soloLogo {
  height: 20px;
  padding-left: 10px;
}

@media all {
  .page-break {
    display: none;
  }
}

@media print {
  html,
  body {
    height: initial !important;
    overflow: initial !important;
    -webkit-print-color-adjust: exact;
  }
}

@media print {
  .page-break {
    margin-top: 1rem;
    display: block;
    page-break-before: auto;
  }
}

@page {
  /* size: auto; */
  margin: 7mm;
}

.resume-verified {
  height: 30px;
  padding-left: 10px;
}

.resume-3 {
  text-align: left;
  font-family: "Roboto", sans-serif;
  color: #545E6C;
  background: #f5f5f5;
  font-size: 14px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin-top: 0px;
}

h1,
h2,
h3 {
  font-family: "Montserrat";
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: 700;
}

a {
  color: #2d7788;
  text-decoration: none;
}

a:hover {
  /* text-decoration: underline;
    color: #1a454f;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out; */
}

a:focus {
  text-decoration: none;
}

p {
  line-height: 1.5;
}

.resume-wrapper {
  background: #42A8C0;
  width: 1150px;
  height: auto;
  ;
  margin: 0 auto;
  position: relative;
  box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.1);
}

.topbar-wrapper {
  /* background: #42A8C0;
    position: absolute;
    right: 0;
    width: 300px;
    height: 100%;
    min-height: 800px;
    color: #fff; */
  width: 100%;
  background: #42A8C0;

  display: flex;
  color: #fff;
  flex-wrap: wrap;
  /* justify-content: space-evenly; */
}

.topbar-wrapper a {
  color: #fff;
}

.topbar-wrapper a:hover {
  /* color: #fcf7f7;
    font-weight: 700; */
  text-decoration: none;
  color: white;
}

.topbar-wrapper .profile-container {
  padding-top: 20px;
  padding-bottom: 20px;
  padding-left: 40px;
  padding-right: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(0, 0, 0, 0.2);
  text-align: center;
  color: #fff;
}

.topbar-wrapper .name {
  font-size: 32px;
  font-weight: 700;
  margin-top: 0;
  margin-bottom: 10px;
  text-align: left;

}

.topbar-wrapper .tagline {
  color: rgba(255, 255, 255, 0.6);
  font-size: 16px;
  font-weight: 400;
  margin-top: 0;
  margin-bottom: 0;
}

.topbar-wrapper .profile {
  height: 180px;
  width: 180px;
  border-radius: 50%;
  -o-object-fit: cover;
     object-fit: cover;
  margin-bottom: 15px;
}

.topbar-wrapper .contact-list svg {
  margin-right: 5px;
  font-size: 18px;
  min-width: 18px;
}

.topbar-wrapper .contact-list .email-text {
  word-break: break-all;
  line-height: 18px;
}

.topbar-wrapper .contact-list li {
  margin-bottom: 15px;
  display: flex;
  align-items: center;
}

.topbar-wrapper .contact-list li:last-child {
  margin-bottom: 0;
}

.topbar-wrapper .contact-list .email .svg-inline--fa {
  font-size: 14px;
}

.topbar-wrapper .container-block {
  padding: 30px;
}

.topbar-wrapper .container-block-title {
  text-transform: uppercase;
  font-size: 16px;
  font-weight: 700;
  margin-top: 0;
  margin-bottom: 15px;
}

.topbar-wrapper .degree {
  font-size: 14px;
  margin-top: 0;
  margin-bottom: 5px;
}

.topbar-wrapper .education-container .item {
  margin-bottom: 15px;
}

.topbar-wrapper .education-container .item:last-child {
  margin-bottom: 0;
}

.topbar-wrapper .education-container .meta {
  color: rgba(255, 255, 255, 0.6);
  font-weight: 500;
  margin-bottom: 0px;
  margin-top: 0;
  font-size: 14px;
}

.topbar-wrapper .education-container .time {
  color: rgba(255, 255, 255, 0.6);
  font-weight: 500;
  margin-bottom: 0px;
}

.topbar-wrapper .languages-container .lang-desc {
  color: rgba(255, 255, 255, 0.6);
}

.topbar-wrapper .languages-list {
  margin-bottom: 0;
}

.topbar-wrapper .languages-list li {
  margin-bottom: 10px;
}

.topbar-wrapper .languages-list li:last-child {
  margin-bottom: 0;
}

.topbar-wrapper .interests-list {
  margin-bottom: 0;
}

.topbar-wrapper .interests-list li {
  margin-bottom: 10px;
}

.topbar-wrapper .interests-list li:last-child {
  margin-bottom: 0;
}

.main-wrapper {
  background: #fff;
  padding: 60px;
  /* padding-right: 360px; */
}

.main-wrapper .section-title {
  text-transform: uppercase;
  font-size: 20px;
  font-weight: 800;
  color: #2d7788;
  position: relative;
  margin-top: 0;
  margin-bottom: 10px;
  display: flex;
  line-height: 28px;
}

.main-wrapper .section-title .icon-holder {
  width: 32px;
  height: 32px;
  margin-right: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  border-radius: 50%;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  background: #2d7788;
  text-align: center;
  font-size: 16px;
  position: relative;
  top: -0.1px;
}

.main-wrapper .section-title .icon-holder .svg-inline--fa {
  font-size: 14px;
  margin-top: 6px;
}

.main-wrapper .section-title .icon-holder .fa-archive {
  margin-top: 2px;
}

.main-wrapper .section {
  margin-bottom: 60px;
}

.main-wrapper .experiences-section .item {
  margin-bottom: 20px;
}

.main-wrapper .upper-row {
  position: relative;
  overflow: hidden;
  margin-bottom: 2px;
}

.main-wrapper .job-title {
  color: #3F4650;
  font-size: 18px;
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 600;
}

.main-wrapper .time {
  position: absolute;
  right: 0;
  top: 0;
  color: #97AAC3;
}

.main-wrapper .company {
  margin-bottom: 4px;
  color: #97AAC3;
}

.main-wrapper .project-title {
  font-size: 16px;
  font-weight: 400;
  margin-top: 0;
  /* margin-bottom: 5px; */
  color: #2d7788;
}

.main-wrapper .project-title:hover {
  text-decoration: none;
}

.main-wrapper .project-title span {
  color: #2d7788;
}

.main-wrapper .projects-section .intro {
  margin-bottom: 30px;
}

.main-wrapper .projects-section .item {
  margin-bottom: 15px;
}

.skillset .item {
  margin-bottom: 15px;
  overflow: hidden;
}

.skillset .level-title {
  font-size: 14px;
  margin-top: 0;
  margin-bottom: 12px;
}

.skillset .level-bar {
  height: 12px;
  background: #f5f5f5;
  border-radius: 2px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}

.skillset .theme-progress-bar {
  background: #68bacd;
}

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

.footer .copyright {
  line-height: 1.6;
  color: #545E6C;
  font-size: 13px;
}

.footer .fa-heart {
  color: #fb866a;
}

.solo-watermark3 {
  position: absolute;
  bottom: 10px;
  left: 30px;
  color: darkgray;
  font-size: 18px;
  display: flex;
  align-items: center;
}

.section-svg {
  width: 16px;
  height: 16px;
}

.solo-watermark3 .soloLogo {
  height: 20px;
  padding-left: 10px;
}

.resume-3 .details p {
  margin-bottom: 4px;
}

.resume-3 .resume-verified {
  height: 25px;
  padding-left: 6px;
}

@media print {
  a {
    text-decoration: none;
    color: inherit
  }
}

/* .resume-3 .main-wrapper .section-title .icon-holder  .fa-Certificate{
  margin-top: 2px;
} */

/* @media (max-width: 767.98px) {
    .sidebar-wrapper {
      position: static;
      width: inherit;
    }
    .main-wrapper {
      padding: 30px;
    }
    .main-wrapper .time {
      position: static;
      display: block;
      margin-top: 5px;
    }
    .main-wrapper .upper-row {
      margin-bottom: 0;
    }
  }
  @media (min-width: 992px) {
    .skillset .level-title {
      display: inline-block;
      float: left;
      width: 30%;
      margin-bottom: 0;
    }
  } */
/* General Container */
.resume-container {
  display: flex;
  flex-direction: row;
  font-family: Arial, sans-serif;
  color: #111827; /* text-gray-900 */
  padding: 2rem;
  background-color: #ffffff;
  max-width: 1000px;
  margin: 0 auto;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
  gap: 2rem;
}

.project-title {
    font-size: 16px;
    font-weight: 400;
    margin-top: 0;
    margin-bottom: 5px;
    color: #2563EB;
  }


/* Left Panel */
.resume-left {
  flex: 1;
  max-width: 35%;
  background-color: #f7f8f9; 
  padding: 1rem;
  border-radius: 8px;
}

.section-spacing {
  margin-top: 20px; /* adjust as needed */
}


/* Right Panel */
.resume-right {
  flex: 2;
  padding: 1rem;
}

/* Profile Image */
.profile {
  width: 120px;
  height: 120px;
  border-radius: 50%;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
  margin: 0 auto 1rem;
}

/* Name and Tagline */
.name {
  font-size: 1.5rem;
  text-align: center;
  margin-bottom: 0.25rem;
  font-weight: bold;
}

.tagline {
  text-align: center;
  font-size: 1rem;
  color: #4B5563; /* gray-600 */
  margin-bottom: 1rem;
}

/* Section Wrapper */
.resume-section {
  margin-bottom: 2rem;
}

.resume-subtitle {
  font-size: 1.125rem;
  font-weight: 600;
  text-align: left;
  color: #1F2937; /* gray-800 */
  margin-bottom: 0.5rem;
  border-bottom: 1px solid #E5E7EB; /* gray-200 */
  padding-bottom: 0.25rem;
}

/* Contact List */
.resume-contact-list {
  list-style: none;
  padding-left: 0;
  margin: 0;
}

.resume-list-item {
  display: flex;
  align-items: center;
  font-size: 0.95rem;
  margin-bottom: 0.5rem;
  color: #374151; /* gray-700 */
}

.resume-list-item svg {
  margin-right: 0.5rem;
  color: #2563EB; /* blue-600 */
}

/* Skills List */
.resume-skill-list {
  list-style: disc;
  padding-left: 1.25rem;
  color: #374151; /* gray-700 */
  font-size: 0.95rem;
}

/* Timeline Entries */
.resume-timeline > div {
  margin-bottom: 1.5rem;
}

.resume-job-title {
  font-size: 1rem;
  font-weight: bold;
  color: #111827;
  display: flex;
  align-items: center;
}

.meta {
  font-size: 0.95rem;
  color: #6B7280; /* gray-500 */
}

.subtitle {
  font-size: 0.95rem;
  color: #6B7280; /* gray-500 */
  display: flex;
  align-items: center;
}

.company {
    margin-bottom: 4px;
    color: #97AAC3;
    display: flex;
  align-items: center;
  }

.upper-row {
    position: relative;
    overflow: hidden;
    margin-bottom: 2px;
  }

.time {
  font-size: 0.875rem;
  color: #9CA3AF; /* gray-400 */
  margin-bottom: 0.25rem;
  flex-shrink: 0;
  text-align: right;
  white-space: nowrap ;
}

.details {
  text-align: left;
  margin-bottom: 0.25rem;
}

.vc {
  text-align: left;
  margin-top: 0rem;
}

.resume-company {
  font-size: 0.95rem;
  color: #4B5563;
  margin-bottom: 0.25rem;
}

.resume-details {
  font-size: 0.9rem;
  color: #374151;
  margin-top: 0.25rem;
}

.resume-link {
  color: #2599eb;
  font-size: 0.90rem;
  text-decoration: underline;
  display: inline-block;
  margin-top: 0.25rem;
}

/* Verified Badge */
.resume-verified {
  display: inline-block;
  width: 16px;
  height: 16px;
  margin-left: 6px;
  vertical-align: middle;
}

/* Watermark */
.solo-watermark2 {
  margin-top: 3rem;
  font-size: 0.875rem;
  color: #6B7280;
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

.soloLogo {
  height: 24px;
  vertical-align: middle;
}

/* Responsive Layout */
@media (max-width: 768px) {
  .resume-container {
    flex-direction: column;
    padding: 1rem;
  }

  .resume-left,
  .resume-right {
    max-width: 100%;
  }

  .profile {
    width: 100px;
    height: 100px;
  }

  .resume-verified {
    width: 14px;
    height: 14px;
  }

  .soloLogo {
    height: 20px;
  }

  .education-entry {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: 1.5rem;
}

.education-left {
  max-width: 65%;
}

.education-right {
  text-align: right;
}


}


@charset "UTF-8";

/* .buttonSmall {
    height:moderateScale(30),
    width:moderateScale(80)
} */

:root {
  --black: #000000;
  --white: #ffff;
  --white-bg: #ffffffd1;
  --white-1: #f8f8f8;
  /* // googlePlus: '#DD4B39'
    // facebook: '#3b5998',
    // twitter: '#1DA1F2',*/
  --error: rgba(200, 0, 0, 0.8);
  --greybg: #f2f2f2;
  --heading1: #4a4a4a;
  --greyLight: #f1f1f1;
  --greenText: #6fcf97;
  --darkGrey: #828282;
  --grey-dark: #898989;
  --grey: #21252952;
  --grey-1: #ccc;
  --light: rgba(0, 0, 0, 0.25);
  --light-1: rgba(0, 0, 0, 0.2);
  --light-grey: rgba(0, 0, 0, 0.09);
  --light-2: rgb(151, 146, 146);
  --light-3: rgba(149, 151, 161, 0.2);
  --purple: #0089fe;
  --blue-1: #2a265f;
  --blue: #68baff;
  --org-f8: #ff6c36;
  --disable-org: #fcb398;
  --disabledraft-org: #ffaaaca3;
  --flameorang: #ff6c36;
  --coloractive: #ff895ed5;
  --org-8a: #f3efde;
  --red: #dc3545;
  --blueffText: #3fa6ff;
  --blue-b7: #337ab7;

  --blue-f8: #ff6c36;
  --blue-8a: #f3efde;
  --red: #dc3545;
  --off-white: #ff9100;
  --org: #ff6c36e6;
  --textfaintopacity: 0.75;

  --orange5e: #ff885e;
  --shadow2: #68bbffa8;

  --shadow3: #ff895ea2;
  --grey3: #333333;
}

.buttonmain {
  /* height:moderateScale(50),*/

  font-family: "Roboto", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  color: #fff;

  width: 100%;
  height: 40px;
  margin: 20px 0;
  margin-bottom: 10px;
  margin-top: 10px;
  cursor: pointer;

  text-align: center;
  border: none;
  background-size: 300% 100%;

  border-radius: 8px;
  moz-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
  box-shadow: 1px 1px 2px 0px #c6d2d9;
}

* {
  box-sizing: border-box;
}
.width96 {
  width: 96%;
}
.button1 {
  background-color: #ff6c36d9;
  color: var(--white);
  border: none;
  /* box-shadow: 0px 1px 12px 1px #dee2e673; */
  box-shadow: 1px 1px 2px 0px #c6d2d9;
  border-radius: 8px;
}

.buttongrey {
  background-color: #828282;
  color: var(--white);
  border: none;
  /* box-shadow: 0px 1px 12px 1px #dee2e673; */
  box-shadow: 1px 1px 2px 0px #c6d2d9;
  border-radius: 10px;
}

.button1:hover {
  border-radius: 10px;

  background-color: #ff6c36;
  color: var(--white);
  border: none;
  /* box-shadow: 0px 1px 12px 1px #dee2e673;} */
  box-shadow: 1px 1px 2px 0px #c6d2d9;
}

.button1:focus {
  outline: none;
}

.modelfooter .button1 {
  margin-right: 20px;
}

.button2 {
  background-color: var(--flameorang);
  color: var(--white);
  /* box-shadow: 0px 2px 1px var(--light-grey); */
  box-shadow: 1px 1px 2px 0px #c6d2d9;
}
.button2:hover,
.button2:focus,
.button2:active {
  background-color: var(--flameorang);
  color: var(--white);
  outline: none;
  /* box-shadow: none ;
  box-shadow: 0px 2px 1px var(--light-grey);
  transform: translateY(1px);  */
  box-shadow: 1px 1px 2px 0px #c6d2d9;
}

.button3 {
  background-color: var(--white);
  font-size: "14px";
  font-family: "'Roboto', sans-serif";
  outline: none;
  border-color: var(--flameorang);
  border-radius: 8px;
  border: 2px solid var(--black);
  /* box-shadow: none ; */
  width: 311px;
  height: 48px;
  font-weight: 500;
  line-height: 16px;
  transform: translateY(1px);
  cursor: pointer;
  /* box-shadow: 0px 2px 1px var(--light-grey); */
  box-shadow: 1px 1px 2px 0px #c6d2d9;
}
.buttonText2 {
  font-weight: 500;
  font-size: 14px;
  line-height: 16px;
  text-align: center;
  font-family: "Roboto", sans-serif;
  color: var(--flameorang);
}
.buttonText:hover,
.buttonText:focus,
.buttonText:active {
  text-align: "center";
  font-size: "14px";
  font-family: "Roboto", sans-serif;
  color: var(--flameorang);
}

.buttonText1 {
  color: var(--white) !important;
}

.buttonfollow {
  width: 80px;
  height: 24px;
  border: 2px solid var(--flameorang);
  box-sizing: border-box;
  border-radius: 45px;
  font-family: "Roboto", sans-serif;
  font-weight: 300;
  font-size: 10px;
  color: var(--flameorang);
  background-color: var(--white);
  line-height: 10px;
  align-items: center;
  text-align: center;
  cursor: pointer;
  z-index: 1000;
}

.buttonfollow:active {
  background-color: var(--white);
  /* transform: translateY(2px); */
  cursor: pointer;
}

.buttonunfollow {
  width: 80px;
  height: 24px;
  border: 1px solid var(--flameorang);
  box-sizing: border-box;
  border-radius: 45px;
  font-family: "Roboto", sans-serif;
  font-weight: 500;
  font-size: 10px;
  color: var(--white);
  background-color: var(--flameorang);
  line-height: 10px;
  align-items: center;
  text-align: center;
  cursor: pointer;
}

.buttonunfollow:active {
  background-color: var(--flameorang);
  transform: translateY(2px);
  cursor: pointer;
}

.button1:disabled {
  background: var(--disable-org);
  cursor: not-allowed;
}

/*!
 * Bootstrap v4.6.2 (https://getbootstrap.com/)
 * Copyright 2011-2022 The Bootstrap Authors
 * Copyright 2011-2022 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
 */:root{--blue:#007bff;--indigo:#6610f2;--purple:#6f42c1;--pink:#e83e8c;--red:#dc3545;--orange:#fd7e14;--yellow:#ffc107;--green:#28a745;--teal:#20c997;--cyan:#17a2b8;--white:#fff;--gray:#6c757d;--gray-dark:#343a40;--primary:#007bff;--secondary:#6c757d;--success:#28a745;--info:#17a2b8;--warning:#ffc107;--danger:#dc3545;--light:#f8f9fa;--dark:#343a40;--breakpoint-xs:0;--breakpoint-sm:576px;--breakpoint-md:768px;--breakpoint-lg:992px;--breakpoint-xl:1200px;--font-family-sans-serif:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans","Liberation Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-family-monospace:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace}*,::after,::before{box-sizing:border-box}html{font-family:sans-serif;line-height:1.15;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}article,aside,figcaption,figure,footer,header,hgroup,main,nav,section{display:block}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans","Liberation Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";font-size:1rem;font-weight:400;line-height:1.5;color:#212529;text-align:left;background-color:#fff}[tabindex="-1"]:focus:not(:focus-visible){outline:0!important}hr{box-sizing:content-box;height:0;overflow:visible}h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:.5rem}p{margin-top:0;margin-bottom:1rem}abbr[data-original-title],abbr[title]{text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;cursor:help;border-bottom:0;-webkit-text-decoration-skip-ink:none;text-decoration-skip-ink:none}address{margin-bottom:1rem;font-style:normal;line-height:inherit}dl,ol,ul{margin-top:0;margin-bottom:1rem}ol ol,ol ul,ul ol,ul ul{margin-bottom:0}dt{font-weight:700}dd{margin-bottom:.5rem;margin-left:0}blockquote{margin:0 0 1rem}b,strong{font-weight:bolder}small{font-size:80%}sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}a{color:#007bff;text-decoration:none;background-color:transparent}a:hover{color:#0056b3;text-decoration:underline}a:not([href]):not([class]){color:inherit;text-decoration:none}a:not([href]):not([class]):hover{color:inherit;text-decoration:none}code,kbd,pre,samp{font-family:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;font-size:1em}pre{margin-top:0;margin-bottom:1rem;overflow:auto;-ms-overflow-style:scrollbar}figure{margin:0 0 1rem}img{vertical-align:middle;border-style:none}svg{overflow:hidden;vertical-align:middle}table{border-collapse:collapse}caption{padding-top:.75rem;padding-bottom:.75rem;color:#6c757d;text-align:left;caption-side:bottom}th{text-align:inherit;text-align:-webkit-match-parent}label{display:inline-block;margin-bottom:.5rem}button{border-radius:0}button:focus:not(:focus-visible){outline:0}button,input,optgroup,select,textarea{margin:0;font-family:inherit;font-size:inherit;line-height:inherit}button,input{overflow:visible}button,select{text-transform:none}[role=button]{cursor:pointer}select{word-wrap:normal}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]:not(:disabled),[type=reset]:not(:disabled),[type=submit]:not(:disabled),button:not(:disabled){cursor:pointer}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{padding:0;border-style:none}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}textarea{overflow:auto;resize:vertical}fieldset{min-width:0;padding:0;margin:0;border:0}legend{display:block;width:100%;max-width:100%;padding:0;margin-bottom:.5rem;font-size:1.5rem;line-height:inherit;color:inherit;white-space:normal}progress{vertical-align:baseline}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{outline-offset:-2px;-webkit-appearance:none}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{font:inherit;-webkit-appearance:button}output{display:inline-block}summary{display:list-item;cursor:pointer}template{display:none}[hidden]{display:none!important}.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{margin-bottom:.5rem;font-weight:500;line-height:1.2}.h1,h1{font-size:2.5rem}.h2,h2{font-size:2rem}.h3,h3{font-size:1.75rem}.h4,h4{font-size:1.5rem}.h5,h5{font-size:1.25rem}.h6,h6{font-size:1rem}.lead{font-size:1.25rem;font-weight:300}.display-1{font-size:6rem;font-weight:300;line-height:1.2}.display-2{font-size:5.5rem;font-weight:300;line-height:1.2}.display-3{font-size:4.5rem;font-weight:300;line-height:1.2}.display-4{font-size:3.5rem;font-weight:300;line-height:1.2}hr{margin-top:1rem;margin-bottom:1rem;border:0;border-top:1px solid rgba(0,0,0,.1)}.small,small{font-size:.875em;font-weight:400}.mark,mark{padding:.2em;background-color:#fcf8e3}.list-unstyled{padding-left:0;list-style:none}.list-inline{padding-left:0;list-style:none}.list-inline-item{display:inline-block}.list-inline-item:not(:last-child){margin-right:.5rem}.initialism{font-size:90%;text-transform:uppercase}.blockquote{margin-bottom:1rem;font-size:1.25rem}.blockquote-footer{display:block;font-size:.875em;color:#6c757d}.blockquote-footer::before{content:"\2014\00A0"}.img-fluid{max-width:100%;height:auto}.img-thumbnail{padding:.25rem;background-color:#fff;border:1px solid #dee2e6;border-radius:.25rem;max-width:100%;height:auto}.figure{display:inline-block}.figure-img{margin-bottom:.5rem;line-height:1}.figure-caption{font-size:90%;color:#6c757d}code{font-size:87.5%;color:#e83e8c;word-wrap:break-word}a>code{color:inherit}kbd{padding:.2rem .4rem;font-size:87.5%;color:#fff;background-color:#212529;border-radius:.2rem}kbd kbd{padding:0;font-size:100%;font-weight:700}pre{display:block;font-size:87.5%;color:#212529}pre code{font-size:inherit;color:inherit;word-break:normal}.pre-scrollable{max-height:340px;overflow-y:scroll}.container,.container-fluid,.container-lg,.container-md,.container-sm,.container-xl{width:100%;padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}@media (min-width:576px){.container,.container-sm{max-width:540px}}@media (min-width:768px){.container,.container-md,.container-sm{max-width:720px}}@media (min-width:992px){.container,.container-lg,.container-md,.container-sm{max-width:960px}}@media (min-width:1200px){.container,.container-lg,.container-md,.container-sm,.container-xl{max-width:1140px}}.row{display:flex;flex-wrap:wrap;margin-right:-15px;margin-left:-15px}.no-gutters{margin-right:0;margin-left:0}.no-gutters>.col,.no-gutters>[class*=col-]{padding-right:0;padding-left:0}.col,.col-1,.col-10,.col-11,.col-12,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-auto,.col-lg,.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-auto,.col-md,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-auto,.col-sm,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-auto,.col-xl,.col-xl-1,.col-xl-10,.col-xl-11,.col-xl-12,.col-xl-2,.col-xl-3,.col-xl-4,.col-xl-5,.col-xl-6,.col-xl-7,.col-xl-8,.col-xl-9,.col-xl-auto{position:relative;width:100%;padding-right:15px;padding-left:15px}.col{flex-basis:0;flex-grow:1;max-width:100%}.row-cols-1>*{flex:0 0 100%;max-width:100%}.row-cols-2>*{flex:0 0 50%;max-width:50%}.row-cols-3>*{flex:0 0 33.333333%;max-width:33.333333%}.row-cols-4>*{flex:0 0 25%;max-width:25%}.row-cols-5>*{flex:0 0 20%;max-width:20%}.row-cols-6>*{flex:0 0 16.666667%;max-width:16.666667%}.col-auto{flex:0 0 auto;width:auto;max-width:100%}.col-1{flex:0 0 8.333333%;max-width:8.333333%}.col-2{flex:0 0 16.666667%;max-width:16.666667%}.col-3{flex:0 0 25%;max-width:25%}.col-4{flex:0 0 33.333333%;max-width:33.333333%}.col-5{flex:0 0 41.666667%;max-width:41.666667%}.col-6{flex:0 0 50%;max-width:50%}.col-7{flex:0 0 58.333333%;max-width:58.333333%}.col-8{flex:0 0 66.666667%;max-width:66.666667%}.col-9{flex:0 0 75%;max-width:75%}.col-10{flex:0 0 83.333333%;max-width:83.333333%}.col-11{flex:0 0 91.666667%;max-width:91.666667%}.col-12{flex:0 0 100%;max-width:100%}.order-first{order:-1}.order-last{order:13}.order-0{order:0}.order-1{order:1}.order-2{order:2}.order-3{order:3}.order-4{order:4}.order-5{order:5}.order-6{order:6}.order-7{order:7}.order-8{order:8}.order-9{order:9}.order-10{order:10}.order-11{order:11}.order-12{order:12}.offset-1{margin-left:8.333333%}.offset-2{margin-left:16.666667%}.offset-3{margin-left:25%}.offset-4{margin-left:33.333333%}.offset-5{margin-left:41.666667%}.offset-6{margin-left:50%}.offset-7{margin-left:58.333333%}.offset-8{margin-left:66.666667%}.offset-9{margin-left:75%}.offset-10{margin-left:83.333333%}.offset-11{margin-left:91.666667%}@media (min-width:576px){.col-sm{flex-basis:0;flex-grow:1;max-width:100%}.row-cols-sm-1>*{flex:0 0 100%;max-width:100%}.row-cols-sm-2>*{flex:0 0 50%;max-width:50%}.row-cols-sm-3>*{flex:0 0 33.333333%;max-width:33.333333%}.row-cols-sm-4>*{flex:0 0 25%;max-width:25%}.row-cols-sm-5>*{flex:0 0 20%;max-width:20%}.row-cols-sm-6>*{flex:0 0 16.666667%;max-width:16.666667%}.col-sm-auto{flex:0 0 auto;width:auto;max-width:100%}.col-sm-1{flex:0 0 8.333333%;max-width:8.333333%}.col-sm-2{flex:0 0 16.666667%;max-width:16.666667%}.col-sm-3{flex:0 0 25%;max-width:25%}.col-sm-4{flex:0 0 33.333333%;max-width:33.333333%}.col-sm-5{flex:0 0 41.666667%;max-width:41.666667%}.col-sm-6{flex:0 0 50%;max-width:50%}.col-sm-7{flex:0 0 58.333333%;max-width:58.333333%}.col-sm-8{flex:0 0 66.666667%;max-width:66.666667%}.col-sm-9{flex:0 0 75%;max-width:75%}.col-sm-10{flex:0 0 83.333333%;max-width:83.333333%}.col-sm-11{flex:0 0 91.666667%;max-width:91.666667%}.col-sm-12{flex:0 0 100%;max-width:100%}.order-sm-first{order:-1}.order-sm-last{order:13}.order-sm-0{order:0}.order-sm-1{order:1}.order-sm-2{order:2}.order-sm-3{order:3}.order-sm-4{order:4}.order-sm-5{order:5}.order-sm-6{order:6}.order-sm-7{order:7}.order-sm-8{order:8}.order-sm-9{order:9}.order-sm-10{order:10}.order-sm-11{order:11}.order-sm-12{order:12}.offset-sm-0{margin-left:0}.offset-sm-1{margin-left:8.333333%}.offset-sm-2{margin-left:16.666667%}.offset-sm-3{margin-left:25%}.offset-sm-4{margin-left:33.333333%}.offset-sm-5{margin-left:41.666667%}.offset-sm-6{margin-left:50%}.offset-sm-7{margin-left:58.333333%}.offset-sm-8{margin-left:66.666667%}.offset-sm-9{margin-left:75%}.offset-sm-10{margin-left:83.333333%}.offset-sm-11{margin-left:91.666667%}}@media (min-width:768px){.col-md{flex-basis:0;flex-grow:1;max-width:100%}.row-cols-md-1>*{flex:0 0 100%;max-width:100%}.row-cols-md-2>*{flex:0 0 50%;max-width:50%}.row-cols-md-3>*{flex:0 0 33.333333%;max-width:33.333333%}.row-cols-md-4>*{flex:0 0 25%;max-width:25%}.row-cols-md-5>*{flex:0 0 20%;max-width:20%}.row-cols-md-6>*{flex:0 0 16.666667%;max-width:16.666667%}.col-md-auto{flex:0 0 auto;width:auto;max-width:100%}.col-md-1{flex:0 0 8.333333%;max-width:8.333333%}.col-md-2{flex:0 0 16.666667%;max-width:16.666667%}.col-md-3{flex:0 0 25%;max-width:25%}.col-md-4{flex:0 0 33.333333%;max-width:33.333333%}.col-md-5{flex:0 0 41.666667%;max-width:41.666667%}.col-md-6{flex:0 0 50%;max-width:50%}.col-md-7{flex:0 0 58.333333%;max-width:58.333333%}.col-md-8{flex:0 0 66.666667%;max-width:66.666667%}.col-md-9{flex:0 0 75%;max-width:75%}.col-md-10{flex:0 0 83.333333%;max-width:83.333333%}.col-md-11{flex:0 0 91.666667%;max-width:91.666667%}.col-md-12{flex:0 0 100%;max-width:100%}.order-md-first{order:-1}.order-md-last{order:13}.order-md-0{order:0}.order-md-1{order:1}.order-md-2{order:2}.order-md-3{order:3}.order-md-4{order:4}.order-md-5{order:5}.order-md-6{order:6}.order-md-7{order:7}.order-md-8{order:8}.order-md-9{order:9}.order-md-10{order:10}.order-md-11{order:11}.order-md-12{order:12}.offset-md-0{margin-left:0}.offset-md-1{margin-left:8.333333%}.offset-md-2{margin-left:16.666667%}.offset-md-3{margin-left:25%}.offset-md-4{margin-left:33.333333%}.offset-md-5{margin-left:41.666667%}.offset-md-6{margin-left:50%}.offset-md-7{margin-left:58.333333%}.offset-md-8{margin-left:66.666667%}.offset-md-9{margin-left:75%}.offset-md-10{margin-left:83.333333%}.offset-md-11{margin-left:91.666667%}}@media (min-width:992px){.col-lg{flex-basis:0;flex-grow:1;max-width:100%}.row-cols-lg-1>*{flex:0 0 100%;max-width:100%}.row-cols-lg-2>*{flex:0 0 50%;max-width:50%}.row-cols-lg-3>*{flex:0 0 33.333333%;max-width:33.333333%}.row-cols-lg-4>*{flex:0 0 25%;max-width:25%}.row-cols-lg-5>*{flex:0 0 20%;max-width:20%}.row-cols-lg-6>*{flex:0 0 16.666667%;max-width:16.666667%}.col-lg-auto{flex:0 0 auto;width:auto;max-width:100%}.col-lg-1{flex:0 0 8.333333%;max-width:8.333333%}.col-lg-2{flex:0 0 16.666667%;max-width:16.666667%}.col-lg-3{flex:0 0 25%;max-width:25%}.col-lg-4{flex:0 0 33.333333%;max-width:33.333333%}.col-lg-5{flex:0 0 41.666667%;max-width:41.666667%}.col-lg-6{flex:0 0 50%;max-width:50%}.col-lg-7{flex:0 0 58.333333%;max-width:58.333333%}.col-lg-8{flex:0 0 66.666667%;max-width:66.666667%}.col-lg-9{flex:0 0 75%;max-width:75%}.col-lg-10{flex:0 0 83.333333%;max-width:83.333333%}.col-lg-11{flex:0 0 91.666667%;max-width:91.666667%}.col-lg-12{flex:0 0 100%;max-width:100%}.order-lg-first{order:-1}.order-lg-last{order:13}.order-lg-0{order:0}.order-lg-1{order:1}.order-lg-2{order:2}.order-lg-3{order:3}.order-lg-4{order:4}.order-lg-5{order:5}.order-lg-6{order:6}.order-lg-7{order:7}.order-lg-8{order:8}.order-lg-9{order:9}.order-lg-10{order:10}.order-lg-11{order:11}.order-lg-12{order:12}.offset-lg-0{margin-left:0}.offset-lg-1{margin-left:8.333333%}.offset-lg-2{margin-left:16.666667%}.offset-lg-3{margin-left:25%}.offset-lg-4{margin-left:33.333333%}.offset-lg-5{margin-left:41.666667%}.offset-lg-6{margin-left:50%}.offset-lg-7{margin-left:58.333333%}.offset-lg-8{margin-left:66.666667%}.offset-lg-9{margin-left:75%}.offset-lg-10{margin-left:83.333333%}.offset-lg-11{margin-left:91.666667%}}@media (min-width:1200px){.col-xl{flex-basis:0;flex-grow:1;max-width:100%}.row-cols-xl-1>*{flex:0 0 100%;max-width:100%}.row-cols-xl-2>*{flex:0 0 50%;max-width:50%}.row-cols-xl-3>*{flex:0 0 33.333333%;max-width:33.333333%}.row-cols-xl-4>*{flex:0 0 25%;max-width:25%}.row-cols-xl-5>*{flex:0 0 20%;max-width:20%}.row-cols-xl-6>*{flex:0 0 16.666667%;max-width:16.666667%}.col-xl-auto{flex:0 0 auto;width:auto;max-width:100%}.col-xl-1{flex:0 0 8.333333%;max-width:8.333333%}.col-xl-2{flex:0 0 16.666667%;max-width:16.666667%}.col-xl-3{flex:0 0 25%;max-width:25%}.col-xl-4{flex:0 0 33.333333%;max-width:33.333333%}.col-xl-5{flex:0 0 41.666667%;max-width:41.666667%}.col-xl-6{flex:0 0 50%;max-width:50%}.col-xl-7{flex:0 0 58.333333%;max-width:58.333333%}.col-xl-8{flex:0 0 66.666667%;max-width:66.666667%}.col-xl-9{flex:0 0 75%;max-width:75%}.col-xl-10{flex:0 0 83.333333%;max-width:83.333333%}.col-xl-11{flex:0 0 91.666667%;max-width:91.666667%}.col-xl-12{flex:0 0 100%;max-width:100%}.order-xl-first{order:-1}.order-xl-last{order:13}.order-xl-0{order:0}.order-xl-1{order:1}.order-xl-2{order:2}.order-xl-3{order:3}.order-xl-4{order:4}.order-xl-5{order:5}.order-xl-6{order:6}.order-xl-7{order:7}.order-xl-8{order:8}.order-xl-9{order:9}.order-xl-10{order:10}.order-xl-11{order:11}.order-xl-12{order:12}.offset-xl-0{margin-left:0}.offset-xl-1{margin-left:8.333333%}.offset-xl-2{margin-left:16.666667%}.offset-xl-3{margin-left:25%}.offset-xl-4{margin-left:33.333333%}.offset-xl-5{margin-left:41.666667%}.offset-xl-6{margin-left:50%}.offset-xl-7{margin-left:58.333333%}.offset-xl-8{margin-left:66.666667%}.offset-xl-9{margin-left:75%}.offset-xl-10{margin-left:83.333333%}.offset-xl-11{margin-left:91.666667%}}.table{width:100%;margin-bottom:1rem;color:#212529}.table td,.table th{padding:.75rem;vertical-align:top;border-top:1px solid #dee2e6}.table thead th{vertical-align:bottom;border-bottom:2px solid #dee2e6}.table tbody+tbody{border-top:2px solid #dee2e6}.table-sm td,.table-sm th{padding:.3rem}.table-bordered{border:1px solid #dee2e6}.table-bordered td,.table-bordered th{border:1px solid #dee2e6}.table-bordered thead td,.table-bordered thead th{border-bottom-width:2px}.table-borderless tbody+tbody,.table-borderless td,.table-borderless th,.table-borderless thead th{border:0}.table-striped tbody tr:nth-of-type(odd){background-color:rgba(0,0,0,.05)}.table-hover tbody tr:hover{color:#212529;background-color:rgba(0,0,0,.075)}.table-primary,.table-primary>td,.table-primary>th{background-color:#b8daff}.table-primary tbody+tbody,.table-primary td,.table-primary th,.table-primary thead th{border-color:#7abaff}.table-hover .table-primary:hover{background-color:#9fcdff}.table-hover .table-primary:hover>td,.table-hover .table-primary:hover>th{background-color:#9fcdff}.table-secondary,.table-secondary>td,.table-secondary>th{background-color:#d6d8db}.table-secondary tbody+tbody,.table-secondary td,.table-secondary th,.table-secondary thead th{border-color:#b3b7bb}.table-hover .table-secondary:hover{background-color:#c8cbcf}.table-hover .table-secondary:hover>td,.table-hover .table-secondary:hover>th{background-color:#c8cbcf}.table-success,.table-success>td,.table-success>th{background-color:#c3e6cb}.table-success tbody+tbody,.table-success td,.table-success th,.table-success thead th{border-color:#8fd19e}.table-hover .table-success:hover{background-color:#b1dfbb}.table-hover .table-success:hover>td,.table-hover .table-success:hover>th{background-color:#b1dfbb}.table-info,.table-info>td,.table-info>th{background-color:#bee5eb}.table-info tbody+tbody,.table-info td,.table-info th,.table-info thead th{border-color:#86cfda}.table-hover .table-info:hover{background-color:#abdde5}.table-hover .table-info:hover>td,.table-hover .table-info:hover>th{background-color:#abdde5}.table-warning,.table-warning>td,.table-warning>th{background-color:#ffeeba}.table-warning tbody+tbody,.table-warning td,.table-warning th,.table-warning thead th{border-color:#ffdf7e}.table-hover .table-warning:hover{background-color:#ffe8a1}.table-hover .table-warning:hover>td,.table-hover .table-warning:hover>th{background-color:#ffe8a1}.table-danger,.table-danger>td,.table-danger>th{background-color:#f5c6cb}.table-danger tbody+tbody,.table-danger td,.table-danger th,.table-danger thead th{border-color:#ed969e}.table-hover .table-danger:hover{background-color:#f1b0b7}.table-hover .table-danger:hover>td,.table-hover .table-danger:hover>th{background-color:#f1b0b7}.table-light,.table-light>td,.table-light>th{background-color:#fdfdfe}.table-light tbody+tbody,.table-light td,.table-light th,.table-light thead th{border-color:#fbfcfc}.table-hover .table-light:hover{background-color:#ececf6}.table-hover .table-light:hover>td,.table-hover .table-light:hover>th{background-color:#ececf6}.table-dark,.table-dark>td,.table-dark>th{background-color:#c6c8ca}.table-dark tbody+tbody,.table-dark td,.table-dark th,.table-dark thead th{border-color:#95999c}.table-hover .table-dark:hover{background-color:#b9bbbe}.table-hover .table-dark:hover>td,.table-hover .table-dark:hover>th{background-color:#b9bbbe}.table-active,.table-active>td,.table-active>th{background-color:rgba(0,0,0,.075)}.table-hover .table-active:hover{background-color:rgba(0,0,0,.075)}.table-hover .table-active:hover>td,.table-hover .table-active:hover>th{background-color:rgba(0,0,0,.075)}.table .thead-dark th{color:#fff;background-color:#343a40;border-color:#454d55}.table .thead-light th{color:#495057;background-color:#e9ecef;border-color:#dee2e6}.table-dark{color:#fff;background-color:#343a40}.table-dark td,.table-dark th,.table-dark thead th{border-color:#454d55}.table-dark.table-bordered{border:0}.table-dark.table-striped tbody tr:nth-of-type(odd){background-color:rgba(255,255,255,.05)}.table-dark.table-hover tbody tr:hover{color:#fff;background-color:rgba(255,255,255,.075)}@media (max-width:575.98px){.table-responsive-sm{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.table-responsive-sm>.table-bordered{border:0}}@media (max-width:767.98px){.table-responsive-md{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.table-responsive-md>.table-bordered{border:0}}@media (max-width:991.98px){.table-responsive-lg{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.table-responsive-lg>.table-bordered{border:0}}@media (max-width:1199.98px){.table-responsive-xl{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.table-responsive-xl>.table-bordered{border:0}}.table-responsive{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.table-responsive>.table-bordered{border:0}.form-control{display:block;width:100%;height:calc(1.5em + .75rem + 2px);padding:.375rem .75rem;font-size:1rem;font-weight:400;line-height:1.5;color:#495057;background-color:#fff;background-clip:padding-box;border:1px solid #ced4da;border-radius:.25rem;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media (prefers-reduced-motion:reduce){.form-control{transition:none}}.form-control::-ms-expand{background-color:transparent;border:0}.form-control:focus{color:#495057;background-color:#fff;border-color:#80bdff;outline:0;box-shadow:0 0 0 .2rem rgba(0,123,255,.25)}.form-control::-moz-placeholder{color:#6c757d;opacity:1}.form-control::placeholder{color:#6c757d;opacity:1}.form-control:disabled,.form-control[readonly]{background-color:#e9ecef;opacity:1}input[type=date].form-control,input[type=datetime-local].form-control,input[type=month].form-control,input[type=time].form-control{-webkit-appearance:none;-moz-appearance:none;appearance:none}select.form-control:-moz-focusring{color:transparent;text-shadow:0 0 0 #495057}select.form-control:focus::-ms-value{color:#495057;background-color:#fff}.form-control-file,.form-control-range{display:block;width:100%}.col-form-label{padding-top:calc(.375rem + 1px);padding-bottom:calc(.375rem + 1px);margin-bottom:0;font-size:inherit;line-height:1.5}.col-form-label-lg{padding-top:calc(.5rem + 1px);padding-bottom:calc(.5rem + 1px);font-size:1.25rem;line-height:1.5}.col-form-label-sm{padding-top:calc(.25rem + 1px);padding-bottom:calc(.25rem + 1px);font-size:.875rem;line-height:1.5}.form-control-plaintext{display:block;width:100%;padding:.375rem 0;margin-bottom:0;font-size:1rem;line-height:1.5;color:#212529;background-color:transparent;border:solid transparent;border-width:1px 0}.form-control-plaintext.form-control-lg,.form-control-plaintext.form-control-sm{padding-right:0;padding-left:0}.form-control-sm{height:calc(1.5em + .5rem + 2px);padding:.25rem .5rem;font-size:.875rem;line-height:1.5;border-radius:.2rem}.form-control-lg{height:calc(1.5em + 1rem + 2px);padding:.5rem 1rem;font-size:1.25rem;line-height:1.5;border-radius:.3rem}select.form-control[multiple],select.form-control[size]{height:auto}textarea.form-control{height:auto}.form-group{margin-bottom:1rem}.form-text{display:block;margin-top:.25rem}.form-row{display:flex;flex-wrap:wrap;margin-right:-5px;margin-left:-5px}.form-row>.col,.form-row>[class*=col-]{padding-right:5px;padding-left:5px}.form-check{position:relative;display:block;padding-left:1.25rem}.form-check-input{position:absolute;margin-top:.3rem;margin-left:-1.25rem}.form-check-input:disabled~.form-check-label,.form-check-input[disabled]~.form-check-label{color:#6c757d}.form-check-label{margin-bottom:0}.form-check-inline{display:inline-flex;align-items:center;padding-left:0;margin-right:.75rem}.form-check-inline .form-check-input{position:static;margin-top:0;margin-right:.3125rem;margin-left:0}.valid-feedback{display:none;width:100%;margin-top:.25rem;font-size:.875em;color:#28a745}.valid-tooltip{position:absolute;top:100%;left:0;z-index:5;display:none;max-width:100%;padding:.25rem .5rem;margin-top:.1rem;font-size:.875rem;line-height:1.5;color:#fff;background-color:rgba(40,167,69,.9);border-radius:.25rem}.form-row>.col>.valid-tooltip,.form-row>[class*=col-]>.valid-tooltip{left:5px}.is-valid~.valid-feedback,.is-valid~.valid-tooltip,.was-validated :valid~.valid-feedback,.was-validated :valid~.valid-tooltip{display:block}.form-control.is-valid,.was-validated .form-control:valid{border-color:#28a745;padding-right:calc(1.5em + .75rem)!important;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%2328a745' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right calc(.375em + .1875rem) center;background-size:calc(.75em + .375rem) calc(.75em + .375rem)}.form-control.is-valid:focus,.was-validated .form-control:valid:focus{border-color:#28a745;box-shadow:0 0 0 .2rem rgba(40,167,69,.25)}.was-validated select.form-control:valid,select.form-control.is-valid{padding-right:3rem!important;background-position:right 1.5rem center}.was-validated textarea.form-control:valid,textarea.form-control.is-valid{padding-right:calc(1.5em + .75rem);background-position:top calc(.375em + .1875rem) right calc(.375em + .1875rem)}.custom-select.is-valid,.was-validated .custom-select:valid{border-color:#28a745;padding-right:calc(.75em + 2.3125rem)!important;background:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") right .75rem center/8px 10px no-repeat,#fff url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%2328a745' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e") center right 1.75rem/calc(.75em + .375rem) calc(.75em + .375rem) no-repeat}.custom-select.is-valid:focus,.was-validated .custom-select:valid:focus{border-color:#28a745;box-shadow:0 0 0 .2rem rgba(40,167,69,.25)}.form-check-input.is-valid~.form-check-label,.was-validated .form-check-input:valid~.form-check-label{color:#28a745}.form-check-input.is-valid~.valid-feedback,.form-check-input.is-valid~.valid-tooltip,.was-validated .form-check-input:valid~.valid-feedback,.was-validated .form-check-input:valid~.valid-tooltip{display:block}.custom-control-input.is-valid~.custom-control-label,.was-validated .custom-control-input:valid~.custom-control-label{color:#28a745}.custom-control-input.is-valid~.custom-control-label::before,.was-validated .custom-control-input:valid~.custom-control-label::before{border-color:#28a745}.custom-control-input.is-valid:checked~.custom-control-label::before,.was-validated .custom-control-input:valid:checked~.custom-control-label::before{border-color:#34ce57;background-color:#34ce57}.custom-control-input.is-valid:focus~.custom-control-label::before,.was-validated .custom-control-input:valid:focus~.custom-control-label::before{box-shadow:0 0 0 .2rem rgba(40,167,69,.25)}.custom-control-input.is-valid:focus:not(:checked)~.custom-control-label::before,.was-validated .custom-control-input:valid:focus:not(:checked)~.custom-control-label::before{border-color:#28a745}.custom-file-input.is-valid~.custom-file-label,.was-validated .custom-file-input:valid~.custom-file-label{border-color:#28a745}.custom-file-input.is-valid:focus~.custom-file-label,.was-validated .custom-file-input:valid:focus~.custom-file-label{border-color:#28a745;box-shadow:0 0 0 .2rem rgba(40,167,69,.25)}.invalid-feedback{display:none;width:100%;margin-top:.25rem;font-size:.875em;color:#dc3545}.invalid-tooltip{position:absolute;top:100%;left:0;z-index:5;display:none;max-width:100%;padding:.25rem .5rem;margin-top:.1rem;font-size:.875rem;line-height:1.5;color:#fff;background-color:rgba(220,53,69,.9);border-radius:.25rem}.form-row>.col>.invalid-tooltip,.form-row>[class*=col-]>.invalid-tooltip{left:5px}.is-invalid~.invalid-feedback,.is-invalid~.invalid-tooltip,.was-validated :invalid~.invalid-feedback,.was-validated :invalid~.invalid-tooltip{display:block}.form-control.is-invalid,.was-validated .form-control:invalid{border-color:#dc3545;padding-right:calc(1.5em + .75rem)!important;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23dc3545' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right calc(.375em + .1875rem) center;background-size:calc(.75em + .375rem) calc(.75em + .375rem)}.form-control.is-invalid:focus,.was-validated .form-control:invalid:focus{border-color:#dc3545;box-shadow:0 0 0 .2rem rgba(220,53,69,.25)}.was-validated select.form-control:invalid,select.form-control.is-invalid{padding-right:3rem!important;background-position:right 1.5rem center}.was-validated textarea.form-control:invalid,textarea.form-control.is-invalid{padding-right:calc(1.5em + .75rem);background-position:top calc(.375em + .1875rem) right calc(.375em + .1875rem)}.custom-select.is-invalid,.was-validated .custom-select:invalid{border-color:#dc3545;padding-right:calc(.75em + 2.3125rem)!important;background:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") right .75rem center/8px 10px no-repeat,#fff url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23dc3545' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e") center right 1.75rem/calc(.75em + .375rem) calc(.75em + .375rem) no-repeat}.custom-select.is-invalid:focus,.was-validated .custom-select:invalid:focus{border-color:#dc3545;box-shadow:0 0 0 .2rem rgba(220,53,69,.25)}.form-check-input.is-invalid~.form-check-label,.was-validated .form-check-input:invalid~.form-check-label{color:#dc3545}.form-check-input.is-invalid~.invalid-feedback,.form-check-input.is-invalid~.invalid-tooltip,.was-validated .form-check-input:invalid~.invalid-feedback,.was-validated .form-check-input:invalid~.invalid-tooltip{display:block}.custom-control-input.is-invalid~.custom-control-label,.was-validated .custom-control-input:invalid~.custom-control-label{color:#dc3545}.custom-control-input.is-invalid~.custom-control-label::before,.was-validated .custom-control-input:invalid~.custom-control-label::before{border-color:#dc3545}.custom-control-input.is-invalid:checked~.custom-control-label::before,.was-validated .custom-control-input:invalid:checked~.custom-control-label::before{border-color:#e4606d;background-color:#e4606d}.custom-control-input.is-invalid:focus~.custom-control-label::before,.was-validated .custom-control-input:invalid:focus~.custom-control-label::before{box-shadow:0 0 0 .2rem rgba(220,53,69,.25)}.custom-control-input.is-invalid:focus:not(:checked)~.custom-control-label::before,.was-validated .custom-control-input:invalid:focus:not(:checked)~.custom-control-label::before{border-color:#dc3545}.custom-file-input.is-invalid~.custom-file-label,.was-validated .custom-file-input:invalid~.custom-file-label{border-color:#dc3545}.custom-file-input.is-invalid:focus~.custom-file-label,.was-validated .custom-file-input:invalid:focus~.custom-file-label{border-color:#dc3545;box-shadow:0 0 0 .2rem rgba(220,53,69,.25)}.form-inline{display:flex;flex-flow:row wrap;align-items:center}.form-inline .form-check{width:100%}@media (min-width:576px){.form-inline label{display:flex;align-items:center;justify-content:center;margin-bottom:0}.form-inline .form-group{display:flex;flex:0 0 auto;flex-flow:row wrap;align-items:center;margin-bottom:0}.form-inline .form-control{display:inline-block;width:auto;vertical-align:middle}.form-inline .form-control-plaintext{display:inline-block}.form-inline .custom-select,.form-inline .input-group{width:auto}.form-inline .form-check{display:flex;align-items:center;justify-content:center;width:auto;padding-left:0}.form-inline .form-check-input{position:relative;flex-shrink:0;margin-top:0;margin-right:.25rem;margin-left:0}.form-inline .custom-control{align-items:center;justify-content:center}.form-inline .custom-control-label{margin-bottom:0}}.btn{display:inline-block;font-weight:400;color:#212529;text-align:center;vertical-align:middle;-webkit-user-select:none;-moz-user-select:none;user-select:none;background-color:transparent;border:1px solid transparent;padding:.375rem .75rem;font-size:1rem;line-height:1.5;border-radius:.25rem;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media (prefers-reduced-motion:reduce){.btn{transition:none}}.btn:hover{color:#212529;text-decoration:none}.btn.focus,.btn:focus{outline:0;box-shadow:0 0 0 .2rem rgba(0,123,255,.25)}.btn.disabled,.btn:disabled{opacity:.65}.btn:not(:disabled):not(.disabled){cursor:pointer}a.btn.disabled,fieldset:disabled a.btn{pointer-events:none}.btn-primary{color:#fff;background-color:#007bff;border-color:#007bff}.btn-primary:hover{color:#fff;background-color:#0069d9;border-color:#0062cc}.btn-primary.focus,.btn-primary:focus{color:#fff;background-color:#0069d9;border-color:#0062cc;box-shadow:0 0 0 .2rem rgba(38,143,255,.5)}.btn-primary.disabled,.btn-primary:disabled{color:#fff;background-color:#007bff;border-color:#007bff}.btn-primary:not(:disabled):not(.disabled).active,.btn-primary:not(:disabled):not(.disabled):active,.show>.btn-primary.dropdown-toggle{color:#fff;background-color:#0062cc;border-color:#005cbf}.btn-primary:not(:disabled):not(.disabled).active:focus,.btn-primary:not(:disabled):not(.disabled):active:focus,.show>.btn-primary.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(38,143,255,.5)}.btn-secondary{color:#fff;background-color:#6c757d;border-color:#6c757d}.btn-secondary:hover{color:#fff;background-color:#5a6268;border-color:#545b62}.btn-secondary.focus,.btn-secondary:focus{color:#fff;background-color:#5a6268;border-color:#545b62;box-shadow:0 0 0 .2rem rgba(130,138,145,.5)}.btn-secondary.disabled,.btn-secondary:disabled{color:#fff;background-color:#6c757d;border-color:#6c757d}.btn-secondary:not(:disabled):not(.disabled).active,.btn-secondary:not(:disabled):not(.disabled):active,.show>.btn-secondary.dropdown-toggle{color:#fff;background-color:#545b62;border-color:#4e555b}.btn-secondary:not(:disabled):not(.disabled).active:focus,.btn-secondary:not(:disabled):not(.disabled):active:focus,.show>.btn-secondary.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(130,138,145,.5)}.btn-success{color:#fff;background-color:#28a745;border-color:#28a745}.btn-success:hover{color:#fff;background-color:#218838;border-color:#1e7e34}.btn-success.focus,.btn-success:focus{color:#fff;background-color:#218838;border-color:#1e7e34;box-shadow:0 0 0 .2rem rgba(72,180,97,.5)}.btn-success.disabled,.btn-success:disabled{color:#fff;background-color:#28a745;border-color:#28a745}.btn-success:not(:disabled):not(.disabled).active,.btn-success:not(:disabled):not(.disabled):active,.show>.btn-success.dropdown-toggle{color:#fff;background-color:#1e7e34;border-color:#1c7430}.btn-success:not(:disabled):not(.disabled).active:focus,.btn-success:not(:disabled):not(.disabled):active:focus,.show>.btn-success.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(72,180,97,.5)}.btn-info{color:#fff;background-color:#17a2b8;border-color:#17a2b8}.btn-info:hover{color:#fff;background-color:#138496;border-color:#117a8b}.btn-info.focus,.btn-info:focus{color:#fff;background-color:#138496;border-color:#117a8b;box-shadow:0 0 0 .2rem rgba(58,176,195,.5)}.btn-info.disabled,.btn-info:disabled{color:#fff;background-color:#17a2b8;border-color:#17a2b8}.btn-info:not(:disabled):not(.disabled).active,.btn-info:not(:disabled):not(.disabled):active,.show>.btn-info.dropdown-toggle{color:#fff;background-color:#117a8b;border-color:#10707f}.btn-info:not(:disabled):not(.disabled).active:focus,.btn-info:not(:disabled):not(.disabled):active:focus,.show>.btn-info.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(58,176,195,.5)}.btn-warning{color:#212529;background-color:#ffc107;border-color:#ffc107}.btn-warning:hover{color:#212529;background-color:#e0a800;border-color:#d39e00}.btn-warning.focus,.btn-warning:focus{color:#212529;background-color:#e0a800;border-color:#d39e00;box-shadow:0 0 0 .2rem rgba(222,170,12,.5)}.btn-warning.disabled,.btn-warning:disabled{color:#212529;background-color:#ffc107;border-color:#ffc107}.btn-warning:not(:disabled):not(.disabled).active,.btn-warning:not(:disabled):not(.disabled):active,.show>.btn-warning.dropdown-toggle{color:#212529;background-color:#d39e00;border-color:#c69500}.btn-warning:not(:disabled):not(.disabled).active:focus,.btn-warning:not(:disabled):not(.disabled):active:focus,.show>.btn-warning.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(222,170,12,.5)}.btn-danger{color:#fff;background-color:#dc3545;border-color:#dc3545}.btn-danger:hover{color:#fff;background-color:#c82333;border-color:#bd2130}.btn-danger.focus,.btn-danger:focus{color:#fff;background-color:#c82333;border-color:#bd2130;box-shadow:0 0 0 .2rem rgba(225,83,97,.5)}.btn-danger.disabled,.btn-danger:disabled{color:#fff;background-color:#dc3545;border-color:#dc3545}.btn-danger:not(:disabled):not(.disabled).active,.btn-danger:not(:disabled):not(.disabled):active,.show>.btn-danger.dropdown-toggle{color:#fff;background-color:#bd2130;border-color:#b21f2d}.btn-danger:not(:disabled):not(.disabled).active:focus,.btn-danger:not(:disabled):not(.disabled):active:focus,.show>.btn-danger.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(225,83,97,.5)}.btn-light{color:#212529;background-color:#f8f9fa;border-color:#f8f9fa}.btn-light:hover{color:#212529;background-color:#e2e6ea;border-color:#dae0e5}.btn-light.focus,.btn-light:focus{color:#212529;background-color:#e2e6ea;border-color:#dae0e5;box-shadow:0 0 0 .2rem rgba(216,217,219,.5)}.btn-light.disabled,.btn-light:disabled{color:#212529;background-color:#f8f9fa;border-color:#f8f9fa}.btn-light:not(:disabled):not(.disabled).active,.btn-light:not(:disabled):not(.disabled):active,.show>.btn-light.dropdown-toggle{color:#212529;background-color:#dae0e5;border-color:#d3d9df}.btn-light:not(:disabled):not(.disabled).active:focus,.btn-light:not(:disabled):not(.disabled):active:focus,.show>.btn-light.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(216,217,219,.5)}.btn-dark{color:#fff;background-color:#343a40;border-color:#343a40}.btn-dark:hover{color:#fff;background-color:#23272b;border-color:#1d2124}.btn-dark.focus,.btn-dark:focus{color:#fff;background-color:#23272b;border-color:#1d2124;box-shadow:0 0 0 .2rem rgba(82,88,93,.5)}.btn-dark.disabled,.btn-dark:disabled{color:#fff;background-color:#343a40;border-color:#343a40}.btn-dark:not(:disabled):not(.disabled).active,.btn-dark:not(:disabled):not(.disabled):active,.show>.btn-dark.dropdown-toggle{color:#fff;background-color:#1d2124;border-color:#171a1d}.btn-dark:not(:disabled):not(.disabled).active:focus,.btn-dark:not(:disabled):not(.disabled):active:focus,.show>.btn-dark.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(82,88,93,.5)}.btn-outline-primary{color:#007bff;border-color:#007bff}.btn-outline-primary:hover{color:#fff;background-color:#007bff;border-color:#007bff}.btn-outline-primary.focus,.btn-outline-primary:focus{box-shadow:0 0 0 .2rem rgba(0,123,255,.5)}.btn-outline-primary.disabled,.btn-outline-primary:disabled{color:#007bff;background-color:transparent}.btn-outline-primary:not(:disabled):not(.disabled).active,.btn-outline-primary:not(:disabled):not(.disabled):active,.show>.btn-outline-primary.dropdown-toggle{color:#fff;background-color:#007bff;border-color:#007bff}.btn-outline-primary:not(:disabled):not(.disabled).active:focus,.btn-outline-primary:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-primary.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(0,123,255,.5)}.btn-outline-secondary{color:#6c757d;border-color:#6c757d}.btn-outline-secondary:hover{color:#fff;background-color:#6c757d;border-color:#6c757d}.btn-outline-secondary.focus,.btn-outline-secondary:focus{box-shadow:0 0 0 .2rem rgba(108,117,125,.5)}.btn-outline-secondary.disabled,.btn-outline-secondary:disabled{color:#6c757d;background-color:transparent}.btn-outline-secondary:not(:disabled):not(.disabled).active,.btn-outline-secondary:not(:disabled):not(.disabled):active,.show>.btn-outline-secondary.dropdown-toggle{color:#fff;background-color:#6c757d;border-color:#6c757d}.btn-outline-secondary:not(:disabled):not(.disabled).active:focus,.btn-outline-secondary:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-secondary.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(108,117,125,.5)}.btn-outline-success{color:#28a745;border-color:#28a745}.btn-outline-success:hover{color:#fff;background-color:#28a745;border-color:#28a745}.btn-outline-success.focus,.btn-outline-success:focus{box-shadow:0 0 0 .2rem rgba(40,167,69,.5)}.btn-outline-success.disabled,.btn-outline-success:disabled{color:#28a745;background-color:transparent}.btn-outline-success:not(:disabled):not(.disabled).active,.btn-outline-success:not(:disabled):not(.disabled):active,.show>.btn-outline-success.dropdown-toggle{color:#fff;background-color:#28a745;border-color:#28a745}.btn-outline-success:not(:disabled):not(.disabled).active:focus,.btn-outline-success:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-success.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(40,167,69,.5)}.btn-outline-info{color:#17a2b8;border-color:#17a2b8}.btn-outline-info:hover{color:#fff;background-color:#17a2b8;border-color:#17a2b8}.btn-outline-info.focus,.btn-outline-info:focus{box-shadow:0 0 0 .2rem rgba(23,162,184,.5)}.btn-outline-info.disabled,.btn-outline-info:disabled{color:#17a2b8;background-color:transparent}.btn-outline-info:not(:disabled):not(.disabled).active,.btn-outline-info:not(:disabled):not(.disabled):active,.show>.btn-outline-info.dropdown-toggle{color:#fff;background-color:#17a2b8;border-color:#17a2b8}.btn-outline-info:not(:disabled):not(.disabled).active:focus,.btn-outline-info:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-info.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(23,162,184,.5)}.btn-outline-warning{color:#ffc107;border-color:#ffc107}.btn-outline-warning:hover{color:#212529;background-color:#ffc107;border-color:#ffc107}.btn-outline-warning.focus,.btn-outline-warning:focus{box-shadow:0 0 0 .2rem rgba(255,193,7,.5)}.btn-outline-warning.disabled,.btn-outline-warning:disabled{color:#ffc107;background-color:transparent}.btn-outline-warning:not(:disabled):not(.disabled).active,.btn-outline-warning:not(:disabled):not(.disabled):active,.show>.btn-outline-warning.dropdown-toggle{color:#212529;background-color:#ffc107;border-color:#ffc107}.btn-outline-warning:not(:disabled):not(.disabled).active:focus,.btn-outline-warning:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-warning.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(255,193,7,.5)}.btn-outline-danger{color:#dc3545;border-color:#dc3545}.btn-outline-danger:hover{color:#fff;background-color:#dc3545;border-color:#dc3545}.btn-outline-danger.focus,.btn-outline-danger:focus{box-shadow:0 0 0 .2rem rgba(220,53,69,.5)}.btn-outline-danger.disabled,.btn-outline-danger:disabled{color:#dc3545;background-color:transparent}.btn-outline-danger:not(:disabled):not(.disabled).active,.btn-outline-danger:not(:disabled):not(.disabled):active,.show>.btn-outline-danger.dropdown-toggle{color:#fff;background-color:#dc3545;border-color:#dc3545}.btn-outline-danger:not(:disabled):not(.disabled).active:focus,.btn-outline-danger:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-danger.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(220,53,69,.5)}.btn-outline-light{color:#f8f9fa;border-color:#f8f9fa}.btn-outline-light:hover{color:#212529;background-color:#f8f9fa;border-color:#f8f9fa}.btn-outline-light.focus,.btn-outline-light:focus{box-shadow:0 0 0 .2rem rgba(248,249,250,.5)}.btn-outline-light.disabled,.btn-outline-light:disabled{color:#f8f9fa;background-color:transparent}.btn-outline-light:not(:disabled):not(.disabled).active,.btn-outline-light:not(:disabled):not(.disabled):active,.show>.btn-outline-light.dropdown-toggle{color:#212529;background-color:#f8f9fa;border-color:#f8f9fa}.btn-outline-light:not(:disabled):not(.disabled).active:focus,.btn-outline-light:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-light.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(248,249,250,.5)}.btn-outline-dark{color:#343a40;border-color:#343a40}.btn-outline-dark:hover{color:#fff;background-color:#343a40;border-color:#343a40}.btn-outline-dark.focus,.btn-outline-dark:focus{box-shadow:0 0 0 .2rem rgba(52,58,64,.5)}.btn-outline-dark.disabled,.btn-outline-dark:disabled{color:#343a40;background-color:transparent}.btn-outline-dark:not(:disabled):not(.disabled).active,.btn-outline-dark:not(:disabled):not(.disabled):active,.show>.btn-outline-dark.dropdown-toggle{color:#fff;background-color:#343a40;border-color:#343a40}.btn-outline-dark:not(:disabled):not(.disabled).active:focus,.btn-outline-dark:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-dark.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(52,58,64,.5)}.btn-link{font-weight:400;color:#007bff;text-decoration:none}.btn-link:hover{color:#0056b3;text-decoration:underline}.btn-link.focus,.btn-link:focus{text-decoration:underline}.btn-link.disabled,.btn-link:disabled{color:#6c757d;pointer-events:none}.btn-group-lg>.btn,.btn-lg{padding:.5rem 1rem;font-size:1.25rem;line-height:1.5;border-radius:.3rem}.btn-group-sm>.btn,.btn-sm{padding:.25rem .5rem;font-size:.875rem;line-height:1.5;border-radius:.2rem}.btn-block{display:block;width:100%}.btn-block+.btn-block{margin-top:.5rem}input[type=button].btn-block,input[type=reset].btn-block,input[type=submit].btn-block{width:100%}.fade{transition:opacity .15s linear}@media (prefers-reduced-motion:reduce){.fade{transition:none}}.fade:not(.show){opacity:0}.collapse:not(.show){display:none}.collapsing{position:relative;height:0;overflow:hidden;transition:height .35s ease}@media (prefers-reduced-motion:reduce){.collapsing{transition:none}}.collapsing.width{width:0;height:auto;transition:width .35s ease}@media (prefers-reduced-motion:reduce){.collapsing.width{transition:none}}.dropdown,.dropleft,.dropright,.dropup{position:relative}.dropdown-toggle{white-space:nowrap}.dropdown-toggle::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}.dropdown-toggle:empty::after{margin-left:0}.dropdown-menu{position:absolute;top:100%;left:0;z-index:1000;display:none;float:left;min-width:10rem;padding:.5rem 0;margin:.125rem 0 0;font-size:1rem;color:#212529;text-align:left;list-style:none;background-color:#fff;background-clip:padding-box;border:1px solid rgba(0,0,0,.15);border-radius:.25rem}.dropdown-menu-left{right:auto;left:0}.dropdown-menu-right{right:0;left:auto}@media (min-width:576px){.dropdown-menu-sm-left{right:auto;left:0}.dropdown-menu-sm-right{right:0;left:auto}}@media (min-width:768px){.dropdown-menu-md-left{right:auto;left:0}.dropdown-menu-md-right{right:0;left:auto}}@media (min-width:992px){.dropdown-menu-lg-left{right:auto;left:0}.dropdown-menu-lg-right{right:0;left:auto}}@media (min-width:1200px){.dropdown-menu-xl-left{right:auto;left:0}.dropdown-menu-xl-right{right:0;left:auto}}.dropup .dropdown-menu{top:auto;bottom:100%;margin-top:0;margin-bottom:.125rem}.dropup .dropdown-toggle::after{display:inline-block;margin-left:.255em;vertical-align:.255em;content:"";border-top:0;border-right:.3em solid transparent;border-bottom:.3em solid;border-left:.3em solid transparent}.dropup .dropdown-toggle:empty::after{margin-left:0}.dropright .dropdown-menu{top:0;right:auto;left:100%;margin-top:0;margin-left:.125rem}.dropright .dropdown-toggle::after{display:inline-block;margin-left:.255em;vertical-align:.255em;content:"";border-top:.3em solid transparent;border-right:0;border-bottom:.3em solid transparent;border-left:.3em solid}.dropright .dropdown-toggle:empty::after{margin-left:0}.dropright .dropdown-toggle::after{vertical-align:0}.dropleft .dropdown-menu{top:0;right:100%;left:auto;margin-top:0;margin-right:.125rem}.dropleft .dropdown-toggle::after{display:inline-block;margin-left:.255em;vertical-align:.255em;content:""}.dropleft .dropdown-toggle::after{display:none}.dropleft .dropdown-toggle::before{display:inline-block;margin-right:.255em;vertical-align:.255em;content:"";border-top:.3em solid transparent;border-right:.3em solid;border-bottom:.3em solid transparent}.dropleft .dropdown-toggle:empty::after{margin-left:0}.dropleft .dropdown-toggle::before{vertical-align:0}.dropdown-menu[x-placement^=bottom],.dropdown-menu[x-placement^=left],.dropdown-menu[x-placement^=right],.dropdown-menu[x-placement^=top]{right:auto;bottom:auto}.dropdown-divider{height:0;margin:.5rem 0;overflow:hidden;border-top:1px solid #e9ecef}.dropdown-item{display:block;width:100%;padding:.25rem 1.5rem;clear:both;font-weight:400;color:#212529;text-align:inherit;white-space:nowrap;background-color:transparent;border:0}.dropdown-item:focus,.dropdown-item:hover{color:#16181b;text-decoration:none;background-color:#e9ecef}.dropdown-item.active,.dropdown-item:active{color:#fff;text-decoration:none;background-color:#007bff}.dropdown-item.disabled,.dropdown-item:disabled{color:#adb5bd;pointer-events:none;background-color:transparent}.dropdown-menu.show{display:block}.dropdown-header{display:block;padding:.5rem 1.5rem;margin-bottom:0;font-size:.875rem;color:#6c757d;white-space:nowrap}.dropdown-item-text{display:block;padding:.25rem 1.5rem;color:#212529}.btn-group,.btn-group-vertical{position:relative;display:inline-flex;vertical-align:middle}.btn-group-vertical>.btn,.btn-group>.btn{position:relative;flex:1 1 auto}.btn-group-vertical>.btn:hover,.btn-group>.btn:hover{z-index:1}.btn-group-vertical>.btn.active,.btn-group-vertical>.btn:active,.btn-group-vertical>.btn:focus,.btn-group>.btn.active,.btn-group>.btn:active,.btn-group>.btn:focus{z-index:1}.btn-toolbar{display:flex;flex-wrap:wrap;justify-content:flex-start}.btn-toolbar .input-group{width:auto}.btn-group>.btn-group:not(:first-child),.btn-group>.btn:not(:first-child){margin-left:-1px}.btn-group>.btn-group:not(:last-child)>.btn,.btn-group>.btn:not(:last-child):not(.dropdown-toggle){border-top-right-radius:0;border-bottom-right-radius:0}.btn-group>.btn-group:not(:first-child)>.btn,.btn-group>.btn:not(:first-child){border-top-left-radius:0;border-bottom-left-radius:0}.dropdown-toggle-split{padding-right:.5625rem;padding-left:.5625rem}.dropdown-toggle-split::after,.dropright .dropdown-toggle-split::after,.dropup .dropdown-toggle-split::after{margin-left:0}.dropleft .dropdown-toggle-split::before{margin-right:0}.btn-group-sm>.btn+.dropdown-toggle-split,.btn-sm+.dropdown-toggle-split{padding-right:.375rem;padding-left:.375rem}.btn-group-lg>.btn+.dropdown-toggle-split,.btn-lg+.dropdown-toggle-split{padding-right:.75rem;padding-left:.75rem}.btn-group-vertical{flex-direction:column;align-items:flex-start;justify-content:center}.btn-group-vertical>.btn,.btn-group-vertical>.btn-group{width:100%}.btn-group-vertical>.btn-group:not(:first-child),.btn-group-vertical>.btn:not(:first-child){margin-top:-1px}.btn-group-vertical>.btn-group:not(:last-child)>.btn,.btn-group-vertical>.btn:not(:last-child):not(.dropdown-toggle){border-bottom-right-radius:0;border-bottom-left-radius:0}.btn-group-vertical>.btn-group:not(:first-child)>.btn,.btn-group-vertical>.btn:not(:first-child){border-top-left-radius:0;border-top-right-radius:0}.btn-group-toggle>.btn,.btn-group-toggle>.btn-group>.btn{margin-bottom:0}.btn-group-toggle>.btn input[type=checkbox],.btn-group-toggle>.btn input[type=radio],.btn-group-toggle>.btn-group>.btn input[type=checkbox],.btn-group-toggle>.btn-group>.btn input[type=radio]{position:absolute;clip:rect(0,0,0,0);pointer-events:none}.input-group{position:relative;display:flex;flex-wrap:wrap;align-items:stretch;width:100%}.input-group>.custom-file,.input-group>.custom-select,.input-group>.form-control,.input-group>.form-control-plaintext{position:relative;flex:1 1 auto;width:1%;min-width:0;margin-bottom:0}.input-group>.custom-file+.custom-file,.input-group>.custom-file+.custom-select,.input-group>.custom-file+.form-control,.input-group>.custom-select+.custom-file,.input-group>.custom-select+.custom-select,.input-group>.custom-select+.form-control,.input-group>.form-control+.custom-file,.input-group>.form-control+.custom-select,.input-group>.form-control+.form-control,.input-group>.form-control-plaintext+.custom-file,.input-group>.form-control-plaintext+.custom-select,.input-group>.form-control-plaintext+.form-control{margin-left:-1px}.input-group>.custom-file .custom-file-input:focus~.custom-file-label,.input-group>.custom-select:focus,.input-group>.form-control:focus{z-index:3}.input-group>.custom-file .custom-file-input:focus{z-index:4}.input-group>.custom-select:not(:first-child),.input-group>.form-control:not(:first-child){border-top-left-radius:0;border-bottom-left-radius:0}.input-group>.custom-file{display:flex;align-items:center}.input-group>.custom-file:not(:last-child) .custom-file-label,.input-group>.custom-file:not(:last-child) .custom-file-label::after{border-top-right-radius:0;border-bottom-right-radius:0}.input-group>.custom-file:not(:first-child) .custom-file-label{border-top-left-radius:0;border-bottom-left-radius:0}.input-group:not(.has-validation)>.custom-file:not(:last-child) .custom-file-label,.input-group:not(.has-validation)>.custom-file:not(:last-child) .custom-file-label::after,.input-group:not(.has-validation)>.custom-select:not(:last-child),.input-group:not(.has-validation)>.form-control:not(:last-child){border-top-right-radius:0;border-bottom-right-radius:0}.input-group.has-validation>.custom-file:nth-last-child(n+3) .custom-file-label,.input-group.has-validation>.custom-file:nth-last-child(n+3) .custom-file-label::after,.input-group.has-validation>.custom-select:nth-last-child(n+3),.input-group.has-validation>.form-control:nth-last-child(n+3){border-top-right-radius:0;border-bottom-right-radius:0}.input-group-append,.input-group-prepend{display:flex}.input-group-append .btn,.input-group-prepend .btn{position:relative;z-index:2}.input-group-append .btn:focus,.input-group-prepend .btn:focus{z-index:3}.input-group-append .btn+.btn,.input-group-append .btn+.input-group-text,.input-group-append .input-group-text+.btn,.input-group-append .input-group-text+.input-group-text,.input-group-prepend .btn+.btn,.input-group-prepend .btn+.input-group-text,.input-group-prepend .input-group-text+.btn,.input-group-prepend .input-group-text+.input-group-text{margin-left:-1px}.input-group-prepend{margin-right:-1px}.input-group-append{margin-left:-1px}.input-group-text{display:flex;align-items:center;padding:.375rem .75rem;margin-bottom:0;font-size:1rem;font-weight:400;line-height:1.5;color:#495057;text-align:center;white-space:nowrap;background-color:#e9ecef;border:1px solid #ced4da;border-radius:.25rem}.input-group-text input[type=checkbox],.input-group-text input[type=radio]{margin-top:0}.input-group-lg>.custom-select,.input-group-lg>.form-control:not(textarea){height:calc(1.5em + 1rem + 2px)}.input-group-lg>.custom-select,.input-group-lg>.form-control,.input-group-lg>.input-group-append>.btn,.input-group-lg>.input-group-append>.input-group-text,.input-group-lg>.input-group-prepend>.btn,.input-group-lg>.input-group-prepend>.input-group-text{padding:.5rem 1rem;font-size:1.25rem;line-height:1.5;border-radius:.3rem}.input-group-sm>.custom-select,.input-group-sm>.form-control:not(textarea){height:calc(1.5em + .5rem + 2px)}.input-group-sm>.custom-select,.input-group-sm>.form-control,.input-group-sm>.input-group-append>.btn,.input-group-sm>.input-group-append>.input-group-text,.input-group-sm>.input-group-prepend>.btn,.input-group-sm>.input-group-prepend>.input-group-text{padding:.25rem .5rem;font-size:.875rem;line-height:1.5;border-radius:.2rem}.input-group-lg>.custom-select,.input-group-sm>.custom-select{padding-right:1.75rem}.input-group.has-validation>.input-group-append:nth-last-child(n+3)>.btn,.input-group.has-validation>.input-group-append:nth-last-child(n+3)>.input-group-text,.input-group:not(.has-validation)>.input-group-append:not(:last-child)>.btn,.input-group:not(.has-validation)>.input-group-append:not(:last-child)>.input-group-text,.input-group>.input-group-append:last-child>.btn:not(:last-child):not(.dropdown-toggle),.input-group>.input-group-append:last-child>.input-group-text:not(:last-child),.input-group>.input-group-prepend>.btn,.input-group>.input-group-prepend>.input-group-text{border-top-right-radius:0;border-bottom-right-radius:0}.input-group>.input-group-append>.btn,.input-group>.input-group-append>.input-group-text,.input-group>.input-group-prepend:first-child>.btn:not(:first-child),.input-group>.input-group-prepend:first-child>.input-group-text:not(:first-child),.input-group>.input-group-prepend:not(:first-child)>.btn,.input-group>.input-group-prepend:not(:first-child)>.input-group-text{border-top-left-radius:0;border-bottom-left-radius:0}.custom-control{position:relative;z-index:1;display:block;min-height:1.5rem;padding-left:1.5rem;-webkit-print-color-adjust:exact;print-color-adjust:exact}.custom-control-inline{display:inline-flex;margin-right:1rem}.custom-control-input{position:absolute;left:0;z-index:-1;width:1rem;height:1.25rem;opacity:0}.custom-control-input:checked~.custom-control-label::before{color:#fff;border-color:#007bff;background-color:#007bff}.custom-control-input:focus~.custom-control-label::before{box-shadow:0 0 0 .2rem rgba(0,123,255,.25)}.custom-control-input:focus:not(:checked)~.custom-control-label::before{border-color:#80bdff}.custom-control-input:not(:disabled):active~.custom-control-label::before{color:#fff;background-color:#b3d7ff;border-color:#b3d7ff}.custom-control-input:disabled~.custom-control-label,.custom-control-input[disabled]~.custom-control-label{color:#6c757d}.custom-control-input:disabled~.custom-control-label::before,.custom-control-input[disabled]~.custom-control-label::before{background-color:#e9ecef}.custom-control-label{position:relative;margin-bottom:0;vertical-align:top}.custom-control-label::before{position:absolute;top:.25rem;left:-1.5rem;display:block;width:1rem;height:1rem;pointer-events:none;content:"";background-color:#fff;border:1px solid #adb5bd}.custom-control-label::after{position:absolute;top:.25rem;left:-1.5rem;display:block;width:1rem;height:1rem;content:"";background:50%/50% 50% no-repeat}.custom-checkbox .custom-control-label::before{border-radius:.25rem}.custom-checkbox .custom-control-input:checked~.custom-control-label::after{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z'/%3e%3c/svg%3e")}.custom-checkbox .custom-control-input:indeterminate~.custom-control-label::before{border-color:#007bff;background-color:#007bff}.custom-checkbox .custom-control-input:indeterminate~.custom-control-label::after{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='4' viewBox='0 0 4 4'%3e%3cpath stroke='%23fff' d='M0 2h4'/%3e%3c/svg%3e")}.custom-checkbox .custom-control-input:disabled:checked~.custom-control-label::before{background-color:rgba(0,123,255,.5)}.custom-checkbox .custom-control-input:disabled:indeterminate~.custom-control-label::before{background-color:rgba(0,123,255,.5)}.custom-radio .custom-control-label::before{border-radius:50%}.custom-radio .custom-control-input:checked~.custom-control-label::after{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e")}.custom-radio .custom-control-input:disabled:checked~.custom-control-label::before{background-color:rgba(0,123,255,.5)}.custom-switch{padding-left:2.25rem}.custom-switch .custom-control-label::before{left:-2.25rem;width:1.75rem;pointer-events:all;border-radius:.5rem}.custom-switch .custom-control-label::after{top:calc(.25rem + 2px);left:calc(-2.25rem + 2px);width:calc(1rem - 4px);height:calc(1rem - 4px);background-color:#adb5bd;border-radius:.5rem;transition:transform .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media (prefers-reduced-motion:reduce){.custom-switch .custom-control-label::after{transition:none}}.custom-switch .custom-control-input:checked~.custom-control-label::after{background-color:#fff;transform:translateX(.75rem)}.custom-switch .custom-control-input:disabled:checked~.custom-control-label::before{background-color:rgba(0,123,255,.5)}.custom-select{display:inline-block;width:100%;height:calc(1.5em + .75rem + 2px);padding:.375rem 1.75rem .375rem .75rem;font-size:1rem;font-weight:400;line-height:1.5;color:#495057;vertical-align:middle;background:#fff url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") right .75rem center/8px 10px no-repeat;border:1px solid #ced4da;border-radius:.25rem;-webkit-appearance:none;-moz-appearance:none;appearance:none}.custom-select:focus{border-color:#80bdff;outline:0;box-shadow:0 0 0 .2rem rgba(0,123,255,.25)}.custom-select:focus::-ms-value{color:#495057;background-color:#fff}.custom-select[multiple],.custom-select[size]:not([size="1"]){height:auto;padding-right:.75rem;background-image:none}.custom-select:disabled{color:#6c757d;background-color:#e9ecef}.custom-select::-ms-expand{display:none}.custom-select:-moz-focusring{color:transparent;text-shadow:0 0 0 #495057}.custom-select-sm{height:calc(1.5em + .5rem + 2px);padding-top:.25rem;padding-bottom:.25rem;padding-left:.5rem;font-size:.875rem}.custom-select-lg{height:calc(1.5em + 1rem + 2px);padding-top:.5rem;padding-bottom:.5rem;padding-left:1rem;font-size:1.25rem}.custom-file{position:relative;display:inline-block;width:100%;height:calc(1.5em + .75rem + 2px);margin-bottom:0}.custom-file-input{position:relative;z-index:2;width:100%;height:calc(1.5em + .75rem + 2px);margin:0;overflow:hidden;opacity:0}.custom-file-input:focus~.custom-file-label{border-color:#80bdff;box-shadow:0 0 0 .2rem rgba(0,123,255,.25)}.custom-file-input:disabled~.custom-file-label,.custom-file-input[disabled]~.custom-file-label{background-color:#e9ecef}.custom-file-input:lang(en)~.custom-file-label::after{content:"Browse"}.custom-file-input~.custom-file-label[data-browse]::after{content:attr(data-browse)}.custom-file-label{position:absolute;top:0;right:0;left:0;z-index:1;height:calc(1.5em + .75rem + 2px);padding:.375rem .75rem;overflow:hidden;font-weight:400;line-height:1.5;color:#495057;background-color:#fff;border:1px solid #ced4da;border-radius:.25rem}.custom-file-label::after{position:absolute;top:0;right:0;bottom:0;z-index:3;display:block;height:calc(1.5em + .75rem);padding:.375rem .75rem;line-height:1.5;color:#495057;content:"Browse";background-color:#e9ecef;border-left:inherit;border-radius:0 .25rem .25rem 0}.custom-range{width:100%;height:1.4rem;padding:0;background-color:transparent;-webkit-appearance:none;-moz-appearance:none;appearance:none}.custom-range:focus{outline:0}.custom-range:focus::-webkit-slider-thumb{box-shadow:0 0 0 1px #fff,0 0 0 .2rem rgba(0,123,255,.25)}.custom-range:focus::-moz-range-thumb{box-shadow:0 0 0 1px #fff,0 0 0 .2rem rgba(0,123,255,.25)}.custom-range:focus::-ms-thumb{box-shadow:0 0 0 1px #fff,0 0 0 .2rem rgba(0,123,255,.25)}.custom-range::-moz-focus-outer{border:0}.custom-range::-webkit-slider-thumb{width:1rem;height:1rem;margin-top:-.25rem;background-color:#007bff;border:0;border-radius:1rem;-webkit-transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;-webkit-appearance:none;appearance:none}@media (prefers-reduced-motion:reduce){.custom-range::-webkit-slider-thumb{-webkit-transition:none;transition:none}}.custom-range::-webkit-slider-thumb:active{background-color:#b3d7ff}.custom-range::-webkit-slider-runnable-track{width:100%;height:.5rem;color:transparent;cursor:pointer;background-color:#dee2e6;border-color:transparent;border-radius:1rem}.custom-range::-moz-range-thumb{width:1rem;height:1rem;background-color:#007bff;border:0;border-radius:1rem;-moz-transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;-moz-appearance:none;appearance:none}@media (prefers-reduced-motion:reduce){.custom-range::-moz-range-thumb{-moz-transition:none;transition:none}}.custom-range::-moz-range-thumb:active{background-color:#b3d7ff}.custom-range::-moz-range-track{width:100%;height:.5rem;color:transparent;cursor:pointer;background-color:#dee2e6;border-color:transparent;border-radius:1rem}.custom-range::-ms-thumb{width:1rem;height:1rem;margin-top:0;margin-right:.2rem;margin-left:.2rem;background-color:#007bff;border:0;border-radius:1rem;-ms-transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;appearance:none}@media (prefers-reduced-motion:reduce){.custom-range::-ms-thumb{-ms-transition:none;transition:none}}.custom-range::-ms-thumb:active{background-color:#b3d7ff}.custom-range::-ms-track{width:100%;height:.5rem;color:transparent;cursor:pointer;background-color:transparent;border-color:transparent;border-width:.5rem}.custom-range::-ms-fill-lower{background-color:#dee2e6;border-radius:1rem}.custom-range::-ms-fill-upper{margin-right:15px;background-color:#dee2e6;border-radius:1rem}.custom-range:disabled::-webkit-slider-thumb{background-color:#adb5bd}.custom-range:disabled::-webkit-slider-runnable-track{cursor:default}.custom-range:disabled::-moz-range-thumb{background-color:#adb5bd}.custom-range:disabled::-moz-range-track{cursor:default}.custom-range:disabled::-ms-thumb{background-color:#adb5bd}.custom-control-label::before,.custom-file-label,.custom-select{transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media (prefers-reduced-motion:reduce){.custom-control-label::before,.custom-file-label,.custom-select{transition:none}}.nav{display:flex;flex-wrap:wrap;padding-left:0;margin-bottom:0;list-style:none}.nav-link{display:block;padding:.5rem 1rem}.nav-link:focus,.nav-link:hover{text-decoration:none}.nav-link.disabled{color:#6c757d;pointer-events:none;cursor:default}.nav-tabs{border-bottom:1px solid #dee2e6}.nav-tabs .nav-link{margin-bottom:-1px;background-color:transparent;border:1px solid transparent;border-top-left-radius:.25rem;border-top-right-radius:.25rem}.nav-tabs .nav-link:focus,.nav-tabs .nav-link:hover{isolation:isolate;border-color:#e9ecef #e9ecef #dee2e6}.nav-tabs .nav-link.disabled{color:#6c757d;background-color:transparent;border-color:transparent}.nav-tabs .nav-item.show .nav-link,.nav-tabs .nav-link.active{color:#495057;background-color:#fff;border-color:#dee2e6 #dee2e6 #fff}.nav-tabs .dropdown-menu{margin-top:-1px;border-top-left-radius:0;border-top-right-radius:0}.nav-pills .nav-link{background:0 0;border:0;border-radius:.25rem}.nav-pills .nav-link.active,.nav-pills .show>.nav-link{color:#fff;background-color:#007bff}.nav-fill .nav-item,.nav-fill>.nav-link{flex:1 1 auto;text-align:center}.nav-justified .nav-item,.nav-justified>.nav-link{flex-basis:0;flex-grow:1;text-align:center}.tab-content>.tab-pane{display:none}.tab-content>.active{display:block}.navbar{position:relative;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;padding:.5rem 1rem}.navbar .container,.navbar .container-fluid,.navbar .container-lg,.navbar .container-md,.navbar .container-sm,.navbar .container-xl{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between}.navbar-brand{display:inline-block;padding-top:.3125rem;padding-bottom:.3125rem;margin-right:1rem;font-size:1.25rem;line-height:inherit;white-space:nowrap}.navbar-brand:focus,.navbar-brand:hover{text-decoration:none}.navbar-nav{display:flex;flex-direction:column;padding-left:0;margin-bottom:0;list-style:none}.navbar-nav .nav-link{padding-right:0;padding-left:0}.navbar-nav .dropdown-menu{position:static;float:none}.navbar-text{display:inline-block;padding-top:.5rem;padding-bottom:.5rem}.navbar-collapse{flex-basis:100%;flex-grow:1;align-items:center}.navbar-toggler{padding:.25rem .75rem;font-size:1.25rem;line-height:1;background-color:transparent;border:1px solid transparent;border-radius:.25rem}.navbar-toggler:focus,.navbar-toggler:hover{text-decoration:none}.navbar-toggler-icon{display:inline-block;width:1.5em;height:1.5em;vertical-align:middle;content:"";background:50%/100% 100% no-repeat}.navbar-nav-scroll{max-height:75vh;overflow-y:auto}@media (max-width:575.98px){.navbar-expand-sm>.container,.navbar-expand-sm>.container-fluid,.navbar-expand-sm>.container-lg,.navbar-expand-sm>.container-md,.navbar-expand-sm>.container-sm,.navbar-expand-sm>.container-xl{padding-right:0;padding-left:0}}@media (min-width:576px){.navbar-expand-sm{flex-flow:row nowrap;justify-content:flex-start}.navbar-expand-sm .navbar-nav{flex-direction:row}.navbar-expand-sm .navbar-nav .dropdown-menu{position:absolute}.navbar-expand-sm .navbar-nav .nav-link{padding-right:.5rem;padding-left:.5rem}.navbar-expand-sm>.container,.navbar-expand-sm>.container-fluid,.navbar-expand-sm>.container-lg,.navbar-expand-sm>.container-md,.navbar-expand-sm>.container-sm,.navbar-expand-sm>.container-xl{flex-wrap:nowrap}.navbar-expand-sm .navbar-nav-scroll{overflow:visible}.navbar-expand-sm .navbar-collapse{display:flex!important;flex-basis:auto}.navbar-expand-sm .navbar-toggler{display:none}}@media (max-width:767.98px){.navbar-expand-md>.container,.navbar-expand-md>.container-fluid,.navbar-expand-md>.container-lg,.navbar-expand-md>.container-md,.navbar-expand-md>.container-sm,.navbar-expand-md>.container-xl{padding-right:0;padding-left:0}}@media (min-width:768px){.navbar-expand-md{flex-flow:row nowrap;justify-content:flex-start}.navbar-expand-md .navbar-nav{flex-direction:row}.navbar-expand-md .navbar-nav .dropdown-menu{position:absolute}.navbar-expand-md .navbar-nav .nav-link{padding-right:.5rem;padding-left:.5rem}.navbar-expand-md>.container,.navbar-expand-md>.container-fluid,.navbar-expand-md>.container-lg,.navbar-expand-md>.container-md,.navbar-expand-md>.container-sm,.navbar-expand-md>.container-xl{flex-wrap:nowrap}.navbar-expand-md .navbar-nav-scroll{overflow:visible}.navbar-expand-md .navbar-collapse{display:flex!important;flex-basis:auto}.navbar-expand-md .navbar-toggler{display:none}}@media (max-width:991.98px){.navbar-expand-lg>.container,.navbar-expand-lg>.container-fluid,.navbar-expand-lg>.container-lg,.navbar-expand-lg>.container-md,.navbar-expand-lg>.container-sm,.navbar-expand-lg>.container-xl{padding-right:0;padding-left:0}}@media (min-width:992px){.navbar-expand-lg{flex-flow:row nowrap;justify-content:flex-start}.navbar-expand-lg .navbar-nav{flex-direction:row}.navbar-expand-lg .navbar-nav .dropdown-menu{position:absolute}.navbar-expand-lg .navbar-nav .nav-link{padding-right:.5rem;padding-left:.5rem}.navbar-expand-lg>.container,.navbar-expand-lg>.container-fluid,.navbar-expand-lg>.container-lg,.navbar-expand-lg>.container-md,.navbar-expand-lg>.container-sm,.navbar-expand-lg>.container-xl{flex-wrap:nowrap}.navbar-expand-lg .navbar-nav-scroll{overflow:visible}.navbar-expand-lg .navbar-collapse{display:flex!important;flex-basis:auto}.navbar-expand-lg .navbar-toggler{display:none}}@media (max-width:1199.98px){.navbar-expand-xl>.container,.navbar-expand-xl>.container-fluid,.navbar-expand-xl>.container-lg,.navbar-expand-xl>.container-md,.navbar-expand-xl>.container-sm,.navbar-expand-xl>.container-xl{padding-right:0;padding-left:0}}@media (min-width:1200px){.navbar-expand-xl{flex-flow:row nowrap;justify-content:flex-start}.navbar-expand-xl .navbar-nav{flex-direction:row}.navbar-expand-xl .navbar-nav .dropdown-menu{position:absolute}.navbar-expand-xl .navbar-nav .nav-link{padding-right:.5rem;padding-left:.5rem}.navbar-expand-xl>.container,.navbar-expand-xl>.container-fluid,.navbar-expand-xl>.container-lg,.navbar-expand-xl>.container-md,.navbar-expand-xl>.container-sm,.navbar-expand-xl>.container-xl{flex-wrap:nowrap}.navbar-expand-xl .navbar-nav-scroll{overflow:visible}.navbar-expand-xl .navbar-collapse{display:flex!important;flex-basis:auto}.navbar-expand-xl .navbar-toggler{display:none}}.navbar-expand{flex-flow:row nowrap;justify-content:flex-start}.navbar-expand>.container,.navbar-expand>.container-fluid,.navbar-expand>.container-lg,.navbar-expand>.container-md,.navbar-expand>.container-sm,.navbar-expand>.container-xl{padding-right:0;padding-left:0}.navbar-expand .navbar-nav{flex-direction:row}.navbar-expand .navbar-nav .dropdown-menu{position:absolute}.navbar-expand .navbar-nav .nav-link{padding-right:.5rem;padding-left:.5rem}.navbar-expand>.container,.navbar-expand>.container-fluid,.navbar-expand>.container-lg,.navbar-expand>.container-md,.navbar-expand>.container-sm,.navbar-expand>.container-xl{flex-wrap:nowrap}.navbar-expand .navbar-nav-scroll{overflow:visible}.navbar-expand .navbar-collapse{display:flex!important;flex-basis:auto}.navbar-expand .navbar-toggler{display:none}.navbar-light .navbar-brand{color:rgba(0,0,0,.9)}.navbar-light .navbar-brand:focus,.navbar-light .navbar-brand:hover{color:rgba(0,0,0,.9)}.navbar-light .navbar-nav .nav-link{color:rgba(0,0,0,.5)}.navbar-light .navbar-nav .nav-link:focus,.navbar-light .navbar-nav .nav-link:hover{color:rgba(0,0,0,.7)}.navbar-light .navbar-nav .nav-link.disabled{color:rgba(0,0,0,.3)}.navbar-light .navbar-nav .active>.nav-link,.navbar-light .navbar-nav .nav-link.active,.navbar-light .navbar-nav .nav-link.show,.navbar-light .navbar-nav .show>.nav-link{color:rgba(0,0,0,.9)}.navbar-light .navbar-toggler{color:rgba(0,0,0,.5);border-color:rgba(0,0,0,.1)}.navbar-light .navbar-toggler-icon{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%280, 0, 0, 0.5%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")}.navbar-light .navbar-text{color:rgba(0,0,0,.5)}.navbar-light .navbar-text a{color:rgba(0,0,0,.9)}.navbar-light .navbar-text a:focus,.navbar-light .navbar-text a:hover{color:rgba(0,0,0,.9)}.navbar-dark .navbar-brand{color:#fff}.navbar-dark .navbar-brand:focus,.navbar-dark .navbar-brand:hover{color:#fff}.navbar-dark .navbar-nav .nav-link{color:rgba(255,255,255,.5)}.navbar-dark .navbar-nav .nav-link:focus,.navbar-dark .navbar-nav .nav-link:hover{color:rgba(255,255,255,.75)}.navbar-dark .navbar-nav .nav-link.disabled{color:rgba(255,255,255,.25)}.navbar-dark .navbar-nav .active>.nav-link,.navbar-dark .navbar-nav .nav-link.active,.navbar-dark .navbar-nav .nav-link.show,.navbar-dark .navbar-nav .show>.nav-link{color:#fff}.navbar-dark .navbar-toggler{color:rgba(255,255,255,.5);border-color:rgba(255,255,255,.1)}.navbar-dark .navbar-toggler-icon{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.5%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")}.navbar-dark .navbar-text{color:rgba(255,255,255,.5)}.navbar-dark .navbar-text a{color:#fff}.navbar-dark .navbar-text a:focus,.navbar-dark .navbar-text a:hover{color:#fff}.card{position:relative;display:flex;flex-direction:column;min-width:0;word-wrap:break-word;background-color:#fff;background-clip:border-box;border:1px solid rgba(0,0,0,.125);border-radius:.25rem}.card>hr{margin-right:0;margin-left:0}.card>.list-group{border-top:inherit;border-bottom:inherit}.card>.list-group:first-child{border-top-width:0;border-top-left-radius:calc(.25rem - 1px);border-top-right-radius:calc(.25rem - 1px)}.card>.list-group:last-child{border-bottom-width:0;border-bottom-right-radius:calc(.25rem - 1px);border-bottom-left-radius:calc(.25rem - 1px)}.card>.card-header+.list-group,.card>.list-group+.card-footer{border-top:0}.card-body{flex:1 1 auto;min-height:1px;padding:1.25rem}.card-title{margin-bottom:.75rem}.card-subtitle{margin-top:-.375rem;margin-bottom:0}.card-text:last-child{margin-bottom:0}.card-link:hover{text-decoration:none}.card-link+.card-link{margin-left:1.25rem}.card-header{padding:.75rem 1.25rem;margin-bottom:0;background-color:rgba(0,0,0,.03);border-bottom:1px solid rgba(0,0,0,.125)}.card-header:first-child{border-radius:calc(.25rem - 1px) calc(.25rem - 1px) 0 0}.card-footer{padding:.75rem 1.25rem;background-color:rgba(0,0,0,.03);border-top:1px solid rgba(0,0,0,.125)}.card-footer:last-child{border-radius:0 0 calc(.25rem - 1px) calc(.25rem - 1px)}.card-header-tabs{margin-right:-.625rem;margin-bottom:-.75rem;margin-left:-.625rem;border-bottom:0}.card-header-pills{margin-right:-.625rem;margin-left:-.625rem}.card-img-overlay{position:absolute;top:0;right:0;bottom:0;left:0;padding:1.25rem;border-radius:calc(.25rem - 1px)}.card-img,.card-img-bottom,.card-img-top{flex-shrink:0;width:100%}.card-img,.card-img-top{border-top-left-radius:calc(.25rem - 1px);border-top-right-radius:calc(.25rem - 1px)}.card-img,.card-img-bottom{border-bottom-right-radius:calc(.25rem - 1px);border-bottom-left-radius:calc(.25rem - 1px)}.card-deck .card{margin-bottom:15px}@media (min-width:576px){.card-deck{display:flex;flex-flow:row wrap;margin-right:-15px;margin-left:-15px}.card-deck .card{flex:1 0 0%;margin-right:15px;margin-bottom:0;margin-left:15px}}.card-group>.card{margin-bottom:15px}@media (min-width:576px){.card-group{display:flex;flex-flow:row wrap}.card-group>.card{flex:1 0 0%;margin-bottom:0}.card-group>.card+.card{margin-left:0;border-left:0}.card-group>.card:not(:last-child){border-top-right-radius:0;border-bottom-right-radius:0}.card-group>.card:not(:last-child) .card-header,.card-group>.card:not(:last-child) .card-img-top{border-top-right-radius:0}.card-group>.card:not(:last-child) .card-footer,.card-group>.card:not(:last-child) .card-img-bottom{border-bottom-right-radius:0}.card-group>.card:not(:first-child){border-top-left-radius:0;border-bottom-left-radius:0}.card-group>.card:not(:first-child) .card-header,.card-group>.card:not(:first-child) .card-img-top{border-top-left-radius:0}.card-group>.card:not(:first-child) .card-footer,.card-group>.card:not(:first-child) .card-img-bottom{border-bottom-left-radius:0}}.card-columns .card{margin-bottom:.75rem}@media (min-width:576px){.card-columns{-moz-column-count:3;column-count:3;-moz-column-gap:1.25rem;column-gap:1.25rem;orphans:1;widows:1}.card-columns .card{display:inline-block;width:100%}}.accordion{overflow-anchor:none}.accordion>.card{overflow:hidden}.accordion>.card:not(:last-of-type){border-bottom:0;border-bottom-right-radius:0;border-bottom-left-radius:0}.accordion>.card:not(:first-of-type){border-top-left-radius:0;border-top-right-radius:0}.accordion>.card>.card-header{border-radius:0;margin-bottom:-1px}.breadcrumb{display:flex;flex-wrap:wrap;padding:.75rem 1rem;margin-bottom:1rem;list-style:none;background-color:#e9ecef;border-radius:.25rem}.breadcrumb-item+.breadcrumb-item{padding-left:.5rem}.breadcrumb-item+.breadcrumb-item::before{float:left;padding-right:.5rem;color:#6c757d;content:"/"}.breadcrumb-item+.breadcrumb-item:hover::before{text-decoration:underline}.breadcrumb-item+.breadcrumb-item:hover::before{text-decoration:none}.breadcrumb-item.active{color:#6c757d}.pagination{display:flex;padding-left:0;list-style:none;border-radius:.25rem}.page-link{position:relative;display:block;padding:.5rem .75rem;margin-left:-1px;line-height:1.25;color:#007bff;background-color:#fff;border:1px solid #dee2e6}.page-link:hover{z-index:2;color:#0056b3;text-decoration:none;background-color:#e9ecef;border-color:#dee2e6}.page-link:focus{z-index:3;outline:0;box-shadow:0 0 0 .2rem rgba(0,123,255,.25)}.page-item:first-child .page-link{margin-left:0;border-top-left-radius:.25rem;border-bottom-left-radius:.25rem}.page-item:last-child .page-link{border-top-right-radius:.25rem;border-bottom-right-radius:.25rem}.page-item.active .page-link{z-index:3;color:#fff;background-color:#007bff;border-color:#007bff}.page-item.disabled .page-link{color:#6c757d;pointer-events:none;cursor:auto;background-color:#fff;border-color:#dee2e6}.pagination-lg .page-link{padding:.75rem 1.5rem;font-size:1.25rem;line-height:1.5}.pagination-lg .page-item:first-child .page-link{border-top-left-radius:.3rem;border-bottom-left-radius:.3rem}.pagination-lg .page-item:last-child .page-link{border-top-right-radius:.3rem;border-bottom-right-radius:.3rem}.pagination-sm .page-link{padding:.25rem .5rem;font-size:.875rem;line-height:1.5}.pagination-sm .page-item:first-child .page-link{border-top-left-radius:.2rem;border-bottom-left-radius:.2rem}.pagination-sm .page-item:last-child .page-link{border-top-right-radius:.2rem;border-bottom-right-radius:.2rem}.badge{display:inline-block;padding:.25em .4em;font-size:75%;font-weight:700;line-height:1;text-align:center;white-space:nowrap;vertical-align:baseline;border-radius:.25rem;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media (prefers-reduced-motion:reduce){.badge{transition:none}}a.badge:focus,a.badge:hover{text-decoration:none}.badge:empty{display:none}.btn .badge{position:relative;top:-1px}.badge-pill{padding-right:.6em;padding-left:.6em;border-radius:10rem}.badge-primary{color:#fff;background-color:#007bff}a.badge-primary:focus,a.badge-primary:hover{color:#fff;background-color:#0062cc}a.badge-primary.focus,a.badge-primary:focus{outline:0;box-shadow:0 0 0 .2rem rgba(0,123,255,.5)}.badge-secondary{color:#fff;background-color:#6c757d}a.badge-secondary:focus,a.badge-secondary:hover{color:#fff;background-color:#545b62}a.badge-secondary.focus,a.badge-secondary:focus{outline:0;box-shadow:0 0 0 .2rem rgba(108,117,125,.5)}.badge-success{color:#fff;background-color:#28a745}a.badge-success:focus,a.badge-success:hover{color:#fff;background-color:#1e7e34}a.badge-success.focus,a.badge-success:focus{outline:0;box-shadow:0 0 0 .2rem rgba(40,167,69,.5)}.badge-info{color:#fff;background-color:#17a2b8}a.badge-info:focus,a.badge-info:hover{color:#fff;background-color:#117a8b}a.badge-info.focus,a.badge-info:focus{outline:0;box-shadow:0 0 0 .2rem rgba(23,162,184,.5)}.badge-warning{color:#212529;background-color:#ffc107}a.badge-warning:focus,a.badge-warning:hover{color:#212529;background-color:#d39e00}a.badge-warning.focus,a.badge-warning:focus{outline:0;box-shadow:0 0 0 .2rem rgba(255,193,7,.5)}.badge-danger{color:#fff;background-color:#dc3545}a.badge-danger:focus,a.badge-danger:hover{color:#fff;background-color:#bd2130}a.badge-danger.focus,a.badge-danger:focus{outline:0;box-shadow:0 0 0 .2rem rgba(220,53,69,.5)}.badge-light{color:#212529;background-color:#f8f9fa}a.badge-light:focus,a.badge-light:hover{color:#212529;background-color:#dae0e5}a.badge-light.focus,a.badge-light:focus{outline:0;box-shadow:0 0 0 .2rem rgba(248,249,250,.5)}.badge-dark{color:#fff;background-color:#343a40}a.badge-dark:focus,a.badge-dark:hover{color:#fff;background-color:#1d2124}a.badge-dark.focus,a.badge-dark:focus{outline:0;box-shadow:0 0 0 .2rem rgba(52,58,64,.5)}.jumbotron{padding:2rem 1rem;margin-bottom:2rem;background-color:#e9ecef;border-radius:.3rem}@media (min-width:576px){.jumbotron{padding:4rem 2rem}}.jumbotron-fluid{padding-right:0;padding-left:0;border-radius:0}.alert{position:relative;padding:.75rem 1.25rem;margin-bottom:1rem;border:1px solid transparent;border-radius:.25rem}.alert-heading{color:inherit}.alert-link{font-weight:700}.alert-dismissible{padding-right:4rem}.alert-dismissible .close{position:absolute;top:0;right:0;z-index:2;padding:.75rem 1.25rem;color:inherit}.alert-primary{color:#004085;background-color:#cce5ff;border-color:#b8daff}.alert-primary hr{border-top-color:#9fcdff}.alert-primary .alert-link{color:#002752}.alert-secondary{color:#383d41;background-color:#e2e3e5;border-color:#d6d8db}.alert-secondary hr{border-top-color:#c8cbcf}.alert-secondary .alert-link{color:#202326}.alert-success{color:#155724;background-color:#d4edda;border-color:#c3e6cb}.alert-success hr{border-top-color:#b1dfbb}.alert-success .alert-link{color:#0b2e13}.alert-info{color:#0c5460;background-color:#d1ecf1;border-color:#bee5eb}.alert-info hr{border-top-color:#abdde5}.alert-info .alert-link{color:#062c33}.alert-warning{color:#856404;background-color:#fff3cd;border-color:#ffeeba}.alert-warning hr{border-top-color:#ffe8a1}.alert-warning .alert-link{color:#533f03}.alert-danger{color:#721c24;background-color:#f8d7da;border-color:#f5c6cb}.alert-danger hr{border-top-color:#f1b0b7}.alert-danger .alert-link{color:#491217}.alert-light{color:#818182;background-color:#fefefe;border-color:#fdfdfe}.alert-light hr{border-top-color:#ececf6}.alert-light .alert-link{color:#686868}.alert-dark{color:#1b1e21;background-color:#d6d8d9;border-color:#c6c8ca}.alert-dark hr{border-top-color:#b9bbbe}.alert-dark .alert-link{color:#040505}@keyframes progress-bar-stripes{from{background-position:1rem 0}to{background-position:0 0}}.progress{display:flex;height:1rem;overflow:hidden;line-height:0;font-size:.75rem;background-color:#e9ecef;border-radius:.25rem}.progress-bar{display:flex;flex-direction:column;justify-content:center;overflow:hidden;color:#fff;text-align:center;white-space:nowrap;background-color:#007bff;transition:width .6s ease}@media (prefers-reduced-motion:reduce){.progress-bar{transition:none}}.progress-bar-striped{background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-size:1rem 1rem}.progress-bar-animated{animation:1s linear infinite progress-bar-stripes}@media (prefers-reduced-motion:reduce){.progress-bar-animated{animation:none}}.media{display:flex;align-items:flex-start}.media-body{flex:1}.list-group{display:flex;flex-direction:column;padding-left:0;margin-bottom:0;border-radius:.25rem}.list-group-item-action{width:100%;color:#495057;text-align:inherit}.list-group-item-action:focus,.list-group-item-action:hover{z-index:1;color:#495057;text-decoration:none;background-color:#f8f9fa}.list-group-item-action:active{color:#212529;background-color:#e9ecef}.list-group-item{position:relative;display:block;padding:.75rem 1.25rem;background-color:#fff;border:1px solid rgba(0,0,0,.125)}.list-group-item:first-child{border-top-left-radius:inherit;border-top-right-radius:inherit}.list-group-item:last-child{border-bottom-right-radius:inherit;border-bottom-left-radius:inherit}.list-group-item.disabled,.list-group-item:disabled{color:#6c757d;pointer-events:none;background-color:#fff}.list-group-item.active{z-index:2;color:#fff;background-color:#007bff;border-color:#007bff}.list-group-item+.list-group-item{border-top-width:0}.list-group-item+.list-group-item.active{margin-top:-1px;border-top-width:1px}.list-group-horizontal{flex-direction:row}.list-group-horizontal>.list-group-item:first-child{border-bottom-left-radius:.25rem;border-top-right-radius:0}.list-group-horizontal>.list-group-item:last-child{border-top-right-radius:.25rem;border-bottom-left-radius:0}.list-group-horizontal>.list-group-item.active{margin-top:0}.list-group-horizontal>.list-group-item+.list-group-item{border-top-width:1px;border-left-width:0}.list-group-horizontal>.list-group-item+.list-group-item.active{margin-left:-1px;border-left-width:1px}@media (min-width:576px){.list-group-horizontal-sm{flex-direction:row}.list-group-horizontal-sm>.list-group-item:first-child{border-bottom-left-radius:.25rem;border-top-right-radius:0}.list-group-horizontal-sm>.list-group-item:last-child{border-top-right-radius:.25rem;border-bottom-left-radius:0}.list-group-horizontal-sm>.list-group-item.active{margin-top:0}.list-group-horizontal-sm>.list-group-item+.list-group-item{border-top-width:1px;border-left-width:0}.list-group-horizontal-sm>.list-group-item+.list-group-item.active{margin-left:-1px;border-left-width:1px}}@media (min-width:768px){.list-group-horizontal-md{flex-direction:row}.list-group-horizontal-md>.list-group-item:first-child{border-bottom-left-radius:.25rem;border-top-right-radius:0}.list-group-horizontal-md>.list-group-item:last-child{border-top-right-radius:.25rem;border-bottom-left-radius:0}.list-group-horizontal-md>.list-group-item.active{margin-top:0}.list-group-horizontal-md>.list-group-item+.list-group-item{border-top-width:1px;border-left-width:0}.list-group-horizontal-md>.list-group-item+.list-group-item.active{margin-left:-1px;border-left-width:1px}}@media (min-width:992px){.list-group-horizontal-lg{flex-direction:row}.list-group-horizontal-lg>.list-group-item:first-child{border-bottom-left-radius:.25rem;border-top-right-radius:0}.list-group-horizontal-lg>.list-group-item:last-child{border-top-right-radius:.25rem;border-bottom-left-radius:0}.list-group-horizontal-lg>.list-group-item.active{margin-top:0}.list-group-horizontal-lg>.list-group-item+.list-group-item{border-top-width:1px;border-left-width:0}.list-group-horizontal-lg>.list-group-item+.list-group-item.active{margin-left:-1px;border-left-width:1px}}@media (min-width:1200px){.list-group-horizontal-xl{flex-direction:row}.list-group-horizontal-xl>.list-group-item:first-child{border-bottom-left-radius:.25rem;border-top-right-radius:0}.list-group-horizontal-xl>.list-group-item:last-child{border-top-right-radius:.25rem;border-bottom-left-radius:0}.list-group-horizontal-xl>.list-group-item.active{margin-top:0}.list-group-horizontal-xl>.list-group-item+.list-group-item{border-top-width:1px;border-left-width:0}.list-group-horizontal-xl>.list-group-item+.list-group-item.active{margin-left:-1px;border-left-width:1px}}.list-group-flush{border-radius:0}.list-group-flush>.list-group-item{border-width:0 0 1px}.list-group-flush>.list-group-item:last-child{border-bottom-width:0}.list-group-item-primary{color:#004085;background-color:#b8daff}.list-group-item-primary.list-group-item-action:focus,.list-group-item-primary.list-group-item-action:hover{color:#004085;background-color:#9fcdff}.list-group-item-primary.list-group-item-action.active{color:#fff;background-color:#004085;border-color:#004085}.list-group-item-secondary{color:#383d41;background-color:#d6d8db}.list-group-item-secondary.list-group-item-action:focus,.list-group-item-secondary.list-group-item-action:hover{color:#383d41;background-color:#c8cbcf}.list-group-item-secondary.list-group-item-action.active{color:#fff;background-color:#383d41;border-color:#383d41}.list-group-item-success{color:#155724;background-color:#c3e6cb}.list-group-item-success.list-group-item-action:focus,.list-group-item-success.list-group-item-action:hover{color:#155724;background-color:#b1dfbb}.list-group-item-success.list-group-item-action.active{color:#fff;background-color:#155724;border-color:#155724}.list-group-item-info{color:#0c5460;background-color:#bee5eb}.list-group-item-info.list-group-item-action:focus,.list-group-item-info.list-group-item-action:hover{color:#0c5460;background-color:#abdde5}.list-group-item-info.list-group-item-action.active{color:#fff;background-color:#0c5460;border-color:#0c5460}.list-group-item-warning{color:#856404;background-color:#ffeeba}.list-group-item-warning.list-group-item-action:focus,.list-group-item-warning.list-group-item-action:hover{color:#856404;background-color:#ffe8a1}.list-group-item-warning.list-group-item-action.active{color:#fff;background-color:#856404;border-color:#856404}.list-group-item-danger{color:#721c24;background-color:#f5c6cb}.list-group-item-danger.list-group-item-action:focus,.list-group-item-danger.list-group-item-action:hover{color:#721c24;background-color:#f1b0b7}.list-group-item-danger.list-group-item-action.active{color:#fff;background-color:#721c24;border-color:#721c24}.list-group-item-light{color:#818182;background-color:#fdfdfe}.list-group-item-light.list-group-item-action:focus,.list-group-item-light.list-group-item-action:hover{color:#818182;background-color:#ececf6}.list-group-item-light.list-group-item-action.active{color:#fff;background-color:#818182;border-color:#818182}.list-group-item-dark{color:#1b1e21;background-color:#c6c8ca}.list-group-item-dark.list-group-item-action:focus,.list-group-item-dark.list-group-item-action:hover{color:#1b1e21;background-color:#b9bbbe}.list-group-item-dark.list-group-item-action.active{color:#fff;background-color:#1b1e21;border-color:#1b1e21}.close{float:right;font-size:1.5rem;font-weight:700;line-height:1;color:#000;text-shadow:0 1px 0 #fff;opacity:.5}.close:hover{color:#000;text-decoration:none}.close:not(:disabled):not(.disabled):focus,.close:not(:disabled):not(.disabled):hover{opacity:.75}button.close{padding:0;background-color:transparent;border:0}a.close.disabled{pointer-events:none}.toast{flex-basis:350px;max-width:350px;font-size:.875rem;background-color:rgba(255,255,255,.85);background-clip:padding-box;border:1px solid rgba(0,0,0,.1);box-shadow:0 .25rem .75rem rgba(0,0,0,.1);opacity:0;border-radius:.25rem}.toast:not(:last-child){margin-bottom:.75rem}.toast.showing{opacity:1}.toast.show{display:block;opacity:1}.toast.hide{display:none}.toast-header{display:flex;align-items:center;padding:.25rem .75rem;color:#6c757d;background-color:rgba(255,255,255,.85);background-clip:padding-box;border-bottom:1px solid rgba(0,0,0,.05);border-top-left-radius:calc(.25rem - 1px);border-top-right-radius:calc(.25rem - 1px)}.toast-body{padding:.75rem}.modal-open{overflow:hidden}.modal-open .modal{overflow-x:hidden;overflow-y:auto}.modal{position:fixed;top:0;left:0;z-index:1050;display:none;width:100%;height:100%;overflow:hidden;outline:0}.modal-dialog{position:relative;width:auto;margin:.5rem;pointer-events:none}.modal.fade .modal-dialog{transition:transform .3s ease-out;transform:translate(0,-50px)}@media (prefers-reduced-motion:reduce){.modal.fade .modal-dialog{transition:none}}.modal.show .modal-dialog{transform:none}.modal.modal-static .modal-dialog{transform:scale(1.02)}.modal-dialog-scrollable{display:flex;max-height:calc(100% - 1rem)}.modal-dialog-scrollable .modal-content{max-height:calc(100vh - 1rem);overflow:hidden}.modal-dialog-scrollable .modal-footer,.modal-dialog-scrollable .modal-header{flex-shrink:0}.modal-dialog-scrollable .modal-body{overflow-y:auto}.modal-dialog-centered{display:flex;align-items:center;min-height:calc(100% - 1rem)}.modal-dialog-centered::before{display:block;height:calc(100vh - 1rem);height:-moz-min-content;height:min-content;content:""}.modal-dialog-centered.modal-dialog-scrollable{flex-direction:column;justify-content:center;height:100%}.modal-dialog-centered.modal-dialog-scrollable .modal-content{max-height:none}.modal-dialog-centered.modal-dialog-scrollable::before{content:none}.modal-content{position:relative;display:flex;flex-direction:column;width:100%;pointer-events:auto;background-color:#fff;background-clip:padding-box;border:1px solid rgba(0,0,0,.2);border-radius:.3rem;outline:0}.modal-backdrop{position:fixed;top:0;left:0;z-index:1040;width:100vw;height:100vh;background-color:#000}.modal-backdrop.fade{opacity:0}.modal-backdrop.show{opacity:.5}.modal-header{display:flex;align-items:flex-start;justify-content:space-between;padding:1rem 1rem;border-bottom:1px solid #dee2e6;border-top-left-radius:calc(.3rem - 1px);border-top-right-radius:calc(.3rem - 1px)}.modal-header .close{padding:1rem 1rem;margin:-1rem -1rem -1rem auto}.modal-title{margin-bottom:0;line-height:1.5}.modal-body{position:relative;flex:1 1 auto;padding:1rem}.modal-footer{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;padding:.75rem;border-top:1px solid #dee2e6;border-bottom-right-radius:calc(.3rem - 1px);border-bottom-left-radius:calc(.3rem - 1px)}.modal-footer>*{margin:.25rem}.modal-scrollbar-measure{position:absolute;top:-9999px;width:50px;height:50px;overflow:scroll}@media (min-width:576px){.modal-dialog{max-width:500px;margin:1.75rem auto}.modal-dialog-scrollable{max-height:calc(100% - 3.5rem)}.modal-dialog-scrollable .modal-content{max-height:calc(100vh - 3.5rem)}.modal-dialog-centered{min-height:calc(100% - 3.5rem)}.modal-dialog-centered::before{height:calc(100vh - 3.5rem);height:-moz-min-content;height:min-content}.modal-sm{max-width:300px}}@media (min-width:992px){.modal-lg,.modal-xl{max-width:800px}}@media (min-width:1200px){.modal-xl{max-width:1140px}}.tooltip{position:absolute;z-index:1070;display:block;margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans","Liberation Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";font-style:normal;font-weight:400;line-height:1.5;text-align:left;text-align:start;text-decoration:none;text-shadow:none;text-transform:none;letter-spacing:normal;word-break:normal;white-space:normal;word-spacing:normal;line-break:auto;font-size:.875rem;word-wrap:break-word;opacity:0}.tooltip.show{opacity:.9}.tooltip .arrow{position:absolute;display:block;width:.8rem;height:.4rem}.tooltip .arrow::before{position:absolute;content:"";border-color:transparent;border-style:solid}.bs-tooltip-auto[x-placement^=top],.bs-tooltip-top{padding:.4rem 0}.bs-tooltip-auto[x-placement^=top] .arrow,.bs-tooltip-top .arrow{bottom:0}.bs-tooltip-auto[x-placement^=top] .arrow::before,.bs-tooltip-top .arrow::before{top:0;border-width:.4rem .4rem 0;border-top-color:#000}.bs-tooltip-auto[x-placement^=right],.bs-tooltip-right{padding:0 .4rem}.bs-tooltip-auto[x-placement^=right] .arrow,.bs-tooltip-right .arrow{left:0;width:.4rem;height:.8rem}.bs-tooltip-auto[x-placement^=right] .arrow::before,.bs-tooltip-right .arrow::before{right:0;border-width:.4rem .4rem .4rem 0;border-right-color:#000}.bs-tooltip-auto[x-placement^=bottom],.bs-tooltip-bottom{padding:.4rem 0}.bs-tooltip-auto[x-placement^=bottom] .arrow,.bs-tooltip-bottom .arrow{top:0}.bs-tooltip-auto[x-placement^=bottom] .arrow::before,.bs-tooltip-bottom .arrow::before{bottom:0;border-width:0 .4rem .4rem;border-bottom-color:#000}.bs-tooltip-auto[x-placement^=left],.bs-tooltip-left{padding:0 .4rem}.bs-tooltip-auto[x-placement^=left] .arrow,.bs-tooltip-left .arrow{right:0;width:.4rem;height:.8rem}.bs-tooltip-auto[x-placement^=left] .arrow::before,.bs-tooltip-left .arrow::before{left:0;border-width:.4rem 0 .4rem .4rem;border-left-color:#000}.tooltip-inner{max-width:200px;padding:.25rem .5rem;color:#fff;text-align:center;background-color:#000;border-radius:.25rem}.popover{position:absolute;top:0;left:0;z-index:1060;display:block;max-width:276px;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans","Liberation Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";font-style:normal;font-weight:400;line-height:1.5;text-align:left;text-align:start;text-decoration:none;text-shadow:none;text-transform:none;letter-spacing:normal;word-break:normal;white-space:normal;word-spacing:normal;line-break:auto;font-size:.875rem;word-wrap:break-word;background-color:#fff;background-clip:padding-box;border:1px solid rgba(0,0,0,.2);border-radius:.3rem}.popover .arrow{position:absolute;display:block;width:1rem;height:.5rem;margin:0 .3rem}.popover .arrow::after,.popover .arrow::before{position:absolute;display:block;content:"";border-color:transparent;border-style:solid}.bs-popover-auto[x-placement^=top],.bs-popover-top{margin-bottom:.5rem}.bs-popover-auto[x-placement^=top]>.arrow,.bs-popover-top>.arrow{bottom:calc(-.5rem - 1px)}.bs-popover-auto[x-placement^=top]>.arrow::before,.bs-popover-top>.arrow::before{bottom:0;border-width:.5rem .5rem 0;border-top-color:rgba(0,0,0,.25)}.bs-popover-auto[x-placement^=top]>.arrow::after,.bs-popover-top>.arrow::after{bottom:1px;border-width:.5rem .5rem 0;border-top-color:#fff}.bs-popover-auto[x-placement^=right],.bs-popover-right{margin-left:.5rem}.bs-popover-auto[x-placement^=right]>.arrow,.bs-popover-right>.arrow{left:calc(-.5rem - 1px);width:.5rem;height:1rem;margin:.3rem 0}.bs-popover-auto[x-placement^=right]>.arrow::before,.bs-popover-right>.arrow::before{left:0;border-width:.5rem .5rem .5rem 0;border-right-color:rgba(0,0,0,.25)}.bs-popover-auto[x-placement^=right]>.arrow::after,.bs-popover-right>.arrow::after{left:1px;border-width:.5rem .5rem .5rem 0;border-right-color:#fff}.bs-popover-auto[x-placement^=bottom],.bs-popover-bottom{margin-top:.5rem}.bs-popover-auto[x-placement^=bottom]>.arrow,.bs-popover-bottom>.arrow{top:calc(-.5rem - 1px)}.bs-popover-auto[x-placement^=bottom]>.arrow::before,.bs-popover-bottom>.arrow::before{top:0;border-width:0 .5rem .5rem .5rem;border-bottom-color:rgba(0,0,0,.25)}.bs-popover-auto[x-placement^=bottom]>.arrow::after,.bs-popover-bottom>.arrow::after{top:1px;border-width:0 .5rem .5rem .5rem;border-bottom-color:#fff}.bs-popover-auto[x-placement^=bottom] .popover-header::before,.bs-popover-bottom .popover-header::before{position:absolute;top:0;left:50%;display:block;width:1rem;margin-left:-.5rem;content:"";border-bottom:1px solid #f7f7f7}.bs-popover-auto[x-placement^=left],.bs-popover-left{margin-right:.5rem}.bs-popover-auto[x-placement^=left]>.arrow,.bs-popover-left>.arrow{right:calc(-.5rem - 1px);width:.5rem;height:1rem;margin:.3rem 0}.bs-popover-auto[x-placement^=left]>.arrow::before,.bs-popover-left>.arrow::before{right:0;border-width:.5rem 0 .5rem .5rem;border-left-color:rgba(0,0,0,.25)}.bs-popover-auto[x-placement^=left]>.arrow::after,.bs-popover-left>.arrow::after{right:1px;border-width:.5rem 0 .5rem .5rem;border-left-color:#fff}.popover-header{padding:.5rem .75rem;margin-bottom:0;font-size:1rem;background-color:#f7f7f7;border-bottom:1px solid #ebebeb;border-top-left-radius:calc(.3rem - 1px);border-top-right-radius:calc(.3rem - 1px)}.popover-header:empty{display:none}.popover-body{padding:.5rem .75rem;color:#212529}.carousel{position:relative}.carousel.pointer-event{touch-action:pan-y}.carousel-inner{position:relative;width:100%;overflow:hidden}.carousel-inner::after{display:block;clear:both;content:""}.carousel-item{position:relative;display:none;float:left;width:100%;margin-right:-100%;backface-visibility:hidden;transition:transform .6s ease-in-out}@media (prefers-reduced-motion:reduce){.carousel-item{transition:none}}.carousel-item-next,.carousel-item-prev,.carousel-item.active{display:block}.active.carousel-item-right,.carousel-item-next:not(.carousel-item-left){transform:translateX(100%)}.active.carousel-item-left,.carousel-item-prev:not(.carousel-item-right){transform:translateX(-100%)}.carousel-fade .carousel-item{opacity:0;transition-property:opacity;transform:none}.carousel-fade .carousel-item-next.carousel-item-left,.carousel-fade .carousel-item-prev.carousel-item-right,.carousel-fade .carousel-item.active{z-index:1;opacity:1}.carousel-fade .active.carousel-item-left,.carousel-fade .active.carousel-item-right{z-index:0;opacity:0;transition:opacity 0s .6s}@media (prefers-reduced-motion:reduce){.carousel-fade .active.carousel-item-left,.carousel-fade .active.carousel-item-right{transition:none}}.carousel-control-next,.carousel-control-prev{position:absolute;top:0;bottom:0;z-index:1;display:flex;align-items:center;justify-content:center;width:15%;padding:0;color:#fff;text-align:center;background:0 0;border:0;opacity:.5;transition:opacity .15s ease}@media (prefers-reduced-motion:reduce){.carousel-control-next,.carousel-control-prev{transition:none}}.carousel-control-next:focus,.carousel-control-next:hover,.carousel-control-prev:focus,.carousel-control-prev:hover{color:#fff;text-decoration:none;outline:0;opacity:.9}.carousel-control-prev{left:0}.carousel-control-next{right:0}.carousel-control-next-icon,.carousel-control-prev-icon{display:inline-block;width:20px;height:20px;background:50%/100% 100% no-repeat}.carousel-control-prev-icon{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5L4.25 4l2.5-2.5L5.25 0z'/%3e%3c/svg%3e")}.carousel-control-next-icon{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5L3.75 4l-2.5 2.5L2.75 8l4-4-4-4z'/%3e%3c/svg%3e")}.carousel-indicators{position:absolute;right:0;bottom:0;left:0;z-index:15;display:flex;justify-content:center;padding-left:0;margin-right:15%;margin-left:15%;list-style:none}.carousel-indicators li{box-sizing:content-box;flex:0 1 auto;width:30px;height:3px;margin-right:3px;margin-left:3px;text-indent:-999px;cursor:pointer;background-color:#fff;background-clip:padding-box;border-top:10px solid transparent;border-bottom:10px solid transparent;opacity:.5;transition:opacity .6s ease}@media (prefers-reduced-motion:reduce){.carousel-indicators li{transition:none}}.carousel-indicators .active{opacity:1}.carousel-caption{position:absolute;right:15%;bottom:20px;left:15%;z-index:10;padding-top:20px;padding-bottom:20px;color:#fff;text-align:center}@keyframes spinner-border{to{transform:rotate(360deg)}}.spinner-border{display:inline-block;width:2rem;height:2rem;vertical-align:-.125em;border:.25em solid currentcolor;border-right-color:transparent;border-radius:50%;animation:.75s linear infinite spinner-border}.spinner-border-sm{width:1rem;height:1rem;border-width:.2em}@keyframes spinner-grow{0%{transform:scale(0)}50%{opacity:1;transform:none}}.spinner-grow{display:inline-block;width:2rem;height:2rem;vertical-align:-.125em;background-color:currentcolor;border-radius:50%;opacity:0;animation:.75s linear infinite spinner-grow}.spinner-grow-sm{width:1rem;height:1rem}@media (prefers-reduced-motion:reduce){.spinner-border,.spinner-grow{animation-duration:1.5s}}.align-baseline{vertical-align:baseline!important}.align-top{vertical-align:top!important}.align-middle{vertical-align:middle!important}.align-bottom{vertical-align:bottom!important}.align-text-bottom{vertical-align:text-bottom!important}.align-text-top{vertical-align:text-top!important}.bg-primary{background-color:#007bff!important}a.bg-primary:focus,a.bg-primary:hover,button.bg-primary:focus,button.bg-primary:hover{background-color:#0062cc!important}.bg-secondary{background-color:#6c757d!important}a.bg-secondary:focus,a.bg-secondary:hover,button.bg-secondary:focus,button.bg-secondary:hover{background-color:#545b62!important}.bg-success{background-color:#28a745!important}a.bg-success:focus,a.bg-success:hover,button.bg-success:focus,button.bg-success:hover{background-color:#1e7e34!important}.bg-info{background-color:#17a2b8!important}a.bg-info:focus,a.bg-info:hover,button.bg-info:focus,button.bg-info:hover{background-color:#117a8b!important}.bg-warning{background-color:#ffc107!important}a.bg-warning:focus,a.bg-warning:hover,button.bg-warning:focus,button.bg-warning:hover{background-color:#d39e00!important}.bg-danger{background-color:#dc3545!important}a.bg-danger:focus,a.bg-danger:hover,button.bg-danger:focus,button.bg-danger:hover{background-color:#bd2130!important}.bg-light{background-color:#f8f9fa!important}a.bg-light:focus,a.bg-light:hover,button.bg-light:focus,button.bg-light:hover{background-color:#dae0e5!important}.bg-dark{background-color:#343a40!important}a.bg-dark:focus,a.bg-dark:hover,button.bg-dark:focus,button.bg-dark:hover{background-color:#1d2124!important}.bg-white{background-color:#fff!important}.bg-transparent{background-color:transparent!important}.border{border:1px solid #dee2e6!important}.border-top{border-top:1px solid #dee2e6!important}.border-right{border-right:1px solid #dee2e6!important}.border-bottom{border-bottom:1px solid #dee2e6!important}.border-left{border-left:1px solid #dee2e6!important}.border-0{border:0!important}.border-top-0{border-top:0!important}.border-right-0{border-right:0!important}.border-bottom-0{border-bottom:0!important}.border-left-0{border-left:0!important}.border-primary{border-color:#007bff!important}.border-secondary{border-color:#6c757d!important}.border-success{border-color:#28a745!important}.border-info{border-color:#17a2b8!important}.border-warning{border-color:#ffc107!important}.border-danger{border-color:#dc3545!important}.border-light{border-color:#f8f9fa!important}.border-dark{border-color:#343a40!important}.border-white{border-color:#fff!important}.rounded-sm{border-radius:.2rem!important}.rounded{border-radius:.25rem!important}.rounded-top{border-top-left-radius:.25rem!important;border-top-right-radius:.25rem!important}.rounded-right{border-top-right-radius:.25rem!important;border-bottom-right-radius:.25rem!important}.rounded-bottom{border-bottom-right-radius:.25rem!important;border-bottom-left-radius:.25rem!important}.rounded-left{border-top-left-radius:.25rem!important;border-bottom-left-radius:.25rem!important}.rounded-lg{border-radius:.3rem!important}.rounded-circle{border-radius:50%!important}.rounded-pill{border-radius:50rem!important}.rounded-0{border-radius:0!important}.clearfix::after{display:block;clear:both;content:""}.d-none{display:none!important}.d-inline{display:inline!important}.d-inline-block{display:inline-block!important}.d-block{display:block!important}.d-table{display:table!important}.d-table-row{display:table-row!important}.d-table-cell{display:table-cell!important}.d-flex{display:flex!important}.d-inline-flex{display:inline-flex!important}@media (min-width:576px){.d-sm-none{display:none!important}.d-sm-inline{display:inline!important}.d-sm-inline-block{display:inline-block!important}.d-sm-block{display:block!important}.d-sm-table{display:table!important}.d-sm-table-row{display:table-row!important}.d-sm-table-cell{display:table-cell!important}.d-sm-flex{display:flex!important}.d-sm-inline-flex{display:inline-flex!important}}@media (min-width:768px){.d-md-none{display:none!important}.d-md-inline{display:inline!important}.d-md-inline-block{display:inline-block!important}.d-md-block{display:block!important}.d-md-table{display:table!important}.d-md-table-row{display:table-row!important}.d-md-table-cell{display:table-cell!important}.d-md-flex{display:flex!important}.d-md-inline-flex{display:inline-flex!important}}@media (min-width:992px){.d-lg-none{display:none!important}.d-lg-inline{display:inline!important}.d-lg-inline-block{display:inline-block!important}.d-lg-block{display:block!important}.d-lg-table{display:table!important}.d-lg-table-row{display:table-row!important}.d-lg-table-cell{display:table-cell!important}.d-lg-flex{display:flex!important}.d-lg-inline-flex{display:inline-flex!important}}@media (min-width:1200px){.d-xl-none{display:none!important}.d-xl-inline{display:inline!important}.d-xl-inline-block{display:inline-block!important}.d-xl-block{display:block!important}.d-xl-table{display:table!important}.d-xl-table-row{display:table-row!important}.d-xl-table-cell{display:table-cell!important}.d-xl-flex{display:flex!important}.d-xl-inline-flex{display:inline-flex!important}}@media print{.d-print-none{display:none!important}.d-print-inline{display:inline!important}.d-print-inline-block{display:inline-block!important}.d-print-block{display:block!important}.d-print-table{display:table!important}.d-print-table-row{display:table-row!important}.d-print-table-cell{display:table-cell!important}.d-print-flex{display:flex!important}.d-print-inline-flex{display:inline-flex!important}}.embed-responsive{position:relative;display:block;width:100%;padding:0;overflow:hidden}.embed-responsive::before{display:block;content:""}.embed-responsive .embed-responsive-item,.embed-responsive embed,.embed-responsive iframe,.embed-responsive object,.embed-responsive video{position:absolute;top:0;bottom:0;left:0;width:100%;height:100%;border:0}.embed-responsive-21by9::before{padding-top:42.857143%}.embed-responsive-16by9::before{padding-top:56.25%}.embed-responsive-4by3::before{padding-top:75%}.embed-responsive-1by1::before{padding-top:100%}.flex-row{flex-direction:row!important}.flex-column{flex-direction:column!important}.flex-row-reverse{flex-direction:row-reverse!important}.flex-column-reverse{flex-direction:column-reverse!important}.flex-wrap{flex-wrap:wrap!important}.flex-nowrap{flex-wrap:nowrap!important}.flex-wrap-reverse{flex-wrap:wrap-reverse!important}.flex-fill{flex:1 1 auto!important}.flex-grow-0{flex-grow:0!important}.flex-grow-1{flex-grow:1!important}.flex-shrink-0{flex-shrink:0!important}.flex-shrink-1{flex-shrink:1!important}.justify-content-start{justify-content:flex-start!important}.justify-content-end{justify-content:flex-end!important}.justify-content-center{justify-content:center!important}.justify-content-between{justify-content:space-between!important}.justify-content-around{justify-content:space-around!important}.align-items-start{align-items:flex-start!important}.align-items-end{align-items:flex-end!important}.align-items-center{align-items:center!important}.align-items-baseline{align-items:baseline!important}.align-items-stretch{align-items:stretch!important}.align-content-start{align-content:flex-start!important}.align-content-end{align-content:flex-end!important}.align-content-center{align-content:center!important}.align-content-between{align-content:space-between!important}.align-content-around{align-content:space-around!important}.align-content-stretch{align-content:stretch!important}.align-self-auto{align-self:auto!important}.align-self-start{align-self:flex-start!important}.align-self-end{align-self:flex-end!important}.align-self-center{align-self:center!important}.align-self-baseline{align-self:baseline!important}.align-self-stretch{align-self:stretch!important}@media (min-width:576px){.flex-sm-row{flex-direction:row!important}.flex-sm-column{flex-direction:column!important}.flex-sm-row-reverse{flex-direction:row-reverse!important}.flex-sm-column-reverse{flex-direction:column-reverse!important}.flex-sm-wrap{flex-wrap:wrap!important}.flex-sm-nowrap{flex-wrap:nowrap!important}.flex-sm-wrap-reverse{flex-wrap:wrap-reverse!important}.flex-sm-fill{flex:1 1 auto!important}.flex-sm-grow-0{flex-grow:0!important}.flex-sm-grow-1{flex-grow:1!important}.flex-sm-shrink-0{flex-shrink:0!important}.flex-sm-shrink-1{flex-shrink:1!important}.justify-content-sm-start{justify-content:flex-start!important}.justify-content-sm-end{justify-content:flex-end!important}.justify-content-sm-center{justify-content:center!important}.justify-content-sm-between{justify-content:space-between!important}.justify-content-sm-around{justify-content:space-around!important}.align-items-sm-start{align-items:flex-start!important}.align-items-sm-end{align-items:flex-end!important}.align-items-sm-center{align-items:center!important}.align-items-sm-baseline{align-items:baseline!important}.align-items-sm-stretch{align-items:stretch!important}.align-content-sm-start{align-content:flex-start!important}.align-content-sm-end{align-content:flex-end!important}.align-content-sm-center{align-content:center!important}.align-content-sm-between{align-content:space-between!important}.align-content-sm-around{align-content:space-around!important}.align-content-sm-stretch{align-content:stretch!important}.align-self-sm-auto{align-self:auto!important}.align-self-sm-start{align-self:flex-start!important}.align-self-sm-end{align-self:flex-end!important}.align-self-sm-center{align-self:center!important}.align-self-sm-baseline{align-self:baseline!important}.align-self-sm-stretch{align-self:stretch!important}}@media (min-width:768px){.flex-md-row{flex-direction:row!important}.flex-md-column{flex-direction:column!important}.flex-md-row-reverse{flex-direction:row-reverse!important}.flex-md-column-reverse{flex-direction:column-reverse!important}.flex-md-wrap{flex-wrap:wrap!important}.flex-md-nowrap{flex-wrap:nowrap!important}.flex-md-wrap-reverse{flex-wrap:wrap-reverse!important}.flex-md-fill{flex:1 1 auto!important}.flex-md-grow-0{flex-grow:0!important}.flex-md-grow-1{flex-grow:1!important}.flex-md-shrink-0{flex-shrink:0!important}.flex-md-shrink-1{flex-shrink:1!important}.justify-content-md-start{justify-content:flex-start!important}.justify-content-md-end{justify-content:flex-end!important}.justify-content-md-center{justify-content:center!important}.justify-content-md-between{justify-content:space-between!important}.justify-content-md-around{justify-content:space-around!important}.align-items-md-start{align-items:flex-start!important}.align-items-md-end{align-items:flex-end!important}.align-items-md-center{align-items:center!important}.align-items-md-baseline{align-items:baseline!important}.align-items-md-stretch{align-items:stretch!important}.align-content-md-start{align-content:flex-start!important}.align-content-md-end{align-content:flex-end!important}.align-content-md-center{align-content:center!important}.align-content-md-between{align-content:space-between!important}.align-content-md-around{align-content:space-around!important}.align-content-md-stretch{align-content:stretch!important}.align-self-md-auto{align-self:auto!important}.align-self-md-start{align-self:flex-start!important}.align-self-md-end{align-self:flex-end!important}.align-self-md-center{align-self:center!important}.align-self-md-baseline{align-self:baseline!important}.align-self-md-stretch{align-self:stretch!important}}@media (min-width:992px){.flex-lg-row{flex-direction:row!important}.flex-lg-column{flex-direction:column!important}.flex-lg-row-reverse{flex-direction:row-reverse!important}.flex-lg-column-reverse{flex-direction:column-reverse!important}.flex-lg-wrap{flex-wrap:wrap!important}.flex-lg-nowrap{flex-wrap:nowrap!important}.flex-lg-wrap-reverse{flex-wrap:wrap-reverse!important}.flex-lg-fill{flex:1 1 auto!important}.flex-lg-grow-0{flex-grow:0!important}.flex-lg-grow-1{flex-grow:1!important}.flex-lg-shrink-0{flex-shrink:0!important}.flex-lg-shrink-1{flex-shrink:1!important}.justify-content-lg-start{justify-content:flex-start!important}.justify-content-lg-end{justify-content:flex-end!important}.justify-content-lg-center{justify-content:center!important}.justify-content-lg-between{justify-content:space-between!important}.justify-content-lg-around{justify-content:space-around!important}.align-items-lg-start{align-items:flex-start!important}.align-items-lg-end{align-items:flex-end!important}.align-items-lg-center{align-items:center!important}.align-items-lg-baseline{align-items:baseline!important}.align-items-lg-stretch{align-items:stretch!important}.align-content-lg-start{align-content:flex-start!important}.align-content-lg-end{align-content:flex-end!important}.align-content-lg-center{align-content:center!important}.align-content-lg-between{align-content:space-between!important}.align-content-lg-around{align-content:space-around!important}.align-content-lg-stretch{align-content:stretch!important}.align-self-lg-auto{align-self:auto!important}.align-self-lg-start{align-self:flex-start!important}.align-self-lg-end{align-self:flex-end!important}.align-self-lg-center{align-self:center!important}.align-self-lg-baseline{align-self:baseline!important}.align-self-lg-stretch{align-self:stretch!important}}@media (min-width:1200px){.flex-xl-row{flex-direction:row!important}.flex-xl-column{flex-direction:column!important}.flex-xl-row-reverse{flex-direction:row-reverse!important}.flex-xl-column-reverse{flex-direction:column-reverse!important}.flex-xl-wrap{flex-wrap:wrap!important}.flex-xl-nowrap{flex-wrap:nowrap!important}.flex-xl-wrap-reverse{flex-wrap:wrap-reverse!important}.flex-xl-fill{flex:1 1 auto!important}.flex-xl-grow-0{flex-grow:0!important}.flex-xl-grow-1{flex-grow:1!important}.flex-xl-shrink-0{flex-shrink:0!important}.flex-xl-shrink-1{flex-shrink:1!important}.justify-content-xl-start{justify-content:flex-start!important}.justify-content-xl-end{justify-content:flex-end!important}.justify-content-xl-center{justify-content:center!important}.justify-content-xl-between{justify-content:space-between!important}.justify-content-xl-around{justify-content:space-around!important}.align-items-xl-start{align-items:flex-start!important}.align-items-xl-end{align-items:flex-end!important}.align-items-xl-center{align-items:center!important}.align-items-xl-baseline{align-items:baseline!important}.align-items-xl-stretch{align-items:stretch!important}.align-content-xl-start{align-content:flex-start!important}.align-content-xl-end{align-content:flex-end!important}.align-content-xl-center{align-content:center!important}.align-content-xl-between{align-content:space-between!important}.align-content-xl-around{align-content:space-around!important}.align-content-xl-stretch{align-content:stretch!important}.align-self-xl-auto{align-self:auto!important}.align-self-xl-start{align-self:flex-start!important}.align-self-xl-end{align-self:flex-end!important}.align-self-xl-center{align-self:center!important}.align-self-xl-baseline{align-self:baseline!important}.align-self-xl-stretch{align-self:stretch!important}}.float-left{float:left!important}.float-right{float:right!important}.float-none{float:none!important}@media (min-width:576px){.float-sm-left{float:left!important}.float-sm-right{float:right!important}.float-sm-none{float:none!important}}@media (min-width:768px){.float-md-left{float:left!important}.float-md-right{float:right!important}.float-md-none{float:none!important}}@media (min-width:992px){.float-lg-left{float:left!important}.float-lg-right{float:right!important}.float-lg-none{float:none!important}}@media (min-width:1200px){.float-xl-left{float:left!important}.float-xl-right{float:right!important}.float-xl-none{float:none!important}}.user-select-all{-webkit-user-select:all!important;-moz-user-select:all!important;user-select:all!important}.user-select-auto{-webkit-user-select:auto!important;-moz-user-select:auto!important;user-select:auto!important}.user-select-none{-webkit-user-select:none!important;-moz-user-select:none!important;user-select:none!important}.overflow-auto{overflow:auto!important}.overflow-hidden{overflow:hidden!important}.position-static{position:static!important}.position-relative{position:relative!important}.position-absolute{position:absolute!important}.position-fixed{position:fixed!important}.position-sticky{position:sticky!important}.fixed-top{position:fixed;top:0;right:0;left:0;z-index:1030}.fixed-bottom{position:fixed;right:0;bottom:0;left:0;z-index:1030}@supports (position:sticky){.sticky-top{position:sticky;top:0;z-index:1020}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.sr-only-focusable:active,.sr-only-focusable:focus{position:static;width:auto;height:auto;overflow:visible;clip:auto;white-space:normal}.shadow-sm{box-shadow:0 .125rem .25rem rgba(0,0,0,.075)!important}.shadow{box-shadow:0 .5rem 1rem rgba(0,0,0,.15)!important}.shadow-lg{box-shadow:0 1rem 3rem rgba(0,0,0,.175)!important}.shadow-none{box-shadow:none!important}.w-25{width:25%!important}.w-50{width:50%!important}.w-75{width:75%!important}.w-100{width:100%!important}.w-auto{width:auto!important}.h-25{height:25%!important}.h-50{height:50%!important}.h-75{height:75%!important}.h-100{height:100%!important}.h-auto{height:auto!important}.mw-100{max-width:100%!important}.mh-100{max-height:100%!important}.min-vw-100{min-width:100vw!important}.min-vh-100{min-height:100vh!important}.vw-100{width:100vw!important}.vh-100{height:100vh!important}.m-0{margin:0!important}.mt-0,.my-0{margin-top:0!important}.mr-0,.mx-0{margin-right:0!important}.mb-0,.my-0{margin-bottom:0!important}.ml-0,.mx-0{margin-left:0!important}.m-1{margin:.25rem!important}.mt-1,.my-1{margin-top:.25rem!important}.mr-1,.mx-1{margin-right:.25rem!important}.mb-1,.my-1{margin-bottom:.25rem!important}.ml-1,.mx-1{margin-left:.25rem!important}.m-2{margin:.5rem!important}.mt-2,.my-2{margin-top:.5rem!important}.mr-2,.mx-2{margin-right:.5rem!important}.mb-2,.my-2{margin-bottom:.5rem!important}.ml-2,.mx-2{margin-left:.5rem!important}.m-3{margin:1rem!important}.mt-3,.my-3{margin-top:1rem!important}.mr-3,.mx-3{margin-right:1rem!important}.mb-3,.my-3{margin-bottom:1rem!important}.ml-3,.mx-3{margin-left:1rem!important}.m-4{margin:1.5rem!important}.mt-4,.my-4{margin-top:1.5rem!important}.mr-4,.mx-4{margin-right:1.5rem!important}.mb-4,.my-4{margin-bottom:1.5rem!important}.ml-4,.mx-4{margin-left:1.5rem!important}.m-5{margin:3rem!important}.mt-5,.my-5{margin-top:3rem!important}.mr-5,.mx-5{margin-right:3rem!important}.mb-5,.my-5{margin-bottom:3rem!important}.ml-5,.mx-5{margin-left:3rem!important}.p-0{padding:0!important}.pt-0,.py-0{padding-top:0!important}.pr-0,.px-0{padding-right:0!important}.pb-0,.py-0{padding-bottom:0!important}.pl-0,.px-0{padding-left:0!important}.p-1{padding:.25rem!important}.pt-1,.py-1{padding-top:.25rem!important}.pr-1,.px-1{padding-right:.25rem!important}.pb-1,.py-1{padding-bottom:.25rem!important}.pl-1,.px-1{padding-left:.25rem!important}.p-2{padding:.5rem!important}.pt-2,.py-2{padding-top:.5rem!important}.pr-2,.px-2{padding-right:.5rem!important}.pb-2,.py-2{padding-bottom:.5rem!important}.pl-2,.px-2{padding-left:.5rem!important}.p-3{padding:1rem!important}.pt-3,.py-3{padding-top:1rem!important}.pr-3,.px-3{padding-right:1rem!important}.pb-3,.py-3{padding-bottom:1rem!important}.pl-3,.px-3{padding-left:1rem!important}.p-4{padding:1.5rem!important}.pt-4,.py-4{padding-top:1.5rem!important}.pr-4,.px-4{padding-right:1.5rem!important}.pb-4,.py-4{padding-bottom:1.5rem!important}.pl-4,.px-4{padding-left:1.5rem!important}.p-5{padding:3rem!important}.pt-5,.py-5{padding-top:3rem!important}.pr-5,.px-5{padding-right:3rem!important}.pb-5,.py-5{padding-bottom:3rem!important}.pl-5,.px-5{padding-left:3rem!important}.m-n1{margin:-.25rem!important}.mt-n1,.my-n1{margin-top:-.25rem!important}.mr-n1,.mx-n1{margin-right:-.25rem!important}.mb-n1,.my-n1{margin-bottom:-.25rem!important}.ml-n1,.mx-n1{margin-left:-.25rem!important}.m-n2{margin:-.5rem!important}.mt-n2,.my-n2{margin-top:-.5rem!important}.mr-n2,.mx-n2{margin-right:-.5rem!important}.mb-n2,.my-n2{margin-bottom:-.5rem!important}.ml-n2,.mx-n2{margin-left:-.5rem!important}.m-n3{margin:-1rem!important}.mt-n3,.my-n3{margin-top:-1rem!important}.mr-n3,.mx-n3{margin-right:-1rem!important}.mb-n3,.my-n3{margin-bottom:-1rem!important}.ml-n3,.mx-n3{margin-left:-1rem!important}.m-n4{margin:-1.5rem!important}.mt-n4,.my-n4{margin-top:-1.5rem!important}.mr-n4,.mx-n4{margin-right:-1.5rem!important}.mb-n4,.my-n4{margin-bottom:-1.5rem!important}.ml-n4,.mx-n4{margin-left:-1.5rem!important}.m-n5{margin:-3rem!important}.mt-n5,.my-n5{margin-top:-3rem!important}.mr-n5,.mx-n5{margin-right:-3rem!important}.mb-n5,.my-n5{margin-bottom:-3rem!important}.ml-n5,.mx-n5{margin-left:-3rem!important}.m-auto{margin:auto!important}.mt-auto,.my-auto{margin-top:auto!important}.mr-auto,.mx-auto{margin-right:auto!important}.mb-auto,.my-auto{margin-bottom:auto!important}.ml-auto,.mx-auto{margin-left:auto!important}@media (min-width:576px){.m-sm-0{margin:0!important}.mt-sm-0,.my-sm-0{margin-top:0!important}.mr-sm-0,.mx-sm-0{margin-right:0!important}.mb-sm-0,.my-sm-0{margin-bottom:0!important}.ml-sm-0,.mx-sm-0{margin-left:0!important}.m-sm-1{margin:.25rem!important}.mt-sm-1,.my-sm-1{margin-top:.25rem!important}.mr-sm-1,.mx-sm-1{margin-right:.25rem!important}.mb-sm-1,.my-sm-1{margin-bottom:.25rem!important}.ml-sm-1,.mx-sm-1{margin-left:.25rem!important}.m-sm-2{margin:.5rem!important}.mt-sm-2,.my-sm-2{margin-top:.5rem!important}.mr-sm-2,.mx-sm-2{margin-right:.5rem!important}.mb-sm-2,.my-sm-2{margin-bottom:.5rem!important}.ml-sm-2,.mx-sm-2{margin-left:.5rem!important}.m-sm-3{margin:1rem!important}.mt-sm-3,.my-sm-3{margin-top:1rem!important}.mr-sm-3,.mx-sm-3{margin-right:1rem!important}.mb-sm-3,.my-sm-3{margin-bottom:1rem!important}.ml-sm-3,.mx-sm-3{margin-left:1rem!important}.m-sm-4{margin:1.5rem!important}.mt-sm-4,.my-sm-4{margin-top:1.5rem!important}.mr-sm-4,.mx-sm-4{margin-right:1.5rem!important}.mb-sm-4,.my-sm-4{margin-bottom:1.5rem!important}.ml-sm-4,.mx-sm-4{margin-left:1.5rem!important}.m-sm-5{margin:3rem!important}.mt-sm-5,.my-sm-5{margin-top:3rem!important}.mr-sm-5,.mx-sm-5{margin-right:3rem!important}.mb-sm-5,.my-sm-5{margin-bottom:3rem!important}.ml-sm-5,.mx-sm-5{margin-left:3rem!important}.p-sm-0{padding:0!important}.pt-sm-0,.py-sm-0{padding-top:0!important}.pr-sm-0,.px-sm-0{padding-right:0!important}.pb-sm-0,.py-sm-0{padding-bottom:0!important}.pl-sm-0,.px-sm-0{padding-left:0!important}.p-sm-1{padding:.25rem!important}.pt-sm-1,.py-sm-1{padding-top:.25rem!important}.pr-sm-1,.px-sm-1{padding-right:.25rem!important}.pb-sm-1,.py-sm-1{padding-bottom:.25rem!important}.pl-sm-1,.px-sm-1{padding-left:.25rem!important}.p-sm-2{padding:.5rem!important}.pt-sm-2,.py-sm-2{padding-top:.5rem!important}.pr-sm-2,.px-sm-2{padding-right:.5rem!important}.pb-sm-2,.py-sm-2{padding-bottom:.5rem!important}.pl-sm-2,.px-sm-2{padding-left:.5rem!important}.p-sm-3{padding:1rem!important}.pt-sm-3,.py-sm-3{padding-top:1rem!important}.pr-sm-3,.px-sm-3{padding-right:1rem!important}.pb-sm-3,.py-sm-3{padding-bottom:1rem!important}.pl-sm-3,.px-sm-3{padding-left:1rem!important}.p-sm-4{padding:1.5rem!important}.pt-sm-4,.py-sm-4{padding-top:1.5rem!important}.pr-sm-4,.px-sm-4{padding-right:1.5rem!important}.pb-sm-4,.py-sm-4{padding-bottom:1.5rem!important}.pl-sm-4,.px-sm-4{padding-left:1.5rem!important}.p-sm-5{padding:3rem!important}.pt-sm-5,.py-sm-5{padding-top:3rem!important}.pr-sm-5,.px-sm-5{padding-right:3rem!important}.pb-sm-5,.py-sm-5{padding-bottom:3rem!important}.pl-sm-5,.px-sm-5{padding-left:3rem!important}.m-sm-n1{margin:-.25rem!important}.mt-sm-n1,.my-sm-n1{margin-top:-.25rem!important}.mr-sm-n1,.mx-sm-n1{margin-right:-.25rem!important}.mb-sm-n1,.my-sm-n1{margin-bottom:-.25rem!important}.ml-sm-n1,.mx-sm-n1{margin-left:-.25rem!important}.m-sm-n2{margin:-.5rem!important}.mt-sm-n2,.my-sm-n2{margin-top:-.5rem!important}.mr-sm-n2,.mx-sm-n2{margin-right:-.5rem!important}.mb-sm-n2,.my-sm-n2{margin-bottom:-.5rem!important}.ml-sm-n2,.mx-sm-n2{margin-left:-.5rem!important}.m-sm-n3{margin:-1rem!important}.mt-sm-n3,.my-sm-n3{margin-top:-1rem!important}.mr-sm-n3,.mx-sm-n3{margin-right:-1rem!important}.mb-sm-n3,.my-sm-n3{margin-bottom:-1rem!important}.ml-sm-n3,.mx-sm-n3{margin-left:-1rem!important}.m-sm-n4{margin:-1.5rem!important}.mt-sm-n4,.my-sm-n4{margin-top:-1.5rem!important}.mr-sm-n4,.mx-sm-n4{margin-right:-1.5rem!important}.mb-sm-n4,.my-sm-n4{margin-bottom:-1.5rem!important}.ml-sm-n4,.mx-sm-n4{margin-left:-1.5rem!important}.m-sm-n5{margin:-3rem!important}.mt-sm-n5,.my-sm-n5{margin-top:-3rem!important}.mr-sm-n5,.mx-sm-n5{margin-right:-3rem!important}.mb-sm-n5,.my-sm-n5{margin-bottom:-3rem!important}.ml-sm-n5,.mx-sm-n5{margin-left:-3rem!important}.m-sm-auto{margin:auto!important}.mt-sm-auto,.my-sm-auto{margin-top:auto!important}.mr-sm-auto,.mx-sm-auto{margin-right:auto!important}.mb-sm-auto,.my-sm-auto{margin-bottom:auto!important}.ml-sm-auto,.mx-sm-auto{margin-left:auto!important}}@media (min-width:768px){.m-md-0{margin:0!important}.mt-md-0,.my-md-0{margin-top:0!important}.mr-md-0,.mx-md-0{margin-right:0!important}.mb-md-0,.my-md-0{margin-bottom:0!important}.ml-md-0,.mx-md-0{margin-left:0!important}.m-md-1{margin:.25rem!important}.mt-md-1,.my-md-1{margin-top:.25rem!important}.mr-md-1,.mx-md-1{margin-right:.25rem!important}.mb-md-1,.my-md-1{margin-bottom:.25rem!important}.ml-md-1,.mx-md-1{margin-left:.25rem!important}.m-md-2{margin:.5rem!important}.mt-md-2,.my-md-2{margin-top:.5rem!important}.mr-md-2,.mx-md-2{margin-right:.5rem!important}.mb-md-2,.my-md-2{margin-bottom:.5rem!important}.ml-md-2,.mx-md-2{margin-left:.5rem!important}.m-md-3{margin:1rem!important}.mt-md-3,.my-md-3{margin-top:1rem!important}.mr-md-3,.mx-md-3{margin-right:1rem!important}.mb-md-3,.my-md-3{margin-bottom:1rem!important}.ml-md-3,.mx-md-3{margin-left:1rem!important}.m-md-4{margin:1.5rem!important}.mt-md-4,.my-md-4{margin-top:1.5rem!important}.mr-md-4,.mx-md-4{margin-right:1.5rem!important}.mb-md-4,.my-md-4{margin-bottom:1.5rem!important}.ml-md-4,.mx-md-4{margin-left:1.5rem!important}.m-md-5{margin:3rem!important}.mt-md-5,.my-md-5{margin-top:3rem!important}.mr-md-5,.mx-md-5{margin-right:3rem!important}.mb-md-5,.my-md-5{margin-bottom:3rem!important}.ml-md-5,.mx-md-5{margin-left:3rem!important}.p-md-0{padding:0!important}.pt-md-0,.py-md-0{padding-top:0!important}.pr-md-0,.px-md-0{padding-right:0!important}.pb-md-0,.py-md-0{padding-bottom:0!important}.pl-md-0,.px-md-0{padding-left:0!important}.p-md-1{padding:.25rem!important}.pt-md-1,.py-md-1{padding-top:.25rem!important}.pr-md-1,.px-md-1{padding-right:.25rem!important}.pb-md-1,.py-md-1{padding-bottom:.25rem!important}.pl-md-1,.px-md-1{padding-left:.25rem!important}.p-md-2{padding:.5rem!important}.pt-md-2,.py-md-2{padding-top:.5rem!important}.pr-md-2,.px-md-2{padding-right:.5rem!important}.pb-md-2,.py-md-2{padding-bottom:.5rem!important}.pl-md-2,.px-md-2{padding-left:.5rem!important}.p-md-3{padding:1rem!important}.pt-md-3,.py-md-3{padding-top:1rem!important}.pr-md-3,.px-md-3{padding-right:1rem!important}.pb-md-3,.py-md-3{padding-bottom:1rem!important}.pl-md-3,.px-md-3{padding-left:1rem!important}.p-md-4{padding:1.5rem!important}.pt-md-4,.py-md-4{padding-top:1.5rem!important}.pr-md-4,.px-md-4{padding-right:1.5rem!important}.pb-md-4,.py-md-4{padding-bottom:1.5rem!important}.pl-md-4,.px-md-4{padding-left:1.5rem!important}.p-md-5{padding:3rem!important}.pt-md-5,.py-md-5{padding-top:3rem!important}.pr-md-5,.px-md-5{padding-right:3rem!important}.pb-md-5,.py-md-5{padding-bottom:3rem!important}.pl-md-5,.px-md-5{padding-left:3rem!important}.m-md-n1{margin:-.25rem!important}.mt-md-n1,.my-md-n1{margin-top:-.25rem!important}.mr-md-n1,.mx-md-n1{margin-right:-.25rem!important}.mb-md-n1,.my-md-n1{margin-bottom:-.25rem!important}.ml-md-n1,.mx-md-n1{margin-left:-.25rem!important}.m-md-n2{margin:-.5rem!important}.mt-md-n2,.my-md-n2{margin-top:-.5rem!important}.mr-md-n2,.mx-md-n2{margin-right:-.5rem!important}.mb-md-n2,.my-md-n2{margin-bottom:-.5rem!important}.ml-md-n2,.mx-md-n2{margin-left:-.5rem!important}.m-md-n3{margin:-1rem!important}.mt-md-n3,.my-md-n3{margin-top:-1rem!important}.mr-md-n3,.mx-md-n3{margin-right:-1rem!important}.mb-md-n3,.my-md-n3{margin-bottom:-1rem!important}.ml-md-n3,.mx-md-n3{margin-left:-1rem!important}.m-md-n4{margin:-1.5rem!important}.mt-md-n4,.my-md-n4{margin-top:-1.5rem!important}.mr-md-n4,.mx-md-n4{margin-right:-1.5rem!important}.mb-md-n4,.my-md-n4{margin-bottom:-1.5rem!important}.ml-md-n4,.mx-md-n4{margin-left:-1.5rem!important}.m-md-n5{margin:-3rem!important}.mt-md-n5,.my-md-n5{margin-top:-3rem!important}.mr-md-n5,.mx-md-n5{margin-right:-3rem!important}.mb-md-n5,.my-md-n5{margin-bottom:-3rem!important}.ml-md-n5,.mx-md-n5{margin-left:-3rem!important}.m-md-auto{margin:auto!important}.mt-md-auto,.my-md-auto{margin-top:auto!important}.mr-md-auto,.mx-md-auto{margin-right:auto!important}.mb-md-auto,.my-md-auto{margin-bottom:auto!important}.ml-md-auto,.mx-md-auto{margin-left:auto!important}}@media (min-width:992px){.m-lg-0{margin:0!important}.mt-lg-0,.my-lg-0{margin-top:0!important}.mr-lg-0,.mx-lg-0{margin-right:0!important}.mb-lg-0,.my-lg-0{margin-bottom:0!important}.ml-lg-0,.mx-lg-0{margin-left:0!important}.m-lg-1{margin:.25rem!important}.mt-lg-1,.my-lg-1{margin-top:.25rem!important}.mr-lg-1,.mx-lg-1{margin-right:.25rem!important}.mb-lg-1,.my-lg-1{margin-bottom:.25rem!important}.ml-lg-1,.mx-lg-1{margin-left:.25rem!important}.m-lg-2{margin:.5rem!important}.mt-lg-2,.my-lg-2{margin-top:.5rem!important}.mr-lg-2,.mx-lg-2{margin-right:.5rem!important}.mb-lg-2,.my-lg-2{margin-bottom:.5rem!important}.ml-lg-2,.mx-lg-2{margin-left:.5rem!important}.m-lg-3{margin:1rem!important}.mt-lg-3,.my-lg-3{margin-top:1rem!important}.mr-lg-3,.mx-lg-3{margin-right:1rem!important}.mb-lg-3,.my-lg-3{margin-bottom:1rem!important}.ml-lg-3,.mx-lg-3{margin-left:1rem!important}.m-lg-4{margin:1.5rem!important}.mt-lg-4,.my-lg-4{margin-top:1.5rem!important}.mr-lg-4,.mx-lg-4{margin-right:1.5rem!important}.mb-lg-4,.my-lg-4{margin-bottom:1.5rem!important}.ml-lg-4,.mx-lg-4{margin-left:1.5rem!important}.m-lg-5{margin:3rem!important}.mt-lg-5,.my-lg-5{margin-top:3rem!important}.mr-lg-5,.mx-lg-5{margin-right:3rem!important}.mb-lg-5,.my-lg-5{margin-bottom:3rem!important}.ml-lg-5,.mx-lg-5{margin-left:3rem!important}.p-lg-0{padding:0!important}.pt-lg-0,.py-lg-0{padding-top:0!important}.pr-lg-0,.px-lg-0{padding-right:0!important}.pb-lg-0,.py-lg-0{padding-bottom:0!important}.pl-lg-0,.px-lg-0{padding-left:0!important}.p-lg-1{padding:.25rem!important}.pt-lg-1,.py-lg-1{padding-top:.25rem!important}.pr-lg-1,.px-lg-1{padding-right:.25rem!important}.pb-lg-1,.py-lg-1{padding-bottom:.25rem!important}.pl-lg-1,.px-lg-1{padding-left:.25rem!important}.p-lg-2{padding:.5rem!important}.pt-lg-2,.py-lg-2{padding-top:.5rem!important}.pr-lg-2,.px-lg-2{padding-right:.5rem!important}.pb-lg-2,.py-lg-2{padding-bottom:.5rem!important}.pl-lg-2,.px-lg-2{padding-left:.5rem!important}.p-lg-3{padding:1rem!important}.pt-lg-3,.py-lg-3{padding-top:1rem!important}.pr-lg-3,.px-lg-3{padding-right:1rem!important}.pb-lg-3,.py-lg-3{padding-bottom:1rem!important}.pl-lg-3,.px-lg-3{padding-left:1rem!important}.p-lg-4{padding:1.5rem!important}.pt-lg-4,.py-lg-4{padding-top:1.5rem!important}.pr-lg-4,.px-lg-4{padding-right:1.5rem!important}.pb-lg-4,.py-lg-4{padding-bottom:1.5rem!important}.pl-lg-4,.px-lg-4{padding-left:1.5rem!important}.p-lg-5{padding:3rem!important}.pt-lg-5,.py-lg-5{padding-top:3rem!important}.pr-lg-5,.px-lg-5{padding-right:3rem!important}.pb-lg-5,.py-lg-5{padding-bottom:3rem!important}.pl-lg-5,.px-lg-5{padding-left:3rem!important}.m-lg-n1{margin:-.25rem!important}.mt-lg-n1,.my-lg-n1{margin-top:-.25rem!important}.mr-lg-n1,.mx-lg-n1{margin-right:-.25rem!important}.mb-lg-n1,.my-lg-n1{margin-bottom:-.25rem!important}.ml-lg-n1,.mx-lg-n1{margin-left:-.25rem!important}.m-lg-n2{margin:-.5rem!important}.mt-lg-n2,.my-lg-n2{margin-top:-.5rem!important}.mr-lg-n2,.mx-lg-n2{margin-right:-.5rem!important}.mb-lg-n2,.my-lg-n2{margin-bottom:-.5rem!important}.ml-lg-n2,.mx-lg-n2{margin-left:-.5rem!important}.m-lg-n3{margin:-1rem!important}.mt-lg-n3,.my-lg-n3{margin-top:-1rem!important}.mr-lg-n3,.mx-lg-n3{margin-right:-1rem!important}.mb-lg-n3,.my-lg-n3{margin-bottom:-1rem!important}.ml-lg-n3,.mx-lg-n3{margin-left:-1rem!important}.m-lg-n4{margin:-1.5rem!important}.mt-lg-n4,.my-lg-n4{margin-top:-1.5rem!important}.mr-lg-n4,.mx-lg-n4{margin-right:-1.5rem!important}.mb-lg-n4,.my-lg-n4{margin-bottom:-1.5rem!important}.ml-lg-n4,.mx-lg-n4{margin-left:-1.5rem!important}.m-lg-n5{margin:-3rem!important}.mt-lg-n5,.my-lg-n5{margin-top:-3rem!important}.mr-lg-n5,.mx-lg-n5{margin-right:-3rem!important}.mb-lg-n5,.my-lg-n5{margin-bottom:-3rem!important}.ml-lg-n5,.mx-lg-n5{margin-left:-3rem!important}.m-lg-auto{margin:auto!important}.mt-lg-auto,.my-lg-auto{margin-top:auto!important}.mr-lg-auto,.mx-lg-auto{margin-right:auto!important}.mb-lg-auto,.my-lg-auto{margin-bottom:auto!important}.ml-lg-auto,.mx-lg-auto{margin-left:auto!important}}@media (min-width:1200px){.m-xl-0{margin:0!important}.mt-xl-0,.my-xl-0{margin-top:0!important}.mr-xl-0,.mx-xl-0{margin-right:0!important}.mb-xl-0,.my-xl-0{margin-bottom:0!important}.ml-xl-0,.mx-xl-0{margin-left:0!important}.m-xl-1{margin:.25rem!important}.mt-xl-1,.my-xl-1{margin-top:.25rem!important}.mr-xl-1,.mx-xl-1{margin-right:.25rem!important}.mb-xl-1,.my-xl-1{margin-bottom:.25rem!important}.ml-xl-1,.mx-xl-1{margin-left:.25rem!important}.m-xl-2{margin:.5rem!important}.mt-xl-2,.my-xl-2{margin-top:.5rem!important}.mr-xl-2,.mx-xl-2{margin-right:.5rem!important}.mb-xl-2,.my-xl-2{margin-bottom:.5rem!important}.ml-xl-2,.mx-xl-2{margin-left:.5rem!important}.m-xl-3{margin:1rem!important}.mt-xl-3,.my-xl-3{margin-top:1rem!important}.mr-xl-3,.mx-xl-3{margin-right:1rem!important}.mb-xl-3,.my-xl-3{margin-bottom:1rem!important}.ml-xl-3,.mx-xl-3{margin-left:1rem!important}.m-xl-4{margin:1.5rem!important}.mt-xl-4,.my-xl-4{margin-top:1.5rem!important}.mr-xl-4,.mx-xl-4{margin-right:1.5rem!important}.mb-xl-4,.my-xl-4{margin-bottom:1.5rem!important}.ml-xl-4,.mx-xl-4{margin-left:1.5rem!important}.m-xl-5{margin:3rem!important}.mt-xl-5,.my-xl-5{margin-top:3rem!important}.mr-xl-5,.mx-xl-5{margin-right:3rem!important}.mb-xl-5,.my-xl-5{margin-bottom:3rem!important}.ml-xl-5,.mx-xl-5{margin-left:3rem!important}.p-xl-0{padding:0!important}.pt-xl-0,.py-xl-0{padding-top:0!important}.pr-xl-0,.px-xl-0{padding-right:0!important}.pb-xl-0,.py-xl-0{padding-bottom:0!important}.pl-xl-0,.px-xl-0{padding-left:0!important}.p-xl-1{padding:.25rem!important}.pt-xl-1,.py-xl-1{padding-top:.25rem!important}.pr-xl-1,.px-xl-1{padding-right:.25rem!important}.pb-xl-1,.py-xl-1{padding-bottom:.25rem!important}.pl-xl-1,.px-xl-1{padding-left:.25rem!important}.p-xl-2{padding:.5rem!important}.pt-xl-2,.py-xl-2{padding-top:.5rem!important}.pr-xl-2,.px-xl-2{padding-right:.5rem!important}.pb-xl-2,.py-xl-2{padding-bottom:.5rem!important}.pl-xl-2,.px-xl-2{padding-left:.5rem!important}.p-xl-3{padding:1rem!important}.pt-xl-3,.py-xl-3{padding-top:1rem!important}.pr-xl-3,.px-xl-3{padding-right:1rem!important}.pb-xl-3,.py-xl-3{padding-bottom:1rem!important}.pl-xl-3,.px-xl-3{padding-left:1rem!important}.p-xl-4{padding:1.5rem!important}.pt-xl-4,.py-xl-4{padding-top:1.5rem!important}.pr-xl-4,.px-xl-4{padding-right:1.5rem!important}.pb-xl-4,.py-xl-4{padding-bottom:1.5rem!important}.pl-xl-4,.px-xl-4{padding-left:1.5rem!important}.p-xl-5{padding:3rem!important}.pt-xl-5,.py-xl-5{padding-top:3rem!important}.pr-xl-5,.px-xl-5{padding-right:3rem!important}.pb-xl-5,.py-xl-5{padding-bottom:3rem!important}.pl-xl-5,.px-xl-5{padding-left:3rem!important}.m-xl-n1{margin:-.25rem!important}.mt-xl-n1,.my-xl-n1{margin-top:-.25rem!important}.mr-xl-n1,.mx-xl-n1{margin-right:-.25rem!important}.mb-xl-n1,.my-xl-n1{margin-bottom:-.25rem!important}.ml-xl-n1,.mx-xl-n1{margin-left:-.25rem!important}.m-xl-n2{margin:-.5rem!important}.mt-xl-n2,.my-xl-n2{margin-top:-.5rem!important}.mr-xl-n2,.mx-xl-n2{margin-right:-.5rem!important}.mb-xl-n2,.my-xl-n2{margin-bottom:-.5rem!important}.ml-xl-n2,.mx-xl-n2{margin-left:-.5rem!important}.m-xl-n3{margin:-1rem!important}.mt-xl-n3,.my-xl-n3{margin-top:-1rem!important}.mr-xl-n3,.mx-xl-n3{margin-right:-1rem!important}.mb-xl-n3,.my-xl-n3{margin-bottom:-1rem!important}.ml-xl-n3,.mx-xl-n3{margin-left:-1rem!important}.m-xl-n4{margin:-1.5rem!important}.mt-xl-n4,.my-xl-n4{margin-top:-1.5rem!important}.mr-xl-n4,.mx-xl-n4{margin-right:-1.5rem!important}.mb-xl-n4,.my-xl-n4{margin-bottom:-1.5rem!important}.ml-xl-n4,.mx-xl-n4{margin-left:-1.5rem!important}.m-xl-n5{margin:-3rem!important}.mt-xl-n5,.my-xl-n5{margin-top:-3rem!important}.mr-xl-n5,.mx-xl-n5{margin-right:-3rem!important}.mb-xl-n5,.my-xl-n5{margin-bottom:-3rem!important}.ml-xl-n5,.mx-xl-n5{margin-left:-3rem!important}.m-xl-auto{margin:auto!important}.mt-xl-auto,.my-xl-auto{margin-top:auto!important}.mr-xl-auto,.mx-xl-auto{margin-right:auto!important}.mb-xl-auto,.my-xl-auto{margin-bottom:auto!important}.ml-xl-auto,.mx-xl-auto{margin-left:auto!important}}.stretched-link::after{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:auto;content:"";background-color:rgba(0,0,0,0)}.text-monospace{font-family:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace!important}.text-justify{text-align:justify!important}.text-wrap{white-space:normal!important}.text-nowrap{white-space:nowrap!important}.text-truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.text-left{text-align:left!important}.text-right{text-align:right!important}.text-center{text-align:center!important}@media (min-width:576px){.text-sm-left{text-align:left!important}.text-sm-right{text-align:right!important}.text-sm-center{text-align:center!important}}@media (min-width:768px){.text-md-left{text-align:left!important}.text-md-right{text-align:right!important}.text-md-center{text-align:center!important}}@media (min-width:992px){.text-lg-left{text-align:left!important}.text-lg-right{text-align:right!important}.text-lg-center{text-align:center!important}}@media (min-width:1200px){.text-xl-left{text-align:left!important}.text-xl-right{text-align:right!important}.text-xl-center{text-align:center!important}}.text-lowercase{text-transform:lowercase!important}.text-uppercase{text-transform:uppercase!important}.text-capitalize{text-transform:capitalize!important}.font-weight-light{font-weight:300!important}.font-weight-lighter{font-weight:lighter!important}.font-weight-normal{font-weight:400!important}.font-weight-bold{font-weight:700!important}.font-weight-bolder{font-weight:bolder!important}.font-italic{font-style:italic!important}.text-white{color:#fff!important}.text-primary{color:#007bff!important}a.text-primary:focus,a.text-primary:hover{color:#0056b3!important}.text-secondary{color:#6c757d!important}a.text-secondary:focus,a.text-secondary:hover{color:#494f54!important}.text-success{color:#28a745!important}a.text-success:focus,a.text-success:hover{color:#19692c!important}.text-info{color:#17a2b8!important}a.text-info:focus,a.text-info:hover{color:#0f6674!important}.text-warning{color:#ffc107!important}a.text-warning:focus,a.text-warning:hover{color:#ba8b00!important}.text-danger{color:#dc3545!important}a.text-danger:focus,a.text-danger:hover{color:#a71d2a!important}.text-light{color:#f8f9fa!important}a.text-light:focus,a.text-light:hover{color:#cbd3da!important}.text-dark{color:#343a40!important}a.text-dark:focus,a.text-dark:hover{color:#121416!important}.text-body{color:#212529!important}.text-muted{color:#6c757d!important}.text-black-50{color:rgba(0,0,0,.5)!important}.text-white-50{color:rgba(255,255,255,.5)!important}.text-hide{font:0/0 a;color:transparent;text-shadow:none;background-color:transparent;border:0}.text-decoration-none{text-decoration:none!important}.text-break{word-break:break-word!important;word-wrap:break-word!important}.text-reset{color:inherit!important}.visible{visibility:visible!important}.invisible{visibility:hidden!important}@media print{*,::after,::before{text-shadow:none!important;box-shadow:none!important}a:not(.btn){text-decoration:underline}abbr[title]::after{content:" (" attr(title) ")"}pre{white-space:pre-wrap!important}blockquote,pre{border:1px solid #adb5bd;page-break-inside:avoid}img,tr{page-break-inside:avoid}h2,h3,p{orphans:3;widows:3}h2,h3{page-break-after:avoid}@page{size:a3}body{min-width:992px!important}.container{min-width:992px!important}.navbar{display:none}.badge{border:1px solid #000}.table{border-collapse:collapse!important}.table td,.table th{background-color:#fff!important}.table-bordered td,.table-bordered th{border:1px solid #dee2e6!important}.table-dark{color:inherit}.table-dark tbody+tbody,.table-dark td,.table-dark th,.table-dark thead th{border-color:#dee2e6}.table .thead-dark th{color:inherit;border-color:#dee2e6}}
.carousel .control-arrow,.carousel.carousel-slider .control-arrow{transition:all .25s ease-in;opacity:.4;filter:alpha(opacity=40);position:absolute;z-index:2;top:20px;background:none;border:0;font-size:32px;cursor:pointer}.carousel .control-arrow:focus,.carousel .control-arrow:hover{opacity:1;filter:alpha(opacity=100)}.carousel .control-arrow:before,.carousel.carousel-slider .control-arrow:before{margin:0 5px;display:inline-block;border-top:8px solid transparent;border-bottom:8px solid transparent;content:''}.carousel .control-disabled.control-arrow{opacity:0;filter:alpha(opacity=0);cursor:inherit;display:none}.carousel .control-prev.control-arrow{left:0}.carousel .control-prev.control-arrow:before{border-right:8px solid #fff}.carousel .control-next.control-arrow{right:0}.carousel .control-next.control-arrow:before{border-left:8px solid #fff}.carousel-root{outline:none}.carousel{position:relative;width:100%}.carousel *{box-sizing:border-box}.carousel img{width:100%;display:inline-block;pointer-events:none}.carousel .carousel{position:relative}.carousel .control-arrow{outline:0;border:0;background:none;top:50%;margin-top:-13px;font-size:18px}.carousel .thumbs-wrapper{margin:20px;overflow:hidden}.carousel .thumbs{transition:all .15s ease-in;transform:translate3d(0, 0, 0);position:relative;list-style:none;white-space:nowrap}.carousel .thumb{transition:border .15s ease-in;display:inline-block;margin-right:6px;white-space:nowrap;overflow:hidden;border:3px solid #fff;padding:2px}.carousel .thumb:focus{border:3px solid #ccc;outline:none}.carousel .thumb.selected,.carousel .thumb:hover{border:3px solid #333}.carousel .thumb img{vertical-align:top}.carousel.carousel-slider{position:relative;margin:0;overflow:hidden}.carousel.carousel-slider .control-arrow{top:0;color:#fff;font-size:26px;bottom:0;margin-top:0;padding:5px}.carousel.carousel-slider .control-arrow:hover{background:rgba(0,0,0,0.2)}.carousel .slider-wrapper{overflow:hidden;margin:auto;width:100%;transition:height .15s ease-in}.carousel .slider-wrapper.axis-horizontal .slider{-ms-box-orient:horizontal;display:-moz-flex;display:flex}.carousel .slider-wrapper.axis-horizontal .slider .slide{flex-direction:column;flex-flow:column}.carousel .slider-wrapper.axis-vertical{-ms-box-orient:horizontal;display:-moz-flex;display:flex}.carousel .slider-wrapper.axis-vertical .slider{flex-direction:column}.carousel .slider{margin:0;padding:0;position:relative;list-style:none;width:100%}.carousel .slider.animated{transition:all .35s ease-in-out}.carousel .slide{min-width:100%;margin:0;position:relative;text-align:center}.carousel .slide img{width:100%;vertical-align:top;border:0}.carousel .slide iframe{display:inline-block;width:calc(100% - 80px);margin:0 40px 40px;border:0}.carousel .slide .legend{transition:all .5s ease-in-out;position:absolute;bottom:40px;left:50%;margin-left:-45%;width:90%;border-radius:10px;background:#000;color:#fff;padding:10px;font-size:12px;text-align:center;opacity:0.25;transition:opacity .35s ease-in-out}.carousel .control-dots{position:absolute;bottom:0;margin:10px 0;padding:0;text-align:center;width:100%;z-index:1}@media (min-width: 960px){.carousel .control-dots{bottom:0}}.carousel .control-dots .dot{transition:opacity .25s ease-in;opacity:.3;filter:alpha(opacity=30);box-shadow:1px 1px 2px rgba(0,0,0,0.9);background:#fff;border-radius:50%;width:8px;height:8px;cursor:pointer;display:inline-block;margin:0 8px}.carousel .control-dots .dot.selected,.carousel .control-dots .dot:hover{opacity:1;filter:alpha(opacity=100)}.carousel .carousel-status{position:absolute;top:0;right:0;padding:5px;font-size:10px;text-shadow:1px 1px 1px rgba(0,0,0,0.9);color:#fff}.carousel:hover .slide .legend{opacity:1}

:root {
  --toastify-color-light: #fff;
  --toastify-color-dark: #121212;
  --toastify-color-info: #3498db;
  --toastify-color-success: #07bc0c;
  --toastify-color-warning: #f1c40f;
  --toastify-color-error: #e74c3c;
  --toastify-color-transparent: rgba(255, 255, 255, 0.7);
  --toastify-icon-color-info: var(--toastify-color-info);
  --toastify-icon-color-success: var(--toastify-color-success);
  --toastify-icon-color-warning: var(--toastify-color-warning);
  --toastify-icon-color-error: var(--toastify-color-error);
  --toastify-toast-width: 320px;
  --toastify-toast-background: #fff;
  --toastify-toast-min-height: 64px;
  --toastify-toast-max-height: 800px;
  --toastify-font-family: sans-serif;
  --toastify-z-index: 9999;
  --toastify-text-color-light: #757575;
  --toastify-text-color-dark: #fff;
  --toastify-text-color-info: #fff;
  --toastify-text-color-success: #fff;
  --toastify-text-color-warning: #fff;
  --toastify-text-color-error: #fff;
  --toastify-spinner-color: #616161;
  --toastify-spinner-color-empty-area: #e0e0e0;
  --toastify-color-progress-light: linear-gradient(
    to right,
    #4cd964,
    #5ac8fa,
    #007aff,
    #34aadc,
    #5856d6,
    #ff2d55
  );
  --toastify-color-progress-dark: #bb86fc;
  --toastify-color-progress-info: var(--toastify-color-info);
  --toastify-color-progress-success: var(--toastify-color-success);
  --toastify-color-progress-warning: var(--toastify-color-warning);
  --toastify-color-progress-error: var(--toastify-color-error);
}

.Toastify__toast-container {
  z-index: var(--toastify-z-index);
  -webkit-transform: translate3d(0, 0, var(--toastify-z-index) px);
  position: fixed;
  padding: 4px;
  width: var(--toastify-toast-width);
  box-sizing: border-box;
  color: #fff;
}
.Toastify__toast-container--top-left {
  top: 1em;
  left: 1em;
}
.Toastify__toast-container--top-center {
  top: 1em;
  left: 50%;
  transform: translateX(-50%);
}
.Toastify__toast-container--top-right {
  top: 1em;
  right: 1em;
}
.Toastify__toast-container--bottom-left {
  bottom: 1em;
  left: 1em;
}
.Toastify__toast-container--bottom-center {
  bottom: 1em;
  left: 50%;
  transform: translateX(-50%);
}
.Toastify__toast-container--bottom-right {
  bottom: 1em;
  right: 1em;
}

@media only screen and (max-width : 480px) {
  .Toastify__toast-container {
    width: 100vw;
    padding: 0;
    left: 0;
    margin: 0;
  }
  .Toastify__toast-container--top-left, .Toastify__toast-container--top-center, .Toastify__toast-container--top-right {
    top: 0;
    transform: translateX(0);
  }
  .Toastify__toast-container--bottom-left, .Toastify__toast-container--bottom-center, .Toastify__toast-container--bottom-right {
    bottom: 0;
    transform: translateX(0);
  }
  .Toastify__toast-container--rtl {
    right: 0;
    left: initial;
  }
}
.Toastify__toast {
  position: relative;
  min-height: var(--toastify-toast-min-height);
  box-sizing: border-box;
  margin-bottom: 1rem;
  padding: 8px;
  border-radius: 4px;
  box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.1), 0 2px 15px 0 rgba(0, 0, 0, 0.05);
  display: flex;
  justify-content: space-between;
  max-height: var(--toastify-toast-max-height);
  overflow: hidden;
  font-family: var(--toastify-font-family);
  cursor: pointer;
  direction: ltr;
}
.Toastify__toast--rtl {
  direction: rtl;
}
.Toastify__toast-body {
  margin: auto 0;
  flex: 1 1 auto;
  padding: 6px;
  display: flex;
  align-items: center;
}
.Toastify__toast-body > div:last-child {
  flex: 1;
}
.Toastify__toast-icon {
  margin-inline-end: 10px;
  width: 20px;
  flex-shrink: 0;
  display: flex;
}

.Toastify--animate {
  animation-fill-mode: both;
  animation-duration: 0.7s;
}

.Toastify--animate-icon {
  animation-fill-mode: both;
  animation-duration: 0.3s;
}

@media only screen and (max-width : 480px) {
  .Toastify__toast {
    margin-bottom: 0;
    border-radius: 0;
  }
}
.Toastify__toast-theme--dark {
  background: var(--toastify-color-dark);
  color: var(--toastify-text-color-dark);
}
.Toastify__toast-theme--light {
  background: var(--toastify-color-light);
  color: var(--toastify-text-color-light);
}
.Toastify__toast-theme--colored.Toastify__toast--default {
  background: var(--toastify-color-light);
  color: var(--toastify-text-color-light);
}
.Toastify__toast-theme--colored.Toastify__toast--info {
  color: var(--toastify-text-color-info);
  background: var(--toastify-color-info);
}
.Toastify__toast-theme--colored.Toastify__toast--success {
  color: var(--toastify-text-color-success);
  background: var(--toastify-color-success);
}
.Toastify__toast-theme--colored.Toastify__toast--warning {
  color: var(--toastify-text-color-warning);
  background: var(--toastify-color-warning);
}
.Toastify__toast-theme--colored.Toastify__toast--error {
  color: var(--toastify-text-color-error);
  background: var(--toastify-color-error);
}

.Toastify__progress-bar-theme--light {
  background: var(--toastify-color-progress-light);
}
.Toastify__progress-bar-theme--dark {
  background: var(--toastify-color-progress-dark);
}
.Toastify__progress-bar--info {
  background: var(--toastify-color-progress-info);
}
.Toastify__progress-bar--success {
  background: var(--toastify-color-progress-success);
}
.Toastify__progress-bar--warning {
  background: var(--toastify-color-progress-warning);
}
.Toastify__progress-bar--error {
  background: var(--toastify-color-progress-error);
}
.Toastify__progress-bar-theme--colored.Toastify__progress-bar--info, .Toastify__progress-bar-theme--colored.Toastify__progress-bar--success, .Toastify__progress-bar-theme--colored.Toastify__progress-bar--warning, .Toastify__progress-bar-theme--colored.Toastify__progress-bar--error {
  background: var(--toastify-color-transparent);
}

.Toastify__close-button {
  color: #fff;
  background: transparent;
  outline: none;
  border: none;
  padding: 0;
  cursor: pointer;
  opacity: 0.7;
  transition: 0.3s ease;
  align-self: flex-start;
}
.Toastify__close-button--light {
  color: #000;
  opacity: 0.3;
}
.Toastify__close-button > svg {
  fill: currentColor;
  height: 16px;
  width: 14px;
}
.Toastify__close-button:hover, .Toastify__close-button:focus {
  opacity: 1;
}

@keyframes Toastify__trackProgress {
  0% {
    transform: scaleX(1);
  }
  100% {
    transform: scaleX(0);
  }
}
.Toastify__progress-bar {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 5px;
  z-index: var(--toastify-z-index);
  opacity: 0.7;
  transform-origin: left;
}
.Toastify__progress-bar--animated {
  animation: Toastify__trackProgress linear 1 forwards;
}
.Toastify__progress-bar--controlled {
  transition: transform 0.2s;
}
.Toastify__progress-bar--rtl {
  right: 0;
  left: initial;
  transform-origin: right;
}

.Toastify__spinner {
  width: 20px;
  height: 20px;
  box-sizing: border-box;
  border: 2px solid;
  border-radius: 100%;
  border-color: var(--toastify-spinner-color-empty-area);
  border-right-color: var(--toastify-spinner-color);
  animation: Toastify__spin 0.65s linear infinite;
}

@keyframes Toastify__bounceInRight {
  from, 60%, 75%, 90%, to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  from {
    opacity: 0;
    transform: translate3d(3000px, 0, 0);
  }
  60% {
    opacity: 1;
    transform: translate3d(-25px, 0, 0);
  }
  75% {
    transform: translate3d(10px, 0, 0);
  }
  90% {
    transform: translate3d(-5px, 0, 0);
  }
  to {
    transform: none;
  }
}
@keyframes Toastify__bounceOutRight {
  20% {
    opacity: 1;
    transform: translate3d(-20px, 0, 0);
  }
  to {
    opacity: 0;
    transform: translate3d(2000px, 0, 0);
  }
}
@keyframes Toastify__bounceInLeft {
  from, 60%, 75%, 90%, to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    transform: translate3d(-3000px, 0, 0);
  }
  60% {
    opacity: 1;
    transform: translate3d(25px, 0, 0);
  }
  75% {
    transform: translate3d(-10px, 0, 0);
  }
  90% {
    transform: translate3d(5px, 0, 0);
  }
  to {
    transform: none;
  }
}
@keyframes Toastify__bounceOutLeft {
  20% {
    opacity: 1;
    transform: translate3d(20px, 0, 0);
  }
  to {
    opacity: 0;
    transform: translate3d(-2000px, 0, 0);
  }
}
@keyframes Toastify__bounceInUp {
  from, 60%, 75%, 90%, to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  from {
    opacity: 0;
    transform: translate3d(0, 3000px, 0);
  }
  60% {
    opacity: 1;
    transform: translate3d(0, -20px, 0);
  }
  75% {
    transform: translate3d(0, 10px, 0);
  }
  90% {
    transform: translate3d(0, -5px, 0);
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}
@keyframes Toastify__bounceOutUp {
  20% {
    transform: translate3d(0, -10px, 0);
  }
  40%, 45% {
    opacity: 1;
    transform: translate3d(0, 20px, 0);
  }
  to {
    opacity: 0;
    transform: translate3d(0, -2000px, 0);
  }
}
@keyframes Toastify__bounceInDown {
  from, 60%, 75%, 90%, to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    transform: translate3d(0, -3000px, 0);
  }
  60% {
    opacity: 1;
    transform: translate3d(0, 25px, 0);
  }
  75% {
    transform: translate3d(0, -10px, 0);
  }
  90% {
    transform: translate3d(0, 5px, 0);
  }
  to {
    transform: none;
  }
}
@keyframes Toastify__bounceOutDown {
  20% {
    transform: translate3d(0, 10px, 0);
  }
  40%, 45% {
    opacity: 1;
    transform: translate3d(0, -20px, 0);
  }
  to {
    opacity: 0;
    transform: translate3d(0, 2000px, 0);
  }
}
.Toastify__bounce-enter--top-left, .Toastify__bounce-enter--bottom-left {
  animation-name: Toastify__bounceInLeft;
}
.Toastify__bounce-enter--top-right, .Toastify__bounce-enter--bottom-right {
  animation-name: Toastify__bounceInRight;
}
.Toastify__bounce-enter--top-center {
  animation-name: Toastify__bounceInDown;
}
.Toastify__bounce-enter--bottom-center {
  animation-name: Toastify__bounceInUp;
}

.Toastify__bounce-exit--top-left, .Toastify__bounce-exit--bottom-left {
  animation-name: Toastify__bounceOutLeft;
}
.Toastify__bounce-exit--top-right, .Toastify__bounce-exit--bottom-right {
  animation-name: Toastify__bounceOutRight;
}
.Toastify__bounce-exit--top-center {
  animation-name: Toastify__bounceOutUp;
}
.Toastify__bounce-exit--bottom-center {
  animation-name: Toastify__bounceOutDown;
}

@keyframes Toastify__zoomIn {
  from {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3);
  }
  50% {
    opacity: 1;
  }
}
@keyframes Toastify__zoomOut {
  from {
    opacity: 1;
  }
  50% {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3);
  }
  to {
    opacity: 0;
  }
}
.Toastify__zoom-enter {
  animation-name: Toastify__zoomIn;
}

.Toastify__zoom-exit {
  animation-name: Toastify__zoomOut;
}

@keyframes Toastify__flipIn {
  from {
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    animation-timing-function: ease-in;
    opacity: 0;
  }
  40% {
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    animation-timing-function: ease-in;
  }
  60% {
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }
  80% {
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }
  to {
    transform: perspective(400px);
  }
}
@keyframes Toastify__flipOut {
  from {
    transform: perspective(400px);
  }
  30% {
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }
  to {
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}
.Toastify__flip-enter {
  animation-name: Toastify__flipIn;
}

.Toastify__flip-exit {
  animation-name: Toastify__flipOut;
}

@keyframes Toastify__slideInRight {
  from {
    transform: translate3d(110%, 0, 0);
    visibility: visible;
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}
@keyframes Toastify__slideInLeft {
  from {
    transform: translate3d(-110%, 0, 0);
    visibility: visible;
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}
@keyframes Toastify__slideInUp {
  from {
    transform: translate3d(0, 110%, 0);
    visibility: visible;
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}
@keyframes Toastify__slideInDown {
  from {
    transform: translate3d(0, -110%, 0);
    visibility: visible;
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}
@keyframes Toastify__slideOutRight {
  from {
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    transform: translate3d(110%, 0, 0);
  }
}
@keyframes Toastify__slideOutLeft {
  from {
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    transform: translate3d(-110%, 0, 0);
  }
}
@keyframes Toastify__slideOutDown {
  from {
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    transform: translate3d(0, 500px, 0);
  }
}
@keyframes Toastify__slideOutUp {
  from {
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    transform: translate3d(0, -500px, 0);
  }
}
.Toastify__slide-enter--top-left, .Toastify__slide-enter--bottom-left {
  animation-name: Toastify__slideInLeft;
}
.Toastify__slide-enter--top-right, .Toastify__slide-enter--bottom-right {
  animation-name: Toastify__slideInRight;
}
.Toastify__slide-enter--top-center {
  animation-name: Toastify__slideInDown;
}
.Toastify__slide-enter--bottom-center {
  animation-name: Toastify__slideInUp;
}

.Toastify__slide-exit--top-left, .Toastify__slide-exit--bottom-left {
  animation-name: Toastify__slideOutLeft;
}
.Toastify__slide-exit--top-right, .Toastify__slide-exit--bottom-right {
  animation-name: Toastify__slideOutRight;
}
.Toastify__slide-exit--top-center {
  animation-name: Toastify__slideOutUp;
}
.Toastify__slide-exit--bottom-center {
  animation-name: Toastify__slideOutDown;
}

@keyframes Toastify__spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
/* Font Imports */

html {
  height: auto;
  width: 100%;
}
body,
#root {
  margin: 0;
  padding: 0;
  font-family: "Roboto", sans-serif;
  width: 100%;
  height: auto;
  text-align: center;
  box-sizing: border-box;
}

#signin {
  margin-bottom: -50px;
}

.modallabel {
  text-align: left;
  margin-bottom: 6px;
  font-weight: 600;
}

.notemodal {
  text-align: justify;
  font-size: 12px;
  line-height: 18px;
  font-weight: 500;
}
.wordline {
  white-space: pre-line;
}
.react-tel-input .form-control {
  position: relative;
  font-size: 12px !important;
  letter-spacing: 0.01rem;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  padding-left: 48px;
  height: 38px !important;
  margin-left: 0;
  background: #ffffff;
  box-shadow: 1px 0px 8px 0px #dee2e663 !important;
  /* mix-blend-mode: normal; */
  border-radius: 8px !important;
  line-height: 25px;
  height: 35px;
  width: 100% !important;
  outline: none;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out !important;
}
.react-tel-input .flag-dropdown {
  position: absolute;
  top: 0;
  bottom: 0;
  padding: 0;
  background-color: white !important;
  margin: 3px !important;
  border: 2px solid white !important;
  border-right: 0px white !important;
  border-radius: 15px !important;
  text-align: left;
}

.btn-primary.focus,
.btn-primary:focus {
  color: #fff;
  /* background-color: #0069d9; */
  /* border-color: #0062cc; */
  box-shadow: 0 0 0 0;
}

.btn-primary:not(:disabled):not(.disabled).active:focus,
.btn-primary:not(:disabled):not(.disabled):active:focus,
.show > .btn-primary.dropdown-toggle:focus {
  box-shadow: 0 0 0 0;
  border-color: unset;
}
.gdropdown {
  outline: var(--accent);
  text-transform: inherit;
  background: none;
  box-sizing: border-box;
  outline: none;
  font-family: "Roboto", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 18px;
  /* mix-blend-mode: normal; */
  box-shadow: 1px 0px 8px 0px #dee2e663;
  text-align: left;
}
.container,
.container-md,
.container-sm {
  padding-bottom: 50px;
}

.showAlert2.fillDetailsStrip {
  text-align: center;
}

.capitalize-first::first-letter {
  text-transform: capitalize !important;
}

@media only screen and (min-width: 768px) {
  .container,
  .container-md,
  .container-sm {
    max-width: 748px;
  }
}

@media only screen and (min-width: 868px) {
  .container,
  .container-md,
  .container-sm {
    max-width: 848px;
  }
}

@media only screen and (min-width: 992px) {
  .container,
  .container-md,
  .container-sm {
    max-width: 880px;
  }
}

@media only screen and (min-width: 1020px) {
  .container,
  .container-md,
  .container-sm {
    max-width: 1010px;
  }
}

@media only screen and (min-width: 1200px) {
  .container,
  .container-md,
  .container-sm {
    max-width: 1170px;
  }
}

@media only screen and (min-width: 1700px) {
  .container,
  .container-md,
  .container-sm {
    max-width: 1400px;
  }
}

@media only screen and (min-width: 2000px) {
  .container,
  .container-md,
  .container-sm {
    max-width: 1700px;
  }
}

@media only screen and (min-width: 2400px) {
  .container,
  .container-md,
  .container-sm {
    max-width: 1900px;
  }
}

@media only screen and (min-width: 3000px) {
  .container,
  .container-md,
  .container-sm {
    max-width: 2300px;
  }
}

.App {
  text-align: center;
}

.App-logo {
  animation: App-logo-spin infinite 20s linear;
  height: 80px;
}

.App-header {
  background-color: #222;
  height: 150px;
  padding: 20px;
  color: white;
}

.App-intro {
  font-size: large;
}

.invalid-feedback {
  display: none;
  width: 100%;
  margin-top: 0.25rem;
  font-size: 12px;
  color: #dc3545;
}

.css-1b92cmk-MuiSwitch-thumb {
  border: 2px solid #ff4b08;
}

.css-8nvsrt {
  border: 2px solid #ff4b08;
}

input[type="checkbox"] {
  width: 60px;
  height: 60px;
}
.pathway-node-result {
  margin-top: 10px;
  font-weight: 600;
  font-size: 14px;
  text-transform: capitalize;
}
.MuiFormHelperText-root {
  text-align: start !important;
}
.rdw-dropdown-carettoopen {
  right: unset !important;
  inset-inline-end: 10% !important;
}
.MuiStepConnector-root {
  left: unset !important;
  right: unset !important;
  inset-inline-start: calc(-50% + 20px) !important;
  inset-inline-end: calc(50% + 20px) !important;
}
@keyframes App-logo-spin {
  from {
    transform: rotate(0deg);
  }

  to {
    transform: rotate(360deg);
  }
}

@media screen and (max-width: 768px) {
  ._hj_feedback_container ._hj-0izHt__MinimizedWidgetBottom__container {
    bottom: 62px !important;
  }
}

.ReactModal__Overlay {
  z-index: 999;
}

/* width */
::-webkit-scrollbar {
  width: 4px;
  height: 4px;
}

/* Track */
::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px rgb(194, 184, 184);
  border-radius: 10px;
}

/* Handle */
::-webkit-scrollbar-thumb {
  background: grey;
  border-radius: 10px;
  height: 4px;
}

/* Handle on hover  */
::-webkit-scrollbar-thumb:hover {
  background: #a09a9a;
}

.absolutecross {
  resize: horizontal;
  position: absolute;
  right: 20px;
  padding-top: 0px;
  z-index: 100;
  cursor: pointer;
}

.cross {
  height: 33px;
}

.btn-success {
  color: #495057;
  background-color: #fff !important;
  border-color: #ff6c36d9 !important;
  height: 40px;
  border-radius: 10px;
}

.btn-success:not(:disabled):not(.disabled).active,
.btn-success:not(:disabled):not(.disabled):active,
.show > .btn-success.dropdown-toggle {
  color: #495057;
  background-color: #fff !important;
  border-color: #ff6c36d9 !important;
}

.btn-success.focus,
.btn-success:focus {
  box-shadow: none;
}

.btn-success:not(:disabled):not(.disabled).active:focus,
.btn-success:not(:disabled):not(.disabled):active:focus,
.show > .btn-success.dropdown-toggle:focus {
  box-shadow: none;
}

.btn-success.focus,
.btn-success:focus {
  color: #495057;
}

.btn-success:hover {
  color: #495057;
}

.form-control:focus {
  border-color: var(--org-f8) !important;
  box-shadow: none;
}

.delpost {
  font-size: 22px;
  font-weight: 600;
  padding-bottom: 10px;
}

.reject-text {
  border-radius: 30px;
  border: 2px solid #828282;
  cursor: pointer;
  color: #828282;
  background-color: #fff;
  padding: 5px 10px;
  margin-left: 20px;
}

.accept-text {
  border-radius: 30px;
  border: 2px;
  padding: 5px 10px;
  border: 2px solid #ff885e;
  color: #ff885e;
  background-color: #fff;
  cursor: pointer;
}

.accept-reject-wrapper {
  margin-top: 15px;
}

.errorcode {
  font-weight: 300;
  font-size: 80%;
  color: #ff9100;
}

.postdetaildel {
  font-size: 22px;
  font-weight: 600;
  padding-bottom: 15px;
}

.gdropdown {
  border-radius: 14px;
}

.multidropdown .Selectdropdown .gdropdown__control {
  height: 100%;
  max-height: unset;
  min-height: 40px;
  overflow-y: auto;
}

.technology-counter {
  background: #dee2e6;
  border-radius: 12px;
  padding: 4px 8px;
  font-size: 12px;
  font-weight: 500;
  color: #263238;
  min-width: 22px;
  height: 22px;
  line-height: 15px;
  text-align: center;
}

.technology-counter .skill-text {
  margin-left: 4px;
  color: #263238 !important;
}

.technology-chip-container {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  width: 100% !important;
}

.technology-chip {
  display: flex;
  flex-wrap: wrap;
}

.technology-chip button,
.technology-chip button:hover {
  cursor: default;
  background-color: #dee2e6;
  color: #263238;
  border: 1px solid #dee2e6;
  text-transform: capitalize;
  padding: 5px 18px;
  margin: 5px 4px;
  height: unset;
  width: -moz-max-content;
  width: max-content;
  line-height: 20px;
}

.tooltip-skill-item {
  white-space: nowrap;
}

.view-cred-img {
  width: 18px;
  height: 18px;
}

.css-15lsz6c-indicatorContainer {
  cursor: pointer;
}

.css-tj5bde-Svg {
  cursor: pointer;
}

.tooltip-inner {
  width: 100%;
  max-width: 100%;
  text-align: left;
}

/* overview student profile card css starts */
.stud-hackathon {
  margin-top: 25px;
  width: 100%;
  height: 190px;
  position: relative;
  display: block;
  overflow: hidden;
  border-radius: 14px;
  border: 1px solid #dee2e6;
  box-shadow: 0px 3px 66px #f2f2f2;
  color: black;
  padding: 14px;
}

.skill-stud-prof {
  position: absolute;
  bottom: 53px;
}

.insti-logo {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  border: 2px solid #f2f2f2;
}

.stude-verify-icon {
  color: #ff6c36;
  width: 25px;
  height: 25px;
  margin-bottom: -1px;
}

.cred-icon {
  width: 20px;
  margin-right: 4px;
}

.view-cred-opt {
  font-size: 12.8px;
  display: flex;
  align-items: center;
}

.cred-name-card {
  font-size: 18px;
  font-weight: 500;
  color: #39393b;
  line-height: normal;
}

.head-left-text-align {
  text-align: left;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
}

.name-outerwrapper {
  display: flex;
  align-items: center;
  height: 3em;
}

.text-left-insti {
  text-align: left;
}

.issuer-name-card {
  font-size: 14px;
  font-weight: 500;
  color: #595959;
}

.issuer-date-card {
  font-size: 12px;
  font-weight: 400;
  color: #595959;
}

.date-line-height {
  line-height: normal;
  height: auto;
}

.overview-img-wrapper {
  position: relative;
  margin-right: 10px;
  width: 100%;
  height: 100%;
  max-width: 80px;
}

.overview-first {
  width: 100%;
  border-radius: 50%;
  border: 2px solid #f2f2f2;
}

.overview-second {
  position: absolute;
  width: 30px;
  height: 30px;
  bottom: 0px;
  right: 0px;
}

/* overview student profile card css ends*/

.no-records-img {
  max-height: 125px;
}

.custom-mask {
  opacity: 0.2 !important;
}

.custom-tour {
  margin-top: 6px;
}

.custom-tour .reactour__close {
  top: 15px;
  right: 15px;
}

@media screen and (max-width: 992px) {
  .technology-chip button,
  .technology-chip button:hover {
    width: auto;
  }

  .stud-hackathon {
    height: auto;
  }

  .skill-stud-prof {
    bottom: 67px;
  }
}

/* mobile input css */
.phone-input-container {
  position: relative;
  width: 100%;
}

.phone-input-container.react-tel-input .special-label {
  top: -10px;
  left: 9px;
  background: white;
  padding: 0 17px 0 5px;
  font-size: 11px;
  color: rgba(0, 0, 0, 0.6);
  white-space: nowrap;
  pointer-events: none;
}

.phone-input-container.react-tel-input:focus .special-label {
  color: #ff4b08;
}

.phone-input-container.react-tel-input.focused .special-label {
  color: #ff4b08;
}

.phone-input-container.react-tel-input.error .special-label {
  color: #d32f2f;
}

.phone-input-field {
  padding: 8.5px 14px 8.5px 50px !important;
  border: 1px solid #d3d3d3 !important;
  background-color: #fff !important;
}

.phone-input-container.react-tel-input .country-list .search {
  padding: 10px;
}

.phone-input-field:hover {
  border-color: black !important;
}

.phone-input-field:focus {
  border: 2px solid #ff4b08 !important;
  outline: none;
}

.phone-input-container.error .phone-input-field {
  border-color: #d32f2f !important;
}

/* roboto-cyrillic-ext-400-normal */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url(/static/media/roboto-cyrillic-ext-400-normal.1f8be5eb.woff2) format('woff2'), url(/static/media/roboto-cyrillic-ext-400-normal.665fde26.woff) format('woff');
  unicode-range: U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F;
}

/* roboto-cyrillic-400-normal */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url(/static/media/roboto-cyrillic-400-normal.3bc33669.woff2) format('woff2'), url(/static/media/roboto-cyrillic-400-normal.76b56dee.woff) format('woff');
  unicode-range: U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;
}

/* roboto-greek-ext-400-normal */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url(/static/media/roboto-greek-ext-400-normal.99d50b72.woff2) format('woff2'), url(/static/media/roboto-greek-ext-400-normal.63d2fb53.woff) format('woff');
  unicode-range: U+1F00-1FFF;
}

/* roboto-greek-400-normal */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url(/static/media/roboto-greek-400-normal.787b4312.woff2) format('woff2'), url(/static/media/roboto-greek-400-normal.efb533b9.woff) format('woff');
  unicode-range: U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF;
}

/* roboto-vietnamese-400-normal */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url(/static/media/roboto-vietnamese-400-normal.d0ef1c16.woff2) format('woff2'), url(/static/media/roboto-vietnamese-400-normal.ccd4da32.woff) format('woff');
  unicode-range: U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB;
}

/* roboto-latin-ext-400-normal */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url(/static/media/roboto-latin-ext-400-normal.0df72e63.woff2) format('woff2'), url(/static/media/roboto-latin-ext-400-normal.252e3495.woff) format('woff');
  unicode-range: U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}

/* roboto-latin-400-normal */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url(/static/media/roboto-latin-400-normal.8eff0b80.woff2) format('woff2'), url(/static/media/roboto-latin-400-normal.5ff4334a.woff) format('woff');
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
/* roboto-cyrillic-ext-300-normal */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-display: swap;
  font-weight: 300;
  src: url(/static/media/roboto-cyrillic-ext-300-normal.25169ebb.woff2) format('woff2'), url(/static/media/roboto-cyrillic-ext-300-normal.91ed8748.woff) format('woff');
  unicode-range: U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F;
}

/* roboto-cyrillic-300-normal */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-display: swap;
  font-weight: 300;
  src: url(/static/media/roboto-cyrillic-300-normal.927b3dd3.woff2) format('woff2'), url(/static/media/roboto-cyrillic-300-normal.88e29389.woff) format('woff');
  unicode-range: U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;
}

/* roboto-greek-ext-300-normal */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-display: swap;
  font-weight: 300;
  src: url(/static/media/roboto-greek-ext-300-normal.2f6db923.woff2) format('woff2'), url(/static/media/roboto-greek-ext-300-normal.5d09dd77.woff) format('woff');
  unicode-range: U+1F00-1FFF;
}

/* roboto-greek-300-normal */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-display: swap;
  font-weight: 300;
  src: url(/static/media/roboto-greek-300-normal.81ff8d87.woff2) format('woff2'), url(/static/media/roboto-greek-300-normal.eb04ea6f.woff) format('woff');
  unicode-range: U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF;
}

/* roboto-vietnamese-300-normal */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-display: swap;
  font-weight: 300;
  src: url(/static/media/roboto-vietnamese-300-normal.e7bcf4c4.woff2) format('woff2'), url(/static/media/roboto-vietnamese-300-normal.701084ce.woff) format('woff');
  unicode-range: U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB;
}

/* roboto-latin-ext-300-normal */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-display: swap;
  font-weight: 300;
  src: url(/static/media/roboto-latin-ext-300-normal.3f49b6de.woff2) format('woff2'), url(/static/media/roboto-latin-ext-300-normal.230baaef.woff) format('woff');
  unicode-range: U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}

/* roboto-latin-300-normal */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-display: swap;
  font-weight: 300;
  src: url(/static/media/roboto-latin-300-normal.7fda4c62.woff2) format('woff2'), url(/static/media/roboto-latin-300-normal.e4529061.woff) format('woff');
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
/* roboto-cyrillic-ext-400-normal */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url(/static/media/roboto-cyrillic-ext-400-normal.1f8be5eb.woff2) format('woff2'), url(/static/media/roboto-cyrillic-ext-400-normal.665fde26.woff) format('woff');
  unicode-range: U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F;
}

/* roboto-cyrillic-400-normal */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url(/static/media/roboto-cyrillic-400-normal.3bc33669.woff2) format('woff2'), url(/static/media/roboto-cyrillic-400-normal.76b56dee.woff) format('woff');
  unicode-range: U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;
}

/* roboto-greek-ext-400-normal */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url(/static/media/roboto-greek-ext-400-normal.99d50b72.woff2) format('woff2'), url(/static/media/roboto-greek-ext-400-normal.63d2fb53.woff) format('woff');
  unicode-range: U+1F00-1FFF;
}

/* roboto-greek-400-normal */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url(/static/media/roboto-greek-400-normal.787b4312.woff2) format('woff2'), url(/static/media/roboto-greek-400-normal.efb533b9.woff) format('woff');
  unicode-range: U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF;
}

/* roboto-vietnamese-400-normal */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url(/static/media/roboto-vietnamese-400-normal.d0ef1c16.woff2) format('woff2'), url(/static/media/roboto-vietnamese-400-normal.ccd4da32.woff) format('woff');
  unicode-range: U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB;
}

/* roboto-latin-ext-400-normal */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url(/static/media/roboto-latin-ext-400-normal.0df72e63.woff2) format('woff2'), url(/static/media/roboto-latin-ext-400-normal.252e3495.woff) format('woff');
  unicode-range: U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}

/* roboto-latin-400-normal */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url(/static/media/roboto-latin-400-normal.8eff0b80.woff2) format('woff2'), url(/static/media/roboto-latin-400-normal.5ff4334a.woff) format('woff');
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
/* roboto-cyrillic-ext-500-normal */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-display: swap;
  font-weight: 500;
  src: url(/static/media/roboto-cyrillic-ext-500-normal.e44bedcd.woff2) format('woff2'), url(/static/media/roboto-cyrillic-ext-500-normal.23974dc4.woff) format('woff');
  unicode-range: U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F;
}

/* roboto-cyrillic-500-normal */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-display: swap;
  font-weight: 500;
  src: url(/static/media/roboto-cyrillic-500-normal.48d67106.woff2) format('woff2'), url(/static/media/roboto-cyrillic-500-normal.f4cb2466.woff) format('woff');
  unicode-range: U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;
}

/* roboto-greek-ext-500-normal */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-display: swap;
  font-weight: 500;
  src: url(/static/media/roboto-greek-ext-500-normal.f67872c8.woff2) format('woff2'), url(/static/media/roboto-greek-ext-500-normal.6180e4a3.woff) format('woff');
  unicode-range: U+1F00-1FFF;
}

/* roboto-greek-500-normal */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-display: swap;
  font-weight: 500;
  src: url(/static/media/roboto-greek-500-normal.a62d18fc.woff2) format('woff2'), url(/static/media/roboto-greek-500-normal.ab1ea155.woff) format('woff');
  unicode-range: U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF;
}

/* roboto-vietnamese-500-normal */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-display: swap;
  font-weight: 500;
  src: url(/static/media/roboto-vietnamese-500-normal.b72e3134.woff2) format('woff2'), url(/static/media/roboto-vietnamese-500-normal.f3919306.woff) format('woff');
  unicode-range: U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB;
}

/* roboto-latin-ext-500-normal */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-display: swap;
  font-weight: 500;
  src: url(/static/media/roboto-latin-ext-500-normal.f827d886.woff2) format('woff2'), url(/static/media/roboto-latin-ext-500-normal.fe3ae0a0.woff) format('woff');
  unicode-range: U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}

/* roboto-latin-500-normal */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-display: swap;
  font-weight: 500;
  src: url(/static/media/roboto-latin-500-normal.115c2d84.woff2) format('woff2'), url(/static/media/roboto-latin-500-normal.bb35435c.woff) format('woff');
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
/* roboto-cyrillic-ext-700-normal */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-display: swap;
  font-weight: 700;
  src: url(/static/media/roboto-cyrillic-ext-700-normal.dceb3adf.woff2) format('woff2'), url(/static/media/roboto-cyrillic-ext-700-normal.32391bea.woff) format('woff');
  unicode-range: U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F;
}

/* roboto-cyrillic-700-normal */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-display: swap;
  font-weight: 700;
  src: url(/static/media/roboto-cyrillic-700-normal.df38e253.woff2) format('woff2'), url(/static/media/roboto-cyrillic-700-normal.1feec663.woff) format('woff');
  unicode-range: U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;
}

/* roboto-greek-ext-700-normal */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-display: swap;
  font-weight: 700;
  src: url(/static/media/roboto-greek-ext-700-normal.24dba709.woff2) format('woff2'), url(/static/media/roboto-greek-ext-700-normal.db9a826d.woff) format('woff');
  unicode-range: U+1F00-1FFF;
}

/* roboto-greek-700-normal */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-display: swap;
  font-weight: 700;
  src: url(/static/media/roboto-greek-700-normal.46919d09.woff2) format('woff2'), url(/static/media/roboto-greek-700-normal.4e6b465d.woff) format('woff');
  unicode-range: U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF;
}

/* roboto-vietnamese-700-normal */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-display: swap;
  font-weight: 700;
  src: url(/static/media/roboto-vietnamese-700-normal.74df18fc.woff2) format('woff2'), url(/static/media/roboto-vietnamese-700-normal.e32e033d.woff) format('woff');
  unicode-range: U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB;
}

/* roboto-latin-ext-700-normal */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-display: swap;
  font-weight: 700;
  src: url(/static/media/roboto-latin-ext-700-normal.4dd50877.woff2) format('woff2'), url(/static/media/roboto-latin-ext-700-normal.1bf02c90.woff) format('woff');
  unicode-range: U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}

/* roboto-latin-700-normal */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-display: swap;
  font-weight: 700;
  src: url(/static/media/roboto-latin-700-normal.c83e4437.woff2) format('woff2'), url(/static/media/roboto-latin-700-normal.55bbfe5a.woff) format('woff');
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
/* montserrat-cyrillic-ext-400-normal */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url(/static/media/montserrat-cyrillic-ext-400-normal.b6629325.woff2) format('woff2'), url(/static/media/montserrat-cyrillic-ext-400-normal.c89a7d60.woff) format('woff');
  unicode-range: U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F;
}

/* montserrat-cyrillic-400-normal */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url(/static/media/montserrat-cyrillic-400-normal.edddad7e.woff2) format('woff2'), url(/static/media/montserrat-cyrillic-400-normal.3fdd633b.woff) format('woff');
  unicode-range: U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;
}

/* montserrat-vietnamese-400-normal */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url(/static/media/montserrat-vietnamese-400-normal.bf8c3537.woff2) format('woff2'), url(/static/media/montserrat-vietnamese-400-normal.5ec83d53.woff) format('woff');
  unicode-range: U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB;
}

/* montserrat-latin-ext-400-normal */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url(/static/media/montserrat-latin-ext-400-normal.4e339f60.woff2) format('woff2'), url(/static/media/montserrat-latin-ext-400-normal.5ffa8d9e.woff) format('woff');
  unicode-range: U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}

/* montserrat-latin-400-normal */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url(/static/media/montserrat-latin-400-normal.a46fb7aa.woff2) format('woff2'), url(/static/media/montserrat-latin-400-normal.412bf4ff.woff) format('woff');
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
/* montserrat-cyrillic-ext-300-normal */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-display: swap;
  font-weight: 300;
  src: url(/static/media/montserrat-cyrillic-ext-300-normal.8e26c088.woff2) format('woff2'), url(/static/media/montserrat-cyrillic-ext-300-normal.029f8fb1.woff) format('woff');
  unicode-range: U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F;
}

/* montserrat-cyrillic-300-normal */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-display: swap;
  font-weight: 300;
  src: url(/static/media/montserrat-cyrillic-300-normal.700193ef.woff2) format('woff2'), url(/static/media/montserrat-cyrillic-300-normal.ad59c16e.woff) format('woff');
  unicode-range: U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;
}

/* montserrat-vietnamese-300-normal */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-display: swap;
  font-weight: 300;
  src: url(/static/media/montserrat-vietnamese-300-normal.4e75bea9.woff2) format('woff2'), url(/static/media/montserrat-vietnamese-300-normal.9d2bde41.woff) format('woff');
  unicode-range: U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB;
}

/* montserrat-latin-ext-300-normal */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-display: swap;
  font-weight: 300;
  src: url(/static/media/montserrat-latin-ext-300-normal.ff45684c.woff2) format('woff2'), url(/static/media/montserrat-latin-ext-300-normal.6e938fd5.woff) format('woff');
  unicode-range: U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}

/* montserrat-latin-300-normal */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-display: swap;
  font-weight: 300;
  src: url(/static/media/montserrat-latin-300-normal.4be39da2.woff2) format('woff2'), url(/static/media/montserrat-latin-300-normal.83c0fc39.woff) format('woff');
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
/* montserrat-cyrillic-ext-400-normal */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url(/static/media/montserrat-cyrillic-ext-400-normal.b6629325.woff2) format('woff2'), url(/static/media/montserrat-cyrillic-ext-400-normal.c89a7d60.woff) format('woff');
  unicode-range: U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F;
}

/* montserrat-cyrillic-400-normal */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url(/static/media/montserrat-cyrillic-400-normal.edddad7e.woff2) format('woff2'), url(/static/media/montserrat-cyrillic-400-normal.3fdd633b.woff) format('woff');
  unicode-range: U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;
}

/* montserrat-vietnamese-400-normal */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url(/static/media/montserrat-vietnamese-400-normal.bf8c3537.woff2) format('woff2'), url(/static/media/montserrat-vietnamese-400-normal.5ec83d53.woff) format('woff');
  unicode-range: U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB;
}

/* montserrat-latin-ext-400-normal */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url(/static/media/montserrat-latin-ext-400-normal.4e339f60.woff2) format('woff2'), url(/static/media/montserrat-latin-ext-400-normal.5ffa8d9e.woff) format('woff');
  unicode-range: U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}

/* montserrat-latin-400-normal */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url(/static/media/montserrat-latin-400-normal.a46fb7aa.woff2) format('woff2'), url(/static/media/montserrat-latin-400-normal.412bf4ff.woff) format('woff');
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
/* montserrat-cyrillic-ext-500-normal */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-display: swap;
  font-weight: 500;
  src: url(/static/media/montserrat-cyrillic-ext-500-normal.64781833.woff2) format('woff2'), url(/static/media/montserrat-cyrillic-ext-500-normal.87ae9449.woff) format('woff');
  unicode-range: U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F;
}

/* montserrat-cyrillic-500-normal */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-display: swap;
  font-weight: 500;
  src: url(/static/media/montserrat-cyrillic-500-normal.103c9cdf.woff2) format('woff2'), url(/static/media/montserrat-cyrillic-500-normal.a91641d8.woff) format('woff');
  unicode-range: U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;
}

/* montserrat-vietnamese-500-normal */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-display: swap;
  font-weight: 500;
  src: url(/static/media/montserrat-vietnamese-500-normal.4d1a840e.woff2) format('woff2'), url(/static/media/montserrat-vietnamese-500-normal.d16a617e.woff) format('woff');
  unicode-range: U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB;
}

/* montserrat-latin-ext-500-normal */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-display: swap;
  font-weight: 500;
  src: url(/static/media/montserrat-latin-ext-500-normal.d6382d03.woff2) format('woff2'), url(/static/media/montserrat-latin-ext-500-normal.a54e89fb.woff) format('woff');
  unicode-range: U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}

/* montserrat-latin-500-normal */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-display: swap;
  font-weight: 500;
  src: url(/static/media/montserrat-latin-500-normal.1032e86f.woff2) format('woff2'), url(/static/media/montserrat-latin-500-normal.ebc4c753.woff) format('woff');
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
/* montserrat-cyrillic-ext-700-normal */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-display: swap;
  font-weight: 700;
  src: url(/static/media/montserrat-cyrillic-ext-700-normal.32baa0f7.woff2) format('woff2'), url(/static/media/montserrat-cyrillic-ext-700-normal.72252319.woff) format('woff');
  unicode-range: U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F;
}

/* montserrat-cyrillic-700-normal */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-display: swap;
  font-weight: 700;
  src: url(/static/media/montserrat-cyrillic-700-normal.a450fb2d.woff2) format('woff2'), url(/static/media/montserrat-cyrillic-700-normal.a201fa38.woff) format('woff');
  unicode-range: U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;
}

/* montserrat-vietnamese-700-normal */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-display: swap;
  font-weight: 700;
  src: url(/static/media/montserrat-vietnamese-700-normal.bf1a2e61.woff2) format('woff2'), url(/static/media/montserrat-vietnamese-700-normal.e360f936.woff) format('woff');
  unicode-range: U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB;
}

/* montserrat-latin-ext-700-normal */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-display: swap;
  font-weight: 700;
  src: url(/static/media/montserrat-latin-ext-700-normal.186f418e.woff2) format('woff2'), url(/static/media/montserrat-latin-ext-700-normal.b971330d.woff) format('woff');
  unicode-range: U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}

/* montserrat-latin-700-normal */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-display: swap;
  font-weight: 700;
  src: url(/static/media/montserrat-latin-700-normal.486c7fa9.woff2) format('woff2'), url(/static/media/montserrat-latin-700-normal.a105ebd5.woff) format('woff');
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
.coursebigcard {
  height: 100px;
  position: relative;
  display: block;
  overflow: hidden;
  background-color: white;
  /* border: 3px solid var(--flameorang); */
  border: 1px solid #dee2e6;

  /* box-shadow: 6px 40px 40px -10px #88888824; */
  /* border-radius: 45px; */
  border-radius: 14px;

  margin-top: 25px;
  box-shadow: 0px 2px 18px 3px rgba(255, 130, 130, 0.2);
  width: 100%;
  text-align: left;
  cursor: pointer;
  padding: 2px;
}

.coursebigcard .cimage img {
  border-radius: 14px;
}
.coursebigcard .mt10 {
  margin-top: 5px;
}

.coursebigcard .institude {
  width: 50%;
  font-size: 12px;
  color: black;
  margin-top: 3px;
  font-weight: 400;
  text-transform: capitalize;
  text-align: left;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-word;
  /* display:-webkit-box; */
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.coursebigcard .institude span {
  height: 100%;
  width: 100%;
}

.coursebigcard .institude span img {
  width: 22px;
  border-radius: 50%;
  height: 22px;
}

.coursebigcard .profilepic {
  margin-left: -2px;
  /* padding: 1px; */
  height: auto;
  width: auto;
  border-radius: 50%;
  background-color: var(--flameorang);
  display: inline-block;
  width: 22px;
  height: 22px;
  position: relative;
  overflow: hidden;
  color: white;
}
.coursebigcard .profilepic:first-of-type {
  margin-left: 0px;
}
.profilepic h4 {
  margin: 0px;
  font-size: 6px;
  text-align: center;
  margin-top: 7px;
}
.coursebigcard .smallpic {
  border-radius: 50%;
  border: 1px solid #969595;
  margin-top: -4px;
  height: 100%;
  width: 100%;
  overflow: hidden;

  -o-object-fit: cover;

     object-fit: cover;
}
.coursebigcard .techarea {
  width: 40%;
}

.coursebigcard .techarea .techpic {
  border-radius: 50%;
  height: 15px;
  margin-left: 3px;
}

.coursebigcard .techarea .techpic:first-of-type {
  margin-left: 0px;
}
.coursebigcard .profilepic span {
  line-height: 22px;
  position: absolute;

  font-size: 10px;
}

.coursebigcard .carea {
  width: 100%;
  height: 100%;
  position: relative;
  /* padding: 5px; */
}
.coursebigcard .cprice {
  text-transform: capitalize;
  font-weight: 400;
  font-size: 14px;
  color: #ffffff;
  letter-spacing: 0.7px;
  position: absolute;
  top: 5px;
  left: 5px;
  padding: 7px;
  background: #0d6efd6b;
  border-radius: 10px;
  border-top-left-radius: 0px;
}

.coursebigcard .cwrapper {
  background-color: white;
  /* box-shadow: 6px 40px 40px -10px #88888824; */
  border-radius: 30px;
  margin-top: 25px;
  margin-bottom: 25px;
}
.coursebigcard .mt10 {
  height: 55px;
  overflow: hidden;

  /* line-height: 19px; */
}
.coursebigcard .picarea {
  position: absolute;
  right: 5px;
  top: 32px;
  height: auto;
}
.cwrapper:hover {
  cursor: pointer;
}
.coursebigcard .clocation {
  width: 22px;
  height: 22px;
  color: white;
  overflow: hidden;
  border-radius: 50%;
  position: absolute;
  top: 10px;
  left: 20px;
  background-color: var(--flameorang);
}
.coursebigcard .locicon {
  width: 15px;
  height: 15px;
  position: relative;
  margin-top: -6px;
  margin-left: 3px;
}

.coursebigcard .ccategory {
  z-index: 0;
  right: 0px;
  font-size: 10px;
  bottom: 0px;
  border-bottom-right-radius: 14px;
  border: 1px solid var(--flameorang);
  background-color: rgba(252, 108, 108, 0.92);
  padding: 2px 20px;
  color: #ffffff;
  height: 22px;
  text-transform: capitalize;
  position: absolute;
  border-top-left-radius: 45px;
  box-shadow: 0px 0px 5px 0px #ffa482;
  display: inline;
}

.coursebigcard .cimage {
  width: 35%;
  overflow: hidden;
  background: black;
  height: 100%;
  border-radius: 14px;
  position: absolute;
}
.cimage img {
  width: 100%;
  height: 100%;
  max-height: 162px;
  -o-object-fit: cover;
     object-fit: cover;
}

.coursebigcardwidth {
  width: 83%;
}
.ctitle h2 {
  font-weight: 700;
  font-size: 14px;
  color: #262429e8;
  text-transform: capitalize;
  /* height: 22px; */
  overflow: hidden;
  margin-bottom: 0em;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-word;
  /* display:-webkit-box; */
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.sub-t {
  /* font-size: 14px;
  color: black;
  opacity: 0.9;
  font-weight: 300;
  letter-spacing: 0.3px;
  line-height: 26px; */
  font-size: 20px;
  color: black;
  font-weight: 300;
  line-height: 28px;
  /* text-transform: capitalize; */
  /* height: 90px; */
  overflow: hidden;
  text-overflow: ellipsis;
  opacity: 0.95;
  width: 95%;
  margin-bottom: 20px;
}
.cbyname {
  /* margin-left: 5px; */

  /* font-size: 16px; */
  color: black;
  opacity: 0.7;
  font-weight: 400;
  letter-spacing: 0.3px;
  line-height: 26px;
}

.coursebigcard .cstatus {
  padding: 5px 20px;
  border-radius: 30px;
  height: 25px;
  width: 100px;
  margin-top: 0px;
  /* position: absolute;
    bottom: 85px;
    right: 20px; */
}
@media only screen and (max-width: 991px) {
  .coursebigcard .cstatus {
    padding: 5px 20px;
    border-radius: 30px;
    height: 25px;
    width: 100px;
    margin-top: 0px;
    /* position: absolute;
      bottom: 40px;
      right: 20px; */
  }

  .sub-t {
    font-size: 16px;
  }
}

.coursebigcard .green {
  background-color: #e9fff2;
  color: #48ad72;
}
.coursebigcard .red {
  background-color: #f7d2c4;
  color: #ef7547;
}
.mt10 {
  margin-top: 2px;
}
.coursebigcard .cprice {
  font-weight: 400;
  font-size: 12px;
  color: #ffffff;
  letter-spacing: 0.7px;
  position: absolute;
  top: 5px;
  left: 5px;
  padding: 7px;
  background: #ffc107;
  border-radius: 10px;
  border-top-left-radius: 0px;
  border-bottom-right-radius: 0px;

  box-shadow: 2px 1px 1px 0px #ffc107bf;
}
.cbottom {
}
.coursebigcard .ccardContent {
  /* padding:10px 50px 0 20px; */
  width: 65%;
  height: 100%;
  margin-left: 39%;
  padding-top: 5px;
}
.bigcardprice {
  margin-top: 3px;
  font-weight: 300;
  font-size: 12px;
  color: #0d6efdd1;
  line-height: 12px;
  margin-top: 4px;
}

.coursebigcard .tech-count-area{
  display: flex;
  margin-top: 4px;
}
.coverpic {
  background: var(--grey-dark);
  width: 100%;
  height: 280px;
  overflow: hidden;
  z-index: 3;
  border-radius: 10px;
  position: relative;
  margin-top: 15px;
  box-shadow: 0px 10px 20px 4px #dee2e64a;
  border: 1px solid #f8f9fa;
  padding: 0;
}

.coverpic img {
  width: 100%;
  height: 100%;
}

/* p {
  margin-top: 0;
  text-align: center;
  margin-bottom: 1rem;
} */

.Profilehead .count {
  /* margin-right: 30px; */
  font-weight: 700;
  font-size: 14px;
  line-height: 16px;
  color: var(--white);
}

.Profilehead .counttext {
  /* margin-inline-end: 30px; */
  font-size: 14px;
  line-height: 16px;
  color: var(--white);
}
.Profilehead .countarea {
  padding: 5px;
  color: white;
}

.pcounttext {
  /* margin-inline-start: 40px; */
  margin-top: 1px;
  font-size: 14px;
  line-height: 16px;
  color: var(--white);
}
.postcountp {
  font-weight: 700;
  font-size: 14px;
  line-height: 16px;
  color: var(--white);

  margin-top: 8px;
  /* margin-inline-start: 40px; */
}

.insti {
  font-family: Roboto;
  font-style: normal;
  font-weight: normal;
  font-size: 13px;
  line-height: 16px;
  text-align: center;
  color: #ffbd00;
}

.stud {
  font-family: Roboto;
  font-style: normal;
  font-weight: normal;
  font-size: 13px;
  line-height: 16px;
  text-align: center;
  color: #ff4d00;
  margin-top: 15px;
}
.companytext {
  font-family: Roboto;
  font-style: normal;
  font-weight: normal;
  font-size: 13px;
  line-height: 16px;
  text-align: center;
  color: #0047ff;
}
@media screen and (max-width: 991px) {
  .postcountp {
    font-weight: 700;
    font-size: 14px;
    line-height: 16px;
    color: rgb(82, 79, 79);
    margin-top: 8px;
    margin-left: 40px;
  }
  .pcounttext {
    margin-left: 40px;
    margin-top: 1px;
    font-size: 14px;
    line-height: 16px;
    color: rgb(82, 79, 79);
  }

  .Profilehead .count {
    /* margin-right: 30px; */
    font-weight: 700;
    font-size: 14px;
    line-height: 16px;
    color: rgb(82, 79, 79);
  }

  .Profilehead .counttext {
    /* margin-right: 30px; */
    font-size: 14px;
    line-height: 16px;
    color: rgb(82, 79, 79);
  }
}

.postpointer {
  cursor: pointer;
}

#jobapplicants .margintop{
margin-top: 40px;
}
[data-aos][data-aos][data-aos-duration="50"],body[data-aos-duration="50"] [data-aos]{transition-duration:50ms}[data-aos][data-aos][data-aos-delay="50"],body[data-aos-delay="50"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="50"].aos-animate,body[data-aos-delay="50"] [data-aos].aos-animate{transition-delay:50ms}[data-aos][data-aos][data-aos-duration="100"],body[data-aos-duration="100"] [data-aos]{transition-duration:.1s}[data-aos][data-aos][data-aos-delay="100"],body[data-aos-delay="100"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="100"].aos-animate,body[data-aos-delay="100"] [data-aos].aos-animate{transition-delay:.1s}[data-aos][data-aos][data-aos-duration="150"],body[data-aos-duration="150"] [data-aos]{transition-duration:.15s}[data-aos][data-aos][data-aos-delay="150"],body[data-aos-delay="150"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="150"].aos-animate,body[data-aos-delay="150"] [data-aos].aos-animate{transition-delay:.15s}[data-aos][data-aos][data-aos-duration="200"],body[data-aos-duration="200"] [data-aos]{transition-duration:.2s}[data-aos][data-aos][data-aos-delay="200"],body[data-aos-delay="200"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="200"].aos-animate,body[data-aos-delay="200"] [data-aos].aos-animate{transition-delay:.2s}[data-aos][data-aos][data-aos-duration="250"],body[data-aos-duration="250"] [data-aos]{transition-duration:.25s}[data-aos][data-aos][data-aos-delay="250"],body[data-aos-delay="250"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="250"].aos-animate,body[data-aos-delay="250"] [data-aos].aos-animate{transition-delay:.25s}[data-aos][data-aos][data-aos-duration="300"],body[data-aos-duration="300"] [data-aos]{transition-duration:.3s}[data-aos][data-aos][data-aos-delay="300"],body[data-aos-delay="300"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="300"].aos-animate,body[data-aos-delay="300"] [data-aos].aos-animate{transition-delay:.3s}[data-aos][data-aos][data-aos-duration="350"],body[data-aos-duration="350"] [data-aos]{transition-duration:.35s}[data-aos][data-aos][data-aos-delay="350"],body[data-aos-delay="350"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="350"].aos-animate,body[data-aos-delay="350"] [data-aos].aos-animate{transition-delay:.35s}[data-aos][data-aos][data-aos-duration="400"],body[data-aos-duration="400"] [data-aos]{transition-duration:.4s}[data-aos][data-aos][data-aos-delay="400"],body[data-aos-delay="400"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="400"].aos-animate,body[data-aos-delay="400"] [data-aos].aos-animate{transition-delay:.4s}[data-aos][data-aos][data-aos-duration="450"],body[data-aos-duration="450"] [data-aos]{transition-duration:.45s}[data-aos][data-aos][data-aos-delay="450"],body[data-aos-delay="450"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="450"].aos-animate,body[data-aos-delay="450"] [data-aos].aos-animate{transition-delay:.45s}[data-aos][data-aos][data-aos-duration="500"],body[data-aos-duration="500"] [data-aos]{transition-duration:.5s}[data-aos][data-aos][data-aos-delay="500"],body[data-aos-delay="500"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="500"].aos-animate,body[data-aos-delay="500"] [data-aos].aos-animate{transition-delay:.5s}[data-aos][data-aos][data-aos-duration="550"],body[data-aos-duration="550"] [data-aos]{transition-duration:.55s}[data-aos][data-aos][data-aos-delay="550"],body[data-aos-delay="550"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="550"].aos-animate,body[data-aos-delay="550"] [data-aos].aos-animate{transition-delay:.55s}[data-aos][data-aos][data-aos-duration="600"],body[data-aos-duration="600"] [data-aos]{transition-duration:.6s}[data-aos][data-aos][data-aos-delay="600"],body[data-aos-delay="600"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="600"].aos-animate,body[data-aos-delay="600"] [data-aos].aos-animate{transition-delay:.6s}[data-aos][data-aos][data-aos-duration="650"],body[data-aos-duration="650"] [data-aos]{transition-duration:.65s}[data-aos][data-aos][data-aos-delay="650"],body[data-aos-delay="650"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="650"].aos-animate,body[data-aos-delay="650"] [data-aos].aos-animate{transition-delay:.65s}[data-aos][data-aos][data-aos-duration="700"],body[data-aos-duration="700"] [data-aos]{transition-duration:.7s}[data-aos][data-aos][data-aos-delay="700"],body[data-aos-delay="700"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="700"].aos-animate,body[data-aos-delay="700"] [data-aos].aos-animate{transition-delay:.7s}[data-aos][data-aos][data-aos-duration="750"],body[data-aos-duration="750"] [data-aos]{transition-duration:.75s}[data-aos][data-aos][data-aos-delay="750"],body[data-aos-delay="750"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="750"].aos-animate,body[data-aos-delay="750"] [data-aos].aos-animate{transition-delay:.75s}[data-aos][data-aos][data-aos-duration="800"],body[data-aos-duration="800"] [data-aos]{transition-duration:.8s}[data-aos][data-aos][data-aos-delay="800"],body[data-aos-delay="800"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="800"].aos-animate,body[data-aos-delay="800"] [data-aos].aos-animate{transition-delay:.8s}[data-aos][data-aos][data-aos-duration="850"],body[data-aos-duration="850"] [data-aos]{transition-duration:.85s}[data-aos][data-aos][data-aos-delay="850"],body[data-aos-delay="850"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="850"].aos-animate,body[data-aos-delay="850"] [data-aos].aos-animate{transition-delay:.85s}[data-aos][data-aos][data-aos-duration="900"],body[data-aos-duration="900"] [data-aos]{transition-duration:.9s}[data-aos][data-aos][data-aos-delay="900"],body[data-aos-delay="900"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="900"].aos-animate,body[data-aos-delay="900"] [data-aos].aos-animate{transition-delay:.9s}[data-aos][data-aos][data-aos-duration="950"],body[data-aos-duration="950"] [data-aos]{transition-duration:.95s}[data-aos][data-aos][data-aos-delay="950"],body[data-aos-delay="950"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="950"].aos-animate,body[data-aos-delay="950"] [data-aos].aos-animate{transition-delay:.95s}[data-aos][data-aos][data-aos-duration="1000"],body[data-aos-duration="1000"] [data-aos]{transition-duration:1s}[data-aos][data-aos][data-aos-delay="1000"],body[data-aos-delay="1000"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1000"].aos-animate,body[data-aos-delay="1000"] [data-aos].aos-animate{transition-delay:1s}[data-aos][data-aos][data-aos-duration="1050"],body[data-aos-duration="1050"] [data-aos]{transition-duration:1.05s}[data-aos][data-aos][data-aos-delay="1050"],body[data-aos-delay="1050"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1050"].aos-animate,body[data-aos-delay="1050"] [data-aos].aos-animate{transition-delay:1.05s}[data-aos][data-aos][data-aos-duration="1100"],body[data-aos-duration="1100"] [data-aos]{transition-duration:1.1s}[data-aos][data-aos][data-aos-delay="1100"],body[data-aos-delay="1100"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1100"].aos-animate,body[data-aos-delay="1100"] [data-aos].aos-animate{transition-delay:1.1s}[data-aos][data-aos][data-aos-duration="1150"],body[data-aos-duration="1150"] [data-aos]{transition-duration:1.15s}[data-aos][data-aos][data-aos-delay="1150"],body[data-aos-delay="1150"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1150"].aos-animate,body[data-aos-delay="1150"] [data-aos].aos-animate{transition-delay:1.15s}[data-aos][data-aos][data-aos-duration="1200"],body[data-aos-duration="1200"] [data-aos]{transition-duration:1.2s}[data-aos][data-aos][data-aos-delay="1200"],body[data-aos-delay="1200"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1200"].aos-animate,body[data-aos-delay="1200"] [data-aos].aos-animate{transition-delay:1.2s}[data-aos][data-aos][data-aos-duration="1250"],body[data-aos-duration="1250"] [data-aos]{transition-duration:1.25s}[data-aos][data-aos][data-aos-delay="1250"],body[data-aos-delay="1250"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1250"].aos-animate,body[data-aos-delay="1250"] [data-aos].aos-animate{transition-delay:1.25s}[data-aos][data-aos][data-aos-duration="1300"],body[data-aos-duration="1300"] [data-aos]{transition-duration:1.3s}[data-aos][data-aos][data-aos-delay="1300"],body[data-aos-delay="1300"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1300"].aos-animate,body[data-aos-delay="1300"] [data-aos].aos-animate{transition-delay:1.3s}[data-aos][data-aos][data-aos-duration="1350"],body[data-aos-duration="1350"] [data-aos]{transition-duration:1.35s}[data-aos][data-aos][data-aos-delay="1350"],body[data-aos-delay="1350"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1350"].aos-animate,body[data-aos-delay="1350"] [data-aos].aos-animate{transition-delay:1.35s}[data-aos][data-aos][data-aos-duration="1400"],body[data-aos-duration="1400"] [data-aos]{transition-duration:1.4s}[data-aos][data-aos][data-aos-delay="1400"],body[data-aos-delay="1400"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1400"].aos-animate,body[data-aos-delay="1400"] [data-aos].aos-animate{transition-delay:1.4s}[data-aos][data-aos][data-aos-duration="1450"],body[data-aos-duration="1450"] [data-aos]{transition-duration:1.45s}[data-aos][data-aos][data-aos-delay="1450"],body[data-aos-delay="1450"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1450"].aos-animate,body[data-aos-delay="1450"] [data-aos].aos-animate{transition-delay:1.45s}[data-aos][data-aos][data-aos-duration="1500"],body[data-aos-duration="1500"] [data-aos]{transition-duration:1.5s}[data-aos][data-aos][data-aos-delay="1500"],body[data-aos-delay="1500"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1500"].aos-animate,body[data-aos-delay="1500"] [data-aos].aos-animate{transition-delay:1.5s}[data-aos][data-aos][data-aos-duration="1550"],body[data-aos-duration="1550"] [data-aos]{transition-duration:1.55s}[data-aos][data-aos][data-aos-delay="1550"],body[data-aos-delay="1550"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1550"].aos-animate,body[data-aos-delay="1550"] [data-aos].aos-animate{transition-delay:1.55s}[data-aos][data-aos][data-aos-duration="1600"],body[data-aos-duration="1600"] [data-aos]{transition-duration:1.6s}[data-aos][data-aos][data-aos-delay="1600"],body[data-aos-delay="1600"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1600"].aos-animate,body[data-aos-delay="1600"] [data-aos].aos-animate{transition-delay:1.6s}[data-aos][data-aos][data-aos-duration="1650"],body[data-aos-duration="1650"] [data-aos]{transition-duration:1.65s}[data-aos][data-aos][data-aos-delay="1650"],body[data-aos-delay="1650"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1650"].aos-animate,body[data-aos-delay="1650"] [data-aos].aos-animate{transition-delay:1.65s}[data-aos][data-aos][data-aos-duration="1700"],body[data-aos-duration="1700"] [data-aos]{transition-duration:1.7s}[data-aos][data-aos][data-aos-delay="1700"],body[data-aos-delay="1700"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1700"].aos-animate,body[data-aos-delay="1700"] [data-aos].aos-animate{transition-delay:1.7s}[data-aos][data-aos][data-aos-duration="1750"],body[data-aos-duration="1750"] [data-aos]{transition-duration:1.75s}[data-aos][data-aos][data-aos-delay="1750"],body[data-aos-delay="1750"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1750"].aos-animate,body[data-aos-delay="1750"] [data-aos].aos-animate{transition-delay:1.75s}[data-aos][data-aos][data-aos-duration="1800"],body[data-aos-duration="1800"] [data-aos]{transition-duration:1.8s}[data-aos][data-aos][data-aos-delay="1800"],body[data-aos-delay="1800"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1800"].aos-animate,body[data-aos-delay="1800"] [data-aos].aos-animate{transition-delay:1.8s}[data-aos][data-aos][data-aos-duration="1850"],body[data-aos-duration="1850"] [data-aos]{transition-duration:1.85s}[data-aos][data-aos][data-aos-delay="1850"],body[data-aos-delay="1850"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1850"].aos-animate,body[data-aos-delay="1850"] [data-aos].aos-animate{transition-delay:1.85s}[data-aos][data-aos][data-aos-duration="1900"],body[data-aos-duration="1900"] [data-aos]{transition-duration:1.9s}[data-aos][data-aos][data-aos-delay="1900"],body[data-aos-delay="1900"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1900"].aos-animate,body[data-aos-delay="1900"] [data-aos].aos-animate{transition-delay:1.9s}[data-aos][data-aos][data-aos-duration="1950"],body[data-aos-duration="1950"] [data-aos]{transition-duration:1.95s}[data-aos][data-aos][data-aos-delay="1950"],body[data-aos-delay="1950"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1950"].aos-animate,body[data-aos-delay="1950"] [data-aos].aos-animate{transition-delay:1.95s}[data-aos][data-aos][data-aos-duration="2000"],body[data-aos-duration="2000"] [data-aos]{transition-duration:2s}[data-aos][data-aos][data-aos-delay="2000"],body[data-aos-delay="2000"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2000"].aos-animate,body[data-aos-delay="2000"] [data-aos].aos-animate{transition-delay:2s}[data-aos][data-aos][data-aos-duration="2050"],body[data-aos-duration="2050"] [data-aos]{transition-duration:2.05s}[data-aos][data-aos][data-aos-delay="2050"],body[data-aos-delay="2050"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2050"].aos-animate,body[data-aos-delay="2050"] [data-aos].aos-animate{transition-delay:2.05s}[data-aos][data-aos][data-aos-duration="2100"],body[data-aos-duration="2100"] [data-aos]{transition-duration:2.1s}[data-aos][data-aos][data-aos-delay="2100"],body[data-aos-delay="2100"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2100"].aos-animate,body[data-aos-delay="2100"] [data-aos].aos-animate{transition-delay:2.1s}[data-aos][data-aos][data-aos-duration="2150"],body[data-aos-duration="2150"] [data-aos]{transition-duration:2.15s}[data-aos][data-aos][data-aos-delay="2150"],body[data-aos-delay="2150"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2150"].aos-animate,body[data-aos-delay="2150"] [data-aos].aos-animate{transition-delay:2.15s}[data-aos][data-aos][data-aos-duration="2200"],body[data-aos-duration="2200"] [data-aos]{transition-duration:2.2s}[data-aos][data-aos][data-aos-delay="2200"],body[data-aos-delay="2200"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2200"].aos-animate,body[data-aos-delay="2200"] [data-aos].aos-animate{transition-delay:2.2s}[data-aos][data-aos][data-aos-duration="2250"],body[data-aos-duration="2250"] [data-aos]{transition-duration:2.25s}[data-aos][data-aos][data-aos-delay="2250"],body[data-aos-delay="2250"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2250"].aos-animate,body[data-aos-delay="2250"] [data-aos].aos-animate{transition-delay:2.25s}[data-aos][data-aos][data-aos-duration="2300"],body[data-aos-duration="2300"] [data-aos]{transition-duration:2.3s}[data-aos][data-aos][data-aos-delay="2300"],body[data-aos-delay="2300"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2300"].aos-animate,body[data-aos-delay="2300"] [data-aos].aos-animate{transition-delay:2.3s}[data-aos][data-aos][data-aos-duration="2350"],body[data-aos-duration="2350"] [data-aos]{transition-duration:2.35s}[data-aos][data-aos][data-aos-delay="2350"],body[data-aos-delay="2350"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2350"].aos-animate,body[data-aos-delay="2350"] [data-aos].aos-animate{transition-delay:2.35s}[data-aos][data-aos][data-aos-duration="2400"],body[data-aos-duration="2400"] [data-aos]{transition-duration:2.4s}[data-aos][data-aos][data-aos-delay="2400"],body[data-aos-delay="2400"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2400"].aos-animate,body[data-aos-delay="2400"] [data-aos].aos-animate{transition-delay:2.4s}[data-aos][data-aos][data-aos-duration="2450"],body[data-aos-duration="2450"] [data-aos]{transition-duration:2.45s}[data-aos][data-aos][data-aos-delay="2450"],body[data-aos-delay="2450"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2450"].aos-animate,body[data-aos-delay="2450"] [data-aos].aos-animate{transition-delay:2.45s}[data-aos][data-aos][data-aos-duration="2500"],body[data-aos-duration="2500"] [data-aos]{transition-duration:2.5s}[data-aos][data-aos][data-aos-delay="2500"],body[data-aos-delay="2500"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2500"].aos-animate,body[data-aos-delay="2500"] [data-aos].aos-animate{transition-delay:2.5s}[data-aos][data-aos][data-aos-duration="2550"],body[data-aos-duration="2550"] [data-aos]{transition-duration:2.55s}[data-aos][data-aos][data-aos-delay="2550"],body[data-aos-delay="2550"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2550"].aos-animate,body[data-aos-delay="2550"] [data-aos].aos-animate{transition-delay:2.55s}[data-aos][data-aos][data-aos-duration="2600"],body[data-aos-duration="2600"] [data-aos]{transition-duration:2.6s}[data-aos][data-aos][data-aos-delay="2600"],body[data-aos-delay="2600"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2600"].aos-animate,body[data-aos-delay="2600"] [data-aos].aos-animate{transition-delay:2.6s}[data-aos][data-aos][data-aos-duration="2650"],body[data-aos-duration="2650"] [data-aos]{transition-duration:2.65s}[data-aos][data-aos][data-aos-delay="2650"],body[data-aos-delay="2650"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2650"].aos-animate,body[data-aos-delay="2650"] [data-aos].aos-animate{transition-delay:2.65s}[data-aos][data-aos][data-aos-duration="2700"],body[data-aos-duration="2700"] [data-aos]{transition-duration:2.7s}[data-aos][data-aos][data-aos-delay="2700"],body[data-aos-delay="2700"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2700"].aos-animate,body[data-aos-delay="2700"] [data-aos].aos-animate{transition-delay:2.7s}[data-aos][data-aos][data-aos-duration="2750"],body[data-aos-duration="2750"] [data-aos]{transition-duration:2.75s}[data-aos][data-aos][data-aos-delay="2750"],body[data-aos-delay="2750"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2750"].aos-animate,body[data-aos-delay="2750"] [data-aos].aos-animate{transition-delay:2.75s}[data-aos][data-aos][data-aos-duration="2800"],body[data-aos-duration="2800"] [data-aos]{transition-duration:2.8s}[data-aos][data-aos][data-aos-delay="2800"],body[data-aos-delay="2800"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2800"].aos-animate,body[data-aos-delay="2800"] [data-aos].aos-animate{transition-delay:2.8s}[data-aos][data-aos][data-aos-duration="2850"],body[data-aos-duration="2850"] [data-aos]{transition-duration:2.85s}[data-aos][data-aos][data-aos-delay="2850"],body[data-aos-delay="2850"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2850"].aos-animate,body[data-aos-delay="2850"] [data-aos].aos-animate{transition-delay:2.85s}[data-aos][data-aos][data-aos-duration="2900"],body[data-aos-duration="2900"] [data-aos]{transition-duration:2.9s}[data-aos][data-aos][data-aos-delay="2900"],body[data-aos-delay="2900"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2900"].aos-animate,body[data-aos-delay="2900"] [data-aos].aos-animate{transition-delay:2.9s}[data-aos][data-aos][data-aos-duration="2950"],body[data-aos-duration="2950"] [data-aos]{transition-duration:2.95s}[data-aos][data-aos][data-aos-delay="2950"],body[data-aos-delay="2950"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2950"].aos-animate,body[data-aos-delay="2950"] [data-aos].aos-animate{transition-delay:2.95s}[data-aos][data-aos][data-aos-duration="3000"],body[data-aos-duration="3000"] [data-aos]{transition-duration:3s}[data-aos][data-aos][data-aos-delay="3000"],body[data-aos-delay="3000"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="3000"].aos-animate,body[data-aos-delay="3000"] [data-aos].aos-animate{transition-delay:3s}[data-aos][data-aos][data-aos-easing=linear],body[data-aos-easing=linear] [data-aos]{transition-timing-function:cubic-bezier(.25,.25,.75,.75)}[data-aos][data-aos][data-aos-easing=ease],body[data-aos-easing=ease] [data-aos]{transition-timing-function:ease}[data-aos][data-aos][data-aos-easing=ease-in],body[data-aos-easing=ease-in] [data-aos]{transition-timing-function:ease-in}[data-aos][data-aos][data-aos-easing=ease-out],body[data-aos-easing=ease-out] [data-aos]{transition-timing-function:ease-out}[data-aos][data-aos][data-aos-easing=ease-in-out],body[data-aos-easing=ease-in-out] [data-aos]{transition-timing-function:ease-in-out}[data-aos][data-aos][data-aos-easing=ease-in-back],body[data-aos-easing=ease-in-back] [data-aos]{transition-timing-function:cubic-bezier(.6,-.28,.735,.045)}[data-aos][data-aos][data-aos-easing=ease-out-back],body[data-aos-easing=ease-out-back] [data-aos]{transition-timing-function:cubic-bezier(.175,.885,.32,1.275)}[data-aos][data-aos][data-aos-easing=ease-in-out-back],body[data-aos-easing=ease-in-out-back] [data-aos]{transition-timing-function:cubic-bezier(.68,-.55,.265,1.55)}[data-aos][data-aos][data-aos-easing=ease-in-sine],body[data-aos-easing=ease-in-sine] [data-aos]{transition-timing-function:cubic-bezier(.47,0,.745,.715)}[data-aos][data-aos][data-aos-easing=ease-out-sine],body[data-aos-easing=ease-out-sine] [data-aos]{transition-timing-function:cubic-bezier(.39,.575,.565,1)}[data-aos][data-aos][data-aos-easing=ease-in-out-sine],body[data-aos-easing=ease-in-out-sine] [data-aos]{transition-timing-function:cubic-bezier(.445,.05,.55,.95)}[data-aos][data-aos][data-aos-easing=ease-in-quad],body[data-aos-easing=ease-in-quad] [data-aos]{transition-timing-function:cubic-bezier(.55,.085,.68,.53)}[data-aos][data-aos][data-aos-easing=ease-out-quad],body[data-aos-easing=ease-out-quad] [data-aos]{transition-timing-function:cubic-bezier(.25,.46,.45,.94)}[data-aos][data-aos][data-aos-easing=ease-in-out-quad],body[data-aos-easing=ease-in-out-quad] [data-aos]{transition-timing-function:cubic-bezier(.455,.03,.515,.955)}[data-aos][data-aos][data-aos-easing=ease-in-cubic],body[data-aos-easing=ease-in-cubic] [data-aos]{transition-timing-function:cubic-bezier(.55,.085,.68,.53)}[data-aos][data-aos][data-aos-easing=ease-out-cubic],body[data-aos-easing=ease-out-cubic] [data-aos]{transition-timing-function:cubic-bezier(.25,.46,.45,.94)}[data-aos][data-aos][data-aos-easing=ease-in-out-cubic],body[data-aos-easing=ease-in-out-cubic] [data-aos]{transition-timing-function:cubic-bezier(.455,.03,.515,.955)}[data-aos][data-aos][data-aos-easing=ease-in-quart],body[data-aos-easing=ease-in-quart] [data-aos]{transition-timing-function:cubic-bezier(.55,.085,.68,.53)}[data-aos][data-aos][data-aos-easing=ease-out-quart],body[data-aos-easing=ease-out-quart] [data-aos]{transition-timing-function:cubic-bezier(.25,.46,.45,.94)}[data-aos][data-aos][data-aos-easing=ease-in-out-quart],body[data-aos-easing=ease-in-out-quart] [data-aos]{transition-timing-function:cubic-bezier(.455,.03,.515,.955)}[data-aos^=fade][data-aos^=fade]{opacity:0;transition-property:opacity,transform}[data-aos^=fade][data-aos^=fade].aos-animate{opacity:1;transform:translateZ(0)}[data-aos=fade-up]{transform:translate3d(0,100px,0)}[data-aos=fade-down]{transform:translate3d(0,-100px,0)}[data-aos=fade-right]{transform:translate3d(-100px,0,0)}[data-aos=fade-left]{transform:translate3d(100px,0,0)}[data-aos=fade-up-right]{transform:translate3d(-100px,100px,0)}[data-aos=fade-up-left]{transform:translate3d(100px,100px,0)}[data-aos=fade-down-right]{transform:translate3d(-100px,-100px,0)}[data-aos=fade-down-left]{transform:translate3d(100px,-100px,0)}[data-aos^=zoom][data-aos^=zoom]{opacity:0;transition-property:opacity,transform}[data-aos^=zoom][data-aos^=zoom].aos-animate{opacity:1;transform:translateZ(0) scale(1)}[data-aos=zoom-in]{transform:scale(.6)}[data-aos=zoom-in-up]{transform:translate3d(0,100px,0) scale(.6)}[data-aos=zoom-in-down]{transform:translate3d(0,-100px,0) scale(.6)}[data-aos=zoom-in-right]{transform:translate3d(-100px,0,0) scale(.6)}[data-aos=zoom-in-left]{transform:translate3d(100px,0,0) scale(.6)}[data-aos=zoom-out]{transform:scale(1.2)}[data-aos=zoom-out-up]{transform:translate3d(0,100px,0) scale(1.2)}[data-aos=zoom-out-down]{transform:translate3d(0,-100px,0) scale(1.2)}[data-aos=zoom-out-right]{transform:translate3d(-100px,0,0) scale(1.2)}[data-aos=zoom-out-left]{transform:translate3d(100px,0,0) scale(1.2)}[data-aos^=slide][data-aos^=slide]{transition-property:transform}[data-aos^=slide][data-aos^=slide].aos-animate{transform:translateZ(0)}[data-aos=slide-up]{transform:translate3d(0,100%,0)}[data-aos=slide-down]{transform:translate3d(0,-100%,0)}[data-aos=slide-right]{transform:translate3d(-100%,0,0)}[data-aos=slide-left]{transform:translate3d(100%,0,0)}[data-aos^=flip][data-aos^=flip]{backface-visibility:hidden;transition-property:transform}[data-aos=flip-left]{transform:perspective(2500px) rotateY(-100deg)}[data-aos=flip-left].aos-animate{transform:perspective(2500px) rotateY(0)}[data-aos=flip-right]{transform:perspective(2500px) rotateY(100deg)}[data-aos=flip-right].aos-animate{transform:perspective(2500px) rotateY(0)}[data-aos=flip-up]{transform:perspective(2500px) rotateX(-100deg)}[data-aos=flip-up].aos-animate{transform:perspective(2500px) rotateX(0)}[data-aos=flip-down]{transform:perspective(2500px) rotateX(100deg)}[data-aos=flip-down].aos-animate{transform:perspective(2500px) rotateX(0)}
#signUpPopUp .signup-success {
  margin-top: 10px;
}

#signUpPopUp .bottom-text {
  padding-bottom: 10px;
  font-size: 18px;
}

#signUpPopUp .signup-success-btn {
  margin-bottom: 10px;
}
#signUpPopUp .bold-text {
  font-size: 22px;
  font-weight: 600;
  padding-bottom: 10px;
}

.closebtn {
  position: absolute;
  right: 0px;
  top: 0px;
  cursor: pointer;
  width: 20px;
  height: 20px;
  z-index: 1;
}
 .modal-content{
    border-radius: 30px;
    padding: 20px;
    border: 1px solid rgba(204, 204, 204, 0.22);
    box-shadow: rgb(222 226 230 / 41%) 0px 0px 20px 0px;
}
/* .resume-container{
    max-width: 70rem;
    margin: auto;
    background-color: white;
    display: flex;
    flex-direction: column;
    font-size: larger;
    padding: 4rem 2rem;


}
.resume-info{
    margin-bottom: 1rem;
}
.name-header {
    width: fit-content;
    padding-left: 3rem;
    font-weight: 600;
    color: #154c79;
    font-size: 3rem;
}
.name-header {
    width: fit-content;
    padding-left: 3rem;
}
.userDetails{
    font-size: small;
    width: fit-content;
    padding-left: 3rem;
    color: grey;
    
}

.titleResume{
    text-align: initial;
    padding-left: 3rem;
    margin-top: 1.5rem;
    width: 90%;

}
.headingResume{
    color: #154c79;
    font-weight: bold;
    margin-bottom: 6px;

}
 .h-line {
    height:1px;
    border-width:0;
    color:#154c79;
    background-color:gray;
    margin-top: auto;
    border: 0; 
    border-top: 1px solid darkblue;

}
.expDate{
    color: grey;
}
.eduDetails{
    margin-bottom: 5px;
}
.userDetails a{
    text-decoration: none;
    color: grey;
} */

.resume-container {
  max-width: 70rem;
  margin: auto;
  background-color: white;
  display: flex;
  flex-direction: column;
  font-size: larger;
  padding: 4rem 2rem;
  height: auto;
  position: relative;
  font-family: 'calibri';
}
.resume-info {
  margin-bottom: 1rem;
}
.name-header {
  width: -moz-fit-content;
  width: fit-content;
  padding-left: 3rem;
  font-weight: 600;
  color: #154c79;
  font-size: 3rem;
}
.name-header {
  width: -moz-fit-content;
  width: fit-content;
  padding-left: 3rem;
}
.userDetails {
  font-size: small;
  width: -moz-fit-content;
  width: fit-content;
  padding-left: 3rem;
  color: grey;
  text-align: start;
}

.titleResume {
  text-align: initial;
  padding-left: 3rem;
  margin-top: 1.5rem;
  width: 90%;
}
.headingResume {
  color: #154c79;
  font-weight: bold;
  margin-bottom: 6px;
}
.h-line {
  height: 1px;
  border-width: 0;
  color: #154c79;
  background-color: gray;
  margin-top: auto;
  border: 0;
  border-top: 1px solid darkblue;
}
.expDate {
  color: grey;
}
.eduDetails {
  margin-bottom: 5px;
}
.userDetails a {
  text-decoration: none;
  color: grey;
}
.solo-watermark1 {
  position: fixed;
  bottom: 0;
  right: 25px;
  color: darkgray;
  display: flex;
  align-items: center;
}
.soloLogo {
  height: 20px;
  padding-left: 10px;
}

/*New style Start*/
.social-link-font-size {
  font-size: 18px;
}
.bottomspaceforcourse {
  font-size: 18px;
}
.bottommarginzero {
  margin-bottom: 0px;
}
.marginbtmset {
  margin-bottom: 0px !important;
}
/*New style End*/

.terms {
  /* padding: 30px 0; */
}
.desc-text {
  /* text-align: left;
    font-size: 24px;
    font-weight: 600; */
  color: #1f1f1f;
  font-size: 16px;
  font-weight: 500;
}

.terms .heading-text {
  text-align: center;
  font-size: 30px;
  line-height: 40px;
  margin: 20px 0;
  font-weight: 600;
  color: #ff6c36d9;
}

.terms .heading-text1 {
  text-align: center;
  font-size: 30px;
  line-height: 40px;
  margin: 20px 0;
  margin-top: 0px;
  font-weight: 600;
  color: #ff6c36d9;
}

.terms .smallBold {
  color: #1f1f1f;
  font-size: 14px;
  font-weight: 600;
}
.terms-title {
  color: #ff6c36d9 !important;
}
.terms p {
  color: #7b7b7b;
  /* font-size: 16px;
    margin: 10px 0;
    font-weight: 400;
    letter-spacing: 0.5px; */
  font-size: 14px;
  font-weight: 400;
}
ol {
  list-style-type: none;
  counter-reset: item;
  margin: 0;
  padding: 0;
}

ol > li {
  display: table;
  counter-increment: item;
  margin-bottom: 0.6em;
}

ol > li:before {
  content: counters(item, ".") ". ";
  display: table-cell;
  padding-right: 0.6em;
}

li ol > li {
  margin: 0;
  color: #7b7b7b;
  font-size: 14px;
  font-weight: 400;
}

li ol > li:before {
  content: counters(item, ".") " ";
}

.terms a {
  text-decoration: none;
  color: #017fda;
  font-weight: 500;
  transition: color 0.5s ease;
}
.terms .text-bold {
  font-weight: 600;
}
/* @media screen and (max-width: 992px)
 {
    .terms .heading-text, .terms .desc-text{
    font-size: 26px;
    line-height: 40px;
    }

    .terms p {
        font-size: 14px;
        line-height: 21px;
    }
} */

/* @media screen and (max-width: 576px){
    .terms .desc-text {
    font-size: 18px;
    line-height: 22px;
}
} */

.headerContainer {
  /* background-color:var(--white); */
  /* width:width,*/
  color: var(--blueffText);
  text-align: center;
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 23px;
  height: 24px;
  text-transform: capitalize;
  color: #ff6c36;
  font-family: "Roboto", sans-serif;
}

.roleDWN {
  border: 0px;
  color: var(--blueffText);
  text-align: center;
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 23px;
  height: 24px;
  font-family: "Roboto", sans-serif;
  width: -moz-fit-content;
  width: fit-content;
  text-align: left;
  text-transform: capitalize;
  border-radius: 0px;
  text-indent: 0px;
}
.roleDWN:focus {
  outline: none;
}

.roleDWN .select-items {
  position: absolute;
  background-color: DodgerBlue;
  top: 100%;
  left: 0;
  right: 0;
  z-index: 99;
}

.suggestioncard {
  width: 100%;
  margin-top: 0px;
  /* border-radius: 45px; */
   border-radius: 14px; 
  height: 150px;
  /* border: 3px solid var(--flameorang); */
  border: 1px solid #dee2e6;
  /* box-shadow:0px 3px 66px rgba(229, 229, 229, 0.69); */
  box-shadow: 0px 3px 66px #f2f2f2;
}

.suggestioninbox {
  padding: 10px;
  margin: 0;
  cursor: pointer;
}

.suggestioncard .displaypicture {
  margin: 0 auto;
  width: 100%;
  text-align: center;
}

.suggestioncard .smalldpuser,
.suggestioncard .smalldp {
  width: 60px;
  height: 60px;
  border-radius: 50%;
}
.suggestioncard .insidecardname {
  text-align: center;
  color: var(--theme-black);
  margin-left: 2px;
  margin-top: 20px;
  font-family: "Roboto", sans-serif;
  /* font-style: normal; */
  font-weight: 500;
  font-size: 14px;
  line-height: 16px;
  height: 18px;
  overflow: hidden;
  text-transform: capitalize;
}

.proficon {
  position: absolute;
  top: 20px;

  right: 0;
  margin-right: 14px;
}

.iicon {
  width: 15px;
  height: 15px;
  position: relative;
  margin-top: -7px;
}

.picon {
  width: 20px;
  height: 20px;
  position: relative;
  margin-top: -7px;
}


.profilecard {
  width: 100%;
  height: 310px;
  position: relative;
  display: block;
  overflow: hidden;
  /* border-radius: 30px; */
  border-radius: 14px;
  /* background: linear-gradient(
      180deg,
      rgba(69, 143, 246, 0.65) 0%,
      #458ff6 100%
    ); */
  /* border: 3px solid #ff6c36;
  box-shadow: 0px 2px 18px 3px rgba(255, 130, 130, 0.2); */
  /* cursor: pointer; */
  color: black;
  margin-bottom: 20px;
}
.bordercondition1 {
  /* background: linear-gradient(
    180deg,
    rgba(69, 143, 246, 0.65) 0%,
    #458ff6 100%
  ) !important; */
  /* border: 3px solid #458ff6 !important; */
  border: 1px solid #dee2e6;
  /* 
  box-shadow: 0px 2px 12px 3px rgb(130 214 255 / 25%) !important; */
  box-shadow: 0px 3px 66px #f2f2f2;
}
.bordercondition2 {
  /* border: 3px solid #ff6c36 !important; */
  border: 1px solid #dee2e6;
  /* box-shadow: 0px 2px 12px 3px rgba(255, 130, 130, 0.25) !important; */
  box-shadow: 0px 3px 66px #f2f2f2;
}
.profilecard .company {
  font-size: 12px;

  margin-top: 5px;

  font-weight: 400;
  text-transform: capitalize;
  text-align: left;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-word;
  /* display: -webkit-box; */
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  margin-bottom: 5px;
}
.profilecard .company img {
  width: 80px;
  height: 80px;
  border-radius: 50%;
  border: 4px solid white;
}
.imageMargin span img {
  margin-bottom: 3px;
}
.profilecard .categoryicon {
  color: black;
  width: 35px;

  height: 35px;
  border-radius: 11px;
  overflow: hidden;
  background: #ffa48282;
  /* opacity: 0.9; */
  text-align: center;
}
.profilecard .hackcardarea {
  height: 100%;
  /* position: relative; */
  width: 100%;
  /* padding: 20px; */
  /* padding-left: 25px; */
  /* padding-right: 25px; */
  color: black;
  padding: 10px;
  background-color: white;
}
.profilecard .smallpic {
  height: 20px;
  width: 20px;
}
.profilecard .smaliconwrapper {
  position: absolute;
  top: 90px;
  left: 50%;
  transform: translate(-50%, 0);
}
.profilecard .smallhackimage {
  height: 150px;
  width: 100%;
  overflow: hidden;
  /* position: absolute; */
  /* z-index: 10; */
  /* border-radius: 20px; */
  border-radius: 14px;
}

.profilecard .smallhackimage .avatarImg {
  width: 100% !important;
  height: 150px !important;
  border-radius: 16px;
}
.sb-avatar--text div span {
  font-family: "Roboto" !important;
  font-size: 20px !important;
  font-weight: 500 !important;
}

.profilecard .SmallHackcontent h3 {
  font-size: 14px;
  width: 80%;
  font-weight: 600;
  text-align: left;
  word-break: break-word;
  overflow: hidden;
  text-overflow: ellipsis;
  /* display: -webkit-box; */
  /* line-height: 16px; */
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;

  margin-bottom: 7px;
  /* height: 16px; */
  white-space: nowrap;
  text-transform: capitalize;
  margin-top: 14px;
}

.profilecard .iconarea {
  width: 100%;
  height: 100%;
  /* margin-top: 5.9px; */
}

.profilecard .picarea {
  margin-top: -1px;
  text-align: left;
  margin-left: 2px;
  width: 100%;
}
.profilecard .profilepic {
  border-radius: 50%;
  width: 30px;
  height: 30px;
  margin-left: -2px;
  display: inline-block;
  overflow: hidden;
  /* padding: 1px; */
  background-color: white;
  text-align: center;
  color: #777676;
  border: 1px solid;
  font-size: 12px;
  line-height: 28px;
}

.profilecard .smallpic {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.profilecard .techarea {
  position: absolute;
  bottom: 40px;
  right: 12px;
  text-align: end;
  white-space: nowrap;
}
.profilecard .displayflex {
  display: flex;
  align-items: center;
}
.profilecard .techarea img {
  border-radius: 50%;
  width: auto;
  margin-left: 3px;

  height: 22px;
}

.profilecard .techarea img:first-of-type {
  margin-left: 0px;
}

.profilecard .clockicon {
  color: black;
  height: 10px;
  width: 10px;
  margin-top: -2px;
}
.profilecard .SmallHackcontent {
  padding-left: 5px;
  padding-right: 5px;
}
.profilecard .SmallHackcontent h4 {
  font-size: 14px;
  color: #fff;
  font-weight: 400;
  text-align: left;
}
.profilecard .date {
  text-align: right;
  position: absolute;
  font-size: 12px;
  font-weight: 300;
  margin-top: 5px;
  top: 210px;
  left: 15px;
}
.profilecard .category {
  z-index: 0;
  right: 10px;
  font-size: 12px;
  font-weight: 400;
  top: 9.8px;
  border-bottom-left-radius: 14px;
  padding: 2px 20px;
  color: #ffffff;
  height: 24px;
  text-transform: capitalize;
  position: absolute;
  border-top-right-radius: 14px;
  display: inline;
}
.category-status {
  z-index: 0;
  left: 10px;
  font-size: 12px;
  font-weight: 400;
  top: 9.8px;
  border-bottom-right-radius: 14px;
  padding: 2px 20px;
  color: #ffffff;
  height: 24px;
  text-transform: capitalize;
  position: absolute;
  border-top-left-radius: 14px;
  display: inline;
}
.profilecard .butFrom {
  z-index: 0;
  left: 10px;
  font-size: 12px;
  font-weight: 400;
  top: 9.8px;
  border-bottom-right-radius: 20px;
  padding: 2px 20px;
  color: #ffffff;
  height: 24px;
  text-transform: capitalize;
  position: absolute;
  border-top-left-radius: 20px;
  display: inline;
}
.ocategory {
  background-color: rgb(252, 108, 108);
}
.bcategory {
  background-color: rgb(84, 122, 247);
}
.grcategory {
  background-color: grey;
}

.hcategory {
  background-color: #458ff6;
}
.profilecard .verifyicononoverview {
  color: #ff6c36;
  width: 30px;
  height: 30px;
  position: absolute;
  top: 170px;
  right: 10px;
}
.profilecard .moretext {
  position: absolute;
  bottom: 10px;
  left: 16px;
  font-size: 14px;
  font-weight: 400;
  color: #ff6c36;
  cursor: pointer;
}
.profilecard .hackcardarea .rating {
  width: 50px;
  position: absolute;
  margin-left: -7px;
  top: 230px;
}
.profilecard .hackcardarea .rating .ratingprogresstext {
  position: absolute;
  left: 21px;
  top: 12px;
  font-size: 14px;
}
.completed {
  color: #007d05;
  margin-left: 5px;
}
.textcap {
  text-transform: capitalize;
}
.textcap-firstletter {
  display: inline-block;
}
.textcap-firstletter::first-letter {
  text-transform: uppercase;
}
.inprogress {
  color: #458ff6;
  margin-left: 5px;
}
.durmargin {
  margin-right: 8px;
}
.profilecard .complementwidth {
  width: 90%;
}
.displayinline11 {
  display: flex;
}

.cred-wrapper {
  position: relative;
}

.view-cred-wrapper {
  /* position: absolute;
  top: -28px;
  left: 50%;
  transform: translateX(-50%); */
  display: flex;
  align-items: center;
}

.view-cred-wrapper .view-cred-text {
  margin-right: 6px;
  color: #ff6c36;
  font-size: 14px;
}

.view-cred-wrapper .cred-text-img {
  width: 20px;
  height: 20px;
}

@media screen and (max-width: 600px) {
  .displayinline11 {
    display: block;
  }
  .mobiletopspace {
    margin-top: 20px;
  }
}
.certificateicons {
  position: absolute;
  /* top: 240px; */
  left: 50%;
  transform: translate(-50%, 0);
  height: 30px;
  width: 30px;
  /* cursor: pointer; */
  color: #ff6c36;
}

.certificateicons-profico {
  top: 278px;
}

@media screen and (min-width: 768px) and (max-width: 1200px) {
  .tech-icons-responsive:nth-child(4) {
    display: none;
  }
}
@media (max-width: 575px) {
  .tech-icons-responsive:nth-child(4) {
    display: none;
  }
}

.certificateicons-proficom {
  top: 228px;
}

.certificateiconsm {
  position: absolute;
  /* top: 240px; */
  font-size: 90%;
  left: 50%;
  transform: translate(-50%, 0);
  height: 27px;
  width: 112px;
  /* cursor: pointer; */
  color: #ff6c36;
}

.certificateiconsv {
  position: absolute;
  /* top: 240px; */
  font-size: 85%;
  left: 76%;
  transform: translate(-50%, 0);
  height: 33px;
  width: 122px;
  /* cursor: pointer; */
  color: #ff6c36;
}

.certificateicons-proficov {
  top: 278px;
}

.openbadge1 {
  margin-left: 284px;
  width: 17px;
  height: 21px;
  margin-top: -43px;
}

.openbadge12 {
  margin-left: 61px;
  width: 15px;
  height: 17px;
  top: 86.5%;
}

.openbadge123 {
  /* margin-left: 61px; */
  width: 15px;
  height: 17px;
  top: 93.5%;
}
.link-list {
  margin: 5px;
  padding: 5px;
  text-align: left;
}
.uploadcert4wrapper.small-card-cred-wrapper {
  text-align: right;
}

.small-card-cred-wrapper .cred-small-card-text {
  right: 39px;
  left: unset;
  transform: none;
}

.small-card-cred-wrapper .small-card-cred-text-img {
  margin-left: 0px;
  margin-right: -20px;
}

.profilecard.opportunityCard {
  font-family: Roboto;
  text-align: start;
  padding: 6px;
  border-radius: 14px;
  background: #fff;
  position: relative;
  min-height: 366px;
}

.profilecard.opportunityCard .smaliconwrapper {
  position: absolute;
  top: 90px;
  left: 72px;
  width: 82px;
  height: 82px;
  border-radius: 50%;
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
  border: 2px solid var(--theme-card-shadow);
  overflow: hidden;
}

.profilecard.opportunityCard .company img {
  width: 100%;
  height: 100%;
  border: 0px;
}

.profilecard.opportunityCard .category-status {
  width: 52px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-size: 12px;
  font-weight: 300;
  border-radius: 14px;
  padding: 1px;
  position: absolute;
  top: 24px;
  left: 24px;
}

.profilecard.opportunityCard .techarea {
  right: unset;
  left: 16px;
  bottom: 75px;
}

.profilecard.opportunityCard .SmallHackcontent h3 {
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  /* color: #262429e8; */
  color: var(--theme-black);
  text-transform: capitalize;
  margin-top: 20px;
}

.profilecard.opportunityCard .company {
  text-wrap: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  margin-top: 4px;
  color: var(--theme-dark-gray);
  text-transform: capitalize;
}

.profilecard.opportunityCard .date {
  text-align: right;
  position: absolute;
  font-size: 12px;
  font-weight: 300;
  margin-top: 5px;
  top: 236px;
  left: 16px;
}

.profilecard.opportunityCard .category,
.profilecard.opportunityCard .category-tags {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  color: #fff;
  border-radius: 14px;
  text-transform: capitalize;
  padding: 2px 12px 2px 12px;
  right: unset;
  left: 16px;
  top: 300px;
}

.profilecard.opportunityCard .category-tags {
  left: 74px;
}
.profilecard.opportunityCard .SmallHackcontent {
  padding-left: 0px;
}
.social-icons {
  height: 24px;
}
@media screen and (max-width: 615px) {
  .uploadcert4wrapper.cred-wrapper {
    text-align: start;
    margin-top: 15px;
  }

  .uploadcert4wrapper .certificateiconsm.view-cred-text {
    margin-left: 8px;
    font-size: 16px;
    font-weight: 400;
    position: unset;
  }

  .cred-text-img {
    position: unset;
    margin-left: 15px;
  }
}

.productlistcard .sliderimg {
  height: 180px;
  width: 100%;
}
#root .course .dropdown button {
  background: transparent;
  border: none;
  color: orange;
  padding: 0px;
  border-radius: 50%;
}

#root .course .toggle:hover,
#root .course .show > .btn-primary.dropdown-toggle {
  border: none;
  background-image: none;
  box-shadow: none;
}
#root .course .btn-primary:focus {
  box-shadow: none;
}
#root .course .threedoticonfilled {
  width: 25px;
  height: 25px;
  color: #ff4b09;
  margin-top: -20px;
}

#root .course .threedoticonfillednew {
  width: 25px;
  height: 25px;
  color: #ff4b09;
  /* margin-top: -20px; */
}
#root .course .dropdown {
  position: absolute;
  right: 62px;
  /* top: 50px; */
}

#root .course .relativePos {
  position: relative;
}

.productlistcard .threedot {
  background-color: transparent;
  position: absolute;
  top: 0px;
  right: 0px;
  padding: 0px;
  border: none;
  outline: none;
  display: none;
}
.productlistcard .technologynm {
  margin-top: 10px;
  font-weight: 600;
  font-size: 18px;
  color: #fde50dd1;
}
.pbfont {
  font-weight: 600;
}
.headcolor {
  color: #0d6efdd1 !important;
  font-weight: 600;
  font-size: 20px;
  text-transform: capitalize;
}

.problemstm {
  font-size: 15px;
  font-weight: 500;
}
.capitalisej {
  text-transform: capitalize;
}
.bodycolor {
  font-size: 16px;
  color: black;
  opacity: 0.7;
  display: block;
  font-weight: 400;
  letter-spacing: 0.3px;
  line-height: 26px;
  text-transform: capitalize;
  margin-left: 0px;
}
.awardmt {
  margin-top: 10px;
}
.productlistcard .postinfo {
  margin-left: 60px;
  cursor: pointer;
}

.productlistcard .productcardbody {
  text-align: left;
  width: 60%;
}
.productlistcard .postdetail {
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 18px;
  text-align: left;
  color: #828282;
  margin-top: 10px;
}
.cardBody {
}
.cardBottom {
  padding: 0 15px 15px 20px;
}

.headingCard {
  font-weight: 500;
  font-size: 25px;
  color: #232129;
  text-transform: capitalize;
  margin-bottom: 0;
}
.cardSubtext {
  color: #9a9a9a;
  font-size: 16px;
  font-weight: 400;

  text-transform: capitalize;
  margin-bottom: 4px !important;
}

.productlistcard {
  /* background-image: url('../../images/bg.jpg');
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover; */
  border-radius: 21px;
  border: 0px solid rgba(0, 0, 0, 0.25);
  width: 100%;
  height: auto;
  overflow: hidden;
  margin-bottom: 20px;
  margin-top: 15px;
  box-shadow: 0px 10px 40px rgb(210 214 217 / 40%);
}
.productlistcard .productlistcardcontent {
  padding: 15px;
}

.productlistcard .datetime,
.postcard .posttitle {
  display: block;
  text-align: left;
  cursor: pointer;
}
.productlistcard .threedot img {
  width: 100%;
  vertical-align: none;
  height: 100%;
  cursor: pointer;
  outline: none;
}

.productlistcardcontainer .btn-primary.dropdown-toggle {
  color: unset;
  background-color: transparent;
  border: unset;
}
#root .course .show > .btn-primary.dropdown-toggle:focus {
  box-shadow: unset;
}

#root .course .dropdown-toggle::after {
  display: none;
}

#root .course .productlistcardcontainer {
}

#root .course .productlistcardcontainer .dropdown {
  position: absolute;
  display: inline-block;
  top: 15px;
  right: 50px;
  width: 20px;
}
#root .course .productlistcardcontainer .dropdown.show {
  display: inline-block;
}

#root .course .productlistcardcontainer .dropdown-item:focus,
.dropdown-item:hover {
  color: var(--white);
  text-decoration: none;
  background-color: var(--orange5e);
  cursor: pointer;
}

.productlistcard .posttitle {
  font-weight: 500;
  color: #4f4f4f;
  font-size: 17px;
  line-height: 18px;
  cursor: pointer;
}
.productlistcard .datetime {
  color: #333333;
  font-weight: 500;
  font-size: 11px;
  line-height: 12px;
  margin-top: 5px;
}

.postcard .postimage {
  width: auto;
  height: auto;
  margin-left: -15px;
  margin-right: -15px;
  margin-top: 15px;
  cursor: pointer;
  display: flex;
}

.productlistcard .actioninfo {
  display: block;
}

.postcard.displayimg {
  width: auto;
}

.productlistcard .producttitle {
  display: flex;
  font-weight: 500;
  font-size: 15px;
  color: #151515;
}

.productlistcard .productamount {
  display: flex;
  font-weight: 600;
  font-size: 18px;
  color: #151515;
}
.postimage .slider-wrapper {
  height: 250px;
}
.productlistcard .carousel .slide img {
  width: 100%;
  height: auto;
}
.category-tags {
  position: absolute;
  bottom: 10px;
  right: 10px;
  z-index: 0;
  font-size: 12px;
  font-weight: 400;
  border-top-left-radius: 20px;
  padding: 2px 20px;
  color: #ffffff;
  height: 24px;
  text-transform: capitalize;
  border-bottom-right-radius: 20px;
  display: inline;
  background-color: rgb(252, 108, 108);
}
@media (max-width: 1500px) {
  .postimage .slider-wrapper {
    height: 250px;
  }
}
@media (max-width: 370px) {
  .postimage .slider-wrapper {
    height: 150px;
  }
}

.icon-flipped {
  transform: scaleX(-1);
  -moz-transform: scaleX(-1);
  -webkit-transform: scaleX(-1);
  -ms-transform: scaleX(-1);
}

.dropdown {
  position: relative;
  display: inline-block;
}

.shareform .sharetextbox {
  /* border: 1px; */
  resize: none;
}

.productlistcard .shareform,
.productlistcard textarea.form-control,
.productlistcard .form-group {
  height: 95%;
  width: 98%;
}

.productlistcard .menu {
  border-radius: 8px;
}

.productlistcard .searchbutton {
  margin-left: 2px;
  color: var(--accent);
  cursor: pointer;
}

.productlistcard .productdtl {
  display: flex;
}

.productlistcard .strikamount {
  color: #a9a9a9;
  font-size: 12px;
  font-weight: 600;
  line-height: 18px;
  display: flex;
}

.productlistcard .productcart {
  width: 40px;
  height: 40px;
  background-color: var(--accent);
  cursor: pointer;
  border-radius: 50%;
  border: 1px solid var(--greenText);
  color: white;
  right: 15px;
  bottom: 15px;
  position: absolute;
  z-index: 1000;
}

.productlistcard .cartlogo {
  margin: 7px;
}

.productlistcard .imagearea {
  width: 219px;
  height: 180px;
}
.productlistcard .imagearea img {
  width: 100%;
  height: 100%;
  border-radius: 8px;
}

.productlistcard .discount {
  color: #6a983c;
  font-weight: 600;
  background-color: #f4f8ec;
  padding-left: 5px;
  padding-right: 5px;
  border-radius: 8px;
  position: absolute;
  top: 15px;
  left: 15px;
  font-size: 12px;
}

:root {
  /* --shadow: 0.07843; */
  --textfaintopacity: 0.75;
  --white: #fff;
}

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

.Card-style {
  box-shadow: 0px 0px 5px #ffaaaca3;
  border: 0px;
  padding: 15px;
  border-radius: 12px;
}

.Card-style2 {
  border-radius: 10px;
  cursor: "pointer";
  padding: 0px;
}

.image_border1 {
  border-top-left-radius: 12px;
  border-bottom-left-radius: 12px;
}

.cardimgstyle {
  width: 100%;
  height: 120px;
}

.card_body {
  width: 100%;
  padding-left: 15px;
  padding-right: 15px;
  padding-top: 5px;
}

.cardcontainer {
  display: flex;
}

.mb-style {
  padding-left: 20px;
}

.normaltext2 {
  color: #828282;
  font-size: 16px;
  font-weight: 400;

  letter-spacing: 0.2px;
  line-height: 18px;
  text-transform: capitalize;
}
.normaltext2 span {
  color: #3c3c3c;
  letter-spacing: 0.4px;
  margin-right: 14px;
}

.ub-boooking {
  margin-bottom: 6px;
}

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

.ub-font {
  color: var(--white);
  font-weight: bold;
}

.sliderimg2 {
  height: 130px;
  width: 100%;
}

.productlistcarosal {
  width: 40%;
}

@media screen and (max-width: 2000px) {
  .productlistcard .producttitle {
    font-size: 15px;
    margin-top: 10px;
  }
}
@media screen and (max-width: 1200px) {
  .productlistcard .producttitle {
    font-size: 15px;
  }
  .productlistcard {
    width: 100%;
    overflow: hidden;
  }
  .productlistcard .imagearea {
    width: 200px;
    height: 150px;
  }
}

@media screen and (max-width: 991px) {
  .productlistcard .producttitle {
    font-size: 14px;
  }
  .productlistcard .productamount {
    font-size: 15px;
  }
  .productlistcard {
    width: 100%;
    height: auto;
    overflow: hidden;
    margin-bottom: 20px;
  }
  .productlistcard .imagearea {
    width: 100%;
    height: 150px;
  }
}

@media screen and (max-width: 330px) {
  .productlistcard .producttitle {
    font-size: 12px;
  }
  .productlistcard .productamount {
    font-size: 14px;
  }

  .productlistcard {
    width: 100%;
    overflow: hidden;
    margin-bottom: 20px;
    margin-top: 15px;
  }

  .productlistcard .imagearea {
    width: 100%;
    height: 145px;
  }
}

.info {
  text-align: left;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-word;
  /* display:-webkit-box; */
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

/*------css for modal--------*/
#root .coursemodal {
  border-radius: 30px;
  display: flex;
  max-width: 100%;
  /* margin-left: 200px; */
  margin-bottom: 20px;
  margin-top: 20px;
  overflow: hidden;
  width: 700px;
  flex-direction: column;
}

#root .course-info-m * {
  /* color:#343333 ; */
}
#root .course-info-m {
  width: 100%;
  /* color:#343333; */

  /* text-shadow: 1px 1px 3px #888888b5; */
  /* box-shadow: 5px 6px 13px #f1f1f1; */
  padding: 10px;
  position: relative;
  /* border: 1px solid #e8e8e8;
  border-radius: 40px; */
  /* margin: 15px 70px; */
  /* box-shadow: 5px 10px 20px 0px #f9f9f9; */
}

.iconContainerformodal {
  background-color: rgb(243 243 243 / 46%);
  border-radius: 16px;
  width: 675px;
  height: 100%;
  margin-right: 10px;
  overflow: hidden;
}

.cardHeadImgformodal {
  transform: scale(1.2);
  width: 100%;
  height: 100%;
  border-radius: 10px;
}

.info-l {
  text-align: left;
  overflow-wrap: break-word;
}

.allcapsformodal {
  text-transform: capitalize;
  font-weight: 600;
  font-size: 18px;
  color: #343333;
}

.firstlettercapsformodal {
  text-transform: capitalize;
  font-size: 16px;
  font-weight: 400;
  color: #4a4a4a;
}

.firstlettercapsformodal2 {
  /* text-transform: capitalize; */
  font-size: 16px;
  font-weight: 400;
  color: #4a4a4a;
  width: 90%;
}

.iconformodal {
  width: 20px;
  height: 20px;
  margin-right: 12px;
}

.verifytextformodal {
  background-color: coral;
  padding: 4px;
  border-radius: 4px;
}

.widthformodal {
  width: 100%;
}

.updatepadding {
  padding-left: 140px;
  padding-top: 35px;
  padding-bottom: 25px;
}
.updatepaddingno {
  padding-top: 35px;
  padding-left: 0px;
  padding-right: 140px;
}

.postdetaildel {
  font-size: 22px;
  font-weight: 600;
  padding-bottom: 15px;
}

/* borderRadius to the course and hackathon cards */
#root .course-info .dropdown-menu {
  border-radius: 10px;
}
#root .course-info .dropdown-item {
  /* width: 90%;   */
  margin: auto;
}
#root .course-info .dropdown-item:hover {
  border-radius: 2px;
}

.clist {
  background-color: rgb(243 243 243 / 46%);
  border-radius: 16px;
  width: 100%;
  height: 60px;
  margin-right: auto;
}

.captitle {
  text-transform: capitalize;
}

.allhcimgs {
  width: 78px;
  height: 70px;
  border-radius: 50%;
  /* position: absolute; */
  padding-left: 20px;
  padding-top: 10px;
  padding-right: 18px;
  padding-bottom: 20px;
}

#root .course-card .dropdown-menu {
  transform: translate(0px, 35px) !important;
}

* {
  box-sizing: border-box;
}

.course {
  /* color: white; */
  display: flex;
  /* margin-left: 200px;  */
  margin-bottom: 20px;
  margin-top: 40px;
  overflow: hidden;
  width: 100%;
  flex-direction: column;
}

.course .verifytext {
  background-color: coral;
  padding: 4px;
  border-radius: 4px;
}

.verifyicon {
  color: rgb(255 255 255);
  width: 45px;
  height: 40px;
  position: absolute;
  bottom: 0px;
  /* margin-left: 640px; */
  right: 15px;
}

.verifyiconfornonmodal {
  color: #ffffff;
  width: 31px;
  height: 40px;
  position: absolute;
  bottom: 0;
  /* margin-left: 640px; */
  top: 78%;
  right: 0;
  margin-right: 20px;
}

.verifyiconforcards {
  color: rgb(255, 68, 0);
  width: 45px;
  height: 40px;
  position: absolute;
  bottom: 7px;
  right: 0;
  margin-right: 25px;
  /* margin-left: 393px; */
}

.courses-container {
  margin-top: 15px;
}

.course h5 {
  margin-bottom: 0 !important;
  font-size: 22px;
  text-align: left;
  font-weight: 600;
  color: #212529b8;
  text-shadow: 0px 1px 1px rgb(104 104 104 / 12%);
}

.course-preview {
  background-color: var(--blue-1);
  color: var(--white);
  padding: 30px;
  max-width: 250px;
}

.course-preview a {
  color: var(--white);
  display: inline-block;
  font-size: 12px;
  opacity: 0.6;
  margin-top: 30px;
  text-decoration: none;
}
/* .course-info *{
  color: white;
} */
.course-infoov {
  color: white;
  text-shadow: 1px 1px 3px #888888b5;
  box-shadow: 5px 6px 13px #f1f1f1;
  padding: 35px;
  position: relative;
  border: 1px solid #e8e8e8;
  border-radius: 40px;
  margin-top: 15px;
  margin-bottom: 15px;
  margin-left: 70px;
  /* box-shadow: 5px 10px 20px 0px #f9f9f9; */
}
.course-infoov * {
  color: white !important;
}
.course-info2 {
  padding: 0px 10px 0px 10px;
  position: relative;
  border-radius: 40px;
  /* margin: 0px 0px 15px 30px; */
}

.course .iconareaedu {
  width: 120px;
  height: 120px;
}

@media screen and (max-width: 480px) {
  .social-panel-container.visible {
    transform: translateX(0px);
  }

  .floating-btn {
    right: 10px;
  }
}
.logo {
  height: 50%;
  width: 50%;
}

.info {
  text-align: left;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  text-overflow: ellipsis;
  word-break: break-word;
  /* display:-webkit-box; */
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  width: 100%;
}

.cardHeadIcon {
  margin-left: 10px;
  transform: scale(1.2);
  width: 53px;
  height: 23px;
}

.threedotverti {
  position: relative;
  top: 15px;
}
.cardHeadIcon11 {
  margin-left: 10px;
  transform: scale(1.2);
  width: 53px;
  height: 23px;
}
.cardHeadImg {
  transform: scale(1.2);
  border-radius: 10px;
  width: 100%;
  height: 100%;
}
.iconContainer {
  background-color: rgb(243 243 243 / 46%);
  border-radius: 14px;
  width: 100%;
  height: 60px;
}
.icon {
  width: 22px;
  height: 20px;
  margin-right: 12px;
}

@media only screen and (max-width: 500px) {
  /* .icon {
    width: 10px;
    height: 10px;
  } */
  /* .course h5 {
    font-size: 12px;
    text-align: left;
    padding-bottom: 10px;
  } */

  .verifyicon {
    width: 30px;
    height: unset;
    /* position: unset; */
    right: -15px;
    bottom: 0%;
    margin-left: 75%;
  }
}
.first-text-capital::first-letter {
  text-transform: uppercase;
}
.firstletter-cap {
  display: inline-block;
}

.firstletter-cap::first-letter {
  text-transform: uppercase;
}
.widthforoverviewworkexp {
  width: 63%;
}
.add {
  cursor: pointer;
  width: 40px;
  height: 40px;
  top: -6px;
  position: absolute;
  right: 6px;
}

.update {
  position: absolute;
  top: 40px;
  right: 60px;
  cursor: pointer;
}
.update2 {
  cursor: pointer;
  /* width: 30px; */
}

.delete {
  position: absolute;
  top: 40px;
  right: 20px;
  cursor: pointer;
}

.allcaps {
  /* text-transform: capitalize; */
  color: #000000;
  font-weight: 600;
  font-size: 16px;
}

.firstlettercaps {
  /* text-transform: capitalize; */
  color: rgba(33, 37, 41, 0.72);
  font-size: 15px;
  font-weight: 400;
}
.firstlettercaps2 {
  /* text-transform: capitalize; */
  color: #828282;
  font-size: 15px;
  font-weight: 400;
}

.firstlettercaps11 {
  /* text-transform: capitalize; */
  color: #828282;
  font-size: 13px;
  font-weight: 300;
}
.aboutContainer {
  height: 100%;
}

.font {
  font-size: 20px;
  font-weight: 500;
}

.searchformore {
  text-align: left;
  cursor: pointer;
  color: #828282;
  font-size: 15px;
}

.normaltext2 span {
  color: #3c3c3c;
  letter-spacing: 0.4px;
  margin-right: 14px;
}

.problemstm {
  font-size: 15px;
  font-weight: 500;
}

/*-------------modalforoverview----------------*/
.course-info-modal * {
  /* color: #343333 ; */
}
.course-info-modal {
  /* color: #343333 ; */

  /* text-shadow: 1px 1px 3px #888888b5;
    box-shadow: 5px 6px 13px #f1f1f1; */
  padding: 10px;
  position: relative;
  /* border: 1px solid #e8e8e8;
    border-radius: 40px; */
  /* margin: 15px 70px; */
  /* box-shadow: 5px 10px 20px 0px #f9f9f9; */
}

.iconContainerformodal {
  background-color: rgb(243 243 243 / 46%);
  border-radius: 16px;
  width: 675px;
  height: 70px;
  margin-right: 10px;
  overflow: hidden;
}

.widthforovervmodal {
  width: 100%;
}

.allcapsformodal {
  /* text-transform: capitalize; */
  color: #343333;
  font-weight: 600;
  font-size: 18px;
}
.textcolor {
  color: #343333;
  /* text-shadow: 1px 1px 1px #00000073;  */
}
.firstlettercapsformodal {
  /* text-transform: capitalize; */

  font-size: 15px;
  font-weight: 500;
  color: #343333;
}

.firstlettercapsformodal2 {
  /* text-transform: capitalize;
    */
  font-size: 14px;
  font-weight: 300;
  color: #343333;
}

.iconformodal {
  width: 20px;
  height: 20px;
  margin-right: 12px;
}

.verifytextformodal {
  background-color: coral;
  padding: 4px;
  border-radius: 4px;
}
.info-l {
  text-align: left;
  overflow-wrap: break-word;
}
.coursemodal {
  /* color: white; */
  /* background-color: var(--white); */
  /* border-radius: 30px; */
  display: flex;
  max-width: 100%;
  /* margin-left: 200px;  */
  margin-bottom: 20px;
  margin-top: 20px;
  overflow: hidden;
  width: 700px;
  flex-direction: column;
}

.nothing {
  /* width: 80px; */
  text-align: left;
  margin-top: 15px;
  margin-bottom: 15px;
  /* margin-left: -12.5px; */
}

.nothing img{
  max-height: 135px;
}
.nothing.nothng-credimg {
  margin-top: 0px;
}
.nothingforoverviewpost {
  text-align: left;
}

.toppostSmall {
  font-size: 22px;
  text-align: left;
  font-weight: 600;
  color: #212529b8;
  text-shadow: 0px 1px 1px rgb(104 104 104 / 12%);
}

.verifyicononoverview {
  color: #ff6c36;
  width: 30px;
  height: 30px;
  position: absolute;
  top: 170px;
  right: 10px;
}
@media only screen and (min-width: 767px) and (max-width: 992px) {
  .threedotverti {
  }
}
@media screen and (max-width: 480px) {
  .cardHeadIcon {
    margin-left: 0px;
  }
  .widthforoverviewworkexp {
    width: 60%;
  }
  .iconContainer .widthAdjust {
    width: 55%;
  }
}

.sharesomethingcard {
  width: 100%;
  background: var(--white);
  /* border-radius: 30px; */
  border-radius: 14px;
  border: 1px solid #dee2e6;
  /* box-shadow:0px 0px 20px 2px #dee2e666; */
  box-shadow: 0px 3px 66px #f2f2f2;
  position: relative;
  height: 100px;
  cursor: pointer;
}
#sharepost .sharesomethingcard2 {
  border-radius: 8px;
  border: 1px solid #dee2e6;
  box-shadow: none;
  position: relative;
}
.optiontext.videopost {
  font-size: 12px;
  font-family: "Roboto", sans-serif;
  color: #91979d;
  font-weight: 500;
  background: #fff;
  z-index: 999;
  text-align: left;
  border-radius: 8px;
  border: 1px solid var(--greyLight);
  box-sizing: border-box;
  outline: none;
  /* mix-blend-mode: normal; */
  box-shadow: 1px 0 8px 0 rgb(222 226 230 / 39%);
  margin-bottom: 10px;
  position: absolute;
  overflow-y: scroll;
  overflow-x: hidden;
  height: 95px;
  border: 1px solid silver;
  margin-top: -25px;
  padding-top: 10px;
  padding-bottom: 10px;
  width: 100%;
  max-width: 200px;
}

.sharesomethingcard .postdrpdwnarea {
  width: 350px;
}

.sharesomethingcard .postdrpdwn {
  margin: 10px;
  width: 100px;
  position: absolute;
  right: 0px;
}

.sharesomethingcard .postdrpdwn2 {
  margin: 10px;
  width: 200px;
  position: absolute;
  right: 110px;
  top: -25px;
}

.sharesomethingcard .cinput2 {
  border: 1px;
  border-radius: 30px;
  padding: 25px;
  width: 90%;
  margin-left: 60px;
}

.sharesomethingcard .sharesomethingcontent {
  /* margin: 30px; */
  margin: 0px 15px;
  height: 100%;
  position: relative;
  cursor: pointer;
}
.sharesomethingcard .dpcircle img {
  width: 100%;
  height: 100%;
  cursor: pointer;
}
.sharesomethingcard .dpcircle {
  position: absolute;
  top: 0px;
  left: 0px;
  overflow: hidden;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  top: 60%;
  cursor: pointer;
  transform: translate(0%, -50%);
  margin-top: -10px;
}
.sharesomethingcard .postform {
  margin-left: 60px;
  position: absolute;
  top: 50%;
  transform: translate(0%, -50%);
  text-align: left;
  margin-top: -10px;
  cursor: default;
}

.sharesomethingcard .privacyselect {
  margin-top: -20px;
}
.sharesomethingcard .postform .privacyselecttext {
  font-weight: 300;
  font-size: 14px;
  color: var(--grey3);
  cursor: default;
}

.sharesomethingcard .postform .posttext {
  color: var(--darkGrey);
  font-weight: 300;
  margin-top: 20px;
  font-size: 14px;
}
/* .sharesomethingcard .postform {
width: 98%;
}
 */
.sharesomethingcard .posttext {
  top: 39px;
  position: absolute;
  left: 60px;
}
.sharesomethingcard .shareform,
.sharesomethingcard textarea.form-control,
.sharesomethingcard .form-group {
  height: 285px;
  width: 100%;
  padding-top: 25px;
  padding-bottom: 10px;
}
.sharesomethingcard2 .form-group,
.sharesomethingcard2 .shareform {
  padding-top: 0px;
}
.sharesomethingcard .sharetextbox {
  border: 0px;
  resize: none;
}

@media screen and (max-width: 750px) {
  .sharesomethingcard .postform {
    width: 80% !important;
  }
}

.sharesomethingcard textarea.form-control {
  /* height: auto; */
  width: 100%;
  /* height: 40px; */
  margin: 8px 0;
  /* border: 1px solid var(--org); */
  border-radius: 10px;
  padding: 20px 0px;
  box-sizing: border-box;
  outline: none;
  font-family: "Roboto", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 22px;
  /* mix-blend-mode: normal; */
  box-shadow: none;
}

.sharesomethingcard2 textarea.form-control {
  margin: 0;
  border-radius: 8px;
  padding: 4px 0px;
}

@media screen and (max-width: 750px) {
  .sharesomethingcard .posttext {
    font-size: 14px;
  }
}

#postscreen .content {
  width: 500px;

  /* Divya */
  /* width : 100%;
    display:grid;
    grid-template-columns: 2fr 2fr;
    grid-gap:20px;
     */
  /* Divya */
  margin-top: 30px;
  margin: 0 auto 0;
}
#postscreen .side {
  align-items: center;
  justify-content: center;
  width: 100%;
}

#postscreen .rightsidebar {
  /* margin-left: 50px; */
  padding-bottom: 10px;
}
#postscreen .dropdown-menu.show {
  display: block;
  transform: translate3d(-136px, 26px, 0px) !important;
}

@media screen and (max-width: 991px) {
  #postscreen .content {
    width: 100%;

    margin: 0 auto 0;
  }
}
@media screen and (max-width: 912px) {
  #postscreen .dropdown-menu.show {
    display: block;
    transform: translate3d(2.08616e-6px, 26px, 0px) !important;
  }
}

.form-control:focus {
  border-color: var(--org-f8) !important;
  box-shadow: none !important;
  margin: none !important;
}

.input,
.form-control.input {
  width: 100%;
  height: 40px;
  border-radius: 10px;
  padding: 0 20px;
  box-sizing: border-box;
  outline: none;
  font-family: "Roboto", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 18px;
  /* mix-blend-mode: normal; */
  box-shadow: 1px 0px 8px 0px #dee2e663;
  background-image: none !important;
  /* text-transform: capitalize; */
}

.form-control.urlinput {
  height: 40px;
  border-radius: 0px 10px 10px 0px !important;
  padding: 0 20px;
  box-sizing: border-box;
  outline: none;
  font-family: "Roboto", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 18px;
  box-shadow: 1px 0px 8px 0px #dee2e663;
  background-image: none !important;
}

.input-group-text{
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 18px;
  border-radius: 10px 0px 0px 10px;
  background-color: white;
  border-right: 0px;
}

.form-group {
  margin-bottom: 15px !important;
}
.invalid-feedback {
  font-family: "Roboto", sans-serif !important;
  display: none;
  width: 100%;
  font-weight: 300;
  margin-top: 0.25rem;
  font-size: 12px;
}
/* .margin {
  margin-bottom: 15px;
} */

.passwordIcon {
  position: absolute;
  margin-left: 104px;
  margin-top: -32px;
  width: 20px;
  cursor: pointer;
}
.removeStyles {
  border-radius: 10px !important;
}
.reduceStyles {
  border-radius: 7px !important;
}
textarea.form-control.input {
  height: auto;
  width: 100%;
  /* height: 40px; */
  /* margin: 8px 0; */
  /* border: 1px solid var(--org); */
  min-height: 40px;
  border-radius: 10px;
  padding: 10px 15px;
  box-sizing: border-box;
  outline: none;
  font-family: "Roboto", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 18px;
  /* mix-blend-mode: normal; */
  box-shadow: 1px 0px 8px 0px #dee2e663;
  text-transform: unset;
}

.txta {
  height: 100px;
  width: 100%;
  /* height: 40px; */
  /* margin: 8px 0; */
  border: 1px solid #ced4da;
  border-radius: 10px;
  padding: 10px 20px;
  box-sizing: border-box;
  background-color: white;
  outline: none;
  font-family: "Roboto", sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 12px;
  line-height: 18px;
  /* mix-blend-mode: normal; */
  box-shadow: 1px 0px 8px 0px #dee2e663;
}
.txta:focus {
  border-color: var(--blue-f8) !important;
  box-shadow: none !important;
  margin: none !important;
}

.searchinput:focus {
  border: 1px solid var(--blue-f8);
  box-shadow: none !important;
  margin: none !important;
}
.searchinput {
  width: 260px;
  height: 40px;
  /* margin: 8px 0; */
  /* border: 1px solid var(--org); */
  border-radius: 10px;
  padding: 0 20px;
  box-sizing: border-box;
  outline: none;
  font-family: "Roboto", sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 12px;
  line-height: 18px;
  /* mix-blend-mode: normal; */
  box-shadow: 1px 0px 8px 0px #dee2e663;
  border: 1px solid #ced4da;
}

.smallliveproject {
  width: 100%;
  height: 275px;
  position: relative;
  display: block;
  overflow: hidden;
  margin-top: 20px;
  border-radius: 14px;
  /* border: 3px solid #ff6c36; */
  border: 1px solid #dee2e6;
  /* box-shadow: 0px 2px 18px 3px rgba(255, 130, 130, 0.2); */
  box-shadow: 0px 3px 66px #f2f2f2;
  /* cursor: pointer; */
  color: black;
}
.smallliveproject .company {
  font-size: 12px;

  margin-top: 5px;

  font-weight: 400;
  text-transform: capitalize;
  text-align: left;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-word;
  /* display: -webkit-box; */
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  margin-bottom: 8px;
}
.smallliveproject .company img {
  width: 80px;
  height: 80px;
  border-radius: 50%;
  border: 4px solid white;
}
.categoryicon {
  color: black;
  width: 35px;

  height: 35px;
  border-radius: 11px;
  overflow: hidden;
  background: #ffa48282;
  /* opacity: 0.9; */
  text-align: center;
}
.smallliveproject .hackcardarea {
  height: 100%;
  /* position: relative; */
  width: 100%;
  /* padding: 20px; */
  /* padding-left: 25px; */
  /* padding-right: 25px; */
  color: var(--theme-dark-gray);
  padding: 10px;
  position: relative;
}

.smallpic {
  height: 20px;
  width: 20px;
}
.smaliconwrapper {
  position: absolute;
  top: 90px;
  left: 50%;
  transform: translate(-50%, 0);
}
.smallliveproject .smallhackimage {
  height: 150px;
  width: 100%;
  overflow: hidden;
  /* position: absolute; */
  /* z-index: 10; */
  /* border-radius: 20px; */
  border-radius: 14px;

}

.smallhackimage .avatarImg {
  width: 100% !important;
  height: 150px !important;
  /* border-radius: 16px; */
}
.sb-avatar--text div span {
  font-family: "Roboto" !important;
  font-size: 20px !important;
  font-weight: 500 !important;
}

.smallliveproject .SmallHackcontent {
  padding-left: 5px;
  padding-right: 5px;
}
.smallliveproject .SmallHackcontent h3 {
  font-size: 14px;
  width: 100%;
  font-weight: 600;
  text-align: left;
  word-break: break-word;
  overflow: hidden;
  text-overflow: ellipsis;
  color: var(--theme-black);
  /* display: -webkit-box; */
  /* line-height: 16px; */
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  /* text-shadow: 1px 1px white; */
  /* letter-spacing: 1px; */
  /* line-height: 20px; */
  margin-bottom: 7px;
  height: 16px;
  text-transform: capitalize;
  margin-top: 12px;
}

.smallliveproject .iconarea {
  width: 100%;
  height: 100%;
  /* margin-top: 5.9px; */
}

.smallliveproject .picarea {
  margin-top: 2px;
  text-align: left;
  margin-left: 2px;
  width: 100%;
}
.smallliveproject .countline {
  line-height: 31.5px;
}
.smallliveproject .profilepic {
  border-radius: 50%;
  width: 30px;
  height: 30px;
  margin-left: -2px;
  display: inline-block;
  overflow: hidden;
  /* padding: 1px; */
  background-color: white;
  text-align: center;
  color: #777676;
  /* border: 1px solid #E3E3E3; */
  outline: 1px solid #969595;
  font-size: 10px;
  line-height: 28px;
}

.smallliveproject .smallpic {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.smallliveproject .techarea {
  margin-top: -2px;
  flex: auto;
  text-align: end;
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  max-height: 22px;
  justify-content: flex-end;
  overflow: hidden;
}
.smallliveproject .displayflex {
  display: flex;
  align-items: center;
}

.smallliveproject .techarea img {
  border-radius: 50%;
  width: auto;
  height: 22px;
  margin-left: 3px;
}

.smallliveproject .techarea img:first-of-type {
  margin-left: 0px;
}

.smallliveproject .clockicon {
  color: black;
  height: 20px;
  width: 20px;
}
.smallliveproject .SmallHackcontent h4 {
  font-size: 14px;
  color: black;
  font-weight: 400;
  text-align: left;
}
.smallliveproject .date {
  text-align: left;
  position: absolute;
  bottom: 20px;
}

.moredetails {
  /* border-radius: 30px; */
  /* margin-top: 20px; */
  /* margin-bottom: 10px; */
  /* box-shadow: 1px 2px 20px 0px #f1f1f1; */
  /* border: 3px solid #ff6c36c2; */
  /* padding: 0px 25px 25px 25px; */
}

.moredetails .clockicon {
  color: black;
  height: 15px;
  width: 15px;
  margin-right: 3px;
  margin-top: -2px;
}

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

.moredetails .approvebtn,
.moredetails .closebtn {
  display: inline-block;

  width: 35px;
  height: 35px;
  background: #ff885e;
  border-radius: 50%;
  padding: 4px;
  text-align: center;
  color: white;
  box-shadow: 2px 5px 14px 0px #ff6c363d;
  cursor: pointer;
}
.moredetails .completebtn,
.moredetails .closebtn {
  display: inline-block;

  width: 35px;
  height: 35px;
  background: #ff6c35;
  border-radius: 50%;
  padding: 4px;
  text-align: center;
  color: white;
  box-shadow: 2px 5px 14px 0px #ff6b3548;
  cursor: pointer;
}
.moredetails .marked {
  background-color: #ff6c3669;
}
.moredetails .more {
  margin-left: 30px;
  color: #ff6c35;
  text-transform: capitalize;
}
.moredetails .closebtn {
  margin-left: 15px;
  background: #ff6333;
  background: #828282;
  box-shadow: 2px 5px 14px 0px #adb5bde0;
}

/* .moredetails .infobox {
    position: relative;
     
} */
.moredetails .date {
  margin-top: 35px;
  text-align: left;
}
.moredetails .dpcircle {
  position: absolute;
  top: 0px;
  left: 0px;
  overflow: hidden;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  top: 50%;
  cursor: pointer;
  transform: translate(0%, -50%);
}
.moredetails .dpcircle img {
  width: 100%;
  height: 100%;
}

.moredetails .posttitle {
  font-size: 16px;
  font-weight: 600;
  text-align: left;
  word-break: break-word;
  overflow: hidden;
  text-overflow: ellipsis;
  /* display: -webkit-box; */
  max-height: 18px;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  /* text-shadow: 1px 1px white; */
  /* letter-spacing: 1px; */
  line-height: 18px;
  margin-top: 5px;
  text-transform: capitalize;
  margin-bottom: 5px;
}

.moredetails .posttitle_email {
  font-size: 16px;
  font-weight: 600;
  text-align: left;
  word-break: break-word;
  overflow: hidden;
  text-overflow: ellipsis;
  max-height: 18px;
  line-height: 18px;
}


.moredetails .infobox {
  position: relative;
  height: 50px;
  margin-right: 30px;
}

.moredetails .infobox .postinfo {
  position: absolute;
  top: 50%;
  transform: translate(0%, -50%);
  margin-left: 60px;
  cursor: pointer;
}

.moredetails .coursenameinmore {
  font-size: 16px;
  font-weight: 600;
  color: #000000cf;
  text-align: left;
  /* margin-top: 8px; */
  text-transform: capitalize;
}
.question-style {
  font-weight: 400;
}
.answer-style {
  font-weight: 600;
}
.moredetails .accept-reject-wrapper {
  margin-top: 15px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.moredetails .accept-text,
.moredetails .reject-text {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 135px;
  height: 35px;
  padding: 10px;
}
.moredetails .reject-text {
  margin-left: 30px;
}
.courseform .attachmentarea {
  display: flex;
  margin-top: 10px;
  margin-bottom: 10px;
}
.courseform .capitalize input {
  text-transform: capitalize;
}
.courseform .attachment {
  height: 50px;
  width: 50px;
  /* cursor: pointer; */
  margin-top: 10px;
  margin-left: 14px;
  border: 1px solid #ff4b08;
  padding: 0px;
}
.courseform .noteLabel {
  font-size: 11px !important;
  color: #828282;
  margin-inline-start: 3px !important;
  margin-top: -10px !important;
  text-align: start;
}
.togglebtn {
  border-radius: 25px;
  border: 1px solid;
  padding: 10px;
  margin: 10px 20px;
}
.courseform .optiontext {
  width: 92%;
}

.courseform .optiontext .dropdown {
  width: 100%;
}

.courseform .button1 {
  margin-right: 15px;
  /* margin-left: 15px; */
}
.btnwidth {
  width: auto;
  display: flex;
}
.btnwidth11 {
  width: 225px;
  display: flex;
}
.bforform {
  margin: 0 auto 0;
  text-align: center;
  /* border-radius: 10px; */
  border-radius: 14px;
  padding: 49px 15px;
  /* box-shadow: 0 0 4px rgb(0 0 0 / 25%); */
  box-shadow: 0px 3px 66px #f2f2f2;
  border: 1px solid #dee2e6;
  position: relative;
}

.classforheader {
  position: relative;
}

.verticallign {
  vertical-align: top;
}

.courseform .optiontext {
  font-size: 12px;
  font-family: "Roboto", sans-serif;
  color: #91979d;
  font-weight: 500;
  /* text-transform: uppercase; */
  background: white;
  /* z-index: 999; */
  text-align: left;
  border-radius: 8px;
  border: 1px solid var(--greyLight);
  box-sizing: border-box;
  outline: none;
  /* mix-blend-mode: normal; */
  box-shadow: 1px 0px 8px 0px #dee2e663;
  margin-bottom: 10px;
  position: absolute;
  /* left: 11%;
  top: 100%; */
  margin-top: -14px;
  padding: 4px;
  z-index: 10;
}

.courseform .optiontextcour {
  font-size: 12px;
  font-family: "Roboto", sans-serif;
  color: #91979d;
  font-weight: 500;
  /* text-transform: uppercase; */
  background: white;
  /* z-index: 999; */
  text-align: left;
  border-radius: 8px;
  border: 1px solid var(--greyLight);
  box-sizing: border-box;
  outline: none;
  /* mix-blend-mode: normal; */
  box-shadow: 1px 0px 8px 0px #dee2e663;
  margin-bottom: 10px;
  position: absolute;
  left: 10.5%;
  top: 19%;
  margin-top: 0px;
  padding: 4px;
}

.skilldropdown .gdropdown__control {
  height: 100%;
  min-height: 40px;
  overflow-y: auto;
}

.courseform .optiontextskill {
  left: 11%;
}

.courseform .optiontextfreepaid {
  left: 51%;
  top: 100%;
}

/* .courseform .dropdownaction {
  width: 480px;
  text-transform: capitalize;
} */

#courseform .productcontainer {
  /* width: 500px; */
  margin: 0 auto;
  /* transform: translate(-50%,-50%);
    position: absolute;
    top: 55%;
    left: 50%; */
  /* margin-top: 30px; */
}

#courseform .content .headtp1 {
  /* width: 100%; */
  /* margin-top: 30px; */
  color: #495057;
  font-size: 30px;
  font-weight: 600;
}
/* #courseform .content .content{
  margin-top: 30px;
  color: #495057;
  font-size: 30px;
  font-weight: 600;
 } */

/* Width of dropdown on hover */
/* .courseform .dropdownaction-category,
.courseform .dropdownaction-technology {
  width: 307%;
} */

.courseform .dropdownaction-hacktype {
  width: 645%;
}

.courseform .dropdownaction-hackmode {
  width: 560%;
}
/* End of Width of dropdown on hover */

.courseform .courinsidefieldpaid {
  display: block;
  width: 80%;

  /* vertical-align: top;*/
}

.courseform .outerskill {
  /* display: inline-block; */
  width: 100%;
  text-align: left;
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 7px;
  justify-content: flex-start;
}

.courseform .outerskill .pointerouter .togglebtn {
  width: unset;
  border: 1px solid;
  margin: 0px;
  padding: 3px 8px;
  margin-right: 4px;
  margin-bottom: 5px;
  border-radius: 25px;
}

.epointer {
  cursor: pointer;
}
.verticallign {
  vertical-align: top;
}

.clospan {
  padding: 5px;
  cursor: pointer;
  float: right;
  margin-top: -5px;
}

.fontsix {
  font-size: 12px;
  font-weight: 600;
}
.course-form {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  border: "1px solid black";
}

#courseform textarea.form-control.input {
  text-transform: unset !important;
}

@media only screen and (max-width: 991px) {
  #courseform .productcontainer {
    width: 100%;
    margin: 0 auto;
    /* transform: translate(-50%,-50%);
    position: absolute;
    top: 55%;
    left: 50%; */
    /* margin-top: 30px; */
  }
}

@media only screen and (max-width: 2400px) and (min-width: 1200px) {
  .courseform .optiontext {
    width: 39%;
    /* width: 46%; */
  }

  .courseform .optiontextskill {
    left: 11%;
    top: 42%;
  }
  .courseform .optiontextfreepaid {
    left: 51%;
    top: 82%;
  }

  .courseform .courcat {
    left: 10%;
  }

  .courseform .recom {
    left: 51%;
  }

  .courseform .chlgdrop {
    width: 46%;
  }
}

@media only screen and (max-width: 995px) and (min-width: 767px) {
  .courseform .optiontext {
    width: 91.3%;
  }
}

@media only screen and (max-width: 1200px) and (min-width: 992px) {
  .courseform .optiontext {
    width: 39%;
    /* width: 55%; */
  }
  .courseform .optiontextfreepaid {
    left: 51%;
    top: 82%;
  }
  .courseform .optiontextskill {
    left: 11%;
    top: 42%;
  }

  .courseform .courcat {
    left: 10%;
  }

  .courseform .recom {
    left: 51%;
  }

  .courseform .courinsidefieldpaid {
    display: block;
    width: 60%;
    /* vertical-align: top; */
  }

  .courseform .chlgdrop {
    width: 46%;
  }
}

.scrollable11 {
  overflow-y: scroll;
  overflow-x: hidden;
  /* overflow: auto; */
  /*  width: 70px;  adjust this width depending to amount of text to display */
  height: 120px; /* adjust height depending on number of options to display */
  border: 1px silver solid;
}
.scrollable11 select {
  border: none;
}

.scrollable12 {
  overflow-y: scroll;
  overflow-x: hidden;
  /* overflow: auto; */
  /*  width: 70px;  adjust this width depending to amount of text to display */
  height: 95px; /* adjust height depending on number of options to display */
  border: 1px silver solid;
  z-index: 999;
}
.freePaid {
  z-index: 999;
}
.scrollable12 select {
  border: none;
}

.custHead {
  color: #495057;
  font-size: 30px;
  font-weight: 600;
  margin-top: 30px;
  position: relative;
  width: auto;
  /* top: -51%; */
  left: -40%;
  bottom: 45%;
  height: 33px;
  background-color: #ffffff;
}

/* @media only screen and (max-width: 993px) {
 
} */

@media only screen and (max-width: 449px) and (min-width: 250px) {
  .courseform .optiontextskill {
    left: 8%;
  }

  .courseform .optiontextfreepaid {
    left: 8%;
    top: 87.5%;
  }

  .courseform .optiontextonsite {
    left: 8%;
    top: 82.5%;
  }

  .courseform .optiontextcour {
    font-size: 12px;
    font-family: "Roboto", sans-serif;
    color: #91979d;
    font-weight: 500;
    /* text-transform: uppercase; */
    background: white;
    /* z-index: 999; */
    text-align: left;
    border-radius: 8px;
    border: 1px solid var(--greyLight);
    box-sizing: border-box;
    outline: none;
    /* mix-blend-mode: normal; */
    box-shadow: 1px 0px 8px 0px #dee2e663;
    margin-bottom: 10px;
    position: absolute;
    left: 5%;
    top: 19.8%;
    margin-top: -14px;
    padding: 4px;
  }

  .courseform .courinsidefieldpaid {
    display: block;
    width: 100%;
    margin-left: 0px;
    /* vertical-align: top; */
  }

  .courseform .chlgdrop {
    width: 46%;
    left: 7%;
  }
}
@media only screen and (max-width: 993px) and (min-width: 750px) {
  .courseform .optiontext {
    width: 95%;
  }
}

@media only screen and (max-width: 993px) and (min-width: 450px) {
  .courseform .optiontextskill {
    left: 7%;
  }

  .courseform .optiontextfree {
    left: 6%;
    top: 90.5%;
  }
  .courseform .optiontextfreepaid {
    left: 5%;
    top: 87%;
  }
  .courseform .courinsidefieldpaid {
    display: block;
    width: 100%;
    margin-left: 0px;
    /* vertical-align: top; */
  }

  .courseform .optiontextcour {
    font-size: 12px;
    font-family: "Roboto", sans-serif;
    color: #91979d;
    font-weight: 500;
    /* text-transform: uppercase; */
    background: white;
    /* z-index: 999; */
    text-align: left;
    border-radius: 8px;
    border: 1px solid var(--greyLight);
    box-sizing: border-box;
    outline: none;
    /* mix-blend-mode: normal; */
    box-shadow: 1px 0px 8px 0px #dee2e663;
    margin-bottom: 10px;
    position: absolute;
    left: 4%;
    top: 20.2%;
    margin-top: -14px;
    padding: 4px;
  }

  .optxtzindx {
    z-index: 999;
  }
}

.courinsidefield {
  display: inline-block;
  width: 80%;
  margin-right: 0px;
  /* vertical-align: top; */
}

.courinsidefield1 {
  display: inline-block;
  width: 80%;
  margin-left: 0px;
}

.courinsidefield133 {
  display: flex;
  width: 80%;
  margin-left: 0px;
}

.courinsidefield22 {
  display: inline-block;
  width: 0.9%;
  margin-left: 0px;
}

.rightspa {
  margin-right: 10px !important;
}
.mar451 {
  margin-right: 451px;
}

.wrapperClassName {
  border-radius: 10px;
  font-family: "Roboto", sans-serif;
  margin-bottom: 25px;
  font-size: 14px;
  /* mix-blend-mode: normal; */
  border: 1px solid #ced4da;
  box-shadow: 1px 0px 8px 0px #dee2e663;
}
.wrapperClassName-error {
  border: 1px solid rgb(211, 47, 47);
}
.wrapperClassName.wrapperClassNameOppor {
  margin-bottom: 0px;
}

.courseform .courinsidefield12 .toolbarClassName {
  border-radius: 15px 15px 0px 0px;
  border: 0px;
  border-bottom: 1px solid #ced4da;
}

.courseform .courinsidefield12 .editorClassName {
  min-height: 140px;
  padding: 0px 16px;
}

.courseform .courinsidefield12 {
  display: inline-block;
  width: 100%;
  /* max-width: calc(80% + 20px); */
  margin: 0px auto;
}
.courseform .courinsidefield12.create-opportunity-fields {
  max-width: calc(80% + 10px);
}

.courseform .courinsidefield12 .public-DraftStyleDefault-block {
  margin: 8px 0px;
}
@media screen and (max-width: 992px) {
  .rightspa {
    margin-right: 0px !important;
  }
}
@media screen and (min-width: 1019px) and (max-width: 1199px) {
  .courseform .courinsidefield12 {
    max-width: 750px;
  }
  .courseform .courinsidefield12.fullWidth {
    max-width: 100%;
  }
}
@media only screen and (max-width: 993px) {
  .courinsidefield {
    display: block;
    width: 100%;
    margin-right: 0px;
  }

  .courinsidefield1 {
    display: block;
    width: 100%;
    margin-left: 0px;
  }
  .mar451 {
    margin-right: 0px;
  }

  .classforheader {
    position: relative;
    /* top: -2%; */
  }

  .headtp2 {
    width: auto;
  }
  .optxtzindx {
    z-index: 999;
  }
  .courseform .courinsidefield12,
  .courseform .courinsidefield12.create-opportunity-fields {
    max-width: 100%;
  }
}

.absolutecross2 {
  resize: horizontal;
  position: absolute;
  right: 40px;
  /* top:40px; */
  margin-top: 10px;
  z-index: 100;
  cursor: pointer;
}

.optxtzindx {
  z-index: 999;
}

.msgtxt1 {
  padding-left: 10px;
  padding-right: 10px;
  text-align: left;
  font-size: 16px;
  margin-top: 10px;
  margin-left: 6px;
}

.msgtxt12 {
  padding-left: 1px;
  padding-right: 10px;
  text-align: left;
  font-size: 15px;
  margin-top: 10px;
  margin-left: 2px;
}

@media only screen and (min-width: 370px) and (max-width: 449px) {
  .courseform .optiontextonsite {
    top: 83% !important;
  }
}

@media only screen and (min-width: 330px) and (max-width: 370px) {
  .courseform .optiontextonsite {
    top: 81.5% !important;
  }
}

.input-gap {
  margin-bottom: 10px; /* Adjust this value as needed */
}

.courseform .attachimage {
  position: relative;
}

.courseform .attachimage .imageabsolute {
  position: absolute;
  top: 0px;
  right: -10px;
}

#courseform .headtp2 {
  /* margin-top: 30px; */
  color: #495057;
  font-size: 23px;
  font-weight: 600;
  margin-bottom: 30px;
  position: absolute;
  width: auto;
  /* top: -51%; */
  left: 9%;
  bottom: 45%;
  height: 33px;
  background-color: #ffffff;
}
.skilldropdown .gdropdown__control {
  height: 100%;
  min-height: 40px;
  overflow-y: auto;
}
.hack-form {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}
.btnwidth1 {
  width: auto;
  display: flex;
}

.courseform .courinsidefieldCred {
  display: inline-block;
  width: 100%;
  max-width: calc(80% + 20px);
  margin: 0px auto;
}
.hackinsidefieldskill {
  display: inline-block;
  width: 100%;
  max-width: calc(80% + 20px);
  margin: 0px auto;
}
/* #courseform .input,
.form-control.input {
  text-transform: capitalize;
} */
/* 
@media only screen and (max-width: 329px) {
  .courseform .optiontext {
    width: 82% !important;
  }
}

@media screen and (max-width: 360px) and (min-width: 330px) {
  .courseform .optiontext {
    width: 84% !important;
  }
}

@media screen and (max-width: 400px) and (min-width: 361px) {
  .courseform .optiontext {
    width: 85% !important;
  }
}

@media screen and (max-width: 436px) and (min-width: 401px) {
  .courseform .optiontext {
    width: 85% !important;
  }
}

@media screen and (max-width: 471px) and (min-width: 437px) {
  .courseform .optiontext {
    width: 87% !important;
  }
}

@media screen and (max-width: 480px) and (min-width: 472px) {
  .courseform .optiontext {
    width: 88% !important;
  }
}

@media screen and (max-width: 500px) and (min-width: 480px) {
  .courseform .optiontext {
    width: 88% !important;
  }
}

@media screen and (max-width: 515px) and (min-width: 501px) {
  .courseform .optiontext {
    width: 88% !important;
  }
} */

/* @media screen and (max-width: 570px) and (min-width: 551px) {
  .courseform .optiontext {
    width: 88% !important;
  }
} */

@media screen and (max-width: 767px) and (min-width: 500px) {
  .courseform .optiontext {
    width: 93%;
  }
}

.scrollable13 {
  overflow-y: scroll;
  overflow-x: hidden;
  /* overflow: auto; */
  /*  width: 70px;  adjust this width depending to amount of text to display */
  height: 120px; /* adjust height depending on number of options to display */
  border: 1px silver solid;
}
.scrollable13 select {
  border: none;
}

.producthackcontainer {
  /* width: 500px; */
  margin: 0 auto;
  /* transform: translate(-50%,-50%);
    position: absolute;
    top: 55%;
    left: 50%; */
  /* margin-top: 30px; */
}

.hackinsidefield {
  display: inline-block;
  width: 40%;
  margin-right: 10px;
  /* vertical-align: top; */
}

.hackinsidefield1 {
  display: inline-block;
  width: 40%;
  margin-left: 10px;
}

.hackinsidefield133 {
  display: flex;
  width: 40%;
  margin-left: 10px;
}

.btnwidth11 {
  width: 225px;
  display: flex;
}

.mar451 {
  margin-right: 451px;
}

@media only screen and (max-width: 993px) {
  .hackinsidefield {
    display: block;
    width: 100%;
    margin-right: 0px;
  }

  .hackinsidefield1 {
    display: block;
    width: 100%;
    margin-left: 0px;
  }
  .mar451 {
    margin-right: 0px;
  }

  #courseform .headtp2 {
    /* margin-top: 30px; */
    color: #495057;
    font-size: 23px;
    font-weight: 600;
    margin-bottom: 30px;
    position: static;
    width: 100%;
    /* top: -51%; */
    /* left: 9%; */
    /* bottom: 45%; */
    height: 33px;
    background-color: #ffffff;
  }

  .courseform .courinsidefieldCred {
    max-width: 100%;
  }
  .hackinsidefieldskill {
    max-width: 100%;
  }
}

.msgtxt {
  padding-left: 10px;
  padding-right: 10px;
  text-align: left;
  font-size: 16px;
  margin-top: 10px;
}

.msgtxt {
  padding-left: 1px;
  padding-right: 10px;
  text-align: left;
  font-size: 15px;
  margin-top: 10px;
}



.courseform .courinsidefield12 .toolbarClassName {
  border-radius: 15px 15px 0px 0px;
  border: 0px;
  border-bottom: 1px solid #ced4da;
}
#challangeform .content .headtp {
  /* margin-top: 30px; */
  color: #495057;
  font-size: 30px;
  font-weight: 600;
}

.productchallenge {
  width: 500px;
  margin: 0 auto;
}
.btnwidth3 {
  width: auto;
  display: flex;
}
.challangeform .attachmentarea {
  display: flex;
  margin-top: 40px;
}

.challangeform .capitalize input {
  text-transform: capitalize;
}

.challangeform .attachment {
  height: 50px;
  width: 50px;
  /* cursor: pointer; */
  margin-top: 10px;
  margin-left: 14px;
}
.togglebtn {
  border-radius: 25px;
  border: 1px solid;
  padding: 10px;
  margin: 10px 20px;
}
.challangeform .optiontext {
  width: 92%;
}

.challangeform .optiontext .dropdown {
  width: 100%;
}

.challangeform .button1 {
  margin-right: 15px;
}
.btnwidth {
  width: auto;
  display: flex;
}
.bforform {
  margin: 0 auto 0;
  text-align: center;
  /* border-radius: 10px; */
  border-radius: 14px;
  padding: 49px 15px;
  /* box-shadow: 0 0 4px rgb(0 0 0 / 25%); */
  box-shadow: 0px 3px 66px #f2f2f2;
  border: 1px solid #dee2e6;
  position: relative;
}
#challangeform .headtp2 {
  /* margin-top: 30px; */
  color: #495057;
  font-size: 23px;
  font-weight: 600;
  margin-bottom: 30px;
  position: absolute;
  width: 213px;
  /* top: -51%; */
  left: 9%;
  bottom: 45%;
  height: 33px;
  background-color: #ffffff;
}
#challangeform .productchallenge .headtp2 {
  left: 0;
}
.hack-form {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}
.btnwidth1 {
  width: auto;
  display: flex;
}

#challangeform textarea.form-control.input {
  text-transform: unset !important;
}
.challenge_form {
  max-width: -moz-max-content;
  max-width: max-content;
  margin: 3px auto;
  padding: 49px 20px;
}

#challangeform .wrapperClassName {
  border-radius: 8px;
  font-family: "Roboto", sans-serif;
  margin-bottom: 25px;
  font-size: 14px;
  /* mix-blend-mode: normal; */
  border: 1px solid #ced4da;
  box-shadow: 1px 0px 8px 0px #dee2e663;
}
#challangeform .wrapperClassName-error {
  border: 1px solid rgb(211, 47, 47);
}
#challangeform .rdw-editor-toolbar {
  border-radius: inherit;
}
#challangeform .wrapperClassName.wrapperClassNameOppor {
  margin-bottom: 0px;
}

#challangeform .editorClassName {
  min-height: 140px;
  padding: 0px 16px;
}

/* 
@media only screen and (max-width: 329px) {
  .challangeform .optiontext {
    width: 82% !important;
  }
}

@media screen and (max-width: 360px) and (min-width: 330px) {
  .challangeform .optiontext {
    width: 84% !important;
  }
}

@media screen and (max-width: 400px) and (min-width: 361px) {
  .challangeform .optiontext {
    width: 85% !important;
  }
}

@media screen and (max-width: 436px) and (min-width: 401px) {
  .challangeform .optiontext {
    width: 85% !important;
  }
}

@media screen and (max-width: 471px) and (min-width: 437px) {
  .challangeform .optiontext {
    width: 87% !important;
  }
}

@media screen and (max-width: 480px) and (min-width: 472px) {
  .challangeform .optiontext {
    width: 88% !important;
  }
}

@media screen and (max-width: 500px) and (min-width: 480px) {
  .challangeform .optiontext {
    width: 88% !important;
  }
}

@media screen and (max-width: 515px) and (min-width: 501px) {
  .challangeform .optiontext {
    width: 88% !important;
  }
} */

/* @media screen and (max-width: 570px) and (min-width: 551px) {
  .challangeform .optiontext {
    width: 88% !important;
  }
} */

@media screen and (min-width: 992px) {
  .bforform {
    margin: 3px;
    text-align: center;
    /* border-radius: 10px; */
    border-radius: 14px;
    padding: 110px 15px;
    /* box-shadow: 0 0 4px rgb(0 0 0 / 25%); */
    box-shadow: 0px 3px 66px #f2f2f2;
    border: 1px solid #dee2e6;
    position: relative;
  }
  .headtp2 {
    text-align: left;
  }
  .challenge_form {
    padding: 110px 40px 50px 40px;
    margin: 3px auto;
  }
}

@media screen and (max-width: 767px) and (min-width: 500px) {
  .challangeform .optiontext {
    width: 93%;
  }
}

.scrollable13 {
  overflow-y: scroll;
  overflow-x: hidden;
  /* overflow: auto; */
  /*  width: 70px;  adjust this width depending to amount of text to display */
  height: 120px; /* adjust height depending on number of options to display */
  border: 1px silver solid;
}
.scrollable13 select {
  border: none;
}

.producthackcontainer {
  /* width: 500px; */
  margin: 0 auto;
  /* transform: translate(-50%,-50%);
    position: absolute;
    top: 55%;
    left: 50%; */
  /* margin-top: 30px; */
}

.hackinsidefield {
  display: inline-block;
  width: 40%;
  margin-right: 10px;
  /* vertical-align: top; */
}

.hackinsidefield1 {
  display: inline-block;
  width: 40%;
  margin-left: 10px;
}

.mar451 {
  margin-right: 451px;
}

@media only screen and (max-width: 993px) {
  .hackinsidefield {
    display: block;
    width: 100%;
    margin-right: 0px;
  }

  .hackinsidefield1 {
    display: block;
    width: 100%;
    margin-left: 0px;
  }
  .mar451 {
    margin-right: 0px;
  }

  #challangeform .headtp2 {
    /* margin-top: 30px; */
    color: #495057;
    font-size: 23px;
    font-weight: 600;
    margin-bottom: 30px;
    position: static;
    width: 100%;
    /* top: -51%; */
    /* left: 9%; */
    /* bottom: 45%; */
    height: 33px;
    background-color: #ffffff;
  }
}

.msgtxt {
  padding-left: 10px;
  padding-right: 10px;
  text-align: left;
  font-size: 16px;
  margin-top: 10px;
}

.classforheader {
  position: relative;
}

.verticallign {
  vertical-align: top;
}

.challangeform .optiontext {
  font-size: 12px;
  font-family: "Roboto", sans-serif;
  color: #91979d;
  font-weight: 500;
  /* text-transform: uppercase; */
  background: white;
  /* z-index: 999; */
  text-align: left;
  border-radius: 8px;
  border: 1px solid var(--greyLight);
  box-sizing: border-box;
  outline: none;
  /* mix-blend-mode: normal; */
  box-shadow: 1px 0px 8px 0px #dee2e663;
  margin-bottom: 10px;
  position: absolute;
  /* left: 11%;
  top: 100%; */
  margin-top: -14px;
  padding: 4px;
}

.challangeform .optiontextcour {
  font-size: 12px;
  font-family: "Roboto", sans-serif;
  color: #91979d;
  font-weight: 500;
  /* text-transform: uppercase; */
  background: white;
  /* z-index: 999; */
  text-align: left;
  border-radius: 8px;
  border: 1px solid var(--greyLight);
  box-sizing: border-box;
  outline: none;
  /* mix-blend-mode: normal; */
  box-shadow: 1px 0px 8px 0px #dee2e663;
  margin-bottom: 10px;
  position: absolute;
  left: 11%;
  top: 26%;
  margin-top: -14px;
  padding: 4px;
}

.challangeform .optiontextskill {
  left: 11%;
}

.challangeform .optiontextfreepaid {
  left: 51%;
  top: 100%;
}

/* .challangeform .dropdownaction {
  width: 480px;
  text-transform: capitalize;
} */

#challangeform .productcontainer {
  /* width: 500px; */
  margin: 0 auto;
  /* transform: translate(-50%,-50%);
    position: absolute;
    top: 55%;
    left: 50%; */
  /* margin-top: 30px; */
}

#challangeform .content .headtp1 {
  /* width: 100%; */
  /* margin-top: 30px; */
  color: #495057;
  font-size: 30px;
  font-weight: 600;
}
/* #challangeform .content .content{
  margin-top: 30px;
  color: #495057;
  font-size: 30px;
  font-weight: 600;
 } */

/* Width of dropdown on hover */
/* .challangeform .dropdownaction-category,
.challangeform .dropdownaction-technology {
  width: 307%;
} */

.challangeform .dropdownaction-hacktype {
  width: 645%;
}

.challangeform .dropdownaction-hackmode {
  width: 560%;
}
/* End of Width of dropdown on hover */

.challangeform .courinsidefieldpaid {
  display: block;
  width: 40%;

  /* vertical-align: top;*/
}

.outerskill {
  /* display: inline-block; */
  width: 100%;
  text-align: left;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.pointerouter .togglebtn {
  width: 134px;
}
.epointer {
  cursor: pointer;
}
.verticallign {
  vertical-align: top;
}

.clospan {
  padding: 5px;
  cursor: pointer;
  float: right;
  margin-top: -5px;
}

.fontsix {
  font-size: 12px;
  font-weight: 600;
  text-transform: capitalize;
}
.course-form {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}

.challangeform .forDrpdow {
  position: relative;
}

.challangeform .forDrpdow .chlgdrop {
  width: 100%;
  height: 119px;
  overflow: auto;
}

@media only screen and (max-width: 991px) {
  #challangeform .productcontainer {
    width: 100%;
    margin: 0 auto;
    /* transform: translate(-50%,-50%);
    position: absolute;
    top: 55%;
    left: 50%; */
    /* margin-top: 30px; */
  }
}

@media only screen and (max-width: 2400px) and (min-width: 1200px) {
  .challangeform .optiontext {
    width: 38%;
    /* width: 46%; */
  }

  .challangeform .optiontextskill {
    left: 11%;
    top: 42%;
  }
  .challangeform .optiontextfreepaid {
    left: 51%;
    top: 82%;
  }

  .challangeform .courcat {
    left: 11%;
  }

  .challangeform .recom {
    left: 51%;
  }

  .challangeform .chlgdrop {
    width: 46%;
  }
}

@media only screen and (max-width: 995px) and (min-width: 767px) {
  .challangeform .optiontext {
    width: 91.3%;
  }
}

@media only screen and (max-width: 1200px) and (min-width: 992px) {
  .challangeform .optiontext {
    width: 38%;
    /* width: 55%; */
  }
  .challangeform .optiontextfreepaid {
    left: 51%;
    top: 82%;
  }
  .challangeform .optiontextskill {
    left: 11%;
    top: 42%;
  }

  .challangeform .courcat {
    left: 11%;
  }

  .challangeform .recom {
    left: 51%;
  }

  .challangeform .courinsidefieldpaid {
    display: block;
    width: 40%;
    /* vertical-align: top; */
  }

  .challangeform .chlgdrop {
    width: 46%;
  }
}

.scrollable11 {
  overflow-y: scroll;
  overflow-x: hidden;
  /* overflow: auto; */
  /*  width: 70px;  adjust this width depending to amount of text to display */
  height: 120px; /* adjust height depending on number of options to display */
  border: 1px silver solid;
}
.scrollable11 select {
  border: none;
}

.scrollable12 {
  overflow-y: scroll;
  overflow-x: hidden;
  /* overflow: auto; */
  /*  width: 70px;  adjust this width depending to amount of text to display */
  height: 95px; /* adjust height depending on number of options to display */
  border: 1px silver solid;
}
.scrollable12 select {
  border: none;
}

/* @media only screen and (max-width: 993px) {
 
} */

@media only screen and (max-width: 449px) and (min-width: 250px) {
  .challangeform .optiontextskill {
    left: 8%;
  }

  .challangeform .optiontextfreepaid {
    left: 8%;
    top: 87.5%;
  }

  .challangeform .optiontextonsite {
    left: 8%;
    top: 82.5%;
  }

  .challangeform .optiontextcour {
    font-size: 12px;
    font-family: "Roboto", sans-serif;
    color: #91979d;
    font-weight: 500;
    /* text-transform: uppercase; */
    background: white;
    /* z-index: 999; */
    text-align: left;
    border-radius: 8px;
    border: 1px solid var(--greyLight);
    box-sizing: border-box;
    outline: none;
    /* mix-blend-mode: normal; */
    box-shadow: 1px 0px 8px 0px #dee2e663;
    margin-bottom: 10px;
    position: absolute;
    left: 5%;
    top: 22%;
    margin-top: -14px;
    padding: 4px;
  }

  .challangeform .courinsidefieldpaid {
    display: block;
    width: 100%;
    margin-left: 0px;
    /* vertical-align: top; */
  }

  .challangeform .chlgdrop {
    width: 46%;
    left: 7%;
  }
}
@media only screen and (max-width: 993px) and (min-width: 750px) {
  .challangeform .optiontext {
    width: 95%;
  }
}

@media only screen and (max-width: 993px) and (min-width: 450px) {
  .challangeform .optiontextskill {
    left: 7%;
  }

  .challangeform .optiontextfree {
    left: 6%;
    top: 90.5%;
  }
  .challangeform .optiontextfreepaid {
    left: 5%;
    top: 87%;
  }
  .challangeform .courinsidefieldpaid {
    display: block;
    width: 100%;
    margin-left: 0px;
    /* vertical-align: top; */
  }

  .challangeform .optiontextcour {
    font-size: 12px;
    font-family: "Roboto", sans-serif;
    color: #91979d;
    font-weight: 500;
    /* text-transform: uppercase; */
    background: white;
    /* z-index: 999; */
    text-align: left;
    border-radius: 8px;
    border: 1px solid var(--greyLight);
    box-sizing: border-box;
    outline: none;
    /* mix-blend-mode: normal; */
    box-shadow: 1px 0px 8px 0px #dee2e663;
    margin-bottom: 10px;
    position: absolute;
    left: 3%;
    top: 22.7%;
    margin-top: -14px;
    padding: 4px;
  }

  .optxtzindx {
    z-index: 999;
  }
}

.courinsidefield {
  display: inline-block;
  width: 40%;
  margin-right: 0px;
  /* vertical-align: top; */
}

.courinsidefield1 {
  display: inline-block;
  width: 40%;
  margin-left: 10px;
}

.mar451 {
  margin-right: 451px;
}

@media only screen and (max-width: 993px) {
  .courinsidefield {
    display: block;
    width: 100%;
    margin-right: 0px;
  }

  .courinsidefield1 {
    display: block;
    width: 100%;
    margin-left: 0px;
  }
  .mar451 {
    margin-right: 0px;
  }

  .classforheader {
    position: relative;
    /* top: -2%; */
  }
  .optxtzindx {
    z-index: 999;
  }
}

.optxtzindx {
  z-index: 999;
}

.msgtxt1 {
  padding-left: 10px;
  padding-right: 10px;
  text-align: left;
  font-size: 16px;
  margin-top: 10px;
  margin-left: 6px;
}

@media only screen and (min-width: 370px) and (max-width: 449px) {
  .challangeform .optiontextonsite {
    top: 83% !important;
  }
}

@media only screen and (min-width: 330px) and (max-width: 370px) {
  .challangeform .optiontextonsite {
    top: 81.5% !important;
  }
}

@media only screen and (max-width: 449px) and (min-width: 250px) {
  .challangeform .chlgdrop {
    width: 265px;
    /* left: 7%; */
  }
}

@media only screen and (max-width: 749px) and (min-width: 450px) {
  .challangeform .optiontext {
    width: 344px;
  }
}
@media only screen and (max-width: 993px) and (min-width: 750px) {
  .challangeform .optiontext {
    width: 348px;
  }
}

@media only screen and (max-width: 450px) and (min-width: 249px) {
  .productchallenge {
    width: 266px;
    margin: 0 auto;
  }
}
@media only screen and (max-width: 993px) and (min-width: 450px) {
  .productchallenge {
    width: 345px;
    margin: 0 auto;
  }
}

.DateInputField {
    margin-bottom: 15px;
}

.DateInputField .rmdp-container {
    width: 100%;
}

.DateInputField .rmdp-input {
    width: 100%;
    height: 40px;
    border-radius: 10px;
    padding: 0 20px;
    font-family: "Roboto", sans-serif;
    font-weight: 400;
    font-size: 12px;
    box-shadow: 1px 0px 8px 0px #dee2e663;
    border: 1px solid #ced4da;
    margin: 0px;
    color: hsl(0, 0%, 20%);
}

:root {
    --rmdp-primary-custom: #ff6c36;
    --rmdp-secondary-custom: #e65d26;
    --rmdp-shadow-custom: #d65322;
    --rmdp-today-custom: #c9481d;
    --rmdp-hover-custom: #ff895ed5;
    --rmdp-deselect-custom: #ff6c36e6;
  }
  
  .DateInputField .rmdp-wrapper {
    /* border: 1px solid var(--rmdp-secondary-custom);
    box-shadow: 0 0 5px var(--rmdp-secondary-custom); */
  }
  
  .DateInputField   .rmdp-panel-body li {
    background-color: var(--rmdp-primary-custom);
    box-shadow: 0 0 2px var(--rmdp-secondary-custom);
  }
  
  .DateInputField    .rmdp-week-day {
    color: var(--rmdp-primary-custom);
  }
  
  .DateInputField   .rmdp-day.rmdp-deactive {
    color: var(--rmdp-secondary-custom);
  }
  
  .DateInputField   .rmdp-range {
    background-color: var(--rmdp-primary-custom);
    box-shadow: 0 0 3px var(--rmdp-shadow-custom);
  }
  
  .DateInputField   .rmdp-arrow {
    border: solid var(--rmdp-primary-custom);
    border-width: 0 2px 2px 0;
  }
  
  .DateInputField   .rmdp-arrow-container:hover {
    background-color: var(--rmdp-primary-custom);
    box-shadow: 0 0 3px var(--rmdp-secondary-custom);
  }
  
  .DateInputField   .rmdp-panel-body::-webkit-scrollbar-thumb {
    background: var(--rmdp-primary-custom);
  }
  
  .DateInputField   .rmdp-day.rmdp-today span {
    color: unset;
    background-color: white;
    border: 1px solid var(--flameorang);
  }
  
  .DateInputField   .rmdp-rtl .rmdp-panel {
    border-left: unset;
    border-right: 1px solid var(--rmdp-secondary-custom);
  }
  
    .rmdp-day.rmdp-selected span:not(.highlight) {
    background-color: var(--rmdp-primary-custom);
    box-shadow: 0 0 3px var(--rmdp-shadow-custom);
    color: white;
  }
  
  .DateInputField   .rmdp-day:not(.rmdp-day-hidden) span:hover {
    background-color: var(--rmdp-hover-custom) !important;
    color: white;
  }
  
  .DateInputField   .b-deselect {
    color: var(--rmdp-deselect-custom);
    background-color: white;
  }
  
  .DateInputField   .rmdp-action-button {
    color: var(--rmdp-primary-custom);
  }
  
  .DateInputField   .rmdp-button:not(.rmdp-action-button) {
    background-color: var(--rmdp-primary-custom);
  }
  
  .DateInputField   .rmdp-button:not(.rmdp-action-button):hover {
    background-color: var(--rmdp-deselect-custom);
  }
  

  .DateInputField   .rmdp-arrow-container{
    align-items: center;
  }

  .DateInputField   .rmdp-arrow-container .rmdp-arrow{
    margin-top: 0px;
  }

  .DateInputField .rmdp-input:focus{
    border-color: var(--flameorang);
  }

  .DateInputField .rmdp-arrow-container:hover .rmdp-arrow{
    border-color: white;
  }

  .DateInputField .error-message {
    width: 100%;
    font-weight: 300;
    margin-top: 0.25rem;
    font-size: 80%;
    color: var(--off-white);
  }

  .DateInputField .invalid{
    border-color: #dc3545;
  }

  .DateInputField .valid{
    border-color: #28a745;
  }

  .DateInputField input:disabled{
    background-color: #e9ecef;
    opacity: 1;
  }
.gdropdown {
  outline: var(--accent);
  text-transform: inherit;
  background: none;
  box-sizing: border-box;
  outline: none;
  font-family: "Roboto", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 18px;
  /* mix-blend-mode: normal; */
  box-shadow: 1px 0px 8px 0px #dee2e663;
  text-align: left;
}

.gdropdown__control {
  height: 40px;
  border-radius: 10px !important;
  padding: 0px 10px;
}
.css-13cymwt-control:hover {
  border-color: hsl(0, 0%, 80%);
}

.css-t3ipsp-control {
  border-color: var(--flameorang) !important;
  box-shadow: none !important;
}
.gdropdown__menu-list :hover {
  background-color: #ff6b4040 !important;
}
.gdropdown__menu-list {
  max-height: 178px !important;
}
.gdropdown__option--is-selected {
  background-color: transparent !important;
  color: #212529 !important;
}
.gdropdown__option--is-focused {
  background-color: #ff6b4040 !important;
}
.css-1nmdiq5-menu {
  z-index: 2 !important;
}

* {
  box-sizing: border-box;
}
.actionb {
  position: absolute;
  top: 45px;
  right: 16px;
}

.instructoricon {
  width: 19.42px;
  height: 19.42px;
  margin-inline-start: 5px;
}
.techpic {
  border-radius: 50%;
  height: 15px;
  margin-left: 3px;
  margin-right: 3px;
}
.course {
  background-color: var(--white);
  display: flex;
  width: 100%;
  /* margin: 20px; */
  margin-bottom: 20px;
  margin-top: 20px;
  overflow: hidden;
  flex-direction: column;
  padding-left: 25px;
  padding-right: 25px;
}
/*random gradient */
.course .course-info {
  /* box-shadow: 0px 1px 10px rgb(196 196 196 / 63%);
	background: linear-gradient( 
		313deg
		 ,#fd432294 0%, #fd4322e3 100%); */
  background: #fff;
  border: 2px solid#FF4B09;
  box-shadow: 0 4px 4px rgb(0 0 0 / 25%);
}

.course .verifytext {
  background-color: coral;
  padding: 4px;
  border-radius: 4px;
}

.verifyicon {
  color: rgb(255, 68, 0);
  width: 31px;
  height: 40px;
  position: absolute;
  /* bottom: 0;
  right: 0; */
  bottom: -px;
  right: -15px;
  margin-right: 25px;

  /* margin-left: 600px; */
}
.iconstyling {
  color: #ff6c36;
  width: 30px;
  height: 30px;
  top: 170px;
  right: 10px;
}

.verifyiconfornonmodal {
  color: #ffffff;
  width: 31px;
  height: 40px;
  position: absolute;
  bottom: 0;
  /* margin-left: 640px; */
  top: 78%;
  right: 0;
  margin-right: 20px;
}

.verifyiconforcards {
  color: rgb(255, 68, 0);
  width: 45px;
  height: 40px;
  position: absolute;
  bottom: 7px;
  right: 0;
  margin-right: 25px;
  /* margin-left: 393px; */
}
/* .course h6 {
	opacity: 0.6;
	margin: 0;
	letter-spacing: 1px;
	text-transform: uppercase;
} */

.courses-container {
  margin-top: 15px;
}

.course h5 {
  margin-bottom: 0 !important;
  font-size: 22px;
  text-align: left;
  font-weight: 600;
  color: #212529b8;
  text-shadow: 0px 1px 1px rgb(104 104 104 / 12%);
}

.course-preview {
  background-color: var(--blue-1);
  color: var(--white);
  padding: 30px;
  max-width: 250px;
}

.course-preview a {
  color: var(--white);
  display: inline-block;
  font-size: 12px;
  opacity: 0.6;
  margin-top: 30px;
  text-decoration: none;
}

.course-info {
  padding: 35px;
  position: relative;
  border: 1px solid #e8e8e8;
  border-radius: 40px;
  margin-bottom: 20px;
  color: white;
  /* box-shadow: 5px 10px 20px 0px #f9f9f9; */
}
.course-info2 {
  padding: 0px 0px 0px 0px;
  position: relative;
  border-radius: 40px;
  /* margin: 15px 30px; */
  margin-top: 0px;
}

.course-info11 {
  padding: 35px;
  position: relative;
  border: 1px solid #e8e8e8;
  border-radius: 40px;
  /* margin: 15px 70px; */
  color: #000000;
  box-shadow: 5px 10px 20px 0px #f9f9f9;
  width: 100%;
  height: 250px;
  margin-top: 15px;
}
/* 
.progress-container {
	position: absolute;
	top: 30px;
	right: 30px;
	text-align: right;
	width: 150px;
}

.progress {
	background-color: #ddd;
	border-radius: 3px;
	height: 5px;
	width: 100%;
}

.progress::after {
	border-radius: 3px;
	background-color: #2A265F;
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	height: 5px;
	width: 66%;
}

.progress-text {
	font-size: 10px;
	opacity: 0.6;
	letter-spacing: 1px;
} */

/* .btncard {
	background-color: var(--darkblue);
	border: 0;
	border-radius: 50px;
	box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
	color: var(--white);
	font-size: 16px;
	padding: 12px 25px;
	position: absolute;
	bottom: 30px;
	right: 30px;
	letter-spacing: 1px;
} */

/* SOCIAL PANEL CSS */
/* .social-panel-container {
	position: fixed;
	right: 0;
	bottom: 80px;
	transform: translateX(100%);
	transition: transform 0.4s ease-in-out;
}

.social-panel-container.visible {
	transform: translateX(-10px);
}

.social-panel {	
	background-color: #fff;
	border-radius: 16px;
	box-shadow: 0 16px 31px -17px rgba(0,31,97,0.6);
	border: 5px solid #001F61;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	font-family: 'Muli';
	position: relative;
	height: 169px;	
	width: 370px;
	max-width: calc(100% - 10px);
}

.social-panel button.close-btn {
	border: 0;
	color: #97A5CE;
	cursor: pointer;
	font-size: 20px;
	position: absolute;
	top: 5px;
	right: 5px;
}

.social-panel button.close-btn:focus {
	outline: none;
}

.social-panel p {
	background-color: #001F61;
	border-radius: 0 0 10px 10px;
	color: #fff;
	font-size: 14px;
	line-height: 18px;
	padding: 2px 17px 6px;
	position: absolute;
	top: 0;
	left: 50%;
	margin: 0;
	transform: translateX(-50%);
	text-align: center;
	width: 235px;
}

.social-panel p i {
	margin: 0 5px;
}

.social-panel p a {
	color: #FF7500;
	text-decoration: none;
}

.social-panel h4 {
	margin: 20px 0;
	color: #97A5CE;	
	font-family: 'Muli';	
	font-size: 14px;	
	line-height: 18px;
	text-transform: uppercase;
}

.social-panel ul {
	display: flex;
	list-style-type: none;
	padding: 0;
	margin: 0;
}

.social-panel ul li {
	margin: 0 10px;
}

.social-panel ul li a {
	border: 1px solid #DCE1F2;
	border-radius: 50%;
	color: #001F61;
	font-size: 20px;
	display: flex;
	justify-content: center;
	align-items: center;
	height: 50px;
	width: 50px;
	text-decoration: none;
}

.social-panel ul li a:hover {
	border-color: #FF6A00;
	box-shadow: 0 9px 12px -9px #FF6A00;
}

.floating-btn {
	border-radius: 26.5px;
	background-color: #001F61;
	border: 1px solid #001F61;
	box-shadow: 0 16px 22px -17px #03153B;
	color: #fff;
	cursor: pointer;
	font-size: 16px;
	line-height: 20px;
	padding: 12px 20px;
	position: fixed;
	bottom: 20px;
	right: 20px;
	z-index: 999;
}

.floating-btn:hover {
	background-color: #ffffff;
	color: #001F61;
}

.floating-btn:focus {
	outline: none;
}

.floating-text {
	background-color: #001F61;
	border-radius: 10px 10px 0 0;
	color: #fff;
	font-family: 'Muli';
	padding: 7px 15px;
	position: fixed;
	bottom: 0;
	/* left: 50%; 
	transform: translateX(-50%);
	text-align: center;
	z-index: 998;
} */

/* .floating-text a {
	color: #FF7500;
	text-decoration: none;
} */

.course .iconareaedu {
  width: 120px;
  height: 120px;
  color: #37474f;
}

@media screen and (max-width: 480px) {
  .social-panel-container.visible {
    transform: translateX(0px);
  }

  .floating-btn {
    right: 10px;
  }
}
*/ .logo {
  height: 50%;
  width: 50%;
}

.info111 {
  letter-spacing: 1px;
  text-align: left;
  /*  white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; */
}
/* .infoContainer {
} */
.cardHeadIcon {
  transform: scale(1.2);
  width: 15px;
  height: 15px;
}

.cardHeadIcon11 {
  transform: scale(1.2);
  width: 15px;
  height: 15px;
}
.iconContainer {
  background-color: #ffeee8;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  margin-right: 10px;
  overflow: hidden;
}
.widthfifty {
  width: calc(100% - 110px);
}
.icone {
  width: 25px;
  height: 35px;
  margin-right: 12px;
  margin-top: -8px;
}
.icone23 {
  width: 17.89px;
  height: 19.42px;
  margin-right: 12px;
  margin-top: -8px;
}

@media only screen and (max-width: 500px) {
  .icone {
    width: 20px;
    height: 20px;
  }

  .icone23 {
    width: 17.89px;
    height: 19.42px;
    margin-right: 12px;
    margin-top: -8px;
  }

  .course h5 {
    font-size: 12px;
    letter-spacing: 1px;
    text-align: left;
    padding-bottom: 10px;
  }

  .info {
    font-size: 10px;
    letter-spacing: 1px;

    text-align: left;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
}

.add {
  /* position: absolute;
    right: 10px; */
  cursor: pointer;
  width: 40px;
  height: 40px;
  margin-left: 10px;
}

.update {
  position: absolute;
  top: 40px;
  right: 60px;
  cursor: pointer;
}
.update2 {
  cursor: pointer;
}

.delete {
  position: absolute;
  top: 40px;
  right: 20px;
  cursor: pointer;
}

.allcaps {
  /* text-transform: uppercase; */

  font-weight: 700;
  font-size: 16px;
}

.firstlettercaps {
  /* text-transform: capitalize; */

  font-size: 15px;
  font-weight: 400;
  color: #ffffff;
}
.firstlettercaps2 {
  /* text-transform: capitalize;
    */
  font-size: 15px;
  font-weight: 300;
  color: #ffffff;
}
.aboutContainer {
  height: 100%;
}

.abt {
  background-color: var(--white);
  display: flex;
  max-width: 100%;
  /* margin: 20px; */
  margin-bottom: 20px;
  margin-top: 20px;
  overflow: hidden;
  width: 700px;
  flex-direction: column;
}

.aboutContainer .courseabout {
  background-color: var(--white);
  display: flex;
  max-width: 100%;
  /* margin: 20px; */
  margin-bottom: 20px;
  margin-top: 20px;
  overflow: hidden;
  width: 700px;
  flex-direction: column;
}

.aboutContainer .course-info11 {
  padding: 35px;
  position: relative;
  border: 1px solid #e8e8e8;
  border-radius: 10px;
  /* margin: 15px 70px; */
  color: #000000;
  box-shadow: 1px 0px 8px 0px #dee2e663;

  /* box-shadow: 5px 10px 20px 0px #f5f4f4;  */
  width: 100%;
  height: 280px;
}

.searchformore {
  text-align: left;
  cursor: pointer;
  color: #ff6c36;
}

.searchbbtn {
  margin-left: 5px;
  color: var(--orange5e);
  cursor: pointer;
  font-size: 18px;
  font-weight: 400;
  text-transform: unset;
  display: inline;
}

.searchbbtn.view-btn-cls {
  font-size: 16px;
}

.searchbbtn:hover {
  color: #ff6c369f;
  cursor: pointer;
}

.iconContainerbigprofile {
  background-color: rgb(243 243 243 / 46%);
  border-radius: 14px;
  /* width:1028px; */
  width: 100%;
  height: 60px;
  margin-right: 10px;
}

.allimgs {
  width: 78px;
  height: 70px;
  border-radius: 50%;
  /* position: absolute; */
  padding-left: 20px;
  padding-top: 20px;
  padding-right: 18px;
  padding-bottom: 20px;
}
/*------css for modal--------*/
.coursemodal {
  border-radius: 30px;
  display: flex;
  max-width: 100%;
  /* margin-left: 200px; */
  margin-bottom: 20px;
  margin-top: 20px;
  overflow: hidden;
  width: 700px;
  flex-direction: column;
}

.course-info-m * {
  /* color:#343333 ; */
}
.course-info-m {
  /* color:#343333; */

  /* text-shadow: 1px 1px 3px #888888b5; */
  /* box-shadow: 5px 6px 13px #f1f1f1; */
  padding: 10px;
  position: relative;
  /* border: 1px solid #e8e8e8;
		border-radius: 40px; */
  /* margin: 15px 70px; */
  /* box-shadow: 5px 10px 20px 0px #f9f9f9; */
}

.iconContainerformodal {
  background-color: #ffeee8;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  margin-right: 10px;
  overflow: hidden;
}

.cardHeadImgformodal {
  transform: scale(1.2);
  width: 100%;
  height: 100%;
  border-radius: 10px;
}

.info-l {
  text-align: left;
  overflow-wrap: break-word;
}

.allcapsformodal {
  /* text-transform: capitalize;
		  */
  font-weight: 600;
  font-size: 18px;
  color: #130000;
}

.firstlettercapsformodal {
  /* text-transform: capitalize; */

  font-size: 15px;
  font-weight: 400;
  color: #929292;
}

.firstlettercapsformodal2 {
  /* text-transform: capitalize; */

  font-size: 15px;
  font-weight: 300;
  color: #000000;
}

.iconformodal {
  width: 20px;
  height: 20px;
  margin-right: 12px;
  color: "#FF6C36";
}

.verifytextformodal {
  background-color: coral;
  padding: 4px;
  border-radius: 4px;
}

.widthformodal {
  width: 100%;
}

.play {
  position: relative;
}

.iconp {
  margin-top: -8px;
  width: 42px;
  height: 30px;
  cursor: pointer;
  color: rgb(255, 108, 54);
  margin-right: 5px;
}

@media only screen and (max-width: 500px) {
  .iconp {
    width: 25px;
    color: rgb(255, 108, 54);
    cursor: pointer;
    height: 30px;
  }
}

.mtitle {
  margin-top: 15px;
  text-align: left;
  margin-left: 16px;
  /* margin-bottom: 10px; */
}

.toppostSmall {
  font-size: 22px;
  text-align: left;
  font-weight: 600;
  color: #212529b8;
  text-shadow: 0px 1px 1px rgb(104 104 104 / 12%);
}

.social {
  width: 17.84px;
  height: 19.42px;
  /* color: #7B8187; */
  /* margin-right: 10px; */
  margin-inline-end: 10px;
  /* margin-bottom: 5px; */
  filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: gray;
  -webkit-filter: grayscale(1);
}
.social:hover {
  filter: unset;
  -moz-filter: unset;
  -ms-filter: unset;
  -o-filter: unset;
  filter: unset;
  -webkit-filter: unset;
}
.social2 {
  filter: unset;
  -moz-filter: unset;
  -ms-filter: unset;
  -o-filter: unset;
  filter: unset;
  -webkit-filter: unset;
}
.social1 {
  width: 17.84px;
  height: 19.42px;
  color: #7b8187;
  margin-right: 10px;
  margin-bottom: 5px;
}

.action23 {
  position: absolute;
  right: 30px;
}

.clist {
  background-color: rgb(243 243 243 / 46%);
  border-radius: 16px;
  width: 100%;
  height: 60px;
  margin-right: 10px;
}

.info {
  text-align: left;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-word;
  /* display: -webkit-box; */
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.coursemodal .info {
  white-space: pre-wrap !important;
}
.coursemodal .info-l {
  white-space: pre-wrap !important;
}
.readmore {
  color: rgb(255, 108, 54);
  cursor: pointer;
  text-transform: lowercase;
}

.abouttxt {
  text-align: start !important;
  color: #4a4a4a;
}

@media screen and (max-width: 1020px) and (min-width: 991px) {
  .about-info {
    padding: 25px !important;
  }
  .text-resp {
    font-size: 16px;
    line-height: 22px;
  }
}

@media screen and (max-width: 480px) {
  .course-info {
    padding: 35px 15px;
  }
  .threedotverti {
    right: -35px;
  }
  .course .dropdown-menu-smallCrd {
    transform: translate3d(35px, 26px, 0px) !important ;
  }
  .iconContainer-profilecards {
    margin: 0px;
  }
}

:root {
  --black: #000000;
  --white: #ffff;
  /* // googlePlus: '#DD4B39'
    // facebook: '#3b5998',
    // twitter: '#1DA1F2',*/
  --error: rgba(200, 0, 0, 0.8);
  --greybg: #f2f2f2;
  --accent: #ffaaac;
  --heading1: #4a4a4a;
  --greyLight: #f1f1f1;
  --greenText: #6fcf97;
  --darkGrey: #828282;
  --blue-b7: #337ab7;
  --purple: #bb6bd9;
  --blue: #68baff;

  /* Main Colors */
}
#signin.details .horizontal {
  width: 100%;
  max-width: 700px;
}

#signin.details .buttonmain {
  width: 250px;
}

#signin.details .row {
  margin-top: 5px;
}

#signin {
  background: url(/static/media/bgpattern.9b40a4a3.svg);

  height: 100%;
  width: 100%;
  /* overflow: hidden; */
  position: relative;
}
/* #signin .horizontal{
  background: #21252952 ;
  
  border-radius: 8px;
  padding: 15px;
  padding-top: 25px;
  padding-bottom: 25px;
  box-shadow:0px 0px 4px rgba(0, 0, 0, 0.25);

} */

#signin .horizontal {
  background: rgb(255 255 255);
  border-radius: 30px;
  padding: 25px 15px;
  box-shadow: 0 0 4px rgb(0 0 0 / 25%);
  max-width: 315px;
}

#signin .horizontalotp {
  padding: 15px;
  width: 315px;
  margin: 0 auto;
  transform: translate(-50%, -50%);
  position: absolute;
  top: 43%;
  left: 50%;
  z-index: 99;
  background: rgb(255 255 255);
  border-radius: 30px;
  padding: 25px 15px;
  box-shadow: 0 0 4px rgb(0 0 0 / 25%);
}

#signin input {
  outline: var(--accent);
  text-transform: inherit;
  background: none;
}

.delete-button:hover {
  cursor: pointer;
}

.tag-autocomplete {
  position: relative;
  display: inline-block;
}

.suggestion-item {
  padding: 0.5rem;
  background-color: white;
  border: 1px solid #ccc;
  cursor: pointer;
}

.highlighted {
  background-color: #f2f2f2;
}

.suggestion-item:hover {
  background-color: #f2f2f2;
}

.message {
  color: #3c33b7;
  font-size: 16px;
  font-weight: 500;
}

.checkmarkicon {
  width: 68px;
  height: 68px;
  color: orangered;
}

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

#signin .img {
  width: 120px;
  height: 30px;
  margin-top: 25px;
  margin-bottom: 25px;
}
#signin .marginleft {
  margin-left: 45px;
}
.forgot-password {
  width: 126px;
  height: 27px;
  padding-left: 4px;
  font-style: normal;
  font-weight: 300px;
  font-size: 14px;
  line-height: 16.5px;
  /* display: flex; */
}
#signin .profilenavbar {
  margin-bottom: 10px;
  margin-top: 5px;
}
.img {
  width: 120px;
  height: 30px;
  margin-top: 25px;
  margin-bottom: 25px;
}
.signup {
  width: 60px;
  height: 27px;
  font-family: "Roboto", sans-serif;
  font-weight: 400px;
  font-size: 14px;
  line-height: 16px;
  align-items: center;
  text-align: center;
  color: var(--blue);
}

.phone {
  width: 28%;
  padding: 6%;
}
.dropdown-disable {
  margin: 0px auto;
  text-align: center;
}
#signin .optiontext {
  font-size: 12px;
  font-family: "Roboto", sans-serif;
  color: #91979d;
  font-weight: 500;
  text-transform: uppercase;
  background: white;
  z-index: 999;

  text-align: left;
  border-radius: 8px;
  border: 1px solid var(--greyLight);
  box-sizing: border-box;
  outline: none;
  mix-blend-mode: normal;
  box-shadow: 1px 0px 8px 0px #dee2e663;
  margin-bottom: 10px;
  top: 341px;
  position: absolute;
  width: 285px;
}

#signin .dropdownaction {
  width: 100%;
  text-transform: capitalize;
  /* white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; */
}

#signin .dropdown-item:focus,
.dropdown-item:hover {
  color: #ffff;
  border-radius: 2px;
  width: 100%;
  margin: auto;
  text-decoration: none;
  background-color: #ff6c36;
  cursor: pointer;
}
.dropdown-selcted-cross:hover {
  cursor: pointer;
}
.scrollable {
  overflow-y: scroll;
  /* overflow: auto; */
  /*  width: 70px;  adjust this width depending to amount of text to display */
  height: 95px; /* adjust height depending on number of options to display */
  border: 1px silver solid;
}
.scrollable select {
  border: none;
}

.BackIcon {
  width: 50px;
  height: 50px;
  margin-top: 15px;
}
.linkedindetail {
  top: 65%;
}

/* @media screen and (min-width: 1100px) and (max-width: 2500px) {
  .linkedindetail{
    top: 100%;
  }
} */

/* Start for Success Screen */
.success-signin-message {
  margin: 15px 0px;
}

.signin-success-screen-btn {
  width: 150px;
  margin: 0px auto;
}
.btn-div .opt-screen-success {
  margin-top: 30px;
}
.congratulations-msg-success {
  font-size: 20px;
}

.extra-error-msg {
  font-family: "Roboto", sans-serif !important;
  width: 100%;
  font-weight: 300;
  font-size: 16;
  color: var(--off-white);
}
/* End for Succes Screen */
#signin .google-linkedin-btn-cls {
  display: flex;
  align-items: center;
  justify-content: center;
}
#signin .linkedin {
  width: 40px;
  height: 40px;
  padding: 10px;
  cursor: pointer;
  border-radius: 4px;
  border: 2px solid #0076b2;
  margin: 0px 10px;
}
#signin .solo-login-btn {
  width: 40px;
  height: 40px;
  padding: 10px;
  cursor: pointer;
  border-radius: 4px;
  border: 2px solid #0076b2;
}
#signin.google-check-btn {
  width: 40px;
  display: flex;
  overflow: hidden;
  margin: 0px 10px;
}

@media screen and (max-width: 992px) {
  .linkedindetail {
    top: 90%;
  }
  .forallmandatoryform {
    margin-top: 10px;
  }
  #signin .dropdown-wrper {
    margin-bottom: 15px;
  }
}
@media only screen and (max-width: 750px) {
  .BackIcon {
    width: 40px;
    height: 40px;
    margin-top: 15px;
    margin-bottom: 45px;
  }
}

@media screen and (max-width: 750px) {
  .idetail {
    top: 70%;
  }
}

.linkedin {
  max-width: 198px;
  height: 48px;
  cursor: pointer;
  width: 100%;
  border: 1px solid lightskyblue; /* Add a 2px solid black border */
  border-radius: 17px;
}
.linkedinimg {
  width: 305px;
}
@media only screen and (max-width: 348px) {
  .linkedinimg {
    width: 288px;
  }
}
@media only screen and (min-width: 349px) and (max-width: 359px) {
  .linkedinimg {
    width: 300px;
  }
}

.upperspace {
  margin-top: 20px;
}

.studinterest {
  margin-left: 10px;
}

.has-success .react-tags__selected {
  border-color: #28a745;
  box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25);
}

.bgonboardimages {
  position: absolute;
  height: 100vh;
  width: 100%;
  opacity: 0.4;
  z-index: -1;
}
.bgonboardimages .bgtleft {
  position: absolute;
  left: 0;
  top: 0;
  width: 25%;
}
.bgonboardimages .bgbleft {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 25%;
}
.bgonboardimages .bgtright {
  position: absolute;
  right: 0;
  top: 0;
  width: 25%;
}
.bgonboardimages .bgbright {
  position: absolute;
  right: 0;
  width: 25%;

  bottom: 0;
}

.tariffCards .batch {
  height: 40px;
  width: 40px;
  position: absolute;
  left: 20px;
  top: 20px;
}
.tariffCards .cardlogo {
  position: absolute;
  right: 40px;
  width: 100%;
  height: auto;
  max-width: 116px;
  top: 0px;
}
.economy:hover .cardlogo {
  filter: unset;
}
.premiumeconomy:hover .cardlogo {
  filter: unset;
}
.business:hover .cardlogo {
  filter: unset;
}

.signincard:hover .cardlogo {
  filter: unset;
}

.tariffCards .batch img {
  height: 100%;
  width: 100%;
  margin-top: 0px;
}

.tariffCards .cardlogo img {
  width: 100%;
  height: 100%;
}
.tariffCards {
  position: absolute;
  top: 45%;
  left: 50%;
  margin: -180px 0 0 -140px;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  transform: translate3d(0, 0, 0);
  transform-style: preserve-3d;
}
.tariffCards:after {
  position: absolute;
  bottom: -27px;
  left: 5%;
  content: "";
  width: 65%;
  height: 10px;
  border-radius: 100%;
  background-image: radial-gradient(
    rgba(34, 50, 84, 0.04),
    rgba(34, 50, 84, 0)
  );
}
.tariffCards > div {
  position: relative;
  width: 280px;
  height: 140px;
  border-radius: 12px;
  color: #fff;
  transform: rotateX(45deg) rotateY(-15deg) rotate(45deg);
  transition: all 0.4s ease;
  overflow: hidden;
  cursor: pointer;
}
.tariffCards > div:after {
  position: absolute;
  top: -70px;
  left: 0;
  content: "";
  width: 200%;
  height: 200%;
  background-image: linear-gradient(
    60deg,
    rgba(255, 255, 255, 0) 20%,
    rgba(255, 255, 255, 0.1),
    rgba(255, 255, 255, 0) 80%
  );
  transform: translateX(-100%);
}
.tariffCards > div img {
  pointer-events: none;
}
.tariffCards > div h3 {
  position: absolute;
  bottom: 28px;
  left: 15px;
  font-size: 23px;
  font-weight: 600;
  /* background-image: url(https://media.giphy.com/media/26BROrSHlmyzzHf3i/giphy.gif);
	background-size: cover;
	color: transparent;
	-moz-background-clip: text;
	-webkit-background-clip: text;
	text-transform: uppercase;
	line-height: .75;
	margin: 10px 0;
  */
}
.tariffCards > div span {
  position: absolute;
  font-weight: 700;
  bottom: 15px;
  left: 15px;
  font-size: 15px;
  font-weight: 600;
  opacity: 0.8;
}

.tariffCards > div.signincard {
  margin-top: 0px;
  z-index: 0;
  background-color: #8063e1;
  background-image: linear-gradient(271deg, #8c45bb, #4b388d);
  box-shadow: 20px 20px 60px #5d08ce86, 1px 1px 0px 1px #552f79;
}
.tariffCards > div.economy {
  margin-top: -70px;
  z-index: 2;
  background-color: #b6765f;
  background-image: linear-gradient(273deg, #ed4508, #b45a39);
  box-shadow: 20px 20px 60px #651e0373, 1px 1px 0px 1px #f16e3e;
}
.tariffCards > div.premiumeconomy {
  margin-top: -70px;
  z-index: 1;
  background-color: #ffc107;
  background-image: linear-gradient(272deg, #ffc103, #ac8e38);
  box-shadow: 20px 20px 60px #86650291, 1px 1px 0px 1px #ffc107;
}
.tariffCards > div.business {
  margin-top: -70px;
  z-index: 0;

  background-color: #352f64;
  background-image: linear-gradient(135deg, #415197, #352f64);
  box-shadow: 5px 5px 60px rgba(34, 50, 84, 0.1), 1px 1px 0px 1px #352f64;
}

.tariffCards > div:hover {
  transform: rotateX(30deg) rotateY(-15deg) rotate(30deg) translate(-25px, 50px);
}
.tariffCards > div:hover:after {
  transform: translateX(100%);
  transition: all 1.2s ease-in-out;
}
.signupasrole a {
  position: fixed;
  bottom: 20px;
  right: 20px;
  color: #07f;
  font-size: 14px;
  font-weight: 700;
  width: 126px;
  height: 22px;
}

.rolesignin {
  width: 60px;
  height: 27px;
  font-family: "Roboto", sans-serif;
  font-weight: 400px;
  font-size: 18px;
  line-height: 16px;
  align-items: center;
  text-align: center;
  color: var(--blue);
  vertical-align: bottom;
}

.dot {
  line-height: 100px;
  text-align: center;
}

.tariffCards .iconlogin {
  width: 40px;
  height: 40px;
  color: #8063e1;
}

@media screen and (max-width: 991px) {
  .bgonboardimages {
    position: absolute;
    height: 100vh;
    width: 100%;
    opacity: 0.4;
    z-index: -1;
  }
  .bgonboardimages .bgtleft {
    position: absolute;
    left: 0;
    top: 0;
    width: 40%;
  }
  .bgonboardimages .bgbleft {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 40%;
  }
  .bgonboardimages .bgtright {
    position: absolute;
    right: 0;
    top: 0;
    width: 40%;
  }
  .bgonboardimages .bgbright {
    position: absolute;
    right: 0;
    width: 40%;

    bottom: 0;
  }
}

.spinner {
    width: 100%;
    height: 100%;
  }
  
  .spinner > div {
    display: flex;
    justify-content: center;
    align-items: center;
  }
.carousel .control-arrow,
.carousel.carousel-slider .control-arrow {
  z-index: 7;
  filter: invert(100%);
}

.carousel.carousel-slider .control-arrow:hover {
  background: none !important;
}

.carousel .control-dots {
  z-index: 0;
}

#root .postcard .sliderimg {
  height: 250px;
}

#root .threedot {
  background-color: transparent;
  position: absolute;
  top: 0px;
  right: 0px;
  padding: 0px;
  border: none;
  outline: none;
}

#root .postcard .postinfo {
  margin-left: 60px;
  cursor: pointer;
}

#root .postcard .dpcircle {
  position: absolute;
  top: 0px;
  left: 0px;
  overflow: hidden;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  top: 50%;
  cursor: pointer;
  transform: translate(0%, -50%);
}

#root .postcard .dpcircle img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

#root .postcard .postdetail {
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 18px;
  text-align: left;
  color: var(--darkGrey);
  margin-top: 10px;
}

#root .postcard hr {
  margin-top: 0.5em;
  margin-bottom: unset;
}

#root .postcard .dpimage {
  height: 50px;
  width: 50px;
  /* border: 3px solid #f1f1f1; */
}

#root .postcard .removeStyles {
  /* NOTE */
  /* BORDER RADIUS WAS REMOVED TEMPORARY FOR FOR FIXING THE BUG OF BLURRY EDIT TEXT INPUT */
  /* IF YOU REMOVE THIS YOU MAY GET BLUR TEXT EFFECT WHEN CONTENT IS MORE.AND ALSO SCROLLBAR GOES OUT. */
  border-radius: none !important;
}

#root .postcard {
  background: var(--white);
  border-radius: 14px;
  /* box-shadow: 0 10px 40px rgb(222 230 237 / 30%); */
  box-shadow: 0px 3px 66px #f2f2f2;
  width: 100%;
  max-width: 800px;
  height: auto;
  overflow: hidden;
  margin: 0px auto;
  margin-bottom: 20px;
  /* border: 1px solid #f0f6fd; */
  border: 1px solid #dee2e6;
}

#root .postcard .postcontent {
  margin: 15px;
  position: relative;
}

#root .postcard .datetime,
#root .postcard .posttitle {
  display: block;
  text-align: left;
  cursor: pointer;
}

#root .postcard .threedot img {
  width: 100%;
  vertical-align: none;
  height: 100%;
  cursor: pointer;
  outline: none;
}

#root .postcard .show>.btn-primary.dropdown-toggle {
  color: unset;
  background-color: transparent;
  border: unset;
}

#root .postcard .show>.btn-primary.dropdown-toggle:focus {
  box-shadow: unset;
}

#root .postcard .dropdown-toggle::after {
  display: none;
}

#root .postcard .dropdown {
  position: absolute;
  display: inline-block;
  top: 0px;
  right: 0px;
  width: 20px;
}

#root .postcard .dropdown.show {
  display: inline-block;
}

#root .postcard .dropdown-item:focus,
#root .dropdown-item:hover {
  color: var(--white);
  text-decoration: none;
  background-color: var(--orange5e) !important;
  cursor: pointer;
}

#root .postcard .posttitle {
  font-weight: 500;
  color: var(--theme-black);
  font-size: 17px;
  line-height: 18px;
  height: 95%;
  width: 330px;
  text-transform: capitalize;
}

.edittxt {
  font-size: 18px;
  font-weight: 600;
}

#root .postcard .datetime {
  color: var(--grey3);
  font-weight: 500;
  font-size: 11px;
  line-height: 12px;
  margin-top: 5px;
}

#root .postcard .infobox .postinfo {
  position: absolute;
  top: 50%;
  transform: translate(0%, -50%);
}

#root .postcard .infobox {
  position: relative;
  height: 60px;
}

#root .postcard .newsfeed-infobox {
  height: 60px;
  cursor: pointer;
}

#root .postcard .postimage {
  width: auto;
  height: auto;
  margin-left: -15px;
  margin-right: -15px;
  margin-top: 15px;
  cursor: pointer;
  display: flex;
  flex-direction: column;
  border-radius: 0px;
}

#root .postcard .actioninfo {
  display: block;
}

#root .postcard .newactioninfo {
  align-items: center;
  display: flex;
  font-size: 12px;
  font-weight: normal;
  /* line-height: 5px; */
  padding: 5px;
  box-sizing: border-box;
}

#root .postcard .commentclass {
  margin-left: 4px;
  margin-right: "8px";
  font-size: "13px";
}

#root .postcard.displayimg {
  width: auto;
}

#root .postcard .sharepostarea {
  border: 2px solid #f1f1f1;
  margin-top: 5px;
  border-radius: 12px;
  overflow: hidden;
  background-color: #fdfdfd;
}

#root .postcard .dpcircle3 {
  position: absolute;

  overflow: hidden;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  top: 50%;
  cursor: pointer;
  transform: translate(0%, -50%);
}

#root .postcard .dpcircle3 img {
  width: 100%;
  height: 100%;
}

#root .postcard .infobox2 {
  position: relative;
  height: 40px;
  padding: 5px;
}

#root .postcard .postdetail2 {
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  text-align: left;
  color: #212529eb;
  padding: 5px;
  cursor: pointer;
  /* line-break: anywhere; */
  word-wrap: normal;
  word-break: break-word;
}

#root .postcard .postcommentarea {
  padding: 5px;
  border-top: 2px solid #f1f1f1;
}

#root .postcard .postcommentreplyarea {
  margin-left: 40px;
}

#root .postcard .cmarea {
  margin-top: 5px;
}

#root .postcard .postcommentview {
  position: absolute;
  left: 10px;
  font-size: 12px;
  font-weight: 600;
  cursor: pointer;
}

#root .postcard .postcommentreplyview {
  font-size: 12px;
  font-weight: 600;
  cursor: pointer;
}

#root .postcard .postcommentreplyview1 {
  text-align: left;
  /* margin:"24px !important" */
}

#root .postcard .loaderstyle {
  margin-Left: 20;
  width: 2rem;
  height: 2rem;
  color: var(--accent);
}

#root .postcard .actionsection {
  width: 33.3%;
  display: inline-block;
  font-weight: 300;
  font-size: 14px;
  color: var(--darkGrey);
}

.post-image-carousel .carousel .control-arrow,
.carousel.carousel-slider .control-arrow {
  filter: unset;
}

.post-image-carousel .carousel .control-next.control-arrow:before {
  border-left: 8px solid var(--mainorange);
}

.post-image-carousel .carousel .control-prev.control-arrow:before {
  border-right: 8px solid var(--mainorange);
}

@media screen and (max-width: 450px) {

  #root .postcard .shareform,
  #root .postcard textarea.form-control,
  #root .postcard .form-group {
    height: 95%;
    width: 83% !important;
  }
}

@media screen and (max-width: 2000px) {
  #root .postcard .actionsection {
    width: 33.3%;
    display: inline-block;
    font-weight: 300;
    font-size: 14px;
    color: var(--darkGrey);
  }
}

@media screen and (max-width: 991px) {
  #root .postcard .actionsection {
    display: inline-block;
    font-weight: 300;
    font-size: 14px;
    color: var(--darkGrey);
    white-space: nowrap;
  }
}

@media screen and (min-width: 992px) {

  .social-postcard .dropdown-menu,
  .myprofile-postcard .dropdown-menu {
    transform: translate(-146px, 29px) !important;
  }

  .myprofile-postcard .menu2postdropdown,
  .social-postcard .menu2postdropdown {
    transform: translate3d(0px, 26px, 0px) !important;
  }
}

@media screen and (max-width: 330px) {
  #root .postcard .commenttext {
    font-weight: bold;
    font-size: 12px;
    line-height: 1;
    vertical-align: middle;
  }

  #root .postcard .sharetext {
    font-weight: bold;
    font-size: 12px;
  }

  #root .postcard .liketext {
    font-weight: bold;
    font-size: 12px;
  }
}

#root .postcard .actionbuttons {
  margin-bottom: 10px;
}

#root .postcard .actionbuttons .likebutton {
  color: var(--orange5e);
  width: 15px;
  height: 15px;
  margin-right: 3px;
  margin-bottom: 5px;
}

#root .postcard .actionbuttons .commentbutton,
#root .postcard .actionbuttons .sharebutton {
  color: var(--orange5e);
}

.likewidtheight {}

#root .postcard .actionbuttons .actionsection {
  font-size: 14px;
  font-weight: 500;
  color: var(--darkGrey);
  cursor: pointer;
}

.postimage .slider-wrapper {
  height: 250px;
  margin-bottom: 10px;
}

.newsfeed-postimage .slider-wrapper {
  margin-bottom: 0px;
}

.postimage .carousel .slide img {
  width: auto;
  height: 100%;
  border-radius: 0px;
}

#root .postcard .carousel .slide {
  padding-left: 5px;
  padding-right: 5px;
}

@media (max-width: 1500px) {
  .postimage .slider-wrapper {
    height: 250px;
  }
}

@media (max-width: 400px) {
  #root .postcard .actionbuttons .actionsection {
    font-size: 12px;
  }

  #root .postcard .actionsection {
    font-size: 12px;
  }
}

@media (max-width: 370px) {
  .postimage .slider-wrapper {
    height: 250px;
  }
}

.icon-flipped {
  transform: scaleX(-1);
  -moz-transform: scaleX(-1);
  -webkit-transform: scaleX(-1);
  -ms-transform: scaleX(-1);
}

.dropdown {
  position: relative;
  display: inline-block;
}

.shareform .sharetextbox {
  /* border: 1px; */
  resize: none;
  width: 100%;
  height: 129px;
  border-radius: 10px;
}

#root .postcard .shareform,
#root .postcard textarea.form-control,
#root .postcard .form-group {
  height: 95%;
  width: 86%;
}

#root .postcard .menu {
  border-radius: 8px;
  transform: translate3d(-136px, 24px, 0px) !important;
}

#root .postcard .menu2postdropdown,
.social-postcard .menu2postdropdown {
  transform: translate3d(0px, 26px, 0px) !important;
}

@media screen and (max-width: 938px) {
  #root .postcard .menu {
    transform: translate3d(4.17233e-6px, 26px, 0px) !important;
  }

  #root .postcard .menu2postdropdown {
    transform: translate3d(0px, 26px, 0px) !important;
  }
}

#root .postcard .searchbutton {
  margin-left: 1px;
  color: var(--orange5e);
  cursor: pointer;
  font-size: 16px;
  display: inline;
}

#root .postcard .searchbutton1 {
  margin-left: 0px;
  color: var(--orange5e);
  cursor: pointer;
  font-size: 14px;
}

.view-click {
  white-space: nowrap;
}

.delpost {
  font-size: 22px;
  font-weight: 600;
  padding-bottom: 10px;
}

.delpostspaceyes {
  padding-left: 140px;
  padding-top: 35px;
  padding-bottom: 25px;
}

.delpostspaceno {
  padding-top: 35px;
  padding-left: 0px;
  padding-right: 140px;
}

.newsfeed-title {
  text-align: left;
  font-size: 14px;
  font-weight: bold;
  padding: 6px;
  background: #f6fff8;
  background: #f8f9fa;
  margin: 0 5px 10px 5px;
  height: 60px;
}

#singlepostupdated a,
#singlepostupdated a:hover,
#singlepostupdated a:active {
  text-decoration: none !important;
  color: #007bff;
}

.editorClassName {
  min-height: 140px;
  padding: 0px 16px;
}
.rdw-editor-toolbar{
  border-radius: inherit !important;
}

.wrapperClassName-error {
  border: 1px solid rgb(211, 47, 47);
}
.pop {
  width: 100%;
}
.popup {
  background: var(--white);
  border-radius: 8px;
  box-shadow: 0px 1px 2px rgb(189 189 189 / 50%);
  width: auto;
  height: auto;
  overflow: hidden;
}

.noteLabel {
  font-size: 11px !important;
  color: #ff0000db;
  margin-left: 3px !important;
  margin-top: -10px !important;
}
.certlink {
  margin-top: 20px;
  margin-bottom: 20px;
}
.certlink a {
  text-decoration: underline;
  color: #0056b3;
  font-size: 18px;
  font-weight: 600;
}
#aboutp .input,
.form-control.input.newbox {
  margin-right: 300px;
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
}
@media screen and (max-width: 991px) {
  #aboutp .input,
  .form-control.input.newbox {
    margin-right: 0px;
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
  }
}

.popup .popupcontent {
  margin: 15px;
  position: relative;
  margin-top: 40px;
}
.addv {
  font-size: 17px;
  color: black;
  margin-bottom: auto;
}
.post .insidefield {
  position: absolute;
  top: 60px;
}
.pop .closeicon {
  position: absolute;
  top: 0px;
  margin-top: 5px;
  right: 15px;
}

textarea {
  width: 100%;
  height: 150px;
  padding: 12px 20px;
  box-sizing: border-box;
  border: 2px solid var(--grey-1);
  border-radius: 4px;
  background-color: var(--white-1);
  font-size: 16px;
  resize: none;
}
.popabou textarea {
  outline: none;
  background-color: var(--white);
  /* width:300px; */
  padding: 12px 20px;
  height: 227px;
  box-sizing: border-box;
  border: 1px solid var(--grey-1);
  border-radius: 10px;
  font-size: 16px;
  resize: none;
  box-shadow: 1px 0px 8px 0px #dee2e663;
}

.popabou textarea:focus {
  border-color: var(--blue-f8) !important;
  box-shadow: none !important;
  margin: none !important;
}

.popabou textarea::-webkit-scrollbar {
  display: none;
}

.popabou textarea {
  -ms-overflow-style: none;
  scrollbar-width: none;
}

.pop-content1 {
  padding: 20px;
}

/* .pop textarea {
  outline: none;
  background-color: var(--white);
  width: 100%;
  height: 150px;
  padding: 0px 20px;
  box-sizing: border-box;
  border: 1px solid var(--grey-1);
  border-radius: 10px;
  font-size: 16px;
  resize: none;
} */

.popdelete .flex-parent {
  display: flex;
  min-height: 0px;
}
.popdel .flex-parent {
  display: flex;
  min-height: 0px;
}

.popdel .jc-center {
  justify-content: center;
  padding-right: 100px;
  padding-top: 30px;
  padding-left: 100px;
}

.areyousure {
  font-size: 22px;
  font-weight: 600;
}
.pop .optiontext {
  font-size: 12px;
  font-family: "Roboto", sans-serif;
  color: #91979d;
  font-weight: 500;
  /* // border-radius: 8px;
 // border: 1px solid var(--greyLight); */
  background: white;
  z-index: 999;
  /* width: 654px; */
  width: 94%;
  text-align: left;
  border-radius: 8px;
  border: 1px solid var(--greyLight);
  box-sizing: border-box;
  outline: none;
  /* mix-blend-mode: normal; */
  box-shadow: 1px 0px 8px 0px #dee2e663;
  margin-bottom: 10px;
  position: absolute;
  padding-top: 10px;
  padding-bottom: 5px;
}

.pop .dropdownaction {
  width: 654px;

  /* width:260px; */
  text-transform: capitalize;
}

.imageInputStyle {
  border: "2px solid #ced4da";
  border-radius: "8px";
  display: "flex";
  justify-content: "space-between";
  align-items: "center";
  padding: "8px";
  color: "grey";
  font-size: "80%";
}

.pop .dropdownaction:hover,
.pop .dropdownaction:focus,
.pop .dropdownaction:active {
  background-color: var(--flameorang);
  color: var(--white);
  cursor: pointer;
  text-decoration: none;
}

.pop .dropdownactiontech {
  /* width: 654px; */
  width: 258px;

  /* width:260px; */
  text-transform: capitalize;
}

.pop .dropdownactiontech:hover,
.pop .dropdownactiontech:focus,
.pop .dropdownactiontech:active {
  background-color: var(--flameorang);
  color: var(--white);
  cursor: pointer;
  text-decoration: none;
}
.pop .dropdownactioned {
  width: 654px;

  /* width:260px; */
  text-transform: capitalize;
}

.pop .dropdownactioned:hover,
.pop .dropdownactioned:focus,
.pop .dropdownactioned:active {
  background-color: var(--flameorang);
  color: var(--white);
  cursor: pointer;
  text-decoration: none;
}

@media screen and (min-width: 425px) and (max-width: 730px) {
  .pop .dropdownactioned {
    width: 500px;
  }
}
.pop .scrollable-menu {
  height: auto;
  max-height: 200px;
  overflow-x: hidden;
}
.Topmargin {
  margin-top: -15px;
}
.width300 {
  width: 300px !important;
  border-radius: 8px;
}

.pl {
  padding-left: 20px;
}

.videobox {
  margin-top: 36px;
  /* border-radius: 10px; */
  /* border: 1px solid var(--grey-1); */
  position: relative;
  height: 60px;
}

.addtovideo {
  position: absolute;
  text-align: left;
  margin-left: 2px;
  margin-top: 20px;
  font-family: "Roboto";
  font-weight: 400;
  font-size: 16px;
  line-height: 18px;
  color: #2c2a2abd;
}

.actionsvideo {
  position: absolute;
  text-align: left;
  top: 5px;
}

.deletepost {
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 15px;
}

.deletespace {
  margin-right: 48px;
  margin-left: 48px;
  margin-top: 30px;
}

/* .widthinline{
margin-right: 20px;
} */

.roundinput {
  width: 100%;
  height: 40px;
  color: #495057;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ced4da;
  /* margin: 8px 0; */
  /* border: 1px solid var(--org); */
  border-radius: 10px;
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
  padding: 0px 8px 0px 8px;
  box-sizing: border-box;
  outline: none;
  font-family: "Roboto", sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 12px;
  line-height: 18px;
  /* mix-blend-mode: normal; */
  box-shadow: 1px 0px 8px 0px #dee2e663;
}
.p160 {
  padding-left: 0px 197px 0px 20px;
}
.linksdefault {
  margin-bottom: 0px;
  padding-top: 13px;
}

.popfinal {
  padding-left: 15px;
}
.searchtitle {
  font-weight: bold;
  text-align: left;
  color: #495057d6;
}

.selectopt {
  font-size: 17px;
  width: 160px;
  height: 35px;
  margin-left: 10px;
  margin-right: 10px;

  color: #495057;
}
.selectopt:focus {
  font-size: 17px;

  background-color: #dee2e6;
  border-color: #dee2e6;

  color: #495057;
}
.selectopt:active {
  font-size: 17px;

  background-color: #dee2e6;
  border-color: #dee2e6;

  color: #495057;
}
.selectopt:hover {
  font-size: 17px;

  background-color: #dee2e6;
  border-color: #dee2e6;

  color: #495057;
}

.selectresult {
  margin-top: 10px;
  border-radius: 30px;
  background-color: #dee2e6;
  text-transform: capitalize;
  padding-left: 0px;
  box-sizing: border-box;
  outline: none;
  font-family: "Roboto", sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 17px;
  line-height: 18px;
  /* mix-blend-mode: normal; */
  margin-bottom: 15px;
  border-color: #dee2e6;
  color: #495057;
  /* box-shadow: 1px 0px 8px 0px #dee2e663; */
}

.pop .dropdownn .search-dp {
  background-color: white !important;
  font-weight: bold;
  color: #495057d6 !important;
  font-size: 16px;
  border-color: #ced4da !important;
  border-radius: 10px;
  width: 160px;
}

.pop .dropdownn .search-dp::after {
  margin-left: 20px;
}

.pop .dropdownn .search-dp:focus,
.pop .dropdownn .search-dp:active {
  background-color: white !important;
  font-weight: bold;
  color: #495057d6;
  font-size: 16px;
  border-color: var(--flameorang) !important;
}
@media screen and (max-width: 780px) and (min-width: 230px) {
  .edu .dropdown {
    width: 100%;
  }

  a.dropdownaction.scrollable-menu.dropdown-item {
    width: 100%;
  }
}
.selectresult:active {
  background-color: #dee2e6;

  border-color: #dee2e6;
  color: #495057;
}
.selectresult:focus {
  background-color: #dee2e6;

  border-color: #dee2e6;
  color: #495057;
}
.selectresult:hover {
  background-color: #dee2e6;

  border-color: #dee2e6;
  color: #495057;
}
.resultoption {
  background-color: white;
}

.singlelinetext {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  text-transform: capitalize;
}

.checkopt {
  margin-left: 2px;
}

.inputspace {
  margin-right: 420px;
  margin-bottom: 10px;
}

.searchbutton {
  color: #495057;
  font-size: 18px;
  width: 100px;
  height: 30px;
}

.form-check {
  position: relative;
  display: block;
  padding-left: 1.25rem;
  margin-right: 30px;
}

.sbtn {
  border-radius: 50px;
  border: 3px solid #ff6c36;
  background-color: white;
  color: #495057;
  width: 80px;
  height: 30px;
  margin-top: 5px;
  font-size: 16px;
  padding: -0px;
}
.sbtn:hover {
  border-color: #ff6c36;
  background-color: #ff6c36;
  color: rgb(255, 255, 255);
}

.clear {
  margin-left: 460px;
  margin-top: 10px;
  margin-right: 30px;
}

.outerbox {
  position: absolute;
  background: rgb(255 255 255);
  border-radius: 10px;
  padding: 25px 15px;
  box-shadow: 0 0 4px rgb(0 0 0 / 25%);
  scroll-behavior: smooth;
  overflow: hidden;
  min-width: 100px;
  max-width: 500px;
  margin-left: auto;
  margin-top: 20px;
  right: 14%;
  z-index: 500;
}
.rightspace {
  margin-right: 13px;
  margin-top: 8px;
  cursor: pointer;
  color: #495057;
  font-size: 16px;
}

.marginbtm {
  margin-top: 23px;
  margin-left: 200px;
  margin-right: -70px;
}
.social-row {
  display: flex;
}

.social-col1 {
  width: 30%;
}
.social-col2 {
  width: 70%;
}

.social-link-wrapper {
  display: flex;
}

.social-link-addr {
  text-align: start;
  padding: 13px 0px 13px 13px;
  line-height: 12px;
}

.popup-error-message {
  color: red;
  font-size: 12px;
  margin-top: -6px;
  text-align: left;
  padding-left: 20px;
  margin-bottom: 0px;
  line-height: 6px;
}

.popup-error-msg {
  color: var(--off-white);
}
@media screen and (max-width: 576px) {
  .social-col1 {
    width: 45%;
  }
  .social-col2 {
    width: 55%;
  }
}
@media screen and (max-width: 440px) {
  .social-col1 {
    width: 50%;
  }
  .social-col2 {
    width: 50%;
  }
}
@media screen and (min-width: 425px) and (max-width: 500px) {
  .marginbtm {
    margin-left: 120px;
  }
}
@media screen and (min-width: 360px) and (max-width: 425px) {
  .marginbtm {
    margin-left: 80px;
  }
}

.hrline {
  border: 0.33px solid #495057;
}

.hrspace {
  margin-top: -10px;
  margin-bottom: 20px;
}
.searchpopup {
  width: 90px;
  margin-left: 50px;
  border-radius: 10px;
  box-shadow: 1px 0px 8px rgba(0, 0, 0, 0.25);
}

.dpbtn {
  /* color: white; */
  background-color: #dee2e6;
}

@media screen and (max-width: 650px) {
  .outerbox {
    position: initial;
  }
}
@media screen and (max-width: 470px) {
  .pop .optiontext {
    width: 88%;
  }
}
@media screen and (min-width: 400px) and (max-width: 580px) {
  .pop .optiontext {
    width: 91.8%;
  }
}
@media screen and (min-width: 580px) and (max-width: 650px) {
  .pop .optiontext {
    width: 93%;
  }
}

.form-check-input[type="checkbox"] {
  border-radius: 8px;
  height: 25px;
  cursor: pointer;
  width: 25px;
  box-shadow: 1px 2px 13px 0 rgb(255 108 54 / 25%);
  border: 3px solid #ff6c36;
}

.checkk-input {
  margin-top: 4px;
  margin-left: 30px;
}
.checkk-input .form-check-input[type="checkbox"] {
  height: 20px;
  width: 20px;
  margin-top: 4px;
}

.checkk-input .form-check-label {
  margin-top: 4px;
}

.check-input .form-check-input[type="checkbox"] {
  height: 20px;
  width: 20px;
}

.check-input .form-check-label {
  margin-top: 4px;
  margin-left: 10px;
}

.checklabel {
  color: #828282;
}

.form-check-label {
  margin-bottom: 0;
  margin-top: 6px;
  margin-left: 15px;
}

.closesearch {
  margin-left: 420px;
  margin-top: -15px;
  cursor: pointer;
}

@media screen and (min-width: 430px) and (max-width: 510px) {
  .closesearch {
    margin-left: 350px;
  }
}

@media screen and (min-width: 350px) and (max-width: 430px) {
  .closesearch {
    margin-left: 280px;
  }
}

#profilepage .toggle:hover,
#profilepage .show > .btn-primary.dropdown-toggle {
  background-color: #dee2e6;
  color: #495057;
  border: #dee2e6;
}

.topsp {
  margin-top: 42px;
}

.selectcountry {
  font-size: 12px;
  font-family: "Roboto", sans-serif;
  color: #91979d;
  font-weight: 500;
  background: white;
  z-index: 999;
  text-align: left;
  border-radius: 8px;
  border: 1px solid var(--greyLight);
  box-sizing: border-box;
  outline: none;
  /* mix-blend-mode: normal; */
  box-shadow: 1px 0px 8px 0px #dee2e663;
  margin-bottom: 10px;
  position: absolute;
  width: 260px;
  margin-top: -15px;
  padding-top: 10px;
  padding-bottom: 10px;
}

.add-badge-button {
  width: auto;
  display: flex;
}
.add-badge-button .badge-btn {
  width: 50%;
  margin-top: 15px;
}
.add-badge-button .badge-btn.addbtn {
  margin-right: 15px;
}
.add-badge-button .badge-btn.cancel {
  margin-left: 15px;
}
.invalid-feedback1 {
  width: 100%;
  margin-top: 0.25rem;
  font-size: 12px;
  color: #d32f2f;
}
.dropzone {
  border: dashed 2px;
  border-radius: 10px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: calc(var(--gridspacing) * 4);
  width: 100%;
  box-sizing: border-box;
  cursor: pointer;
  color: var(--role-text-2);
}

.optiontext4 {
  font-size: 12px;
  font-family: "Roboto", sans-serif;
  color: #91979d;
  font-weight: 500;

  background: white;
  z-index: 999;
  overflow-x: hidden;
  text-align: left;
  border-radius: 8px;
  border: 1px solid var(--greyLight);
  box-sizing: border-box;
  outline: none;
  /* mix-blend-mode: normal; */
  box-shadow: 1px 0px 8px 0px #dee2e663;
  margin-bottom: 10px;
  position: absolute;
  width: 94%;
  margin-top: -15px;
  padding-top: 10px;
  padding-bottom: 10px;
}

.optiontext4.scrollable .dropdown {
  width: 100%;
}

.search-result-popup .country-db .selectcountry {
  width: calc(100% - 30px);
}

.search-result-popup .selectcountry .dropdown {
  width: 100%;
}

.search-result-popup .dropdown .dropdownaction {
  width: 100%;
}

.pop .popupcontent .edu-dp .dropdown {
  width: 100%;
}

@media screen and (min-width: 320px) and (max-width: 400px) {
  .optiontext4 {
    width: 89%;
  }
  .addtovideo {
    flex-direction: column;
  }
}
@media screen and (min-width: 400px) and (max-width: 520px) {
  .optiontext4 {
    width: 90.5%;
  }
}
@media screen and (min-width: 520px) and (max-width: 620px) {
  .optiontext4 {
    width: 92.5%;
  }
}
@media screen and (min-width: 620px) and (max-width: 991px) {
  .optiontext4 {
    width: 93.9%;
  }
}

.scrollable1 {
  overflow-y: scroll;
  overflow-x: hidden;
  /* overflow: auto; */
  /*  width: 70px;  adjust this width depending to amount of text to display */
  height: 95px; /* adjust height depending on number of options to display */
  border: 1px silver solid;
}
.scrollable1 select {
  border: none;
}

#root .alert {
  position: relative;
  padding: 0.2rem 1.25rem;
  margin-bottom: 1rem;
  margin-top: 1rem;
  border: 1px solid transparent;
  border-radius: 0.25rem;
}
#root .alert-info {
  font-size: 14px;
  color: #0c5460;
  font-family: "Roboto";
  background-color: #d1ecf1;
  border-color: #bee5eb;
}

@media screen and (max-width: 400px) {
  .showAlert2 {
    padding-left: 0px;
  }
}

.profilenavbar .active {
  border-bottom: 3px solid var(--coloractive);
  color: var(--coloractive);
  color: #ff6c36;
  background: #ffffff63;
  border-radius: 10px;
  box-shadow: 0px 11px 20px 3px #dee2e6c7;
}

.profilenavbar a {
  color: var(--darkGrey);
  font-weight: 400;
  font-size: 14px;
  background: #ffffff63;
  border-radius: 10px;
  box-shadow: 0px 10px 20px 4px #dee2e64a;
  margin-inline-start: 15px;
  margin-bottom: 10px;
  border: 1px solid #f8f9fa;
}

.profilenavbar {
  position: relative;
  margin-bottom: -5px;
  margin-top: 30px;
}

.tab-icon {
  width: 20px;
  margin-right: 10px;
}

.bag-icon {
  width: 16px;
  margin-right: 10px;
}

.searchr .active {
  font-family: "Roboto", sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 18px;
  text-align: center;
  color: #ffffff;
  width: auto;
  height: 38px;
  background: #ff6c36;
  border: 3px solid rgba(252, 108, 108, 0.92);
  box-sizing: border-box;
  border-radius: 20px;
}

.searchr a:hover {
  font-family: "Roboto", sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 18px;
  text-align: center;
  color: #ffffff;
  width: auto;
  height: 38px;
  background: #ff6c36;
  border: 3px solid rgba(252, 108, 108, 0.92);
  box-sizing: border-box;
  border-radius: 20px;
}

.searchr a {
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "Roboto", sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 18px;
  text-align: center;
  color: #343333;
  width: auto;
  height: 38px;
  background: #ffffff;
  border: 3px solid rgba(252, 108, 108, 0.92);
  box-sizing: border-box;
  border-radius: 20px;
  margin-right: 10px;
  margin-bottom: 10px;
}

.searchr {
  /* position: relative; */
  margin-bottom: -5px;
  margin-top: 40px;
}

.nav-link {
  display: block;
  padding: 0.2rem 1rem;
}

#inviteuser .invite-tab {
  padding: 0.5rem 1rem;
}

.resumeDownloadBtn {
  /* position: absolute; */
  right: 16%;
  display: flex;
  flex-direction: row;
  align-content: center;
  justify-content: space-evenly;
  align-items: center;
  /* background: linear-gradient(
    98.22deg,
    rgba(255, 69, 0, 0.66) 43.69%,
    rgba(255, 69, 0, 0) 145.93%
  ); */
  background-color: white;
  color: #ff885e;
  border: 2px solid #ff885e;
  border-radius: 7px;
  font-size: 14px;
  font-weight: 400;
  z-index: 1;
}

.resumeDownloadBtn:hover {
  background-color: #ff885e;
  color: white;
}

.profilenavbar .tab-count {
  margin-inline-start: 10px;
  background: #cacacc;
  border-radius: 12px;
  padding: 4px;
  font-size: 12px;
  color: white;
  min-width: 18px;
  height: 18px;
  line-height: 11px;
}

.profilenavbar .active .tab-count {
  background: #ff6c36;
}

@media screen and (max-width: 576px) {
  .searchr {
    margin-inline-start: 30px;
  }
}

.jobcard .postinfo {
  margin-left: 60px;
  cursor: pointer;
}
.jobcard .jobcardimg {
  position: absolute;
  top: 0px;
  left: 4px;
  /* left:10; */
  /* overflow: hidden; */
  width: 50px;
  height: 50px;
  border-radius: 50%;
  top: 50%;
  cursor: pointer;
  transform: translate(0%, -50%);
}
.labelbox {
  position: absolute;
  bottom: 3px;
  right: 3px;
  background-color: #ff6c36;
  color: #fff;
  padding: 10px 20px 10px 20px;
  border-radius: 0px 0px 35px 0px;
  font-weight: bold;
}
.mt-10 {
  margin-top: 10px;
}
.jobcard .jobcardimg img {
  width: 100%;
  height: 100%;
  margin-left: -10px;
}
.jobcard .cardHeadIcon11 {
  margin-left: 10px;
  transform: scale(1.2);
  width: 53px;
  height: 23px;
}
.jobcard .postdetail {
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 18px;
  text-align: left;
  color: var(--darkGrey);
  margin-top: 10px;
  /* height: 36px; */
  overflow: hidden;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  height: 55px;
}
.jobcard hr {
  margin-top: 0.5em;
  margin-bottom: unset;
}
.jobcard .dpimage {
  height: 50px;
  width: 50px;
  /* border: 3px solid #f1f1f1; */
}
.jobcard .sliderimg {
  padding: 2px;
}

.jobcard {
  /* width: 348.88px; 
    height: 185.33px; */
  /* height: 180px;
    width: 350px; */
  height: 190px;
  /* border: 2px solid #ff4b09; */
  border: 1px solid #dee2e6;
  box-sizing: border-box;
  /* filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25)); */
  /* border-radius: 45px; */
  border-radius: 14px;
  margin-top: 24px;
  /* box-shadow: 0px 2px 18px 3px rgba(255, 130, 130, 0.2); */
  box-shadow: 0px 3px 66px #f2f2f2;
}
.myjobcard-height {
  padding: 5px;
  height: auto;
}
.jobcard .jobcardcontent {
  margin-left: 11px;
  margin-right: 11px;
  margin-top: 9px;
  position: relative;
  margin-bottom: 9px;
  padding: 2px;
}

.jobcard .datetime,
.jobcard .posttitle {
  display: block;
  text-align: left;
  cursor: pointer;
}
.jobcard .threedot img {
  width: 100%;
  vertical-align: none;
  height: 100%;
  cursor: pointer;
  outline: none;
}

.jobcard .show > .btn-primary.dropdown-toggle {
  color: unset;
  background-color: transparent;
  border: unset;
}
.jobcard .show > .btn-primary.dropdown-toggle:focus {
  box-shadow: unset;
}

.jobcard .dropdown-toggle::after {
  display: none;
}

.jobcard .dropdown {
  position: absolute;
  display: inline-block;
  top: 0px;
  right: 0px;
  width: 20px;
}
.jobcard .dropdown.show {
  display: inline-block;
}

.jobcard .dropdown-item:focus,
.dropdown-item:hover {
  color: var(--white);
  text-decoration: none;
  background-color: var(--orange5e);
  cursor: pointer;
}
.jobcard .followcount {
  margin-left: 13px;
}

.jobcard .posttitleuname {
  text-align: left;
  font-family: Roboto;
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  text-transform: capitalize;
  color: var(--theme-black);
  display: block;
  /* margin-left: 12px;
    */
}
.jobcard .datetime {
  color: var(--grey3);
  font-weight: 500;
  font-size: 11px;
  line-height: 12px;
  margin-top: 5px;
}

.jobcard .jobcardbox .postinfo {
  position: absolute;
  top: 60%;
  width: 63%;
  transform: translate(0%, -50%);
}
.jobcard .jobcardbox {
  position: relative;
  height: 60px;
}

.jobcard .postimage {
  width: auto;
  height: auto;
  margin-left: -15px;
  margin-right: -15px;
  margin-top: 5px;
  cursor: pointer;
  border-radius: 30px;
}

.jobcard .actioninfo {
  display: block;
}

.jobcard.displayimg {
  width: auto;
}

.jobcard .sharepostarea {
  border: 1px solid #f1f1f1;
  margin-top: 5px;
  border-radius: 5px;
}

.jobcard .jobcardimg3 {
  position: absolute;

  overflow: hidden;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  top: 50%;
  cursor: pointer;
  transform: translate(0%, -50%);
}

.jobcard .jobcardimg3 img {
  width: 100%;
  height: 100%;
}

.jobcard .jobcardbox2 {
  position: relative;
  height: 40px;
  padding: 5px;
}

.jobcard .postdetail2 {
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 18px;
  text-align: left;
  color: #212529eb;
  padding: 5px;
}

.jobcard .postcommentarea {
  padding: 5px;
  border-top: 2px solid #f1f1f1;
}

.jobcard .postcommentreplyarea {
  margin-left: 40px;
}

.jobcard .cmarea {
  margin-top: 5px;
}

.jobcard .postcommentview {
  position: absolute;
  left: 10px;
  font-size: 12px;
  font-weight: 600;
  cursor: pointer;
}

.jobcard .postcommentreplyview {
  font-size: 12px;
  font-weight: 600;
  cursor: pointer;
}

.jobcard .postcommentreplyview1 {
  text-align: left;
}

@media screen and (max-width: 2000px) {
  .jobcard .actionsection {
    width: 33.3%;
    display: inline-block;
    font-weight: 300;
    font-size: 14px;
    color: var(--darkGrey);
  }
}

@media screen and (max-width: 991px) {
  .jobcard .actionsection {
    display: inline-block;
    font-weight: 300;
    font-size: 14px;
    color: var(--darkGrey);
  }
}

@media screen and (max-width: 330px) {
  .jobcard .commenttext {
    font-weight: bold;
    font-size: 12px;
  }
  .jobcard .sharetext {
    font-weight: bold;
    font-size: 12px;
  }

  .jobcard .liketext {
    font-weight: bold;
    font-size: 12px;
  }
}

.jobcard .actionbuttons .likebutton,
.jobcard .actionbuttons .commentbutton,
.jobcard .actionbuttons .sharebutton {
  color: var(--orange5e);
  width: 13px;
  margin-bottom: 5px;
}

.jobcard .actionbuttons .actionsection {
  font-size: 14px;
  font-weight: 500;
  color: var(--darkGrey);
  cursor: pointer;
}
.postimage .slider-wrapper {
  height: 250px;
}
.postimage img {
  width: 100%;
  border-radius: 30px;
  height: 200px;
  border-top-right-radius: 0;
  border-bottom-left-radius: 30px;
  border-bottom-right-radius: 30px;
}
.jobcard .carousel .slide {
  padding-left: 5px;
  padding-right: 5px;
}
@media (max-width: 1500px) {
  .postimage .slider-wrapper {
    height: 250px;
  }
}
@media (max-width: 370px) {
  .postimage .slider-wrapper {
    height: 150px;
  }
}

.icon-flipped {
  transform: scaleX(-1);
  -moz-transform: scaleX(-1);
  -webkit-transform: scaleX(-1);
  -ms-transform: scaleX(-1);
}

.dropdown {
  position: relative;
  display: inline-block;
}

.fullwidth {
  width: 100%;
}

.shareform .sharetextbox {
  /* border: 1px; */
  resize: none;
}

.jobcard .shareform,
.jobcard textarea.form-control,
.jobcard .form-group {
  height: 95%;
  width: 85%;
}

.jobcard .menu {
  border-radius: 8px;
}

.jobcard .searchbutton {
  margin-left: 2px;
  color: var(--orange5e);
  cursor: pointer;
}

.jobcard .searchbutton {
  margin-left: 2px;
  display: inline;
  color: var(--orange5e);
  cursor: pointer;
}

.postcursor {
  cursor: pointer;
}

.companyname {
  /* width: 70.65px; */
  width: 60%;
  /* height: 17.39px; */
  text-align: left;
  font-family: Roboto;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  color: var(--theme-dark-gray);
  /* margin-left: 13px; */
  white-space: nowrap;
  word-break: break-word;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  text-transform: capitalize;
}

.fbtn {
  margin-left: 202px;
  padding-top: 15px;
}

.icons {
  text-align: left;
}
.locationic1 {
  margin-left: 5px;
}
.bioic {
  margin-left: 5px;
  margin-right: 8px;
}
.socialic {
  margin-left: 4px;
}
.biotext {
  font-family: Roboto;
  font-style: normal;
  font-weight: normal;
  font-size: 13px;
  line-height: 16px;
  color: #707070;
  margin-left: 10px;
  text-transform: capitalize;
}
.locationtext {
  font-family: Roboto;
  font-style: normal;
  font-weight: 90;
  font-size: 12px;
  line-height: 16px;
  color: var(--theme-light-gray);
  margin-left: 4px;
  margin-right: 2px;
  white-space: nowrap;
  margin-top: 10px;
}
.application {
  color: var(--theme-dark-gray);
}
.socialicons {
  width: 17.84px;
  height: 19.42px;
  color: #7b8187;
  margin-right: 3px;
  margin-bottom: 5px;
  margin-top: 5px;
}
.infobg {
  position: absolute;
  width: 334.75px;
  height: 64.13px;
  left: 947.57px;
  top: 314.17px;

  background: rgba(243, 243, 243, 0.26);
  border-radius: 16px;
}

.pfcontainer {
  background-color: rgb(243 243 243 / 46%);
  border-radius: 16px;
  /* width: 515px; */
  height: 60px;
  margin-right: 10px;
}
@media screen and (min-width: 990px) and (max-width: 1200px) {
  .fbtn {
    margin-left: 140px;
  }
}

@media screen and (min-width: 530px) and (max-width: 768px) {
  .fbtn {
    margin-left: 350px;
  }
}

@media screen and (min-width: 768px) and (max-width: 990px) {
  .fbtn {
    margin-left: 520px;
  }

  .jcardjobicon2 {
    /* left: 70% !important; */
  }
  #myenrollments .jcardiconsection .jcardjobicon2.jcardmyenroll {
    left: unset !important;
  }
}

@media screen and (min-width: 490px) and (max-width: 530px) {
  .fbtn {
    margin-left: 320px;
  }
}

@media screen and (min-width: 390px) and (max-width: 489px) {
  .fbtn {
    margin-left: 220px;
  }
}

@media screen and (max-width: 355px) {
  .fbtn {
    margin-left: 150px;
  }
}

.work {
  font-family: Roboto;
  font-style: normal;
  font-weight: normal;
  font-size: 13px;
  line-height: 16px;
  color: #707070;
  margin-left: px;
  margin-left: 1px;
  text-transform: capitalize;
}

.socialiconlist {
  margin-left: 240px;
  margin-top: -25px;
}

.biot {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}

.loctxt {
  overflow: hidden;
  text-overflow: ellipsis;
  /* display: -webkit-box; */
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}

.jobtitle {
  margin-left: 12px;
  width: 204px;
  height: 22px;
  font-family: Roboto;
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  color: #262429;
}

.locationonsite {
  /* margin-left: 90%;
    margin-top: 12px; */
  position: absolute;
  top: 0px;
  right: 3px;
}

.application {
  font-size: 12px;
  /* margin-left: 72%;  */
  position: absolute;
  right: 0%;
  top: 52%;
}

.techicon {
  border-radius: 50%;
  height: 22px;
  margin-left: 3px;
}

.techoicon {
  border-radius: 50%;
  height: 22px;
  /* margin-left: 3px; */
}
.techoicon + .techoicon {
  margin-left: 3px;
}
.comploc {
  margin-left: 13px;
}

.jobblock {
  display: inline-block;
}

.skillicon {
  font-family: Roboto;
  font-style: normal;
  font-weight: normal;
  font-size: 13px;
  line-height: 16px;
  color: rgba(33, 37, 41, 0.72);
  margin-left: 5px;
}

.singleline {
  margin-left: 250px;
}

/*88888888888888888888888888/*/

.jcardiconsection {
  width: 100%;
  /* margin-top: 25px; */
}

.jcardiconsection .jcardiconcontainer {
  position: relative;
  text-align: left;
}

.jcardiconsection .jcardjobicon1 {
  /* position: relative; */
  /* bottom: 66px; */
  display: inline-block;
}

.jcardiconsection .jcardjobicon2 {
  display: inline-block;
  max-width: 300px;
  height: auto;
  position: absolute;
  width: 120px;
  top: 0;
  left: unset;
  right: 0px;
}

.jcardjobiconsection {
  width: 100%;
  margin-top: 8px;
}

.jcardjobiconsection .jcardjobiconcontainer {
  text-align: left;
}
.jcardjobiconsection .jobcardnew {
  align-items: center;
  display: flex;
  font-size: 12px;
  font-weight: normal;
  line-height: 1px;
  padding: 5px;
  box-sizing: border-box;
  margin-right: 5px;
}
.jcardjobiconsection .jcardjobiconloc11 {
  position: relative;
  top: 0px;
  display: inline-block;
}

.jcardjobiconsection .jcardjobicontechnology {
  position: relative;
  top: 0px;
  left: 0px;
  display: inline-block;
}

/* .trimmingloc {
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-word;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
} */

.jcardjobiconsection .jcardjobicon22 {
  /* margin-left: 380px; */
  color: #828282;
  font-size: 15px;
  font-weight: 500;
  display: inline-block;
  position: absolute;
  left: 14px;
  /* bottom: 0px; */
  max-width: 118px;
  max-width: 85%;
  height: auto;
  text-overflow: ellipsis;
  overflow: hidden;
  margin-top: 2px;
}

.jcardjobiconsection .jcardjobicon22.position-adjust {
  left: 20px;
}

.jcardjobiconsection .jcardjobicon22.position-adjust1 {
  left: 20px;
  margin-top: 1px;
}

@media screen and (min-width: 320px) and (max-width: 450px) {
  .jcardjobicon2 {
    /* left: 46% !important; */
  }
  #myenrollments .jcardiconsection .jcardjobicon2.jcardmyenroll {
    left: unset !important;
  }
  /* .trimmingloc {
    width: 50%;
  } */
}
/* @media screen and (min-width: 320px) and (max-width: 450px) {
  .jcardjobicon2 {
    left: 56% !important;
  }
} */

@media screen and (min-width: 993px) and (max-width: 1425px) {
  .jcardiconsection .jcardjobicon2 {
    display: inline-block;
    max-width: 300px;
    height: auto;
    position: absolute;
    /* left: 50%; */
  }
}

.CourseCard {
  position: relative;
  margin-top: 25px;
  margin-bottom: 25px;
  /* height: 220px; */
}
.CourseCard .carea {
  width: 100%;
  display: flex;
  height: 100%;
  position: relative;
  padding: 5px;
  background-color: white;
  /* box-shadow: 6px 40px 40px -10px #88888824; */
  border-radius: 30px;
  border: 4px solid #ff6c366e;
  border-radius: 30px;
  box-shadow: 2px 3px 40px 0px #f8f9fa;
  cursor: pointer;
  overflow: hidden;
  border-top-left-radius: 0px;
}

.CourseCard .ccarea {
  width: 100%;
  display: flex;
  height: 100%;
  position: relative;
  padding: 5px;
  background-color: white;
  /* box-shadow: 6px 40px 40px -10px #88888824; */
  border-radius: 30px;
  border: 4px solid #458ff6;
  border-radius: 30px;
  box-shadow: 0px 2px 7px 3px rgb(130 214 255 / 25%);
  cursor: pointer;
  overflow: hidden;
  border-top-left-radius: 0px;
}
.CourseCard .cimage img {
  -o-object-fit: cover;
     object-fit: cover;
}
.CourseCard .costOnMob div {
  position: relative;
  margin-left: 20px;
  margin-top: 7px;
  font-weight: 600;
  font-size: 14px;
  color: #0d6efdd1;
  letter-spacing: 0.7px;
  opacity: 0.9;
}
.CourseCard .cimage {
  width: 35%;
  box-shadow: 1px 0px 2px 1px #adb5bd;
  padding: 0;
  overflow: hidden;
  background: black;
  height: 100%;
  border-top-left-radius: 0px;
  border-bottom-right-radius: 0px;
}

/* .CourseCard .cwrapper:hover{
    border: 4px solid #ff6c366e;
    border-radius: 30px;
    box-shadow: 0px 1px 20px 0px #f8f9fac2;
} */

.cimage {
  border-radius: 30px;
  padding: 0;
}
.CourseCard .ctitle {
  width: 60%;
}
/* .CourseCard .cwrapper:hover {
    background-color: white;
    /* box-shadow: 6px 40px 40px -10px #88888824; *
    border-radius: 30px;
    border: 4px solid #ff6c36b5;
    border-radius: 30px;
    box-shadow: 2px 3px 40px 0px #dee2e699;
    margin-top: -2px;
} */
.CourseCard .cwrapper:hover .ccategory {
  background-color: #ff6c36b5;
}
.CourseCard .cwrapper:active .ccategory {
  background-color: #ff6c36b5;
}

.CourseCard .ctitle h2 {
  font-weight: 500;
  font-size: 16px;
  color: var(--theme-black);
  letter-spacing: 0.3px;
  text-transform: capitalize;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-word;
  /* display: -webkit-box; */
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  text-transform: capitalize;
  margin-left: 20px;
}
.CourseCard .sub-t {
  margin-top: 30px;
  font-size: 14px;
  color: black;
  text-transform: capitalize;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-left: 20px;
  height: 55px;
}

.CourseCard .cbyname {
  margin-left: 20px;
  font-size: 14px;
  color: black;
  opacity: 0.7;
  font-weight: 400;
  letter-spacing: 0.3px;
  line-height: 26px;

  text-transform: capitalize;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-word;
  /* display: -webkit-box; */
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  text-transform: capitalize;
}
.CourseCard .cimagearea {
  width: 50px;
  height: 50px;
  display: inline-block;
}
.CourseCard .ccategory {
  margin-right: -18px;
  background-color: #ff6c369e;
  padding: 5px 20px;
  border-radius: unset;
  color: #ffffff;
  height: 35px;
  text-transform: capitalize;
  position: absolute;
  right: 16px;
  top: 77px;
  box-shadow: 0px 0px 5px 0px #ffa482;
}
.CourseCard .clcategory {
  font-size: 12px;
  margin-right: -18px;
  background-color: #458ff6;
  padding: 5px 10px;
  border-radius: unset;
  color: #ffffff;
  /* height: 35px; */
  text-transform: capitalize;
  position: absolute;
  right: 16px;
  top: 62px;
  box-shadow: 0px 0px 5px 0px #73a9f3;
}
.cstatus {
  font-size: 12px;
  padding: 5px 6px;
  border-radius: 30px;
  height: 25px;
  text-transform: none;
  /* width: 80px; */
  margin-top: 5px;
  margin-left: 20px;
  margin-bottom: 10px;
  width: 155px;
}
.cstatus-jobs {
  font-size: 12px;
  padding: 5px 6px;
  border-radius: 30px;
  height: 25px;
  text-transform: none;
  margin-top: 10px;
  margin-bottom: 5px;
  margin-left: 5px;
  width: 155px;
}
.green {
  background-color: #e9fff2;
  color: #48ad72;
  text-transform: capitalize;
}
.red {
  background-color: #ffe7de;
  color: #ef7547;
  text-transform: capitalize;
}
.mt10 {
  margin-top: 10px;
}
.CourseCard .cprice {
  font-weight: 600;
  font-size: 14px;
  color: #0d6efdd1;
  letter-spacing: 0.7px;
  position: absolute;
  top: 15px;
  right: 10px;

  /* left: 235px; */
  margin-left: 20px;
  opacity: 0.9;
}
.cbottom {
}
.CourseCard .ccardContent {
  /* padding:10px 50px 0 20px; */
  width: 65%;
  height: 100%;
  margin-top: 10px;
  /* margin-left: 20px; */
}
.CourseCard .bigcardarea {
  height: 100%;
}

.cpriceunpaid {
  font-weight: 600;
  font-size: 14px;
  color: #0d6efdd1;
  letter-spacing: 0.7px;
  position: absolute;
  top: 15px;
  right: 10px;
  /* left: 235px; */
  margin-left: 20px;
  opacity: 0.9;
}

.linebreak {
  white-space: nowrap;
}

/* .course-info .dropdown-menu{
    transform:translate3d(-145px, 28.8px, 0px) !important;
  } */

@media only screen and (max-width: 768px) {
  .CourseCard .ctitle {
    width: 100%;
  }
}

/* New Card design Styling */

.opportunity-card {
  font-family: Roboto;
  text-align: start;
  padding: 16px;
  border-radius: 14px;
  background: #fff;
  box-shadow: 0px 3px 66px #f2f2f2;
  border: 1px solid #dee2e6;
  min-height: 386px;
}

.opportunity-card .card-img-container {
  position: relative;
}

.opportunity-card .card-img-container .location-type {
  position: absolute;
  width: 52px;
  bottom: 8px;
  right: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  background: #848484;
  font-size: 12px;
  font-weight: 300;
  border-radius: 14px;
  padding: 1px;
}

.opportunity-card .card-img-container .issuer-img {
  position: absolute;
  bottom: -13px;
  left: 16px;
  width: 82px;
  height: 82px;
  border-radius: 50%;
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
  border: 2px solid var(--theme-card-shadow);
  overflow: hidden;
}
.opportunity-card .card-img-container .issuer-img img {
  /* object-fit: contain; */
  width: 100%;
  height: 100%;
}
.opportunity-card .card-img-container .card-image {
  width: 100%;
  height: 235px;
  border-radius: 14px;
  background-color: #dadada;
}

.opportunity-card .bottom-section .first-line {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 20px 0 0 0;
}

.opportunity-card .bottom-section .first-line .opportunity-title {
  width: 100%;
  text-wrap: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  /* color: #262429e8; */
  color: var(--theme-black);
  text-transform: capitalize;
}

.opportunity-card .bottom-section .second-line {
  margin: 4px 0 0 0;
}

.opportunity-card .bottom-section .second-line .opportunity-issuer {
  width: 100%;
  text-wrap: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  /* color: #212529b8; */
  color: var(--theme-dark-gray);
  text-transform: capitalize;
}

.opportunity-card .bottom-section .third-line {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 8px 0 10px 0;
}

.opportunity-card .bottom-section .third-line .tag-container {
  display: flex;
  align-items: center;
}

.opportunity-card .bottom-section .third-line .tag-container div + div {
  margin-left: 15px;
}

.opportunity-card .bottom-section .third-line .opportunity-type,
.opportunity-card .bottom-section .third-line .card-status {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  background: #ffa135;
  color: #fff;
  border-radius: 14px;
  text-transform: capitalize;
  padding: 2px 12px 2px 12px;
}

.opportunity-card .bottom-section .third-line .card-status {
  border-radius: 14px;
}

.opportunity-card .bottom-section .third-line .card-status.green-status {
  background: #48ad72;
}

.opportunity-card .bottom-section .third-line .card-status.red-status {
  background: #ff4d35;
  cursor: pointer;
}

.opportunity-card .bottom-section .third-line .card-status.pending-status {
  background: #ef7547;
}

.opportunity-card .bottom-section .tech-line {
  margin: 6px 0px;
  display: flex;
  align-items: center;
}
.opportunity-card .bottom-section .tech-line img {
  cursor: pointer;
  height: 25px;
  max-width: 40px;
}
.opportunity-card .bottom-section .tech-line img + img {
  margin-left: 8px;
}

.opportunity-card .bottom-section .opportunity-details {
  min-height: 72px;
  margin: 16px 0px;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  color: #acacac;
}

.opportunity-card .bottom-section .extra-info {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.opportunity-card .bottom-section .extra-info .opportunity-type {
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  color: #ff7426;
}

.opportunity-card .bottom-section .dotted-line {
  width: 100%;
  height: 1px;
  margin: 0px 0 6px 0;
  background-image: linear-gradient(
    to right,
    #acacac 33%,
    rgba(255, 255, 255, 0) 0%
  );
  background-position: bottom;
  background-size: 4px 1px;
  background-repeat: repeat-x;
}

.opportunity-card .bottom-section .extra-info .read-more {
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  color: #ff7426;
  cursor: pointer;
  text-transform: lowercase;
}

.opportunity-card .bottom-section .extra-info .read-more img {
  width: 13px;
  height: 13px;
  cursor: pointer;
  margin-left: 6px;
}

.opportunity-card .bottom-section .review {
  color: blue;
  margin-left: 20px;
  cursor: pointer;
}

@media screen and (min-width: 991px) and (max-width: 1199px) {
  .opportunity-card .bottom-section .third-line.ismyenoll {
    display: block;
  }
}
@media screen and (min-width: 768px) {
  .opportunity-card .card-img-container .card-image {
    height: 175px;
  }
}

.HakathonCard {
  position: relative;
  margin-top: 25px;
  /* margin-bottom: 25px; */
  /* height: 220px; */
}

.HakathonCard .carea {
  width: 100%;
  display: flex;
  height: 100%;
  position: relative;
  padding: 5px;
  background-color: white;
  /* box-shadow: 6px 40px 40px -10px #88888824; */
  border-radius: 30px;
  border: 4px solid #ff6c366e;
  border-radius: 30px;
  box-shadow: 0px 2px 12px 3px rgba(255, 130, 130, 0.2);
  cursor: pointer;
  overflow: hidden;
  border-top-left-radius: 0px;
}

.HakathonCard .cimage img {
  -o-object-fit: cover;
     object-fit: cover;
}
.HakathonCard .cimage {
  width: 35%;
  box-shadow: 1px 0px 2px 1px #adb5bd;
  padding: 0;
  overflow: hidden;
  height: 100%;
  border-top-left-radius: 0px;
  border-bottom-right-radius: 0px;
}

.HakathonCard .ccardContent {
  /* padding:10px 50px 0 20px; */
  width: 65%;
  height: 100%;
  margin-top: 10px;
  /* margin-left: 20px; */
}

.HakathonCard .bigcardarea {
  height: 100%;
}

.HakathonCard {
  border-radius: 30px;
  padding: 0;
}
.HakathonCard .ctitle {
  width: 73%;
}

.HakathonCard .ctitle h2 {
  margin-left: 20px;
  font-weight: 500;
  font-size: 16px;
  color: #262429;
  letter-spacing: 0.3px;
  text-transform: capitalize;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-word;
  /* display: -webkit-box; */
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  text-transform: capitalize;
}

.HakathonCard .sub-t {
  margin-top: 20px;
  margin-left: 20px;
  font-size: 14px;
  color: black;
  font-weight: 300;
  line-height: 20px;
  text-transform: capitalize;
  height: 90px;
  margin-bottom: -45px;
  opacity: 0.95;
  text-overflow: ellipsis;
  overflow: hidden;
}

.cstatus {
  font-size: 12px;
  padding: 5px 6px;
  border-radius: 30px;
  height: 25px;
  text-transform: capitalize;
  width: 80px;
  margin-top: 5px;
  margin-left: 20px;
  margin-bottom: 10px;
}

.HakathonCard .cbyname {
  /* margin-left: 20px; */

  font-size: 14px;
  color: black;
  opacity: 0.7;
  font-weight: 400;
  letter-spacing: 0.3px;
  line-height: 26px;
  text-transform: capitalize;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

.HakathonCard .cprice {
  font-weight: 600;
  font-size: 13px;
  color: #0d6efdd1;
  letter-spacing: 0.7px;
  position: absolute;
  top: 60px;
  /* top: 110px; */
  text-transform: capitalize;
  /* left: 235px; */
  opacity: 0.9;
  margin-left: 20px;
}

.HakathonCard .ccategory {
  margin-right: -18px;
  background-color: #ff6c369e;
  padding: 5px 10px;
  border-radius: unset;
  color: #ffffff;
  /* height: 35px; */
  text-transform: capitalize;
  position: absolute;
  right: 16px;
  top: 82px;
  box-shadow: 0px 0px 5px 0px #ffa482;
  font-size: 12px;
}

.HakathonCard .cwrapper:hover .ccategory {
  background-color: #ff6c36b5;
}

.green {
  background-color: #e9fff2;
  color: #48ad72;
}
.red {
  background-color: #ffe7de;
  color: #ef7547;
}
.mt10 {
  margin-top: 10px;
}

.HakathonCard .bigcardarea {
  height: 100%;
}
.extra-capitlise-class {
  text-transform: capitalize;
}
.extra-capital-first::first-letter {
  text-transform: uppercase;
}

.dateTY {
  margin-top: 17px;
  margin-left: 20px;
  font-size: 12px;
}

/* New hackthon design */

.hackathonPb-card {
  font-family: Roboto;
  text-align: start;
  padding: 16px;
  border-radius: 14px;
  background: #fff;
  box-shadow: 0px 3px 66px #f2f2f2;
  border: 1px solid #dee2e6;
  min-height: 400px;
}

.hackathonPb-card .hackathon-img-wrapper {
  position: relative;
}

.hackathonPb-card .hackathon-img-wrapper .hck-img {
  width: 100%;
  height: 235px;
  border-radius: 14px;
}

.hackathonPb-card .hackathon-img-wrapper .issuer-img {
  position: absolute;
  bottom: -13px;
  left: 16px;
  width: 82px;
  height: 82px;
  border-radius: 50%;
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
  border: 2px solid var(--theme-card-shadow);
  overflow: hidden;
}

.hackathonPb-card .hackathon-img-wrapper .issuer-img img {
  /* object-fit: contain; */
  width: 100%;
  height: 100%;
}

.hackathonPb-card .hackathon-img-wrapper .hack-location {
  position: absolute;
  width: 52px;
  bottom: 8px;
  right: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  background: #848484;
  font-size: 12px;
  font-weight: 300;
  border-radius: 14px;
  padding: 1px;
}

.hackathonPb-card .bottom-section .hackathon-title {
  margin: 20px 0 0 0;
  width: 100%;
  text-wrap: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  color: var(--theme-black);
  text-transform: capitalize;
}

.hackathonPb-card .bottom-section .hackathon-issuer {
  margin: 4px 0 0 0;
  width: 100%;
  text-wrap: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  color: var(--theme-dark-gray);
  text-transform: capitalize;
}

.hackathonPb-card .bottom-section .hck-techlist {
  margin-top: 10px;
  display: flex;
  align-items: center;
}

.hackathonPb-card .bottom-section .hck-techlist img {
  cursor: pointer;
  height: 25px;
  max-width: 40px;
}

.hackathonPb-card .bottom-section .hck-techlist img + img {
  margin-left: 8px;
}

.hackathonPb-card .bottom-section .hack-first-line {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 10px 0 8px 0;
}

.hackathonPb-card .hack-first-line .hack-type {
  padding: 1px 8px;
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  background: #ffa135;
  color: #fff;
  border-radius: 14px;
  text-transform: capitalize;
}

.hackathonPb-card .dotted-line {
  width: 100%;
  height: 1px;
  margin: 0 0 16px 0;
  background-image: linear-gradient(
    to right,
    #acacac 33%,
    rgba(255, 255, 255, 0) 0%
  );
  background-position: bottom;
  background-size: 4px 1px;
  background-repeat: repeat-x;
}

.hackathonPb-card .bottom-line {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.hackathonPb-card .bottom-line .hck-type {
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  color: #ff7426;
}

.hackathonPb-card .bottom-line .read-more {
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  color: #ff7426;
  cursor: pointer;
  text-transform: lowercase;
}

.hackathonPb-card .bottom-line .read-more img {
  width: 13px;
  height: 13px;
  cursor: pointer;
  margin-left: 6px;
}

@media screen and (min-width: 768px) {
  .hackathonPb-card .hackathon-img-wrapper .hck-img {
    height: 175px;
  }
}

.smallpost .threedot {
  background-color: transparent;
  position: absolute;
  top: 0px;
  right: 0px;
  padding: 0px;
  border: none;
  outline: none;
}
.smallpost .postinfo {
  margin-left: 60px;
  cursor: pointer;
}
.smallpost .dpcircle {
  position: absolute;
  top: 0px;
  left: 0px;
  overflow: hidden;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  top: 50%;
  cursor: pointer;
  transform: translate(0%, -50%);
}
.smallpost .dpcircle img {
  width: 100%;
  height: 100%;
}

.smallpost .postdetail {
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 18px;
  text-align: left;
  color: var(--darkGrey);
  margin-top: 10px;
  /* height: 36px; */
  overflow: hidden;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  height: 55px;
}
.smallpost hr {
  margin-top: 0.5em;
  margin-bottom: unset;
}
.smallpost .dpimage {
  height: 50px;
  width: 50px;
  /* border: 3px solid #f1f1f1; */
}
.smallpost .sliderimg {
  padding: 2px;
}

.smallpost {
  width: 100%;
  background: var(--white);
  /* border-radius: 30px; */
  border-radius: 14px;
  /* box-shadow: 0px 2px 18px 3px rgb(130 214 255 / 20%); */
  box-shadow: 0px 3px 66px #f2f2f2;
  max-height: 400px;
  overflow: hidden;
  margin-bottom: 20px;
  margin-top: 15px;
  /* border: 2px solid #4e80ffe6;
  border-top-right-radius: 0; */
  border: 1px solid #dee2e6;
}
.smallpost .postcontent {
  margin: 15px;
  position: relative;
  margin-bottom: 0px;
  padding: 2px;
}

.smallpost .datetime,
.smallpost .posttitle {
  display: block;
  text-align: left;
  cursor: pointer;
}
.smallpost .threedot img {
  width: 100%;
  vertical-align: none;
  height: 100%;
  cursor: pointer;
  outline: none;
}

.smallpost .show > .btn-primary.dropdown-toggle {
  color: unset;
  background-color: transparent;
  border: unset;
}
.smallpost .show > .btn-primary.dropdown-toggle:focus {
  box-shadow: unset;
}

.smallpost .dropdown-toggle::after {
  display: none;
}

.smallpost .dropdown {
  position: absolute;
  display: inline-block;
  top: 0px;
  right: 0px;
  width: 20px;
}
.smallpost .dropdown.show {
  display: inline-block;
}

.smallpost .dropdown-item:focus,
.dropdown-item:hover {
  color: var(--white);
  text-decoration: none;
  background-color: var(--orange5e);
  cursor: pointer;
}

.smallpost .posttitle {
  font-weight: 500;
  color: var(--heading1);
  font-size: 17px;
  line-height: 18px;
  cursor: pointer;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-word;
  /* display: -webkit-box; */
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}
.smallpost .datetime {
  color: var(--grey3);
  font-weight: 500;
  font-size: 11px;
  line-height: 12px;
  margin-top: 5px;
}

.smallpost .infobox .postinfo {
  position: absolute;
  width: 75%;
  top: 50%;
  transform: translate(0%, -50%);
}
.smallpost .infobox {
  position: relative;
  height: 60px;
}

.smallpost .postimage {
  width: auto;
  height: auto;
  margin-left: -15px;
  margin-right: -15px;
  margin-top: 5px;
  cursor: pointer;
  border-radius: 30px;
  border-radius: 0px;
}

.smallpost .actioninfo {
  display: block;
}

.smallpost.displayimg {
  width: auto;
}

.smallpost .sharepostarea {
  border: 1px solid #f1f1f1;
  margin-top: 5px;
  border-radius: 5px;
}

.smallpost .dpcircle3 {
  position: absolute;

  overflow: hidden;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  top: 50%;
  cursor: pointer;
  transform: translate(0%, -50%);
}

.smallpost .dpcircle3 img {
  width: 100%;
  height: 100%;
}

.smallpost .infobox2 {
  position: relative;
  height: 40px;
  padding: 5px;
}

.smallpost .postdetail2 {
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 18px;
  text-align: left;
  color: #212529eb;
  padding: 5px;
}

.smallpost .postcommentarea {
  padding: 5px;
  border-top: 2px solid #f1f1f1;
}

.smallpost .postcommentreplyarea {
  margin-left: 40px;
}

.smallpost .cmarea {
  margin-top: 5px;
}

.smallpost .postcommentview {
  position: absolute;
  left: 10px;
  font-size: 12px;
  font-weight: 600;
  cursor: pointer;
}

.smallpost .postcommentreplyview {
  font-size: 12px;
  font-weight: 600;
  cursor: pointer;
}

.smallpost .postcommentreplyview1 {
  text-align: left;
}
.smallpost .actioninfo {
  display: block;
}
.smallpost .newactioninfo {
  align-items: center;
  display: flex;
  font-size: 12px;
  font-weight: normal;
  /* line-height: 5px; */
  padding: 10px 5px;
  box-sizing: border-box;
}
.smallpost .actionsection {
  width: 33.3%;
  display: inline-block;
  font-weight: 300;
  font-size: 14px;
  color: var(--darkGrey);
}
@media screen and (max-width: 2000px) {
  .smallpost .actionsection {
    width: 33.3%;
    display: inline-block;
    font-weight: 300;
    font-size: 14px;
    color: var(--darkGrey);
  }
}

@media screen and (max-width: 991px) {
  .smallpost .actionsection {
    display: inline-block;
    font-weight: 300;
    font-size: 14px;
    color: var(--darkGrey);
  }
}

@media screen and (max-width: 330px) {
  .smallpost .commenttext {
    font-weight: bold;
    font-size: 12px;
  }
  .smallpost .sharetext {
    font-weight: bold;
    font-size: 12px;
  }

  .smallpost .liketext {
    font-weight: bold;
    font-size: 12px;
  }
}

.smallpost .actionbuttons .likebutton,
.smallpost .actionbuttons .commentbutton,
.smallpost .actionbuttons .sharebutton {
  color: var(--orange5e);
  width: 13px;
  margin-bottom: 5px;
}

.smallpost .actionbuttons .actionsection {
  font-size: 14px;
  font-weight: 500;
  color: var(--darkGrey);
  cursor: pointer;
}
.postimage .slider-wrapper {
  height: 250px;
}
.smallpost .postimage img {
  width: 100%;
  /* border-radius: 30px; */
  border-radius: 0px;
  height: 200px;
  border-top-right-radius: 0px;
  /* border-bottom-left-radius: 30px;
  border-bottom-right-radius: 30px; */
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
}
.smallpost .carousel .slide {
  padding-left: 5px;
  padding-right: 5px;
}
@media (max-width: 1500px) {
  .postimage .slider-wrapper {
    height: 250px;
  }
}
@media (max-width: 370px) {
  .postimage .slider-wrapper {
    height: 150px;
  }
}

.icon-flipped {
  transform: scaleX(-1);
  -moz-transform: scaleX(-1);
  -webkit-transform: scaleX(-1);
  -ms-transform: scaleX(-1);
}

.dropdown {
  position: relative;
  display: inline-block;
}

.shareform .sharetextbox {
  /* border: 1px; */
  resize: none;
}

.smallpost .shareform,
.smallpost textarea.form-control,
.smallpost .form-group {
  height: 95%;
  width: 85%;
}

.smallpost .menu {
  border-radius: 8px;
}

.smallpost .searchbutton {
  margin-left: 2px;
  color: var(--orange5e);
  cursor: pointer;
}

.smallpost .searchbutton {
  margin-left: 2px;
  display: inline;
  color: var(--orange5e);
  cursor: pointer;
}

.postcursor {
  cursor: pointer;
}

.newsFeed {
  height: 130px;
}
#root .smallpost .datetime{
 display: block;
 text-align: left;
 cursor: pointer;
}

  .card.videocard {
    width: 100%;
    height: 60px;
    position: relative;
    display: block;
    overflow: hidden;
    background: rgba(252, 108, 108, 0.97);
        /* box-shadow: 6px 40px 40px -10px #88888824; */
    border-radius: 45px;
    margin-top: 25px;
    /* box-shadow: 1px 1px 5px 0px #888888b5; */
    cursor: pointer;
    box-shadow: 6px 3px 30px rgba(196, 196, 196, 0.65);
    color: white;
padding: 8px;
padding-left: 15px;
  }
  :nth-of-type(2n) .card.videocard{
    background:  #1255FF;

  }
  .react-reveal:nth-of-type(3n) .card{
    background:  #F8A700;

  }
  .react-reveal:nth-of-type(5n) .card{
    background: rgba(252, 108, 108, 0.97);

  }
  .react-reveal:nth-of-type(6n) .card{
    background:  #1255FF;

  }

.videocardarea{
  height: 100%;
  padding: 5px;
}
.image {
  height: 100%;
      width: 50px;
    overflow: hidden;
  }
  

  /* .Container:hover {
    cursor: pointer;
    background-color: #ec855e;
  } */
  /* .Container:hover h3,
  .Container:hover h4 {
    color: white;
    opacity: 1;
  } */
  
  .content{
  }
  .videocardarea h3 {
    font-size: 13px;
    height: 90%;
    font-weight: 700;
    text-align: left;
    text-transform: capitalize; 
    word-break: break-word;
    overflow: hidden;
    text-overflow: ellipsis;
    /* display: -webkit-box; */
    /* line-height: 16px;   */
    max-height: 32px;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    width: 80%;
    margin-bottom: 0px;


  }
 
  .videocardarea h5 {
    font-size: 12px;
    text-align: left;
    margin-top: 2px;
  }

  
  .playicon{
    position: absolute;
    top: 10px;
    cursor: pointer;
    right: 10px;
    color: #ffffff;
        /* z-index: 20; */
        /* filter: drop-shadow(0px 1px 15px #FFFFFF); */
  }
  .playicon svg{

  }
  
:root {
  --black: #000000;

  --greybg: #f2f2f2;
  --accent: #ff6c36;

  --blueff: #3fa5ff69;

  --seperator: #bdbdbd65;
  /* Main Colors */
}

#profilepage .dropdown .dropdown-toggle::after {
  display: none;
}

.institutionFollowHeight {
  height: 70px;
}

.addCourseCard {
  height: 100%;
  border-radius: 30px;
  box-shadow: 5px 12px 17px -2px #c5c5c53d;
  background-color: #1b1b29;
  border-radius: 30px;
  box-shadow: 5px 12px 17px -2px #c5c5c53d;
  background-color: #1b1b29;
  color: white;
  font-size: 40px;

  font-weight: 600;
}

#profilepage .postimage .carousel .slide img {
  -o-object-fit: cover !important;
     object-fit: cover !important;
}

.addCourseCard:hover {
  cursor: pointer;
}

#profilepage .postcard {
  margin-bottom: 15px;
}

#profilepage .postcard {
  margin-bottom: 20px;
}

#profilepage {
  width: 100%;
  padding-bottom: 60px;
}

#profilepage #courselist .course-info .dropdown-menu {
  transform: translate3d(0px, 28.8px, 0px) !important;
}

#profilepage .course {
  overflow: visible;
  margin-top: 36px;
}

#profilepage .profilespace {
  margin-top: 20px;
}

#profilepage .course-info {
  overflow: hidden;
  /* background: rgba(252, 108, 108, 0.97); */
  background: #fffdfd;
  /* border: 2px solid #ff4b09; */
  border: 1px solid #dee2e6;
  /* box-shadow: 0px 4px 4px rgb(0 0 0 / 25%); */
  box-shadow: 0px 3px 66px #f2f2f2;
  border-radius: 14px;
  position: relative;
}

/* #profilepage .course-info .dropdown{
  position: unset;
} */
#profilepage .course-info .threedotverti {
  top: -132px;
  right: 44px;
}

#profilepage .course-info .dropdown-menu {
  transform: translate3d(-46px, -104px, 0px) !important;
}

#profilepage .course-info .openbadge-credentails {
  width: 15px;
  height: 17px;
}

#profilepage .course-info .credential-redirect {
  display: flex;
  align-items: center;
}

#profilepage .course-info .credential-redirect span {
  color: #ff6c36;
  font-size: 15px;
  margin-right: 4px;
}

#profilepage .course-info .card-redirect {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 6px;
}

#profilepage .course-info .info .verifyicononoverview {
  right: 7px;
  bottom: 7px;
  top: unset;
}

.course-info-modal .credential-redirect span,
.course-info-m .credential-redirect span {
  color: #ff6c36;
  font-size: 16px;
  margin-right: 4px;
}

.course-info-modal .openbadge-credentails,
.course-info-m .openbadge-credentails {
  width: 17px;
  height: 17px;
}

.course-info-modal .credential-redirect,
.course-info-m .credential-redirect {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 10px;
}

.course-info-modal .verifyicononoverview,
.course-info-m .verifyicononoverview {
  top: 140px;
}

#profilepage .profilecontent {
  max-width: 1200px;
  margin: 0 auto;
  /* margin-top: -18px; */
  /* overflow: hidden; */
  position: relative;
}

.innerclass {
  position: absolute;
  left: 170px;
  bottom: -18px;
}

#profilepage .sharesomethingcard {
  margin-bottom: 15px;
}

#profilepage .hackathon {
  height: 270px;
  margin-top: 25px;
}

#profilepage .smallhackimage {
  height: 150px;
}

#profilepage .cpy-btn {
  display: flex;
  justify-content: end;
}

#profilepage .regbtn {
  margin-inline-end: 10px;
}

#profilepage .profilenavbar .nav {
  justify-content: center;
}

#profilepage .profilenavbar a {
  padding: 12px 16px;
  width: 192px;
  height: 48px;
  display: flex;
  justify-content: center;
  align-items: center;
}

#profilepage .top-container {
  margin-bottom: 0px;
}

#profilepage .smallhackimage .avatarImg {
  height: 160px !important;
}

#profilepage .smaliconwrapper {
  position: absolute;
  top: 90px;
  left: 50%;
  transform: translate(-50%, 0);
}

.absolutecross {
  resize: horizontal;
  position: absolute;
  right: 20px;
  padding-top: 0px;
  z-index: 100;
  cursor: pointer;
}

.searchcross {
  resize: horizontal;
  position: absolute;
  right: 45px;
  top: 10px;
  padding-top: 0px;
  cursor: pointer;
}

.border-secondary {
  border-color: var(--accent) !important;
}

.cursor-pointer-class {
  cursor: pointer;
}

.margin-adjust-imag-wrapper {
  text-align: start;
  margin-left: -24px;
}

#profilepage .dpround {
  margin-top: -120px;
  position: relative;
  margin-left: 10px;
  margin-right: 10px;
}

#profilepage .normal {
  border-top: 1px solid var(--blueff);
  margin-left: 20px;
  margin-right: 20px;
}

#profilepage .navseparator {
  position: relative;
}

#profilepage .margin-adjust-image {
  margin-top: 45px;
}

#profilepage .margin-adjust-image2 {
  margin-top: auto;
}

#profilepage .fileformatetext {
  position: absolute;
  width: 100%;
  top: -10px;
  left: 50%;
  transform: translateX(-50%);
}
@media screen and (min-width: 2000px) {
  #profilepage .Profilehead {
    width: 280px;
    position: absolute;
    right: 20px;
    bottom: 4px;
    margin-right: 10px;
    z-index: 3;
  }
}

@media screen and (max-width: 2000px) {
  #profilepage .Profilehead {
    width: 280px;
    position: absolute;
    right: 20px;
    bottom: 5px;
    margin-right: 10px;
    z-index: 3;
  }
}

@media screen and (max-width: 991px) {
  #profilepage .editbanner img {
    margin-right: 0px;
  }

  #profilepage .profilespace {
    margin-top: 0px;
  }

  #profilepage .cameratext {
    display: none;
  }

  #profilepage .Profilehead {
    width: 300px;
    position: relative;
    padding-top: 10px;
    margin-right: 10px;
    margin: 0 auto;
    bottom: unset;
    right: unset;
    z-index: 3;
  }

  #profilepage .profilecontent {
    padding: 5px;
  }

  #profilepage .SocialMediaLinks {
    margin: 0px;
  }

  #profilepage .fileformatetext {
    position: relative;
    top: 0px;
    margin-top: 10px;
  }
}

.cross {
  height: 33px;
}

@media screen and (max-width: 375px) {
  #profilepage .coverpic {
    /* margin-left: -15px; */
    /* width: unset; */
    /* margin-right: -15px; */
  }

  .dpround .editbanner {
    right: -15px;
  }

  #profilepage .dpround .profilecircle {
    height: 100px;
    width: 100px;
  }

  #profilepage .dpround {
    margin-top: -95px;
  }
}

.modaltitle {
  font-size: 22px;
  text-align: left;
  padding-bottom: 30px;
}

.add-badge-title {
  padding-bottom: 0px;
}

.title {
  font-size: 16px;
  text-align: center;
  padding-bottom: 30px;
}

.toggle-hover {
  /* font-size: 16px;
  font-weight: 600; */
  color: #fff;
  cursor: pointer;
  margin: 20px;
  height: 40px;
  text-align: center;
  border: none;
  background-size: 300% 100%;
  /* border-radius: 50px; */
  moz-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
  box-shadow: 0px 10px 20px 4px #dee2e64a;
}

.toggle {
  background-image: linear-gradient(
    to right,
    #fdfdfd,
    #fcfbfa,
    #ffffff,
    #ffffff
  );
  /* box-shadow: 0px 11px 20px 3px #dee2e6c7; */
  /* border-radius: 50px; */
  /* border: 2px solid var(--coloractive); */
}

#profilepage .toggle:hover,
#profilepage .show > .btn-primary.dropdown-toggle {
  background-color: unset;
  color: unset;
  border: unset;
  /* color: initial;
    background-color:initial;
    box-shadow: initial; */

  /* color: white;
    background-color:#FF6C36;
    border-color:#FF6C36 ; */
  /* border: 2px solid var(--coloractive);
background-image: linear-gradient(to right, #f8eaa4, #ffc1b8, #ffc6d6, #f2bfa9);
    box-shadow: 0px 11px 20px 6px #dee2e6; */
  /* border-radius: 50px; */
}

#profilepage .dropdown-menushow {
  /* border: 1px solid #dee2e6;
      box-shadow: 1px 1px 4px 1px #f2f2f2; */
  /* box-shadow: 0px 10px 15px 3px #f2f2f2; */
}

.toggle-hover:hover .toggle-hover:active {
  /* border-bottom: 1px solid var(--coloractive); */
  background-position: 100% 0;
  moz-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}

.toggle-hover:focus {
  outline: none;
}

.dropdown-menushow {
  display: block;
  border-radius: 10px;
}

.dropdown-item {
  color: var(--darkGrey);
  font-weight: 400;
  font-size: 14px;
  text-transform: capitalize;
}

.followdrop {
  display: block;
  border-radius: 10px;
  color: var(--darkGrey);
  font-weight: 400;
  font-size: 14px;
}

#root .following {
  width: 83px;
  height: 50px;
  background: none;
  border: none;
}

#root .following:hover {
  background: none;
  border: none;
}

#root .following:active {
  background: none;
  border: none;
}

#root .following:focus {
  background: none;
  border: none;
}

#root .progress {
  /* margin-top: 19px; */
  margin-left: 0px;
  /* width: 100%; */
  max-width: 758px;
  height: 10px;
  background: #e1e4e8;
  border-radius: 10px;
  overflow: hidden;
}

.progress .progress-bar {
  display: block;
  height: 100%;
  cursor: pointer;
  background-color: #ffd33d;
  background-size: 300% 100%;
  animation: progress-animation 2s linear infinite;
}

.progress .progress-bared {
  display: block;
  height: 100%;
  cursor: pointer;
  background-color: #d11709;
  background-size: 300% 100%;
  animation: progress-animation 2s linear infinite;
}

.progress .progress-bargreen {
  display: block;
  height: 100%;
  background-color: #18d744;
  background-size: 300% 100%;
  animation: progress-animation 2s linear infinite;
}

@keyframes progress-animation {
  0% {
    background-position: 100%;
  }

  100% {
    background-position: 0;
  }
}

.outerclass {
  position: relative;
}

.scoreinpercen {
  font-size: 14px;
  font-weight: 400;
  position: absolute;
  left: 4px;
  bottom: -19px;
  padding: 5px;
}

.update2score {
  cursor: pointer;
}

.icone23score {
  width: 17.89px;
  height: 19.42px;
  margin-right: 12px;
  margin-top: -8px;
}

#profilepage .badgeCardName {
  height: calc(100% - 25px);
}

#profilepage .badgeCardName .bottom-card-section {
  position: absolute;
  width: calc(100% - 30px);
  bottom: 15px;
}

#profilepage .badgecard-row {
  margin-bottom: 46px;
}

#profilepage .cred-pulse-card {
  height: 100%;
}

@media only screen and (max-width: 500px) {
  .icone23score {
    width: 17.89px;
    height: 19.42px;
    margin-right: 12px;
    margin-top: -8px;
  }
}

.outline {
  position: relative;
}

/* .innerclass {
  position: absolute;
  left: 163px;
  bottom: 29px;
} */

ul.bulletinpoints {
  padding-top: 10px;
  padding-right: 10px;
  list-style-position: outside;
  text-align: left;
}

.classforbutton {
  margin-left: 180px;
  margin-right: 180px;
}

.profile-score-button {
  width: 180px;
  margin: 0px auto;
}

@media only screen and (max-width: 991px) {
  .classforbutton {
    margin-left: 0px;
    margin-right: 0px;
  }

  .profile-score-button {
    margin: 0px auto;
  }

  .innerclass {
    position: absolute;
    left: 170px;
    bottom: 18px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .innerclass {
    position: absolute;
    left: 170px;
    bottom: -16px;
  }
}

@media only screen and (max-width: 776px) {
  .scoreinpercen {
    font-size: 14px;
    font-weight: 400;
    position: absolute;
    /* top: 82%; */
    bottom: 50%;
    padding: 10px;
    padding-bottom: 21px;
  }

  .aboutContainer .course-info11 {
    padding: 35px;
    position: relative;
    border: 1px solid #e8e8e8;
    border-radius: 10px;
    /* margin: 15px 70px; */
    color: #000000;
    box-shadow: 1px 0px 8px 0px #dee2e663;
    /* box-shadow: 5px 10px 20px 0px #f5f4f4; */
    width: 100%;
    height: -moz-max-content;
    height: max-content;
    margin-bottom: 49px;
  }
}

.templates-container {
  display: flex;
  justify-content: space-evenly;
  flex-wrap: wrap;
}

.template {
  border: 2px solid #adb5bd;
  cursor: pointer;
  margin: 10px;
}

.template-img {
  max-height: 300px;
  max-width: 215px;
  width: 100%;
  height: 100%;
  direction: ltr;
}

.printbtnContainer {
  margin-top: 20px;
}

.templates-container .selected {
  border: 2px solid #ff6c36;
}

#profilepage .dwnResumeSection {
  text-align: left;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: space-between;
}

#profilepage .dwnResumeSection .clr-cpy-div {
  display: flex;
}

#profilepage .resumeDownloadBtn {
  /* position: absolute; */
  right: 16%;
  display: flex;
  flex-direction: row;
  align-content: center;
  justify-content: space-evenly;
  align-items: center;
  /* background: linear-gradient(
    98.22deg,
    rgba(255, 69, 0, 0.66) 43.69%,
    rgba(255, 69, 0, 0) 145.93%
  ); */
  background-color: white;
  color: #ff885e;
  border: 2px solid #ff885e;
  border-radius: 7px;
  font-size: 14px;
  font-weight: 400;
  z-index: 1;
}

#profilepage .resumeDownloadBtn:hover {
  background-color: #ff885e;
  color: white;
}

.dropdown-menu {
  background: white;
  border-radius: 8px;
}

.course .dropdown-menu {
  inset: 0px 0px auto auto !important;
  border-radius: 10px;
}

.internship-card .hackathon .displayflex {
  justify-content: end;
}

.internship-card .hackathon .displayflex .techarea {
  max-width: 50%;
}

.hack-card .hackathon .displayflex {
  justify-content: end;
}

.hack-card .hackathon .displayflex .techarea {
  max-width: 50%;
}

.course-card .hackathon .displayflex {
  justify-content: end;
}

.course-card .hackathon .displayflex .techarea {
  max-width: calc(50% - 20px);
}

.course-card .hackathon .displayflex {
  justify-content: end;
}

.course-card .hackathon .displayflex .techarea {
  max-width: calc(50% - 20px);
}

.card-div .profilecard .techarea {
  justify-content: end;
  flex-wrap: wrap;
  display: flex;
  max-width: calc(100% - 60px);
  height: 22px;
  overflow: hidden;
}

#profilepage .profilecontent .course .dropdown {
  top: 182px !important;
  right: 16px !important;
}

#profilepage .profilecontent .course .dropdown.hack-dp {
  top: 190px !important;
  right: 44px !important;
}

#profilepage .profilecontent .course .profilecard.opportunityCard .techarea {
  bottom: 74px;
}

#profilepage
  .profilecontent
  .course
  .profilecard.opportunityCard
  .smaliconwrapper {
  position: absolute;
  top: 90px;
  left: 72px;
}

#profilepage .iconContainer-profilecards {
  background-color: rgb(243 243 243 / 46%);
  border-radius: 14px;
  width: 100%;
  height: 60px;
}

#profilepage .cardHeadIcon {
  margin-left: 10px;
  transform: scale(1.2);
  width: 53px;
  height: 23px;
}

#profilepage .iconContainer-profilecards .firstlettercaps {
  color: rgba(33, 37, 41, 0.72);
  font-size: 15px;
  font-weight: 400;
}

#profilepage .course-info .firstlettercaps2 {
  color: #828282;
  font-size: 15px;
  font-weight: 400;
}

#profilepage .info {
  text-align: left;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-word;
  /* display: -webkit-box; */
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

@media screen and (max-width: 868px) {
  #profilepage .dwnResumeSection .clr-cpy-div {
    margin-top: 10px;
  }
}

@media screen and (max-width: 576px) {
  #root .progress {
    margin: 0px 15px;
  }

  #profilepage .coverpic {
    margin-right: 15px;
    margin-left: 15px;
  }
  #profilepage .coverpic2 {
    margin-right: 0px;
    margin-left: 0px;
  }
}

@media screen and (max-width: 480px) {
  #profilepage .course-info .threedotverti {
    right: 18px;
  }

  #profilepage .course-info .dropdown-menu {
    transform: translate3d(-16px, -104px, 0px) !important;
  }
}

@media screen and (max-width: 375px) {
  .absolutecross1 {
    right: 0px;
  }
}

.searchprofilecard .postinfo {
  margin-left: 60px;
  cursor: pointer;
}
.searchprofilecard .dpcircle {
  position: absolute;
  top: 0px;
  left: 10px;
  overflow: hidden;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  top: 50%;
  cursor: pointer;
  transform: translate(0%, -50%);
}
.searchprofilecard .dpcircle img {
  width: 100%;
  height: 100%;
}

.searchprofilecard .postdetail {
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 18px;
  text-align: left;
  color: var(--darkGrey);
  margin-top: 10px;
  /* height: 36px; */
  overflow: hidden;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  height: 55px;
}
.searchprofilecard hr {
  margin-top: 0.5em;
  margin-bottom: unset;
}
.searchprofilecard .dpimage {
  height: 50px;
  width: 50px;
  /* border: 3px solid #f1f1f1; */
}
.searchprofilecard .sliderimg {
  padding: 2px;
}

.searchprofilecard {
  /* width: 348.88px; */
  /* height: 204.33px; */
  height: 120px;

  /* border: 2px solid #ff4b09; */
  box-sizing: border-box;
  /* filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25)); */
  /* border-radius: 21px; */
  border-radius: 14px;
  margin-top: 24px;
  /* box-shadow: 1px 0px 8px rgba(0, 0, 0, 0.25); */
  box-shadow: 0px 3px 66px #f2f2f2;
  border: 1px solid #dee2e6;

}
.searchprofilecard .postcontent {
  margin: 15px;
  position: relative;
  margin-bottom: 0px;
  padding: 2px;
}

.searchprofilecard .datetime,
.searchprofilecard .posttitle {
  display: block;
  text-align: left;
  cursor: pointer;
}
.searchprofilecard .threedot img {
  width: 100%;
  vertical-align: none;
  height: 100%;
  cursor: pointer;
  outline: none;
}

.searchprofilecard .show > .btn-primary.dropdown-toggle {
  color: unset;
  background-color: transparent;
  border: unset;
}
.searchprofilecard .show > .btn-primary.dropdown-toggle:focus {
  box-shadow: unset;
}

.searchprofilecard .dropdown-toggle::after {
  display: none;
}

.searchprofilecard .dropdown {
  position: absolute;
  display: inline-block;
  top: 0px;
  right: 0px;
  width: 20px;
}
.searchprofilecard .dropdown.show {
  display: inline-block;
}

.searchprofilecard .dropdown-item:focus,
.dropdown-item:hover {
  color: var(--white);
  text-decoration: none;
  background-color: var(--orange5e);
  cursor: pointer;
}
.searchprofilecard .followcount {
  margin-left: 15px;
}

.searchprofilecard .posttitleuname {
  text-align: left;
  font-family: Roboto;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  text-transform: capitalize;
  color: #272525e1;
  display: block;
  margin-left: 15px;
  margin-top: 17px;
}

.searchprofilecard .datetime {
  color: var(--grey3);
  font-weight: 500;
  font-size: 11px;
  line-height: 12px;
  margin-top: 5px;
}

.searchprofilecard .infobox .postinfo {
  position: absolute;
  top: 50%;
  transform: translate(0%, -50%);
}
.searchprofilecard .infobox {
  position: relative;
  height: 60px;
}

.searchprofilecard .postimage {
  width: auto;
  height: auto;
  margin-left: -15px;
  margin-right: -15px;
  margin-top: 5px;
  cursor: pointer;
  border-radius: 30px;
}

.searchprofilecard .actioninfo {
  display: block;
}

.searchprofilecard.displayimg {
  width: auto;
}

.searchprofilecard .sharepostarea {
  border: 1px solid #f1f1f1;
  margin-top: 5px;
  border-radius: 5px;
}

.searchprofilecard .dpcircle3 {
  position: absolute;

  overflow: hidden;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  top: 50%;
  cursor: pointer;
  transform: translate(0%, -50%);
}

.searchprofilecard .dpcircle3 img {
  width: 100%;
  height: 100%;
}

.searchprofilecard .infobox2 {
  position: relative;
  height: 40px;
  padding: 5px;
}

.searchprofilecard .postdetail2 {
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 18px;
  text-align: left;
  color: #212529eb;
  padding: 5px;
}

.searchprofilecard .postcommentarea {
  padding: 5px;
  border-top: 2px solid #f1f1f1;
}

.searchprofilecard .postcommentreplyarea {
  margin-left: 40px;
}

.searchprofilecard .cmarea {
  margin-top: 5px;
}

.searchprofilecard .postcommentview {
  position: absolute;
  left: 10px;
  font-size: 12px;
  font-weight: 600;
  cursor: pointer;
}

.searchprofilecard .postcommentreplyview {
  font-size: 12px;
  font-weight: 600;
  cursor: pointer;
}

.searchprofilecard .postcommentreplyview1 {
  text-align: left;
}

@media screen and (max-width: 2000px) {
  .searchprofilecard .actionsection {
    width: 33.3%;
    display: inline-block;
    font-weight: 300;
    font-size: 14px;
    color: var(--darkGrey);
  }
}

@media screen and (max-width: 991px) {
  .searchprofilecard .actionsection {
    display: inline-block;
    font-weight: 300;
    font-size: 14px;
    color: var(--darkGrey);
  }
}

@media screen and (max-width: 330px) {
  .searchprofilecard .commenttext {
    font-weight: bold;
    font-size: 12px;
  }
  .searchprofilecard .sharetext {
    font-weight: bold;
    font-size: 12px;
  }

  .searchprofilecard .liketext {
    font-weight: bold;
    font-size: 12px;
  }
}

.searchprofilecard .actionbuttons .likebutton,
.searchprofilecard .actionbuttons .commentbutton,
.searchprofilecard .actionbuttons .sharebutton {
  color: var(--orange5e);
  width: 13px;
  margin-bottom: 5px;
}

.searchprofilecard .actionbuttons .actionsection {
  font-size: 14px;
  font-weight: 500;
  color: var(--darkGrey);
  cursor: pointer;
}
.postimage .slider-wrapper {
  height: 250px;
}
.postimage img {
  width: 100%;
  border-radius: 30px;
  height: 200px;
  border-top-right-radius: 0;
  border-bottom-left-radius: 30px;
  border-bottom-right-radius: 30px;
}
.searchprofilecard .carousel .slide {
  padding-left: 5px;
  padding-right: 5px;
}
@media (max-width: 1500px) {
  .postimage .slider-wrapper {
    height: 250px;
  }
}
@media (max-width: 370px) {
  .postimage .slider-wrapper {
    height: 150px;
  }
}

.icon-flipped {
  transform: scaleX(-1);
  -moz-transform: scaleX(-1);
  -webkit-transform: scaleX(-1);
  -ms-transform: scaleX(-1);
}

.dropdown {
  position: relative;
  display: inline-block;
}

.fullwidth {
  width: 100%;
}

.shareform .sharetextbox {
  /* border: 1px; */
  resize: none;
}

.searchprofilecard .shareform,
.searchprofilecard textarea.form-control,
.searchprofilecard .form-group {
  height: 95%;
  width: 85%;
}

.searchprofilecard .menu {
  border-radius: 8px;
}

.searchprofilecard .searchbutton {
  margin-left: 2px;
  color: var(--orange5e);
  cursor: pointer;
}

.searchprofilecard .searchbutton {
  margin-left: 2px;
  display: inline;
  color: var(--orange5e);
  cursor: pointer;
}

.postcursor {
  cursor: pointer;
}

.followcount {
  width: 70.65px;
  height: 17.39px;
  text-align: left;
  font-family: Roboto;
  font-style: normal;
  font-weight: normal;
  font-size: 11px;
  /* line-height: 40px; */
  color: rgba(33, 37, 41, 0.72);
}

.fbtn {
  margin-left: 202px;
  padding-top: 15px;
}

.icons {
  margin-top: 4px;
  text-align: left;
}
.locationic {
  margin-left: 10px;
}
.bioic {
  margin-left: 5px;
  margin-right: 8px;
}
.socialic {
  margin-left: 4px;
}
.biotext {
  font-family: Roboto;
  font-style: normal;
  font-weight: normal;
  font-size: 13px;
  line-height: 16px;
  color: #707070;
  margin-left: 10px;
  text-transform: capitalize;
}
.locationtext {
  font-family: Roboto;
  font-style: normal;
  font-weight: normal;
  font-size: 13px;
  line-height: 16px;
  color: var(--theme-light-gray);
  margin-left: 12px;
  text-transform: capitalize;
}

.socialicons {
  width: 17.84px;
  height: 19.42px;
  color: #7b8187;
  margin-right: 3px;
  margin-bottom: 5px;
  margin-top: 5px;
}
.infobg {
  position: absolute;
  width: 334.75px;
  height: 64.13px;
  left: 947.57px;
  top: 314.17px;

  background: rgba(243, 243, 243, 0.26);
  border-radius: 16px;
}

.pfcontainer {
  background-color: rgb(243 243 243 / 46%);
  border-radius: 16px;
  /* width: 515px; */
  height: 60px;
  margin-right: 10px;
}
@media screen and (min-width: 991px) {
  .searchprofilecard .posttitleuname.search-crd {
    max-width: 75px;
  }
}
@media screen and (min-width: 1199px) {
  .searchprofilecard .posttitleuname.search-crd {
    max-width: 125px;
  }
}

@media screen and (min-width: 990px) and (max-width: 1200px) {
  .fbtn {
    margin-left: 140px;
  }
}

@media screen and (min-width: 530px) and (max-width: 768px) {
  .fbtn {
    margin-left: 350px;
  }
}

@media screen and (min-width: 768px) and (max-width: 990px) {
  .fbtn {
    margin-left: 520px;
  }
}

@media screen and (min-width: 490px) and (max-width: 530px) {
  .fbtn {
    margin-left: 320px;
  }
}

@media screen and (min-width: 390px) and (max-width: 489px) {
  .fbtn {
    margin-left: 220px;
  }
}

@media screen and (max-width: 355px) {
  .fbtn {
    margin-left: 150px;
  }
}

.work {
  font-family: Roboto;
  font-style: normal;
  font-weight: normal;
  font-size: 13px;
  line-height: 16px;
  color: #707070;
  margin-left: px;
  margin-left: 1px;
  text-transform: capitalize;
}

.socialiconlist {
  margin-left: 240px;
  margin-top: -25px;
}

.searchprofilecard .search-card-socials {
  display: flex;
  margin: 0px;
  position: absolute;
  right: 10px;
  bottom: 0px;
}
.biot {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}

.loctxt {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}

.rdw-option-wrapper {
  border: 1px solid #F1F1F1;
  padding: 5px;
  min-width: 25px;
  height: 20px;
  border-radius: 2px;
  margin: 0 4px;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  background: white;
  text-transform: capitalize;
}
.rdw-option-wrapper:hover {
  box-shadow: 1px 1px 0px #BFBDBD;
}
.rdw-option-wrapper:active {
  box-shadow: 1px 1px 0px #BFBDBD inset;
}
.rdw-option-active {
  box-shadow: 1px 1px 0px #BFBDBD inset;
}
.rdw-option-disabled {
  opacity: 0.3;
  cursor: default;
}

.rdw-dropdown-wrapper {
  height: 30px;
  background: white;
  cursor: pointer;
  border: 1px solid #F1F1F1;
  border-radius: 2px;
  margin: 0 3px;
  text-transform: capitalize;
  background: white;
}
.rdw-dropdown-wrapper:focus {
  outline: none;
}
.rdw-dropdown-wrapper:hover {
  box-shadow: 1px 1px 0px #BFBDBD;
  background-color: #FFFFFF;
}
.rdw-dropdown-wrapper:active {
  box-shadow: 1px 1px 0px #BFBDBD inset;
}
.rdw-dropdown-carettoopen {
  height: 0px;
  width: 0px;
  position: absolute;
  top: 35%;
  right: 10%;
  border-top: 6px solid black;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
}
.rdw-dropdown-carettoclose {
  height: 0px;
  width: 0px;
  position: absolute;
  top: 35%;
  right: 10%;
  border-bottom: 6px solid black;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
}
.rdw-dropdown-selectedtext {
  display: flex;
  position: relative;
  height: 100%;
  align-items: center;
  padding: 0 5px;
}
.rdw-dropdown-optionwrapper {
  z-index: 100;
  position: relative;
  border: 1px solid #F1F1F1;
  width: 98%;
  background: white;
  border-radius: 2px;
  margin: 0;
  padding: 0;
  max-height: 250px;
  overflow-y: scroll;
}
.rdw-dropdown-optionwrapper:hover {
  box-shadow: 1px 1px 0px #BFBDBD;
  background-color: #FFFFFF;
}

.rdw-dropdownoption-default {
  min-height: 25px;
  display: flex;
  align-items: center;
  padding: 0 5px;
}
.rdw-dropdownoption-highlighted {
  background: #F1F1F1;
}
.rdw-dropdownoption-active {
  background: #f5f5f5;
}
.rdw-dropdownoption-disabled {
  opacity: 0.3;
  cursor: default;
}

.rdw-inline-wrapper {
  display: flex;
  align-items: center;
  margin-bottom: 6px;
  flex-wrap: wrap
}
.rdw-inline-dropdown {
  width: 50px;
}
.rdw-inline-dropdownoption {
  height: 40px;
  display: flex;
  justify-content: center;
}

.rdw-block-wrapper {
  display: flex;
  align-items: center;
  margin-bottom: 6px;
  flex-wrap: wrap
}
.rdw-block-dropdown {
  width: 110px;
}

.rdw-fontsize-wrapper {
  display: flex;
  align-items: center;
  margin-bottom: 6px;
  flex-wrap: wrap
}
.rdw-fontsize-dropdown {
  min-width: 40px;
}
.rdw-fontsize-option {
  display: flex;
  justify-content: center;
}

.rdw-fontfamily-wrapper {
  display: flex;
  align-items: center;
  margin-bottom: 6px;
  flex-wrap: wrap
}
.rdw-fontfamily-dropdown {
  width: 115px;
}
.rdw-fontfamily-placeholder {
  white-space: nowrap;
  max-width: 90px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.rdw-fontfamily-optionwrapper {
  width: 140px;
}

.rdw-list-wrapper {
  display: flex;
  align-items: center;
  margin-bottom: 6px;
  flex-wrap: wrap
}
.rdw-list-dropdown {
  width: 50px;
  z-index: 90;
}
.rdw-list-dropdownOption {
  height: 40px;
  display: flex;
  justify-content: center;
}

.rdw-text-align-wrapper {
  display: flex;
  align-items: center;
  margin-bottom: 6px;
  flex-wrap: wrap
}
.rdw-text-align-dropdown {
  width: 50px;
  z-index: 90;
}
.rdw-text-align-dropdownOption {
  height: 40px;
  display: flex;
  justify-content: center;
}
.rdw-right-aligned-block {
  text-align: right;
}
.rdw-left-aligned-block {
  text-align: left !important;
}
.rdw-center-aligned-block {
  text-align: center !important;
}
.rdw-justify-aligned-block {
  text-align: justify !important;
}
.rdw-right-aligned-block > div {
  display: inline-block;
}
.rdw-left-aligned-block > div {
  display: inline-block;
}
.rdw-center-aligned-block > div {
  display: inline-block;
}
.rdw-justify-aligned-block > div {
  display: inline-block;
}

.rdw-colorpicker-wrapper {
  display: flex;
  align-items: center;
  margin-bottom: 6px;
  position: relative;
  flex-wrap: wrap
}
.rdw-colorpicker-modal {
  position: absolute;
  top: 35px;
  left: 5px;
  display: flex;
  flex-direction: column;
  width: 175px;
  height: 175px;
  border: 1px solid #F1F1F1;
  padding: 15px;
  border-radius: 2px;
  z-index: 100;
  background: white;
  box-shadow: 3px 3px 5px #BFBDBD;
}
.rdw-colorpicker-modal-header {
  display: flex;
  padding-bottom: 5px;
}
.rdw-colorpicker-modal-style-label {
  font-size: 15px;
  width: 50%;
  text-align: center;
  cursor: pointer;
  padding: 0 10px 5px;
}
.rdw-colorpicker-modal-style-label-active {
  border-bottom: 2px solid #0a66b7;
}
.rdw-colorpicker-modal-options {
  margin: 5px auto;
  display: flex;
  width: 100%;
  height: 100%;
  flex-wrap: wrap;
  overflow: scroll;
}
.rdw-colorpicker-cube {
  width: 22px;
  height: 22px;
  border: 1px solid #F1F1F1;
}
.rdw-colorpicker-option {
  margin: 3px;
  padding: 0;
  min-height: 20px;
  border: none;
  width: 22px;
  height: 22px;
  min-width: 22px;
  box-shadow: 1px 2px 1px #BFBDBD inset;
}
.rdw-colorpicker-option:hover {
  box-shadow: 1px 2px 1px #BFBDBD;
}
.rdw-colorpicker-option:active {
  box-shadow: -1px -2px 1px #BFBDBD;
}
.rdw-colorpicker-option-active {
  box-shadow: 0px 0px 2px 2px #BFBDBD;
}

.rdw-link-wrapper {
  display: flex;
  align-items: center;
  margin-bottom: 6px;
  position: relative;
  flex-wrap: wrap
}
.rdw-link-dropdown {
  width: 50px;
}
.rdw-link-dropdownOption {
  height: 40px;
  display: flex;
  justify-content: center;
}
.rdw-link-dropdownPlaceholder {
  margin-left: 8px;
}
.rdw-link-modal {
  position: absolute;
  top: 35px;
  left: 5px;
  display: flex;
  flex-direction: column;
  width: 235px;
  height: 205px;
  border: 1px solid #F1F1F1;
  padding: 15px;
  border-radius: 2px;
  z-index: 100;
  background: white;
  box-shadow: 3px 3px 5px #BFBDBD;
}
.rdw-link-modal-label {
  font-size: 15px;
}
.rdw-link-modal-input {
  margin-top: 5px;
  border-radius: 2px;
  border: 1px solid #F1F1F1;
  height: 25px;
  margin-bottom: 15px;
  padding: 0 5px;
}
.rdw-link-modal-input:focus {
  outline: none;
}
.rdw-link-modal-buttonsection {
  margin: 0 auto;
}
.rdw-link-modal-target-option {
  margin-bottom: 20px;
}
.rdw-link-modal-target-option > span {
  margin-left: 5px;
}
.rdw-link-modal-btn {
  margin-left: 10px;
  width: 75px;
  height: 30px;
  border: 1px solid #F1F1F1;
  border-radius: 2px;
  cursor: pointer;
  background: white;
  text-transform: capitalize;
}
.rdw-link-modal-btn:hover {
  box-shadow: 1px 1px 0px #BFBDBD;
}
.rdw-link-modal-btn:active {
  box-shadow: 1px 1px 0px #BFBDBD inset;
}
.rdw-link-modal-btn:focus {
  outline: none !important;
}
.rdw-link-modal-btn:disabled {
  background: #ece9e9;
}
.rdw-link-dropdownoption {
  height: 40px;
  display: flex;
  justify-content: center;
}
.rdw-history-dropdown {
  width: 50px;
}

.rdw-embedded-wrapper {
  display: flex;
  align-items: center;
  margin-bottom: 6px;
  position: relative;
  flex-wrap: wrap
}
.rdw-embedded-modal {
  position: absolute;
  top: 35px;
  left: 5px;
  display: flex;
  flex-direction: column;
  width: 235px;
  height: 180px;
  border: 1px solid #F1F1F1;
  padding: 15px;
  border-radius: 2px;
  z-index: 100;
  background: white;
  justify-content: space-between;
  box-shadow: 3px 3px 5px #BFBDBD;
}
.rdw-embedded-modal-header {
  font-size: 15px;
  display: flex;
}
.rdw-embedded-modal-header-option {
  width: 50%;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.rdw-embedded-modal-header-label {
  width: 95px;
  border: 1px solid #f1f1f1;
  margin-top: 5px;
  background: #6EB8D4;
  border-bottom: 2px solid #0a66b7;
}
.rdw-embedded-modal-link-section {
  display: flex;
  flex-direction: column;
}
.rdw-embedded-modal-link-input {
  width: 88%;
  height: 35px;
  margin: 10px 0;
  border: 1px solid #F1F1F1;
  border-radius: 2px;
  font-size: 15px;
  padding: 0 5px;
}
.rdw-embedded-modal-link-input-wrapper {
  display: flex;
  align-items: center;
}
.rdw-embedded-modal-link-input:focus {
  outline: none;
}
.rdw-embedded-modal-btn-section {
  display: flex;
  justify-content: center;
}
.rdw-embedded-modal-btn {
  margin: 0 3px;
  width: 75px;
  height: 30px;
  border: 1px solid #F1F1F1;
  border-radius: 2px;
  cursor: pointer;
  background: white;
  text-transform: capitalize;
}
.rdw-embedded-modal-btn:hover {
  box-shadow: 1px 1px 0px #BFBDBD;
}
.rdw-embedded-modal-btn:active {
  box-shadow: 1px 1px 0px #BFBDBD inset;
}
.rdw-embedded-modal-btn:focus {
  outline: none !important;
}
.rdw-embedded-modal-btn:disabled {
  background: #ece9e9;
}
.rdw-embedded-modal-size {
  align-items: center;
  display: flex;
  margin: 8px 0;
  justify-content: space-between;
}
.rdw-embedded-modal-size-input {
  width: 80%;
  height: 20px;
  border: 1px solid #F1F1F1;
  border-radius: 2px;
  font-size: 12px;
}
.rdw-embedded-modal-size-input:focus {
  outline: none;
}

.rdw-emoji-wrapper {
  display: flex;
  align-items: center;
  margin-bottom: 6px;
  position: relative;
  flex-wrap: wrap
}
.rdw-emoji-modal {
  overflow: auto;
  position: absolute;
  top: 35px;
  left: 5px;
  display: flex;
  flex-wrap: wrap;
  width: 235px;
  height: 180px;
  border: 1px solid #F1F1F1;
  padding: 15px;
  border-radius: 2px;
  z-index: 100;
  background: white;
  box-shadow: 3px 3px 5px #BFBDBD;
}
.rdw-emoji-icon {
  margin: 2.5px;
  height: 24px;
  width: 24px;
  cursor: pointer;
  font-size: 22px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.rdw-spinner {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  width: 100%;
}
.rdw-spinner > div {
  width: 12px;
  height: 12px;
  background-color: #333;

  border-radius: 100%;
  display: inline-block;
  animation: sk-bouncedelay 1.4s infinite ease-in-out both;
}
.rdw-spinner .rdw-bounce1 {
  animation-delay: -0.32s;
}
.rdw-spinner .rdw-bounce2 {
  animation-delay: -0.16s;
}
@keyframes sk-bouncedelay {
  0%, 80%, 100% {
    transform: scale(0);
  } 40% {
    transform: scale(1.0);
  }
}

.rdw-image-wrapper {
  display: flex;
  align-items: center;
  margin-bottom: 6px;
  position: relative;
  flex-wrap: wrap
}
.rdw-image-modal {
  position: absolute;
  top: 35px;
  left: 5px;
  display: flex;
  flex-direction: column;
  width: 235px;
  border: 1px solid #F1F1F1;
  padding: 15px;
  border-radius: 2px;
  z-index: 100;
  background: white;
  box-shadow: 3px 3px 5px #BFBDBD;
}
.rdw-image-modal-header {
  font-size: 15px;
  margin: 10px 0;
  display: flex;
}
.rdw-image-modal-header-option {
  width: 50%;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.rdw-image-modal-header-label {
  width: 80px;
  background: #f1f1f1;
  border: 1px solid #f1f1f1;
  margin-top: 5px;
}
.rdw-image-modal-header-label-highlighted {
  background: #6EB8D4;
  border-bottom: 2px solid #0a66b7;
}
.rdw-image-modal-upload-option {
  width: 100%;
  color: gray;
  cursor: pointer;
  display: flex;
  border: none;
  font-size: 15px;
  align-items: center;
  justify-content: center;
  background-color: #f1f1f1;
  outline: 2px dashed gray;
  outline-offset: -10px;
  margin: 10px 0;
  padding: 9px 0;
}
.rdw-image-modal-upload-option-highlighted {
  outline: 2px dashed #0a66b7;
}
.rdw-image-modal-upload-option-label {
  cursor: pointer;
  height: 100%;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 15px;
}
.rdw-image-modal-upload-option-label span{
  padding: 0 20px;
}
.rdw-image-modal-upload-option-image-preview {
  max-width: 100%;
  max-height: 200px;
}
.rdw-image-modal-upload-option-input {
	width: 0.1px;
	height: 0.1px;
	opacity: 0;
	overflow: hidden;
	position: absolute;
	z-index: -1;
}
.rdw-image-modal-url-section {
  display: flex;
  align-items: center;
}
.rdw-image-modal-url-input {
  width: 90%;
  height: 35px;
  margin: 15px 0 12px;
  border: 1px solid #F1F1F1;
  border-radius: 2px;
  font-size: 15px;
  padding: 0 5px;
}
.rdw-image-modal-btn-section {
  margin: 10px auto 0;
}
.rdw-image-modal-url-input:focus {
  outline: none;
}
.rdw-image-modal-btn {
  margin: 0 5px;
  width: 75px;
  height: 30px;
  border: 1px solid #F1F1F1;
  border-radius: 2px;
  cursor: pointer;
  background: white;
  text-transform: capitalize;
}
.rdw-image-modal-btn:hover {
  box-shadow: 1px 1px 0px #BFBDBD;
}
.rdw-image-modal-btn:active {
  box-shadow: 1px 1px 0px #BFBDBD inset;
}
.rdw-image-modal-btn:focus {
  outline: none !important;
}
.rdw-image-modal-btn:disabled {
  background: #ece9e9;
}
.rdw-image-modal-spinner {
  position: absolute;
  top: -3px;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0.5;
}
.rdw-image-modal-alt-input {
  width: 70%;
  height: 20px;
  border: 1px solid #F1F1F1;
  border-radius: 2px;
  font-size: 12px;
  margin-left: 5px;
}
.rdw-image-modal-alt-input:focus {
  outline: none;
}
.rdw-image-modal-alt-lbl {
  font-size: 12px;
}
.rdw-image-modal-size {
  align-items: center;
  display: flex;
  margin: 8px 0;
  justify-content: space-between;
}
.rdw-image-modal-size-input {
  width: 40%;
  height: 20px;
  border: 1px solid #F1F1F1;
  border-radius: 2px;
  font-size: 12px;
}
.rdw-image-modal-size-input:focus {
  outline: none;
}
.rdw-image-mandatory-sign {
  color: red;
  margin-left: 3px;
  margin-right: 3px;
}

.rdw-remove-wrapper {
  display: flex;
  align-items: center;
  margin-bottom: 6px;
  position: relative;
  flex-wrap: wrap
}

.rdw-history-wrapper {
  display: flex;
  align-items: center;
  margin-bottom: 6px;
  flex-wrap: wrap
}
.rdw-history-dropdownoption {
  height: 40px;
  display: flex;
  justify-content: center;
}
.rdw-history-dropdown {
  width: 50px;
}

.rdw-link-decorator-wrapper {
  position: relative;
}
.rdw-link-decorator-icon {
  position: absolute;
  left: 40%;
  top: 0;
  cursor: pointer;
  background-color: white;
}

.rdw-mention-link {
  text-decoration: none;
  color: #1236ff;
  background-color: #f0fbff;
  padding: 1px 2px;
  border-radius: 2px;
}

.rdw-suggestion-wrapper {
  position: relative;
}
.rdw-suggestion-dropdown {
  position: absolute;
  display: flex;
  flex-direction: column;
  border: 1px solid #F1F1F1;
  min-width: 100px;
  max-height: 150px;
  overflow: auto;
  background: white;
  z-index: 100;
}
.rdw-suggestion-option {
  padding: 7px 5px;
  border-bottom: 1px solid #f1f1f1;
}
.rdw-suggestion-option-active {
  background-color: #F1F1F1;
}

.rdw-hashtag-link {
  text-decoration: none;
  color: #1236ff;
  background-color: #f0fbff;
  padding: 1px 2px;
  border-radius: 2px;
}

.rdw-image-alignment-options-popup {
  position: absolute;
  background: white;
  display: flex;
  padding: 5px 2px;
  border-radius: 2px;
  border: 1px solid #F1F1F1;
  width: 105px;
  cursor: pointer;
  z-index: 100;
}
.rdw-alignment-option-left {
  justify-content: flex-start;
}
.rdw-image-alignment-option {
  height: 15px;
  width: 15px;
  min-width: 15px;
}
.rdw-image-alignment {
  position: relative;
}
.rdw-image-imagewrapper {
  position: relative;
}
.rdw-image-center {
  display: flex;
  justify-content: center;
}
.rdw-image-left {
  display: flex;
}
.rdw-image-right {
  display: flex;
  justify-content: flex-end;
}
.rdw-image-alignment-options-popup-right {
  right: 0;
}

.rdw-editor-main {
  height: 100%;
  overflow: auto;
  box-sizing: border-box;
}
.rdw-editor-toolbar {
  padding: 6px 5px 0;
  border-radius: 2px;
  border: 1px solid #F1F1F1;
  display: flex;
  justify-content: flex-start;
  background: white;
  flex-wrap: wrap;
  font-size: 15px;
  margin-bottom: 5px;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.public-DraftStyleDefault-block {
  margin: 1em 0;
}
.rdw-editor-wrapper:focus {
  outline: none;
}
.rdw-editor-wrapper {
  box-sizing: content-box;
}
.rdw-editor-main blockquote {
  border-left: 5px solid #f1f1f1;
  padding-left: 5px;
}
.rdw-editor-main pre {
  background: #f1f1f1;
  border-radius: 3px;
  padding: 1px 10px;
}
/**
 * Draft v0.9.1
 *
 * Copyright (c) 2013-present, Facebook, Inc.
 * All rights reserved.
 *
 * This source code is licensed under the BSD-style license found in the
 * LICENSE file in the root directory of this source tree. An additional grant
 * of patent rights can be found in the PATENTS file in the same directory.
 */
.DraftEditor-editorContainer,.DraftEditor-root,.public-DraftEditor-content{height:inherit;text-align:initial}.public-DraftEditor-content[contenteditable=true]{-webkit-user-modify:read-write-plaintext-only}.DraftEditor-root{position:relative}.DraftEditor-editorContainer{background-color:rgba(255,255,255,0);border-left:.1px solid transparent;position:relative;z-index:1}.public-DraftEditor-block{position:relative}.DraftEditor-alignLeft .public-DraftStyleDefault-block{text-align:left}.DraftEditor-alignLeft .public-DraftEditorPlaceholder-root{left:0;text-align:left}.DraftEditor-alignCenter .public-DraftStyleDefault-block{text-align:center}.DraftEditor-alignCenter .public-DraftEditorPlaceholder-root{margin:0 auto;text-align:center;width:100%}.DraftEditor-alignRight .public-DraftStyleDefault-block{text-align:right}.DraftEditor-alignRight .public-DraftEditorPlaceholder-root{right:0;text-align:right}.public-DraftEditorPlaceholder-root{color:#9197a3;position:absolute;z-index:0}.public-DraftEditorPlaceholder-hasFocus{color:#bdc1c9}.DraftEditorPlaceholder-hidden{display:none}.public-DraftStyleDefault-block{position:relative;white-space:pre-wrap}.public-DraftStyleDefault-ltr{direction:ltr;text-align:left}.public-DraftStyleDefault-rtl{direction:rtl;text-align:right}.public-DraftStyleDefault-listLTR{direction:ltr}.public-DraftStyleDefault-listRTL{direction:rtl}.public-DraftStyleDefault-ol,.public-DraftStyleDefault-ul{margin:16px 0;padding:0}.public-DraftStyleDefault-depth0.public-DraftStyleDefault-listLTR{margin-left:1.5em}.public-DraftStyleDefault-depth0.public-DraftStyleDefault-listRTL{margin-right:1.5em}.public-DraftStyleDefault-depth1.public-DraftStyleDefault-listLTR{margin-left:3em}.public-DraftStyleDefault-depth1.public-DraftStyleDefault-listRTL{margin-right:3em}.public-DraftStyleDefault-depth2.public-DraftStyleDefault-listLTR{margin-left:4.5em}.public-DraftStyleDefault-depth2.public-DraftStyleDefault-listRTL{margin-right:4.5em}.public-DraftStyleDefault-depth3.public-DraftStyleDefault-listLTR{margin-left:6em}.public-DraftStyleDefault-depth3.public-DraftStyleDefault-listRTL{margin-right:6em}.public-DraftStyleDefault-depth4.public-DraftStyleDefault-listLTR{margin-left:7.5em}.public-DraftStyleDefault-depth4.public-DraftStyleDefault-listRTL{margin-right:7.5em}.public-DraftStyleDefault-unorderedListItem{list-style-type:square;position:relative}.public-DraftStyleDefault-unorderedListItem.public-DraftStyleDefault-depth0{list-style-type:disc}.public-DraftStyleDefault-unorderedListItem.public-DraftStyleDefault-depth1{list-style-type:circle}.public-DraftStyleDefault-orderedListItem{list-style-type:none;position:relative}.public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-listLTR:before{left:-36px;position:absolute;text-align:right;width:30px}.public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-listRTL:before{position:absolute;right:-36px;text-align:left;width:30px}.public-DraftStyleDefault-orderedListItem:before{content:counter(ol0) ". ";counter-increment:ol0}.public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-depth1:before{content:counter(ol1) ". ";counter-increment:ol1}.public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-depth2:before{content:counter(ol2) ". ";counter-increment:ol2}.public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-depth3:before{content:counter(ol3) ". ";counter-increment:ol3}.public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-depth4:before{content:counter(ol4) ". ";counter-increment:ol4}.public-DraftStyleDefault-depth0.public-DraftStyleDefault-reset{counter-reset:ol0}.public-DraftStyleDefault-depth1.public-DraftStyleDefault-reset{counter-reset:ol1}.public-DraftStyleDefault-depth2.public-DraftStyleDefault-reset{counter-reset:ol2}.public-DraftStyleDefault-depth3.public-DraftStyleDefault-reset{counter-reset:ol3}.public-DraftStyleDefault-depth4.public-DraftStyleDefault-reset{counter-reset:ol4}
#root .searchbtn {
  /* width: 119px !important; */
  font-family: "Roboto" !important;
  background-color: var(--shadow) !important;
  border: none !important;
  box-shadow: 1px 1px 2px 0px #c6d2d9;
  border-radius: 10px;
  height: 40px;
}

.fixedWidthBtn {
  width: 150px !important;
  line-height: 1 !important;
}

.deployicon {
  position: absolute;
  right: 45px;
  top: 20px;
  cursor: pointer;
  z-index: 12;
}

.forgot-password1 {
  width: 126px;
  height: 27px;
  padding-left: 4px;
  font-style: normal;
  font-weight: 300;
  font-size: 14px;
  line-height: 16.5px;
  cursor: pointer;
  position: relative;
  top: -5px;
}

.crrequest {
  width: 100%;
  height: 150px;
  position: relative;
  display: block;
  overflow: hidden;
  background-color: #ff6c3600;
  /* box-shadow: 6px 40px 40px -10px #88888824; */
  border-radius: 30px;
  margin-top: 20px;
  margin-bottom: 10px;
  box-shadow: 1px 2px 20px 0px #f1f1f1;
  border: 3px solid #ff6c36c2;
}

.uploadcert {
  width: 20px;
  height: 20px;
  margin-left: 6px;
}

.uploadcert2 {
  cursor: pointer;
  margin-left: 6px;
}

a {
  color: #000;
}

.categoryicon {
  color: white;
  width: 35px;

  height: 35px;
  border-radius: 11px;
  overflow: hidden;
  background: #ffa48282;
  /* opacity: 0.9; */
  text-align: center;
}

.crrequest .hackcardarea {
  height: 100%;
  position: absolute;
  width: 100%;
  padding: 20px;
  color: white;
  z-index: 12;
}

.crrequest .hackbg {
  height: 100%;
  width: 100%;
  position: absolute;
  background: linear-gradient(#ff6e3887, #ff6c35);
  z-index: 11;
}

.crrequest .smallpic {
  height: 20px;
  width: 20px;
}

.crrequest .smallhackimage {
  height: 100%;
  width: 100%;
  overflow: hidden;
  position: absolute;
  /* z-index: 10; */
}

.crrequest .smallhackimage .avatarImg {
  width: 100% !important;
  height: 100% !important;
  border-radius: 10px;
}

.crrequest .sb-avatar--text div span {
  font-family: "Roboto" !important;
  font-size: 20px !important;
  font-weight: 500 !important;
}

.crrequest .SmallHackcontent h3 {
  font-size: 16px;
  font-weight: 600;
  text-align: left;
  word-break: break-word;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  max-height: 18px;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  /* text-shadow: 1px 1px white; */
  /* letter-spacing: 1px; */
  line-height: 18px;
  margin-top: 5px;
  text-transform: capitalize;
  margin-bottom: 5px;
}

.crrequest .SmallHackcontent {
  padding: 10px;
  position: relative;
  height: 100%;
}

.crrequest .iconarea {
  width: 22px;
  height: 22px;
  margin-top: 5.9px;
}

.crrequest .actionbutton {
  position: absolute;
  right: 10px;
  bottom: 10px;
  width: 100px;
}

.crrequest .picarea {
  margin-top: 10px;
  text-align: left;
  margin-left: 5px;
}

.crrequest .profilepic {
  border-radius: 50%;
  width: 40px;
  height: 40px;
  margin-left: -5px;
  display: inline-block;
  overflow: hidden;
  padding: 1px;
  background-color: white;
  text-align: center;
}

.crrequest .smallpic {
  border-radius: 50%;
  box-shadow: 1px 1px 6px 0px #dee2e6;
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.crrequest .profilepic span {
  margin-top: 0px;
  line-height: 38px;
  font-size: 14px;
  color: #0000006b;
  font-weight: 700;
}

.crrequest .clockicon {
  color: black;
  height: 15px;
  width: 15px;
  margin-right: 3px;
  margin-top: -2px;
}

.crrequest .infobox {
  position: relative;
  height: 50px;
}

.crrequest .dpcircle {
  position: absolute;
  top: 0px;
  left: 0px;
  overflow: hidden;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  top: 50%;
  cursor: pointer;
  transform: translate(0%, -50%);
}

.crrequest .dpcircle img {
  width: 100%;
  height: 100%;
}

.crrequest .infobox .postinfo {
  position: absolute;
  top: 50%;
  transform: translate(0%, -50%);
  margin-left: 60px;
  cursor: pointer;
}

.crrequest .SmallHackcontent h4 {
  font-size: 14px;
  color: #000000cf;
  font-weight: 600;
  text-align: left;
  margin-top: 8px;
}

.crrequest .select {
  right: 10px;
  top: 10px;
  position: absolute;
  z-index: 1;
}

.crrequest .approvebtn,
.crrequest .closebtn {
  display: inline-block;

  width: 35px;
  height: 35px;
  background: #ff885e;
  border-radius: 50%;
  padding: 4px;
  text-align: center;
  color: white;
  box-shadow: 2px 5px 14px 0px #ff6c363d;
}

.crrequest .marked {
  background-color: #ff6c3669;
}

.crrequest .more {
  margin-left: 30px;
  color: #ff6c35;
  text-transform: capitalize;
}

.crrequest .closebtn {
  margin-left: 15px;
  background: #ff3347;
  background: #828282;
  box-shadow: 2px 5px 14px 0px #adb5bde0;
}

.crrequest .form-check-input[type="checkbox"] {
  border-radius: 8px;
  height: 25px;
  width: 25px;
  box-shadow: 1px 2px 13px 0px #ff6c3652;
  border: 3px solid #ff6c36;
}

.crrequest .form-check-input:checked {
  background-color: #ff6c36b3;
}

.crrequest .posttitle {
  font-size: 16px;
  font-weight: 600;
  text-align: left;
  word-break: break-word;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  max-height: 18px;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  /* text-shadow: 1px 1px white; */
  /* letter-spacing: 1px; */
  line-height: 18px;
  margin-top: 5px;
  text-transform: capitalize;
  margin-bottom: 5px;
}

.crrequest .date {
  position: absolute;
  bottom: 10px;
  left: 10px;
  font-size: 12px;
  text-align: left;
}

.form-controlforfile {
  display: block;
  width: 50%;
  padding: 0;
  margin: auto;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #212529;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ced4da;
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
  border-radius: 19.25rem;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  margin-top: 10px;
}

.save-btn {
  margin-top: 93px;
  width: 200px;
  justify-content: center;
  align-items: center;
  margin: auto;
  margin-top: -2px;
}

.headertxt {
  font-size: 30px;
  text-align: left;
  font-weight: 600;
  color: #495057;
  text-shadow: 0px 1px 1px rgb(104 104 104 / 12%);
}

.searchdrop {
  width: 200px;
}

.dropdownaction2 {
  text-transform: capitalize;
}

.dropdowned:hover,
.dropdowned:focus,
.dropdowned:active {
  background-color: var(--flameorang);
  width: 186px;
  color: var(--white);
  cursor: pointer;
  text-decoration: none;
}

.outerwrappercert .pencil .dropdown-item:hover,
.outerwrappercert .pencil .dropdown-item:focus,
.outerwrappercert .pencil .dropdown-item:active {
  background-color: var(--flameorang);
  color: var(--white);
}

.selectCred .credImgDiv {
  max-width: 260px;
  max-height: 300px;
  margin: auto;
}

.dropoptiontext2 {
  font-size: 12px;
  font-family: "Roboto", sans-serif;
  color: #91979d;
  font-weight: 500;
  background: white;
  z-index: 999;
  text-align: left;
  border-radius: 8px;
  border: 1px solid var(--greyLight);
  box-sizing: border-box;
  outline: none;
  /* mix-blend-mode: normal; */
  box-shadow: 1px 0px 8px 0px #dee2e663;
  margin-bottom: 10px;
  position: absolute;
  width: 200px;
  margin-top: -15px;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 6px;
  padding-right: 8px;
}

.reqname {
  font-size: 14px;
  color: #586069;
  font-weight: 400;
  text-align: left;
  margin-top: 2px;
  text-transform: capitalize;
  margin-bottom: -15px;
}

.reqrole {
  font-size: 13px;
  color: #696d72;
  font-weight: 400;
  text-align: left;
  margin-top: 16px;
  text-transform: capitalize;
}

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

.uploadcert4wrapper {
  margin-top: 5px;
}

.uploadcert4,
.uploadcert4:hover {
  /* max-width:200px ; */
  cursor: pointer;
  color: #000;
  /* margin-top: 5px; */
}

.uploadcert4.cust-link {
  right: 0px;
  position: absolute;
  /* top: 132px; */
  bottom: 23px;
}

.accept-reject-wrapper {
  margin-top: 15px;
}

.accept-text {
  border-radius: 30px;
  border: 2px;
  padding: 5px 10px;
  border: 2px solid #ff885e;
  color: #ff885e;
  background-color: #fff;
  cursor: pointer;
}

.reject-text {
  border-radius: 30px;
  border: 2px solid #828282;
  cursor: pointer;
  color: #828282;
  background-color: #fff;
  padding: 5px 10px;
  margin-left: 20px;
}

.accept-text:hover {
  background-color: #ff885e;
  color: #fff;
}

.reject-text:hover {
  background-color: #828282;
  color: #fff;
}

#coursereq .opportunities-request-card {
  height: 200px;
}

.issue-cred-form .form-controlforfile {
  border-radius: 10px;
  height: 40px;
  padding: 4px 15px;
  margin: 16px auto 5px;
  width: 100%;
  max-width: 340px;
  box-shadow: 1px 0px 8px 0px #dee2e663;
}

.issue-cred-form .form-controlforfile1 {
  border-radius: 10px;
  height: 40px;
  padding: 4px 15px;
  margin: 16px auto 5px;
  width: 100%;
  max-width: 340px;
  box-shadow: 1px 0px 8px 0px #dee2e663;
}

.issue-cred-form .details {
  margin-bottom: 10px;
}

.issue-cred-form .issue-cred-select {
  max-width: 340px;
  margin: 16px auto 0px;
}

.popup-textarea {
  border: 1px solid #ced4da;
  box-shadow: 1px 0px 8px 0px #dee2e663;
  border-radius: 10px;
  background-color: #fff;
}

.popup-textarea:focus {
  border: 1px solid var(--accent);
  box-shadow: none;
  outline: none;
}

#coursereq .content, .content.job-request{
  margin-top: 20px;
}
.overlay{
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5); /* Adjust opacity as needed */
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 9999; 
}


@media screen and (max-width: 991px) {
  .dateformobile {
    display: inline;
  }

  .layout {
    padding-bottom: 10px;
  }

  #coursereq .reg-search-btn {
    margin-left: 0px !important;
  }
}

.ReactModal__Overlay {
  z-index: 999;
}

.btn-div .row1 .searchbtn {
  width: 150px !important;
}

@media screen and (max-width: 768px) {
  #coursereq .searchdrop {
    width: 100%;
    padding-right: 15px;
  }

  #coursereq .dropoptiontext2 {
    width: calc(100% - 30px);
  }

  #coursereq .dropoptiontext2 .dropdown {
    width: 100%;
  }

  #coursereq .dropoptiontext2 .dropdown .dropdowned:active {
    width: 100%;
  }

  #coursereq .dropoptiontext2 .dropdown .dropdowned:focus {
    width: 100%;
  }

  #coursereq .dropoptiontext2 .dropdown .dropdowned:hover {
    width: 100%;
  }

  .btn-div .row1,
  .row2 {
    display: flex;
    justify-content: space-around;
  }

  #coursereq .autoapprove {
    margin-bottom: 20px;
    padding-left: 15px;
    width: 100%;
  }

  #coursereq .autoapprove .checkk-input {
    margin-left: 4px;
  }
}

@media screen and (max-width: 440px) {
  .btn-div .row1 .searchbtn {
    margin-right: 0px !important;
    margin-left: 0px !important;
    margin-bottom: 10px !important;
  }

  .btn-div .row2 .searchbtn {
    margin-right: 0px !important;
    margin-left: 0px !important;
    margin-bottom: 10px !important;
  }
}

@media screen and (min-width: 1200px) {
  .uploadcert2 {
    position: absolute;
    right: -55px;
  }
}

@media screen and (min-width: 991px) {
  .educationrequest {
    height: 200px;
  }
}

.hover-option:hover {
  background-color: orange;
}

.form-check-label {
  margin-top: 2px;
}

@media screen and (max-width: 576px) {
  #selectbadge.selectCred {
    padding-left: 0px !important;
    padding-right: 0px !important;
  }

  .selectCred .credImgDiv {
    max-width: 340px;
  }

  #selectbadge.selectCred .credImgDiv .outerwrappercert {
    max-width: unset;
  }

}
.notificationContainer .noti-info11 {
	padding: 35px;
	position: relative;
	border: 1px solid #e8e8e8;
	border-radius: 10px;
	/* margin: 15px 70px; */
	color:#000000;
	box-shadow: 1px 0px 8px 0px #dee2e663;

	 /* box-shadow: 5px 10px 20px 0px #f5f4f4;  */
	 width: 100%;
    height: auto;
  }
  .notificationheadertop {
    width: 100%;
    display: flex;
    padding-left: 30px;
    padding-bottom: 20px;
}
#root .backgroundnoti{
   background-color: #ffa48236; 
   border-radius: 10px;
   margin-bottom: 10px;
}
.notification_wrap_all{
	/* width: 85.5%;
	margin: 18px auto 0;
    margin-bottom: 18px; */
}


  .notificationContainer {
    height: 100%;
  }

  .notispace{
    padding: 10px;
  }

  .notiinrow{
    display: block;
  }

.notiallwp{
  width: 85.5%;
}
 .notify_info{
   width:calc(100% - 60px);
   display: inline-block;
 }
 .notify_img{
   display: inline-block;
   vertical-align: top;
 }

 .courses-container {
  margin-top: 15px;
}
#root .notificationmenu .dropdown-menu.show {
}
#root .notificationmenu .dropdown-item.active {
  background: transparent;
  color: #6b6b6b;
}
#notify-dropdown .dropdown-item.active, .dropdown-item:active{
  color: #6b6b6b;
}
#root .notificationmenu a {
  color: #6b6b6b;
  /* margin-top: 5px;
  margin-bottom: 5px; */
}
.globelfiltertext {
  text-align: center;
  font-size: 14px;
}
#root .notificationmenu .dropdown-menu.show {
  position: absolute;
  /* padding-left: 10px;
    padding-right: 10px; */
  padding: 20px;
}
#root .notificationmenu .dropdown-menu.show {
  box-shadow: 0px 3px 26px rgb(229 229 229 / 39%);
  border-radius: 18px;
}
#root .notificationmenu .menu-show-wrapper {
  max-width: 525px;
}
#root .notificationmenu .dropdown-menu-right {
  right: 10px;
  top: 60px;
}
#root .notificationmenu a:hover,
#root .notificationmenu .dropdown-item.active:hover {
  color: #6b6b6b;
  text-decoration: none;
  text-shadow: -1px -1px 1px #a9a9a93d;
  /* font-size: 18px; */
  border-radius: 10px;
  /* box-shadow: 0px 1px 5px #dee2e6; */
  background-color: #ff6c3630 !important;
  width: 100%;
  margin-bottom: 10px;
}

#root .notificationmenu .menuicon {
  text-shadow: 1px 1px 1px #00000073;
  height: 18px;
  width: 18px;
}

.searchbtn {
  width: 119px !important;
  font-family: "Roboto" !important;
  background-color: var(--shadow) !important;
  border: none !important;
  box-shadow: 1px 1px 2px 0px #c6d2d9;
  border-radius: 10px;
  height: 40px;
}

.acceptreject {
  padding-top: 10px;
  margin-left: 22px;
}

#root .notificationmenu a:hover .menutext {
}
#root .notificationmenu {
}

#root .notificationmenu .menutext {
  margin-left: 20px;
  cursor: pointer;
  font-weight: 400;
  font-size: 16px;
}

.bm-item-list {
  color: var(--black);
  text-align: left;
  overflow: hidden;
  padding-left: 20px;
  box-shadow: 0px 3px 30px rgb(196 196 196 / 60%);

  padding-right: 20px;
  background: white;
  height: auto;
  border-radius: 30px;
}

.sidebarbutton {
  margin: 0 auto;
  width: 50px;
  height: 50px;
  background: #fd790d;
  border-radius: 50%;
  position: fixed;
  bottom: 30px;
  left: 125px;
  text-align: center;
  color: white;
  box-shadow: 2px 5px 14px 0px #fd6d0d82;
}

.sidebarbutton .sideicon {
  width: 40px;
  height: 40px;
  margin-top: 5px;
}

/* .notifycourse{
    font-size: 15px;
    font-weight: 600;
    display: block;
    line-height: 19.9px;
  } */

.notify_img {
  background-color: #ffeee8;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  margin-right: 10px;
  margin-left: 10px;
  overflow: hidden;
}

.notiimg {
  /* transform: scale(1.2); */
  width: 100%;
  height: 100%;
}

.notify_time {
  color: #495057;
  font-size: 12px;
  line-height: 14px;
}

.notify_info p {
  margin-bottom: -5px;
  cursor: pointer;
  font-size: 14px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.notify_info p:first-letter {
  text-transform: capitalize;
}
.notification_wrap {
  width: 330px;
  margin: 18px auto 0;
}

.notificationheader {
  position: relative;
  width: 100%;
  display: flex;
  min-width: 300px;
  padding-left: 8px;
  align-items: center;
  margin-bottom: 10px;
  margin-top: 10px;
}

.notificationSmall {
  font-size: 16px;
  margin-bottom: 0;
  font-weight: 600;
  color: #0505059e;
  text-shadow: 0px 1px 1px rgb(104 104 104 / 12%);
}

.notifyname {
  font-size: 14px;
  font-weight: 600;
  line-height: 19.9px;
}

.notitextseeall {
  position: absolute;
  right: 20px;
  cursor: pointer;
  font-size: 16px;
  font-weight: 400;
  text-transform: capitalize;
  top: auto;
  color: #adadad;
}
.notify {
  margin-left: 7px;
  font-size: 14px;
}

@media (max-width: 768px) {
  #root .notificationmenu .dropdown-menu-right {
    right: 10px;
    top: -120px;
  }
  #root .notificationmenu .dropdown-menu.show {
    border-bottom-right-radius: 0px;
    border-top-right-radius: 30px;
    display: none;
  }
}

.filtershow {
  cursor: pointer;
  font-size: 18px;
  font-weight: 500;
  text-transform: capitalize;
  /* color: #495057; */
  color: #adadad;
  margin: 0 auto;
  padding-bottom: 10px;
  padding-top: 10px;
  font-weight: 400;
}

.searchfilter .dropdown-item.active {
  background: transparent;
  color: #6b6b6b;
}
.searchfilter a {
  color: #6b6b6b;
  /* margin-top: 5px;
  margin-bottom: 5px; */
}
.searchfilter .dropdown-menu.show {
  position: absolute;
  /* padding-left: 10px;
    padding-right: 10px; */
  /* padding: 20px; */
}
.searchfilter .dropdown-menu.show {
  box-shadow: 0px 3px 26px rgb(229 229 229 / 39%);
  border-radius: 10px;
  /* border-top-right-radius: 0px; */
  width: 100%;
  max-width: 399px;
  padding: 10px;
}
.searchfilter .dropdown-menu-right {
  right: 31px;
  top: 40px;
}
.searchfilter a:hover,
.searchfilter .dropdown-item.active:hover {
  color: #6b6b6b;
  text-decoration: none;
  text-shadow: -1px -1px 1px #a9a9a93d;

  border-radius: 10px;

  background-color: #ffffff;
  width: 100%;
}

.searchfilter .menuicon {
  text-shadow: 1px 1px 1px #00000073;
  height: 18px;
  width: 18px;
}

.searchfilter .menuicon {
  text-shadow: 1px 1px 1px #00000073;
  height: 18px;
  width: 18px;
}
.searchfilter .menutext {
  margin-left: 20px;
  cursor: pointer;
  font-weight: 400;
  font-size: 16px;
}
@media (max-width: 768px) {
  .searchfilter .dropdown-menu-right {
    right: 10px;
    top: -120px;
  }
  .searchfilter .dropdown-menu.show {
    border-bottom-right-radius: 0px;
    border-top-right-radius: 30px;
    display: none;
  }
}

.notifydropdown-item {
  padding: 5px;
}

.search-filter-options hr {
  margin: 0px;
}

.search-filter-options .notification_wrap_all {
  padding: 8px 10px;
}

hr {
  margin-top: 10px;
  margin-bottom: 0px;
  border: 0;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
}

.top-navbar {
  position: sticky;
  top: 0px;
  z-index: 1020;
}
.custom-popover {
  top: 60px !important;
}

.custom-popover .MuiMenu-paper {
  top: 0px !important;
  margin-top: 0px !important;
}

.top-navbar a {
  text-decoration: none;
}
.top-navbar a:hover {
  color: #007bff;
  text-decoration: none;
}
.top-navbar .tagline {
  font-size: 15px;
  margin-bottom: 0;
  color: #007bff;
  cursor: pointer;
}
.top-navbar .main-nav-logo {
  width: 100%;
  max-width: 116px;
  height: auto;
  margin-top: 0px;
  margin-bottom: 0px;
}
.top-navbar .tag {
  position: absolute;
}

.noteLB {
  font-size: 13px !important;
  color: #2a2a2a;
  margin-left: 3px !important;
  margin-top: -10px !important;
  margin-bottom: 15px !important;
  text-align: left;
}
@media screen and (min-width: 568px) and (max-width: 776px) {
  .top-navbar .tagline {
    font-size: 10px;
    margin-top: 0px;
  }
}
@media screen and (max-width: 576px) {
  .top-navbar .tagline {
    font-size: 10px;
    margin-top: -12px;
  }
}
@media screen and (max-width: 450px) {
  .top-navbar .tagline {
    font-size: 7.5px;
    margin-top: 0px;
  }
}

.printbtnContainer {

        width: 200px;
        align-items: center;
        justify-content: center;
        margin: auto;


}

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

.import-linkedin .import-title {
        font-size: 26px;
        text-align: center;
        font-weight: 600;
        color: #495057;
        text-shadow: 0px 1px 1px rgb(104 104 104 / 12%);
}

.import-linkedin .button1{
        margin-bottom: 0px;
}

.import-linkedin .outer-box {
        margin: 0 auto 0;
        text-align: center;
        border-radius: 10px;
        padding: 25px 15px;
        box-shadow: 0 0 4px rgb(0 0 0 / 25%);
}


.move-pages {
        cursor: pointer;
}

.LinkedInPopup .file-input {
        width: 215px;
        margin-bottom: 12px;
}

.LinkedInPopup .msg {
        font-size: 18px;
        text-align: center;
        margin: 0;
}
.SuccessPopup .modal-content{
    border-radius: 30px;
    padding: 20px;
    border: 1px solid rgba(204, 204, 204, 0.22);
    box-shadow: rgb(222 226 230 / 41%) 0px 0px 20px 0px;
}
 .modal-backdrop.show{
    opacity: 0.2;
}

.SuccessPopup .modal-body{
    padding: 0px;
}

.SuccessPopup .success{
    margin-top: 33px;
}

.SuccessPopup .btn-div{
    width: 150px;
    margin: auto;
}

.SuccessPopup .button1{
    width: 150px;
    margin-bottom: 0px;
}

.SuccessPopup .bold-text{
    font-size: 22px;
    font-weight: 600;
    padding-bottom: 10px;
}

.SuccessPopup .closebtn {
    position: absolute;
    right: 0px;
    top: 0px;
    cursor: pointer;
    width: 20px;
    height: 20px;
    z-index: 1;
  }


#inviteuser .cfvlby {
  background-color: #f6f9fc;
  border: 1px solid #ebe8ff;
  border-radius: 10px;
  min-height: 40px;
  align-items: center;
  justify-content: center;
  color: #8898aa;
  font-size: 13px;
  font-weight: 500;
}

.dkIDck {
  background-color: #f6f9fc !important;
  border: 1px solid #ebe8ff;
  border-radius: 10px;
  min-height: 40px !important;
  align-items: center !important;
  justify-content: center;
  color: #8898aa;
  font-size: 13px;
  font-weight: 500;
}

#inviteuser .jiAnER {
  border-radius: 10px;
  border: 1px solid #ebe8ff;
  background: #fff;
  margin-top: 12px;
  color: #797d8c;
  font-size: 14px;
  font-weight: 500;
  text-align: left;
}

.ePwPKN {
  border-radius: 10px;
  border: 1px solid #ebe8ff;
  background: #fff;
  margin-top: 12px;
  color: #797d8c !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  text-transform: capitalize;
}

#inviteuser .profilenavbar a {
  border: 1px solid #ff6c36d9;
  margin-right: 20px;
  margin-left: 0px;
  height: 40px;
  border-radius: 8px;
}

#inviteuser .profilenavbar .active {
  border-radius: 8px;
  border: 0.56px solid #ff6c36d9;
  background: #ff6c36d9;
  color: white;
  font-size: 14px;
  font-weight: 500;
}

#inviteuser .profilenavbar .active .tab-icon {
  filter: brightness(0) invert(1);
}

#inviteuser .profilenavbar .active .bag-icon {
  filter: brightness(0) invert(1);
}

#inviteuser .buttonmain {
  padding: 0px 20px;
  height: 40px;
  width: -moz-max-content;
  width: max-content;
  border-radius: 8px;
}

#inviteuser .buttonfollow {
  font-weight: 500;
  font-size: 14px;
  height: 30px;
  width: -moz-max-content;
  width: max-content;
  padding: 0px 10px;
  margin-top: 5px;
  margin-bottom: 5px;
  margin-right: 10px;
}

.error-message {
  color: red;
}

#inviteuser .textleftbtn {
  text-align: left;
}

.profilenavbar {
  margin-bottom: 10px;
  margin-top: 26px;
}

#inviteuser .acceptgreen {
  color: #43be83;
}

#inviteuser .sentorg {
  color: #f7941d;
}

#inviteuser .failorg {
  color: #f10d0d;
}

#inviteuser .rightalign {
  text-align: right;
}

#inviteuser .cards-top {
  margin-top: 30px;
}

#inviteuser .countcardswrapper {
  border-radius: 8px;
  border: 1px solid #d3cbfb;
  padding: 20px;
  min-height: 60px;
  text-align: left;
  margin-bottom: 15px;
}

#inviteuser .cardheading {
  color: #495057;
 font-size: 18px;
font-weight: 600;
font-family: "Montserrat"
}

#inviteuser .count {
  color: #04103b;
  font-size: 32px;
  font-weight: 700;
  font-family: "Montserrat"
}

#inviteuser .countlayout {
  justify-content: space-between;
}

.bottomhead {
  margin-bottom: 20px;
  margin-top: 20px;
  margin-left: 0;
}

#inviteuser .input,
.form-control.input {
  height: 40px;
  border-radius: 8px;
}

#inviteuser input[type="checkbox"],
input[type="radio"] {
  cursor: pointer;
}

#inviteuser .bottombtnmargin {
  margin-bottom: 14px;
}

.invite-title {
  color: #ff6636;
  text-align: left;
}

.delpost {
  font-size: 22px;
}

.table td,
.table th {
  vertical-align: middle;
}

.table td,
.table th {
  text-align: left;
}

tr {
  border-bottom: 0.5px solid #979797;
}

.btmspace {
  margin-bottom: 20px;
}

.toprowspace {
  margin-bottom: 20px;
}

.tblicon {
  margin-left: 10px;
  margin-right: 10px;
}

.bluetextdownload {
  color: blue;
}

.btn-success {
  color: #495057;
  background-color: #fff !important;
  border-color: #ff6c36d9 !important;
  height: 40px;
  border-radius: 8px;
}

.btn-success:not(:disabled):not(.disabled).active,
.btn-success:not(:disabled):not(.disabled):active,
.show > .btn-success.dropdown-toggle {
  color: #495057;
  background-color: #fff !important;
  border-color: #ff6c36d9 !important;
}

.btn-success.focus,
.btn-success:focus {
  box-shadow: none;
}

.btn-success:not(:disabled):not(.disabled).active:focus,
.btn-success:not(:disabled):not(.disabled):active:focus,
.show > .btn-success.dropdown-toggle:focus {
  box-shadow: none;
}

.btn-success.focus,
.btn-success:focus {
  color: #495057;
}

.btn-success:hover {
  color: #495057;
}

#inviteuser .dropdown-item.active,
.dropdown-item:active {
  color: #495057;
  background-color: #fff !important;
  border-color: #ff6c36d9 !important;
  text-decoration: none;
}

#inviteuser .dropdown-menu {
  border-radius: 8px;
}

@media screen and (min-width: 575px) {
  .topdrpspace {
    margin-top: -15px;
  }

  .topdrpdeskspace {
    margin-top: -15px;
  }

  .bottomhead {
    margin-bottom: 20px;
    margin-top: 20px;
    margin-left: 106px;
  }
}

@media screen and (min-width: 750px) {
  .topdrpdeskspace {
    margin-left: -22px;
  }
}

@media screen and (max-width: 575px) {
  .topdrpdeskspace {
    margin-top: 15px;
  }

  .tblicon {
    margin-left: 5px;
    margin-right: 5px;
  }
}

#inviteuser .BackIcon {
  width: 50px;
  height: 50px;
  margin-top: 0px;
}

#inviteuser .count-role-icon {
  width: 42px;
  height: 42px;
}

.role-dp-menu {
  height: 75px;
  overflow-y: auto;
}

.email-error-msg {
  line-height: 0px;
  margin: 0px;
  font-size: 14px;
  text-align: left;
  padding-left: 20px;
  color: red;
}

#inviteuser .margin-adjust-cls {
  margin-bottom: 60px;
}

#inviteuser .user-emailId{
  text-transform: lowercase;
}

.custom-toast {
  background-color: #ffff;
  /* color: #fe4726; */
  border-radius: 4px;
  box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);
  font-size: 16px;
  padding: 10px 20px;
}

#inviteuser .email-cell.invite-tbl {
  display: flex;
  align-items: center;
}

#inviteuser .email-cell.invite-tbl .user-emailId{
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;

}

.orange-checkbox,
.orange-checkbox :hover,
.orange-checkbox :active,
.orange-checkbox :focus,
.orange-checkbox :checked {
  accent-color: #FF4B08;
}
#userPanel .cfvlby {
  background-color: #f6f9fc;
  border: 1px solid #ebe8ff;
  border-radius: 10px;
  min-height: 40px;
  align-items: center;
  justify-content: center;
  color: #8898aa;
  font-size: 13px;
  font-weight: 500;
}

.dkIDck {
  background-color: #f6f9fc !important;
  border: 1px solid #ebe8ff;
  border-radius: 10px;
  min-height: 40px !important;
  align-items: center !important;
  justify-content: center;
  color: #8898aa;
  font-size: 13px;
  font-weight: 500;
}

#userPanel .jiAnER {
  border-radius: 10px;
  border: 1px solid #ebe8ff;
  background: #fff;
  margin-top: 12px;
  color: #797d8c;
  font-size: 14px;
  font-weight: 500;
  text-align: left;
}

.ePwPKN {
  border-radius: 10px;
  border: 1px solid #ebe8ff;
  background: #fff;
  margin-top: 12px;
  color: #797d8c !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  text-transform: capitalize;
}

#userPanel .profilenavbar a {
  border: 1px solid #ff6c36d9;
  margin-right: 20px;
  margin-left: 0px;
  height: 40px;
  border-radius: 8px;
}

#userPanel .profilenavbar .active {
  border-radius: 8px;
  border: 0.56px solid #ff6c36d9;
  background: #ff6c36d9;
  color: white;
  font-size: 14px;
  font-weight: 500;
}

#userPanel .profilenavbar .active .tab-icon {
  filter: brightness(0) invert(1);
}

#userPanel .profilenavbar .active .bag-icon {
  filter: brightness(0) invert(1);
}

#userPanel .buttonmain {
  padding: 0px 20px;
  height: 40px;
  width: -moz-max-content;
  width: max-content;
  border-radius: 8px;
}

#userPanel .buttonfollow {
  font-weight: 500;
  font-size: 14px;
  height: 30px;
  width: -moz-max-content;
  width: max-content;
  padding: 0px 10px;
  margin-top: 5px;
  margin-bottom: 5px;
  margin-right: 10px;
}

.error-message {
  color: red;
}

#userPanel .textleftbtn {
  text-align: left;
}

.profilenavbar {
  margin-bottom: 10px;
  margin-top: 26px;
}

#userPanel .acceptgreen {
  color: #43be83;
}

#userPanel .sentorg {
  color: #f7941d;
}

#userPanel .failorg {
  color: #f10d0d;
}

#userPanel .rightalign {
  text-align: right;
}

#userPanel .cards-top {
  margin-top: 30px;
}

#userPanel .countcardswrapper {
  border-radius: 8px;
  border: 1px solid #d3cbfb;
  padding: 20px;
  min-height: 60px;
  text-align: left;
  margin-bottom: 15px;
}

#userPanel .cardheading {
  color: #495057;
  font-size: 18px;
  font-weight: 600;
  font-family: "Montserrat";
}

#userPanel .count {
  color: #04103b;
  font-size: 32px;
  font-weight: 700;
  font-family: "Montserrat";
}

#userPanel .countlayout {
  justify-content: space-between;
}

.bottomhead {
  margin-bottom: 20px;
  margin-top: 20px;
  margin-left: 0;
}

#userPanel .input,
.form-control.input {
  height: 40px;
  border-radius: 8px;
}

#userPanel input[type="checkbox"],
input[type="radio"] {
  cursor: pointer;
}

#userPanel .bottombtnmargin {
  margin-bottom: 14px;
}

.invite-title {
  color: #ff6636;
  text-align: left;
}

.delpost {
  font-size: 22px;
}

.table td,
.table th {
  vertical-align: middle;
}

.table td,
.table th {
  text-align: left;
}

tr {
  border-bottom: 0.5px solid #979797;
}

.btmspace {
  margin-bottom: 20px;
}

.toprowspace {
  margin-bottom: 20px;
}

.tblicon {
  margin-left: 10px;
  margin-right: 10px;
}

.bluetextdownload {
  color: blue;
}

.btn-success {
  color: #495057;
  background-color: #fff !important;
  border-color: #ff6c36d9 !important;
  height: 40px;
  border-radius: 8px;
}

.btn-success:not(:disabled):not(.disabled).active,
.btn-success:not(:disabled):not(.disabled):active,
.show > .btn-success.dropdown-toggle {
  color: #495057;
  background-color: #fff !important;
  border-color: #ff6c36d9 !important;
}

.btn-success.focus,
.btn-success:focus {
  box-shadow: none;
}

.btn-success:not(:disabled):not(.disabled).active:focus,
.btn-success:not(:disabled):not(.disabled):active:focus,
.show > .btn-success.dropdown-toggle:focus {
  box-shadow: none;
}

.btn-success.focus,
.btn-success:focus {
  color: #495057;
}

.btn-success:hover {
  color: #495057;
}

#userPanel .dropdown-item.active,
.dropdown-item:active {
  color: #495057;
  background-color: #fff !important;
  border-color: #ff6c36d9 !important;
  text-decoration: none;
}

#userPanel .dropdown-menu {
  border-radius: 8px;
}

@media screen and (min-width: 575px) {
  .topdrpspace {
    margin-top: -15px;
  }

  .topdrpdeskspace {
    margin-top: -15px;
  }

  .bottomhead {
    margin-bottom: 20px;
    margin-top: 20px;
    margin-left: 106px;
  }
}

@media screen and (min-width: 750px) {
  .topdrpdeskspace {
    margin-left: -22px;
  }
}

@media screen and (max-width: 575px) {
  .topdrpdeskspace {
    margin-top: 15px;
  }

  .tblicon {
    margin-left: 5px;
    margin-right: 5px;
  }
}

#userPanel .BackIcon {
  width: 50px;
  height: 50px;
  margin-top: 0px;
}

#userPanel .count-role-icon {
  width: 42px;
  height: 42px;
}

.role-dp-menu {
  height: 75px;
  overflow-y: auto;
}

.email-error-msg {
  line-height: 0px;
  margin: 0px;
  font-size: 14px;
  text-align: left;
  padding-left: 20px;
  color: red;
}

#userPanel .margin-adjust-cls {
  margin-bottom: 60px;
}

#userPanel .user-emailId {
  text-transform: lowercase;
}

.custom-toast {
  background-color: #ffff;
  /* color: #fe4726; */
  border-radius: 4px;
  box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);
  font-size: 16px;
  padding: 10px 20px;
}

#userPanel .email-cell.invite-tbl {
  display: flex;
  align-items: center;
}

#userPanel .email-cell.invite-tbl .user-emailId {
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

#userPanel .name-cell.invite-tbl .user-name {
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.orange-checkbox,
.orange-checkbox :hover,
.orange-checkbox :active,
.orange-checkbox :focus ,
.orange-checkbox :checked {
  accent-color: #FF4B08;
}

#inviteuser .cfvlby {
  background-color: #f6f9fc;
  border: 1px solid #ebe8ff;
  border-radius: 10px;
  min-height: 40px;
  align-items: center;
  justify-content: center;
  color: #8898aa;
  font-size: 13px;
  font-weight: 500;
}

.dkIDck {
  background-color: #f6f9fc !important;
  border: 1px solid #ebe8ff;
  border-radius: 10px;
  min-height: 40px !important;
  align-items: center !important;
  justify-content: center;
  color: #8898aa;
  font-size: 13px;
  font-weight: 500;
}

#inviteuser .jiAnER {
  border-radius: 10px;
  border: 1px solid #ebe8ff;
  background: #fff;
  margin-top: 12px;
  color: #797d8c;
  font-size: 14px;
  font-weight: 500;
  text-align: left;
}

.ePwPKN {
  border-radius: 10px;
  border: 1px solid #ebe8ff;
  background: #fff;
  margin-top: 12px;
  color: #797d8c !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  text-transform: capitalize;
}

#inviteuser .profilenavbar a {
  border: 1px solid #ff6c36d9;
  margin-right: 20px;
  margin-left: 0px;
  height: 40px;
}

#inviteuser .profilenavbar .active {
  border-radius: 10px;
  border: 0.56px solid #ff6c36d9;
  background: #ff6c36d9;
  color: white;
  font-size: 14px;
  font-weight: 500;
}

#inviteuser .profilenavbar .active .tab-icon {
  filter: brightness(0) invert(1);
}

#inviteuser .profilenavbar .active .bag-icon {
  filter: brightness(0) invert(1);
}

#inviteuser .buttonmain {
  padding: 0px 20px;
  height: 40px;
  width: -moz-max-content;
  width: max-content;
}

#inviteuser .buttonfollow {
  font-weight: 500;
  font-size: 14px;
  height: 30px;
  width: -moz-max-content;
  width: max-content;
  padding: 0px 10px;
  margin-top: 5px;
  margin-bottom: 5px;
  margin-right: 10px;
}

.error-message {
  color: red;
}

#inviteuser .textleftbtn {
  text-align: left;
}

.profilenavbar {
  margin-bottom: 10px;
  margin-top: 26px;
}

#inviteuser .acceptgreen {
  color: #43be83;
}

#inviteuser .sentorg {
  color: #f7941d;
}

#inviteuser .failorg {
  color: #f10d0d;
}

#inviteuser .rightalign {
  text-align: right;
}

#inviteuser .cards-top {
  margin-top: 30px;
}

#inviteuser .countcardswrapper {
  border-radius: 20px;
  border: 1px solid #d3cbfb;
  padding: 20px;
  min-height: 60px;
  text-align: left;
  margin-bottom: 15px;
}

#inviteuser .cardheading {
  color: #797d8c;
  font-size: 14px;
  font-weight: 600;
}

#inviteuser .count {
  color: #04103b;
  font-size: 32px;
  font-weight: 700;
}

#inviteuser .countlayout {
  justify-content: space-between;
}

.bottomhead {
  margin-bottom: 20px;
  margin-top: 20px;
  margin-left: 0;
}

#inviteuser .input,
.form-control.input {
  height: 40px;
}

#inviteuser input[type="checkbox"],
input[type="radio"] {
  cursor: pointer;
}

#inviteuser .bottombtnmargin {
  margin-bottom: 14px;
}

.invite-title {
  color: #ff6636;
  text-align: left;
}

.delpost {
  font-size: 22px;
}

.table td,
.table th {
  vertical-align: middle;
}

.table td,
.table th {
  text-align: left;
}

tr {
  border-bottom: 0.5px solid #979797;
}

.btmspace {
  margin-bottom: 20px;
}

.toprowspace {
  margin-bottom: 20px;
}

.tblicon {
  margin-left: 10px;
  margin-right: 10px;
}

.bluetextdownload {
  color: blue;
}

.btn-success {
  color: #495057;
  background-color: #fff !important;
  border-color: #ff6c36d9 !important;
  height: 40px;
  border-radius: 10px;
}

.btn-success:not(:disabled):not(.disabled).active,
.btn-success:not(:disabled):not(.disabled):active,
.show > .btn-success.dropdown-toggle {
  color: #495057;
  background-color: #fff !important;
  border-color: #ff6c36d9 !important;
}

.btn-success.focus,
.btn-success:focus {
  box-shadow: none;
}

.btn-success:not(:disabled):not(.disabled).active:focus,
.btn-success:not(:disabled):not(.disabled):active:focus,
.show > .btn-success.dropdown-toggle:focus {
  box-shadow: none;
}

.btn-success.focus,
.btn-success:focus {
  color: #495057;
}

.btn-success:hover {
  color: #495057;
}

#inviteuser .dropdown-item.active,
.dropdown-item:active {
  color: #495057;
  background-color: #fff !important;
  border-color: #ff6c36d9 !important;
  text-decoration: none;
}

#inviteuser .dropdown-menu {
  border-radius: 14px;
}

@media screen and (min-width: 575px) {
  .topdrpspace {
    margin-top: -15px;
  }

  .topdrpdeskspace {
    margin-top: -15px;
  }

  .bottomhead {
    margin-bottom: 20px;
    margin-top: 20px;
    margin-left: 106px;
  }
}

@media screen and (min-width: 750px) {
  .topdrpdeskspace {
    margin-left: -22px;
  }
}

@media screen and (max-width: 575px) {
  .topdrpdeskspace {
    margin-top: 15px;
  }

  .tblicon {
    margin-left: 5px;
    margin-right: 5px;
  }
}

#inviteuser .BackIcon {
  width: 50px;
  height: 50px;
  margin-top: 0px;
}

#inviteuser .count-role-icon {
  width: 42px;
  height: 42px;
}

.role-dp-menu {
  height: 75px;
  overflow-y: auto;
}

.email-error-msg {
  line-height: 0px;
  margin: 0px;
  font-size: 14px;
  text-align: center;
  padding-left: 20px;
  color: red;
}

#inviteuser .margin-adjust-cls {
  margin-bottom: 60px;
}

#inviteuser .user-emailId{
  text-transform: lowercase;
}

.custom-toast {
  background-color: #ffff;
  /* color: #fe4726; */
  border-radius: 4px;
  box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);
  font-size: 16px;
  padding: 10px 20px;
}

/* .btn-primary,
.btn-primary:focus ,
.btn-primary:hover{

color: rgb(255, 255, 255);
  background-color:transparent;
  border-color: transparent;
}


.btn-primary:not(:disabled):not(.disabled).active,
.btn-primary:not(:disabled):not(.disabled):active,
.show > .btn-primary.dropdown-toggle {
color: orange;
background-color: transparent;
border-color: transparent;

}


.btn-primary:not(:disabled):not(.disabled).active:focus,
.btn-primary:not(:disabled):not(.disabled):active:focus,
.show > .btn-primary.dropdown-toggle:focus {
box-shadow: 0 0 0 0;
border-color: transparent;

}

.show > .btn-primary.dropdown-toggle:focus {
box-shadow: 0 0 0 0;
}

.dropdown-toggle::after {
display: none !important;
} */

.searchvideo {

  width: 119px !important;
    font-family: "Roboto" !important;
    background-color: var(--shadow) !important;
    border: none !important;
    box-shadow: 1px 1px 2px 0px #c6d2d9;
    border-radius: 10px;
    height: 40px;
}

#inviteuser {

  margin-top: 20px;
}

#inviteuser .headtitle {
  font-size: 30px;
  text-align: left;
  font-weight: 600;
  color: #495057;
  text-shadow: 0px 1px 1px rgb(104 104 104 / 12%);


}
.postscreen {
    background: #ffffff;
    border-radius: 8px;

    width: auto;
    height: auto;
    overflow: hidden;
    margin-bottom: 20px;
    margin:0 auto;
    margin-top: 15px;

    max-width: 700px;
    margin-bottom: 15px;
  }
  
  .postscreen .sharepostcontent {
    margin: 20px;
    position: relative;
  }
  
  .postscreen .infobox {
    position: relative;
    height: 60px;
  }
  
  .postscreen .dpcircle {
    position: absolute;
    top: 0px;
    left: 0px;
    overflow: hidden;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    top: 50%;
    cursor: pointer;
    transform: translate(0%, -50%);
  }
  .postscreen .dpcircle img {
    width: 100%;
    height: 100%;
  }
  
  .postscreen .postinfo {
    margin-left: 60px;
    cursor: pointer;
  }
  
  .postscreen .infobox .postinfo {
    position: absolute;
    top: 50%;
    transform: translate(0%, -50%);
  }
  
  .postscreen .posttitle {
    font-weight: 500;
    color: #4f4f4f;
    font-size: 17px;
    line-height: 18px;
    cursor: pointer;
  }
  
  .postscreen .datetime {
    color: #333333;
    font-weight: 500;
    font-size: 11px;
    line-height: 12px;
    margin-top: 5px;
  }
  
  .postscreen .datetime,
  .postscreen .posttitle {
    display: block;
    text-align: left;
    cursor: pointer;
  }
  
  .postscreen .postdetail {
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    line-height: 18px;
    text-align: left;
    color: #000000;
    margin-top: 10px;
    text-transform: capitalize;
  }
  
  .postscreen .postimage {
    width: auto;
    height: auto;
  
    margin-top: 15px;
    cursor: pointer;
    /* display: flex; */
  }
  
  .postscreen .postimage .slider-wrapper {
    height: 400px;
  }
  .postscreen .postimage .carousel .slide img {
    width: 100%;
    height: 100%;
  }
  
  .postscreen .sliderimg {
    height: 400px;
    margin-left: 15px;
    margin-right: 15px;
  }
  
  .postscreen .sliderimg img {
    width: 100%;
    height: 100%;
  }
  
  .postscreen .actioninfo {
    display: block;
  }
  
  .postscreen .actionbuttons .actionsection {
    font-size: 14px;
    font-weight: 500;
    color: #828282;
    cursor: pointer;
  }
  
  .postscreen .comment {
    cursor: pointer;
  }
  
  .postscreen .actionbuttons .likebutton,
  .postscreen .actionbuttons .commentbutton,
  .postscreen .actionbuttons .sharebutton {
    color: #ffaaac;
    width: 13px;
    margin-bottom: 5px;
  }
  
  .postscreen .searchbutton{
    margin-left: 2px;
    color:var(--accent);
    cursor: pointer;
  }
  
  .postscreen .postcommentarea{
    padding: 5px;
    border-top: 2px solid #f1f1f1;
   margin-right: 20px;
  }

  .postscreen .cmarea{
    margin-top: 5px;
  }

  .postscreen .postcommentreplyarea{
    margin-left: 40px;
   
  }

  .postscreen .postcommentreplyview1{
    text-align: left;
  }

  .postscreen .postcommentreplyview{
    font-size: 12px;
  font-weight: 600;
  cursor: pointer;
  } 

  .postscreen .postcommentview{
    position: absolute;
    left: 10px;
    font-size: 12px;
  font-weight: 600;
  cursor: pointer;
  }

  .postscreen .loaderstyle{
    margin-Left: 20;
    width: 2rem;
    height: 2rem;
    color: var(--accent);
  }

  @media screen and (max-width: 2000px) {
    .postscreen .actionsection {
      width: 33.3%;
      display: inline-block;
      font-weight: 300;
      font-size: 14px;
      color: #828282;
    }
  }
  
  @media screen and (max-width: 991px) {
    .postscreen .actionsection {
      display: inline-block;
      font-weight: 300;
      font-size: 14px;
      color: #828282;
    }
    
  }
   

  @media screen and (max-width: 400px) {
    .postscreen {
      margin-left: 5px;
      margin-right: 5px;
    }
    .postscreen .postcommentarea{
   
     margin-right: unset;
    }
  }

  /*---------------------- */
 
.videocontainerCourses{
  height: 100vh;
}

.videoimage{
  position: relative;
    border: 1px solid #e8e8e8;
    border-radius: 10px;
    margin: 15px auto;
    width:100%;
    overflow: hidden;
    /* height: 100%; */
}

 .videowrapper{
  background-color: white;
  /* box-shadow: 6px 40px 40px -10px #88888824; */
  border-radius: 30px;

  border: 4px solid #ff6c366e;
  border-radius: 30px;
  box-shadow: 2px 3px 40px 0px #f8f9fa;
      /* cursor: pointer; */
      border-top-left-radius: 0px;
      border-bottom-right-radius: 0px;
}

 .videocardContent{
  /* padding:10px 50px 0 20px; */
  padding: 30px 20px;
  cursor:auto;
}

 .videotitle{
  /* width: 85%; */
  font-weight: 600;
    font-size: 20px;
    color: #262429e8;
    letter-spacing: 0.3px;
    text-shadow: 1px 1px 1px #00000073;
  text-transform: capitalize;
  text-align: center;
  /* white-space: nowrap; */
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-word;
  /* display:-webkit-box; */
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  
}

 .videocategory{
  margin-right: -18px;
  background-color: #ff6c369e;
  padding: 5px 20px;
   border-radius: unset; 
  color: #ffffff;
  height: 35px;
  text-transform: capitalize;
  position: absolute;
  right: 16px;
  top: 30px;
  box-shadow: 0px 0px 5px 0px #ffa482;}
#docverification .hero {
  min-height: 75vh;
  display: flex;
  align-items: center;
  justify-content: center;
}
#docverification .hero .hero-text-wrapper {
  width: 70%;
  animation: hero-content 1s ease-out forwards;
}
#docverification .hero .upload-box-for-anm {
  animation: hero-content 2s ease-out forwards;
}
#docverification .hero .hero-text-wrapper .hero-headline {
  font-size: 1.8em;
  font-weight: bolder;
  text-transform: capitalize;
}
#docverification .hero .hero-text-wrapper .hero-content {
  color: #005073;
  font-weight: 500;
}
#docverification .txt {
  text-transform: uppercase;
}
#docverification .hero .upload-box-wrapper {
  height: 350px;
  /* width: 500px; */
  max-width: 500px;
  border-radius: 10px;
  background-color: #fff;
  box-shadow: 0px 0px 15px rgba(230, 230, 230, 0.589);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 30px;
}
#docverification .hero .drag-n-drop-box {
  width: 100%;
  height: 65%;
  border-style: dashed;
  border: 2px dashed #ff6c36;
  border-radius: 10px;
}
#docverification .hero .drag-n-drop-box .drag-n-drop-content {
  width: 50%;
}
#docverification .hero .drag-n-drop-box .drag-n-drop-content p {
  font-size: 18px;
}
#docverification .hero .drag-n-drop-box .drag-n-drop-content img {
  width: 80px;
  height: 80px;
}
#docverification .hero .upload-box-wrapper .select-file-box label {
  width: 100%;
  font-size: 16px;
  cursor: pointer;
}
#docverification .hero .upload-box-wrapper .or-line div {
  position: relative;
}
#docverification .hero .upload-box-wrapper .or-line div span {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: #fff;
}

#docverification .keyPoints {
  background-color: rgb(230, 230, 230);
  /* background-image: linear-gradient(45deg, rgba(14, 14, 14, 0.466),rgba(14, 14, 14, 0.671)), url('../assets/images/blockchain.jpg'); */
  background-color: #272727;
  background-position: right;
  background-attachment: fixed;
}
#docverification .keyPoints .points-card {
  padding: 25px;
  border-radius: 10px;
  color: rgb(223, 223, 223);
}
#docverification .keyPoints .points-card .point-num {
  font-size: 25px;
  font-weight: bold;
}

/* ********************************loading ********************************* */

#docverification .loading-wrapper {
  position: fixed;
  z-index: 10;
}
#docverification .loading-wrapper .loading-logo {
  width: 10vw;
}
#docverification .loading-wrapper .loading-progress-bar {
  width: 50%;
  height: 4px;
  background-color: #e6e6e6;
  position: relative;
  overflow: hidden;
}
#docverification .loading-wrapper .loading-inner-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  background-color: #fff;
  padding: 30px 0px;
  border-radius: 14px;
}
#docverification .loading-wrapper .loading-progress-bar div {
  position: absolute;
  left: -20%;
  top: 0%;
  width: 40%;
  height: 4px;
  background-image: linear-gradient(90deg, #ff6c36d9, #f5875ed9);
  animation: loadingBar 2s ease infinite;
}
#docverification .upload-btn {
  padding: 8px 0px;
  outline: none;
  border: none;
  border-radius: 10px;
  color: #fff;
  background-color: #ff6c36d9;
  transition: 0.5s;
}
#docverification .verificationtitle {
  font-size: 25px;
  font-weight: 600;
}
 a {
  color: #007bff;
  text-decoration: none;
  background-color: transparent;
}
.verify-popup .modaldocverificationtitle {
  font-size: 24px;
  color: #4a4a4a;
}

.verify-popup .modal-content{
padding: 20px;
border: 1px solid rgb(204 204 204 / 22%);
border-radius: 30px;
box-shadow: 0px 0px 20px 0px #dee2e669;
max-width: 700px;
margin: 0 auto;
}

.verify-popup .modal-header{
  padding: 0 0 0 15px;
  border-bottom: 0px;
  justify-content: center;
}

.verify-popup .body-text{
  font-size: 18px;
}

.verify-popup .modal-footer{
  border-top: 0px;
}


/* ******************************Animations*****************************/
@keyframes loadingBar {
  0% {
    left: -20%;
  }
  50% {
    left: 80%;
  }
  100% {
    left: -20%;
  }
}

.badgeCardName {
  position: relative;
  padding: 20px;
  padding-bottom: 15px;
  background: #fffdfd;
  /* border: 2px solid #ff4b09; */
  /* box-shadow: 0px 4px 4px rgb(0 0 0 / 25%); */
  border-radius: 14px;
  margin-bottom: 25px;
  border: 1px solid #dee2e6;
  box-shadow: 0px 3px 66px #f2f2f2;
}

.badgeCardName .image-container {
  position: relative;
}

.badgeCardName .badge-img {
  width: 100%;
  max-width: 95px;
  max-height: 95px;
}

.badgeCardName .badge-image {
  position: absolute;
  width: 30px;
  height: 30px;
  bottom: 0px;
  right: 0px;
}

.badgeCardName .right-side {
  text-align: start;
}

.badgeCardName .Bage-title {
  font-size: 18px;
  margin-top: 0px;
  margin-bottom: 0px;
  color: #007bff;

  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}

.badgeCardName .bagde-issuer {
  color: #000000;
  font-weight: 600;
  font-size: 16px;
  margin-top: 3px;
  margin-bottom: 0px;
}

.badgeCardName .badge-desc {
  margin-top: 3px;
  margin-bottom: 0px;
  color: rgba(33, 37, 41, 0.72);
  font-size: 15px;
  font-weight: 400;
  overflow: hidden;
  text-overflow: ellipsis;
  /* height: 64px; */
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}

.badgeCardName .hr-line {
  margin: 10px 0px;
}

.badgeCardName .bottom-section {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.badgeCardName .date {
  color: rgba(33, 37, 41, 0.72);
  font-size: 14px;
  font-weight: 400;
}

.badgeCardName .view-cred {
  display: flex;
  align-items: center;
  cursor: pointer;
}

.badgeCardName .view-cred img {
  width: 18px;
  height: 18px;
}

.badgeCardName .view-cred div {
  color: rgba(33, 37, 41, 0.72);
  font-size: 12px;
  font-weight: 400;
  margin-top: 1px;
  margin-left: 4px;
}

.badgeCardName .verified-icon {
  width: 25px;
  height: 25px;
}

.badgeCardName .btn-primary {
  background-color: transparent;
  border-color: transparent;
}

.badgeCardName .btn-primary:hover {
  background-color: transparent;
  border-color: transparent;
}

.badgeCardName .dropdown,
.dropleft,
.dropright,
.dropup {
  /* position: absolute; */
  top: -18px;
}

.badgeCardName .dropdown-menu {
  inset: 0px 0px auto auto !important;
  border-radius: 10px;
}

.verified-icon-circle {
  color: #ff6c36;
  width: 25px;
  height: 25px;
}

.badgeCardName .badge-dropdown-col {
  text-align: right;
}

.badgeCardName .badge-dropdown {
  display: none;
}

.badgeCardName .dropdown-toggle {
  background-color: unset;
  outline: none;
  border: none;
}

.badgeCardName .form-check-input[type="checkbox"] {
  margin-top: 0px;
}

@media screen and (max-width: 768px) {
  .badgeCardName .badge-image {
    right: 22px;
  }
}

@media screen and (max-width: 576px) {
  .badgeCardName .right-side {
    margin-top: 10px;
  }

  .badgeCardName .badge-dropdown {
    position: absolute;
    top: 0px;
    right: 8%;
    display: block;
  }

  .badgeCardName .badge-dropdown-col {
    display: none;
  }

  .badgeCardName .badge-image {
    right: 60%;
    transform: translateX(85px);

  }
}

@media screen and (max-width: 480px) {
  .badgeCardName .badge-dropdown {
    position: absolute;
    top: 0px;
    right: 65px;
    display: block;
  }
}
#inviteuser .cfvlby {
  background-color: #f6f9fc;
  border: 1px solid #ebe8ff;
  border-radius: 10px;
  min-height: 40px;
  align-items: center;
  justify-content: center;
  color: #8898aa;
  font-size: 13px;
  font-weight: 500;
}

.dkIDck {
  background-color: #f6f9fc !important;
  border: 1px solid #ebe8ff;
  border-radius: 10px;
  min-height: 40px !important;
  align-items: center !important;
  justify-content: center;
  color: #8898aa;
  font-size: 13px;
  font-weight: 500;
}

#inviteuser .jiAnER {
  border-radius: 10px;
  border: 1px solid #ebe8ff;
  background: #fff;
  margin-top: 12px;
  color: #797d8c;
  font-size: 14px;
  font-weight: 500;
  text-align: left;
}

.ePwPKN {
  border-radius: 10px;
  border: 1px solid #ebe8ff;
  background: #fff;
  margin-top: 12px;
  color: #797d8c !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  text-transform: capitalize;
}

#inviteuser .profilenavbar a {
  border: 1px solid #ff6c36d9;
  margin-right: 20px;
  margin-left: 0px;
  height: 40px;
}

#inviteuser .profilenavbar .active {
  border-radius: 10px;
  border: 0.56px solid #ff6c36d9;
  background: #ff6c36d9;
  color: white;
  font-size: 14px;
  font-weight: 500;
}

#inviteuser .profilenavbar .active .tab-icon {
  filter: brightness(0) invert(1);
}

#inviteuser .profilenavbar .active .bag-icon {
  filter: brightness(0) invert(1);
}

#inviteuser .buttonmain {
  padding: 0px 20px;
  height: 40px;
  width: -moz-max-content;
  width: max-content;
}

#inviteuser .buttonfollow {
  font-weight: 500;
  font-size: 14px;
  height: 30px;
  width: -moz-max-content;
  width: max-content;
  padding: 0px 10px;
  margin-top: 5px;
  margin-bottom: 5px;
  margin-right: 10px;
}

.error-message {
  color: red;
}

#inviteuser .textleftbtn {
  text-align: left;
}

.profilenavbar {
  margin-bottom: 10px;
  margin-top: 26px;
}

#inviteuser .acceptgreen {
  color: #43be83;
}

#inviteuser .sentorg {
  color: #f7941d;
}

#inviteuser .failorg {
  color: #f10d0d;
}

#inviteuser .rightalign {
  text-align: right;
}

#inviteuser .cards-top {
  margin-top: 30px;
}

#inviteuser .countcardswrapper {
  border-radius: 20px;
  border: 1px solid #d3cbfb;
  padding: 20px;
  min-height: 60px;
  text-align: left;
  margin-bottom: 15px;
}

#inviteuser .cardheading {
  color: #797d8c;
  font-size: 14px;
  font-weight: 600;
}

#inviteuser .count {
  color: #04103b;
  font-size: 32px;
  font-weight: 700;
}

#inviteuser .countlayout {
  justify-content: space-between;
}

.bottomhead {
  margin-bottom: 20px;
  margin-top: 20px;
  margin-left: 0;
}

#inviteuser .input,
.form-control.input {
  height: 40px;
}

#inviteuser input[type="checkbox"],
input[type="radio"] {
  cursor: pointer;
}

#inviteuser .bottombtnmargin {
  margin-bottom: 14px;
}

.invite-title {
  color: #ff6636;
  text-align: left;
  margin: 0px;
}

.delpost {
  font-size: 22px;
}

.table td,
.table th {
  vertical-align: middle;
}

.table td,
.table th {
  text-align: left;
}

tr {
  border-bottom: 0.5px solid #979797;
}

.btmspace {
  margin-bottom: 20px;
}

.toprowspace {
  margin-bottom: 20px;
}

.tblicon {
  margin-left: 10px;
  margin-right: 10px;
}

.bluetextdownload {
  color: blue;
}

.btn-success {
  color: #495057;
  background-color: #fff !important;
  border-color: #ff6c36d9 !important;
  height: 40px;
  border-radius: 10px;
}

.btn-success:not(:disabled):not(.disabled).active,
.btn-success:not(:disabled):not(.disabled):active,
.show > .btn-success.dropdown-toggle {
  color: #495057;
  background-color: #fff !important;
  border-color: #ff6c36d9 !important;
}

.btn-success.focus,
.btn-success:focus {
  box-shadow: none;
}

.btn-success:not(:disabled):not(.disabled).active:focus,
.btn-success:not(:disabled):not(.disabled):active:focus,
.show > .btn-success.dropdown-toggle:focus {
  box-shadow: none;
}

.btn-success.focus,
.btn-success:focus {
  color: #495057;
}

.btn-success:hover {
  color: #495057;
}

#inviteuser .dropdown-item.active,
.dropdown-item:active {
  color: #495057;
  background-color: #fff !important;
  border-color: #ff6c36d9 !important;
  text-decoration: none;
}

#inviteuser .dropdown-menu {
  border-radius: 14px;
}

@media screen and (min-width: 575px) {
  .topdrpspace {
    margin-top: -15px;
  }

  .topdrpdeskspace {
    margin-top: -15px;
  }

  .bottomhead {
    margin-bottom: 20px;
    margin-top: 20px;
    margin-left: 106px;
  }
}

@media screen and (min-width: 750px) {
  .topdrpdeskspace {
    margin-left: -22px;
  }
}

@media screen and (max-width: 575px) {
  .topdrpdeskspace {
    margin-top: 15px;
  }

  .tblicon {
    margin-left: 5px;
    margin-right: 5px;
  }
}

#inviteuser .BackIcon {
  width: 50px;
  height: 50px;
  margin-top: 0px;
}

#inviteuser .count-role-icon {
  width: 42px;
  height: 42px;
}

.role-dp-menu {
  height: 75px;
  overflow-y: auto;
}

.email-error-msg {
  line-height: 0px;
  margin: 0px;
  font-size: 14px;
  text-align: left;
  padding-left: 20px;
  color: red;
}

#inviteuser .margin-adjust-cls {
  margin-bottom: 60px;
}

#inviteuser .user-emailId {
  text-transform: lowercase;
}

.custom-toast {
  background-color: #ffff;
  /* color: #fe4726; */
  border-radius: 4px;
  box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);
  font-size: 16px;
  padding: 10px 20px;
}

 .backbutton {
  resize: horizontal;
  position: fixed;
  left: 30px;
  padding-top: 0px;
  z-index: 100;
  cursor: pointer;
  top: 85px;
  border: 2px solid var(--flameorang);
  box-shadow: 0px 6px 12px #cacacc;
  color: var(--flameorang);
  width: 40px;
  height: 40px;
  border-radius: 50%;
  padding: 4px;
  background: white;
}

.searchvideo {

  width: 119px !important;
    font-family: "Roboto" !important;
    background-color: var(--shadow) !important;
    border: none !important;
    box-shadow: 1px 1px 2px 0px #c6d2d9;
    border-radius: 10px;
    height: 40px;
}

#inviteuser {

  margin-top: 20px;
}

.fileName{
  text-align: left;
}
.Chart .chart-cls-bar{
    border: 1px solid #dee2e6;
    box-shadow: 0px 3px 66px #f2f2f2;
    border-radius: 14px;
    padding: 16px 10px;
    margin-top: 10px;
    margin-bottom: 15px;
    height:400px !important
}
.Chart .chart-cls{
    border: 1px solid #dee2e6;
    box-shadow: 0px 3px 66px #f2f2f2;
    border-radius: 14px;
    padding: 16px 10px;
    margin-top: 10px;
    margin-bottom: 15px;
    
}

.Chart .chart-cls-barmax{
    border: 1px solid #dee2e6;
    box-shadow: 0px 3px 66px #f2f2f2;
    border-radius: 14px;
    padding: 16px 10px;
    margin-top: 10px;
    margin-bottom: 15px;
    /* height:1200px !important */
}
#inviteuser .cfvlby {
  background-color: #f6f9fc;
  border: 1px solid #ebe8ff;
  border-radius: 10px;
  min-height: 40px;
  align-items: center;
  justify-content: center;
  color: #8898aa;
  font-size: 13px;
  font-weight: 500;
}

.dkIDck {
  background-color: #f6f9fc !important;
  border: 1px solid #ebe8ff;
  border-radius: 10px;
  min-height: 40px !important;
  align-items: center !important;
  justify-content: center;
  color: #8898aa;
  font-size: 13px;
  font-weight: 500;
}

#inviteuser .jiAnER {
  border-radius: 10px;
  border: 1px solid #ebe8ff;
  background: #fff;
  margin-top: 12px;
  color: #797d8c;
  font-size: 14px;
  font-weight: 500;
  text-align: left;
}

.ePwPKN {
  border-radius: 10px;
  border: 1px solid #ebe8ff;
  background: #fff;
  margin-top: 12px;
  color: #797d8c !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  text-transform: capitalize;
}

#inviteuser .profilenavbar a {
  border: 1px solid #ff6c36d9;
  margin-right: 20px;
  margin-left: 0px;
  height: 40px;
  border-radius: 8px;
}

#inviteuser .profilenavbar .active {
  border-radius: 8px;
  border: 0.56px solid #ff6c36d9;
  background: #ff6c36d9;
  color: white;
  font-size: 14px;
  font-weight: 500;
}

#inviteuser .profilenavbar .active .tab-icon {
  filter: brightness(0) invert(1);
}

#inviteuser .profilenavbar .active .bag-icon {
  filter: brightness(0) invert(1);
}

#inviteuser .buttonmain {
  padding: 0px 20px;
  height: 40px;
  width: -moz-max-content;
  width: max-content;
  border-radius: 8px;
}

#inviteuser .buttonfollow {
  font-weight: 500;
  font-size: 14px;
  height: 30px;
  width: -moz-max-content;
  width: max-content;
  padding: 0px 10px;
  margin-top: 5px;
  margin-bottom: 5px;
  margin-right: 10px;
}

.error-message {
  color: red;
}

#inviteuser .textleftbtn {
  text-align: left;
}

.profilenavbar {
  margin-bottom: 10px;
  margin-top: 26px;
}

#inviteuser .acceptgreen {
  color: #43be83;
}

#inviteuser .sentorg {
  color: #f7941d;
}

#inviteuser .failorg {
  color: #f10d0d;
}

#inviteuser .rightalign {
  text-align: right;
}

#inviteuser .cards-top {
  margin-top: 30px;
}

#inviteuser .countcardswrapper {
  border-radius: 8px;
  border: 1px solid #d3cbfb;
  padding: 20px;
  min-height: 60px;
  text-align: left;
  margin-bottom: 15px;
}

#inviteuser .cardheading {
  color: #495057;
 font-size: 18px;
font-weight: 600;
font-family: "Montserrat"
}

#inviteuser .count {
  color: #04103b;
  font-size: 32px;
  font-weight: 700;
  font-family: "Montserrat"
}

#inviteuser .countlayout {
  justify-content: space-between;
}

.bottomhead {
  margin-bottom: 20px;
  margin-top: 20px;
  margin-left: 0;
}

#inviteuser .input,
.form-control.input {
  height: 40px;
  border-radius: 8px;
}

#inviteuser input[type="checkbox"],
input[type="radio"] {
  cursor: pointer;
}

#inviteuser .bottombtnmargin {
  margin-bottom: 14px;
}

.invite-title {
  color: #ff6636;
  text-align: left;
}

.delpost {
  font-size: 22px;
}

.table td,
.table th {
  vertical-align: middle;
}

.table td,
.table th {
  text-align: left;
}

tr {
  border-bottom: 0.5px solid #979797;
}

.btmspace {
  margin-bottom: 20px;
}

.toprowspace {
  margin-bottom: 20px;
}

.tblicon {
  margin-left: 10px;
  margin-right: 10px;
}

.bluetextdownload {
  color: blue;
}

.btn-success {
  color: #495057;
  background-color: #fff !important;
  border-color: #ff6c36d9 !important;
  height: 40px;
  border-radius: 8px;
}

.btn-success:not(:disabled):not(.disabled).active,
.btn-success:not(:disabled):not(.disabled):active,
.show > .btn-success.dropdown-toggle {
  color: #495057;
  background-color: #fff !important;
  border-color: #ff6c36d9 !important;
}

.btn-success.focus,
.btn-success:focus {
  box-shadow: none;
}

.btn-success:not(:disabled):not(.disabled).active:focus,
.btn-success:not(:disabled):not(.disabled):active:focus,
.show > .btn-success.dropdown-toggle:focus {
  box-shadow: none;
}

.btn-success.focus,
.btn-success:focus {
  color: #495057;
}

.btn-success:hover {
  color: #495057;
}

#inviteuser .dropdown-item.active,
.dropdown-item:active {
  color: #495057;
  background-color: #fff !important;
  border-color: #ff6c36d9 !important;
  text-decoration: none;
}

#inviteuser .dropdown-menu {
  border-radius: 8px;
}

@media screen and (min-width: 575px) {
  .topdrpspace {
    margin-top: -15px;
  }

  .topdrpdeskspace {
    margin-top: -15px;
  }

  .bottomhead {
    margin-bottom: 20px;
    margin-top: 20px;
    margin-left: 106px;
  }
}

@media screen and (min-width: 750px) {
  .topdrpdeskspace {
    margin-left: -22px;
  }
}

@media screen and (max-width: 575px) {
  .topdrpdeskspace {
    margin-top: 15px;
  }

  .tblicon {
    margin-left: 5px;
    margin-right: 5px;
  }
}

#inviteuser .BackIcon {
  width: 50px;
  height: 50px;
  margin-top: 0px;
}

#inviteuser .count-role-icon {
  width: 42px;
  height: 42px;
}

.role-dp-menu {
  height: 75px;
  overflow-y: auto;
}

.email-error-msg {
  line-height: 0px;
  margin: 0px;
  font-size: 14px;
  text-align: left;
  padding-left: 20px;
  color: red;
}

#inviteuser .margin-adjust-cls {
  margin-bottom: 60px;
}

#inviteuser .user-emailId{
  text-transform: lowercase;
}

.custom-toast {
  background-color: #ffff;
  /* color: #fe4726; */
  border-radius: 4px;
  box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);
  font-size: 16px;
  padding: 10px 20px;
}

#inviteuser .email-cell.invite-tbl {
  display: flex;
  align-items: center;
}

#inviteuser .email-cell.invite-tbl .user-emailId{
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;

}

.orange-checkbox,
.orange-checkbox :hover,
.orange-checkbox :active,
.orange-checkbox :focus,
.orange-checkbox :checked {
  accent-color: #FF4B08;
}
.educationrequest {
  width: 100%;
  height: 175px;
  padding-top: 10px;
  padding-bottom: 8px;
  padding-right: 10px;
  padding-left: 10px;
  position: relative;
  display: block;
  overflow: hidden;
  background-color: #ff6c3600;
  /* box-shadow: 6px 40px 40px -10px #88888824; */
  /* border-radius: 30px; */
  border-radius: 14px;
  margin-top: 20px;
  margin-bottom: 10px;
  /* box-shadow: 1px 2px 20px 0px #f1f1f1; */
  box-shadow: 0px 3px 66px #f2f2f2;
  /* border: 3px solid #ff6c36c2; */
  border: 1px solid #dee2e6;
}
:root {
  --shadow: #ff885e;
}
.categoryicon {
  color: white;
  width: 35px;

  height: 35px;
  border-radius: 11px;
  overflow: hidden;
  background: #ffa48282;
  /* opacity: 0.9; */
  text-align: center;
}
/* .request-card-pending {
  height: auto;
} */
.request-card-request-pending {
  height: 190px !important;
}

.educationrequest .hackcardarea {
  height: 100%;
  position: absolute;
  width: 100%;
  padding: 20px;
  color: white;
  z-index: 0;
}

.educationrequest .hackbg {
  height: 100%;
  width: 100%;
  position: absolute;
  background: linear-gradient(#ff6e3887, #ff6c35);
  z-index: 0;
}

.educationrequest .smallpic {
  height: 20px;
  width: 20px;
}
.educationrequest .smallhackimage {
  height: 100%;
  width: 100%;
  overflow: hidden;
  position: absolute;
  z-index: 0;
}

.educationrequest .smallhackimage .avatarImg {
  width: 100% !important;
  height: 100% !important;
  border-radius: 10px;
}
.educationrequest .sb-avatar--text div span {
  font-family: "Roboto" !important;
  font-size: 20px !important;
  font-weight: 500 !important;
}

.educationrequest .SmallHackcontent h3 {
  font-size: 16px;
  font-weight: 600;
  text-align: left;
  word-break: break-word;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  max-height: 18px;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  /* text-shadow: 1px 1px white; */
  /* letter-spacing: 1px; */
  line-height: 18px;
  margin-top: 5px;
  text-transform: capitalize;
  margin-bottom: 5px;
}
.educationrequest .SmallHackcontent {
  padding: 10px;
  position: relative;
  height: 100%;
}
.educationrequest .iconarea {
  width: 22px;
  height: 22px;
  margin-top: 5.9px;
}
.educationrequest .actionbutton {
  position: absolute;
  right: -2px;
  bottom: 3px;
  width: 100px;
}

.educationrequest .delegateButtons {
  position: absolute;
  left: 6px;
  bottom: 3px;
  width: 100px;
}

.educationrequest .picarea {
  margin-top: 10px;
  text-align: left;
  margin-left: 5px;
}
.educationrequest .profilepic {
  border-radius: 50%;
  width: 40px;
  height: 40px;
  margin-left: -5px;
  display: inline-block;
  overflow: hidden;
  padding: 1px;
  background-color: white;
  text-align: center;
}

.educationrequest .smallpic {
  border-radius: 50%;
  box-shadow: 1px 1px 6px 0px #dee2e6;
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.educationrequest .profilepic span {
  margin-top: 0px;
  line-height: 38px;
  font-size: 14px;
  color: #0000006b;
  font-weight: 700;
}

.educationrequest .clockicon {
  color: black;
  height: 15px;
  width: 15px;
  margin-right: 3px;
  margin-top: -2px;
}
.educationrequest .infobox {
  position: relative;
  height: 50px;
  margin-right: 30px;
}

.educationrequest .dpcircle {
  position: absolute;
  top: 0px;
  left: 0px;
  overflow: hidden;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  top: 50%;
  cursor: pointer;
  transform: translate(0%, -50%);
}
.educationrequest .dpcircle img {
  width: 100%;
  height: 100%;
}

.educationrequest .infobox .postinfo {
  position: absolute;
  top: 50%;
  transform: translate(0%, -50%);
  margin-left: 60px;
  cursor: pointer;
  width: 55%;
}
.educationrequest .SmallHackcontent h4 {
  font-size: 14px;
  color: #586069;
  font-weight: 400;
  text-align: left;
  margin-top: 8px;
  width: 85%;
  text-transform: capitalize;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-word;
  /* display: -webkit-box; */
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}
.SmallHackcontent .challenge-name {
  margin-bottom: 0px;
}
.educationrequest .select {
  right: -20px;
  /* right: 10px; */
  top: 10px;
  position: absolute;
  /* z-index:1; */
}

.educationrequest .approvebtn,
.educationrequest .closebtn {
  display: inline-block;
  cursor: pointer;
  width: 35px;
  height: 35px;
  background: #ff885e;
  border-radius: 50%;
  padding: 4px;
  text-align: center;
  color: white;
  box-shadow: 2px 5px 14px 0px #ff6c363d;
}
.educationrequest .completebtn,
.educationrequest .closebtn {
  display: inline-block;

  width: 35px;
  height: 35px;
  background: #ff6c35;
  cursor: pointer;
  border-radius: 50%;
  padding: 4px;
  text-align: center;
  color: white;
  box-shadow: 2px 5px 14px 0px #fd810d18;
}
.educationrequest .marked {
  background-color: #ff6c3669;
}
.educationrequest .more {
  margin-left: 5px;
  color: #ff6c35;
  text-transform: capitalize;
  cursor: pointer;
}
.educationrequest .closebtn {
  margin-left: 8px;
  background: #ff3347;
  background: #828282;
  box-shadow: 2px 5px 14px 0px #adb5bde0;
}
.educationrequest .form-check-input[type="checkbox"] {
  border-radius: 8px;
  height: 20px;
  cursor: pointer;
  width: 20px;
  /* box-shadow: 1px 2px 13px 0px #ff6c3652; */
  box-shadow: 0px 3px 66px #f2f2f2;
  border: 3px solid #ff6c36;
}

.educationrequest .form-check-input:checked {
  background-color: #ff6c36b3;
}
.educationrequest .posttitle {
  color: #495057;
  font-size: 16px;
  font-weight: 600;
  text-align: left;
  word-break: break-word;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  max-height: 18px;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  text-shadow: 1px 1px white;
  /* letter-spacing: 1px; */
  line-height: 18px;
  margin-top: 5px;
  text-transform: capitalize;
  margin-bottom: 5px;
}

.posttitle .edurequest {
  font-size: 14px;
  font-weight: 400;
  color: #495057;
}

.educationrequest .date {
  position: absolute;
  /* bottom: 10px; */
  margin-top: 5px;
  left: 10px;
  font-size: 12px;
  text-align: left;
}

.delegatetype {
  font-size: 16px;
  color: #212529;
  text-align: left;
  word-break: break-word;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  max-height: 18px;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  /* text-shadow: 1px 1px white; */
  /* letter-spacing: 1px; */
  line-height: 18px;
  margin-top: 10px;
  text-transform: capitalize;
  margin-bottom: 5px;
}

.norequest.noreqtop {
  margin-top: 20px;
}
.deployiconOrange {
  position: absolute;
  color: #ff6c36;
  width: 30px;
  height: 30px;
  right: 0px;
  bottom: 0px;
  cursor: pointer;
  /* z-index: 12; */
}
.icon2Calender {
  width: 16px;
  height: 19px;
  margin-top: -3px;
  margin-right: 5px;
}
@media screen and (max-width: 1200px) {
  .educationrequest {
    height: auto;
  }
  .educationrequest .date {
    position: unset;
  }
  .educationrequest .more {
    display: block;
    margin-left: 0px;
  }
  .hackdate {
    margin-bottom: -10px;
  }
  .uploadcert2 {
    position: absolute;
    right: -31px;
    bottom: 14px;
    width: 100px;
  }
}
@media screen and (min-width: 1200px) {
  .opportunities-request-card {
    height: 190px;
  }
}
@media screen and (max-width: 991px) {
  .educationrequest .approvebtn,
  .educationrequest .closebtn {
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    width: 30px;
    height: 30px;
    background: #ff885e;
    border-radius: 50%;
    padding: 4px;
    text-align: center;
    color: white;
    box-shadow: 2px 5px 14px 0px #ff6c363d;
  }
  .educationrequest .completebtn,
  .educationrequest .closebtn {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 30px;
    height: 30px;
    background: #828282;
    cursor: pointer;
    border-radius: 50%;
    padding: 4px;
    text-align: center;
    color: white;
    box-shadow: 2px 5px 14px 0px #fd810d18;
  }

  .educationrequest .closebtn {
    margin-left: 3px;
  }
  .educationrequest .date {
    font-size: 12px;
    text-align: left;
  }
  .dateallign {
    margin-bottom: 15px;
  }
  .educationrequest .actionbutton {
    position: absolute;
    right: -18px;
    bottom: 15px;
    width: 100px;
    display: flex;
    justify-content: center;
  }

  .educationrequest .more {
    margin-left: 0px;
    color: #ff6c35;
    text-transform: capitalize;
    cursor: pointer;
    display: block;
  }
  .educationrequest .datereg {
    position: absolute;
    bottom: 3px;
    left: 10px;
    font-size: 12px;
    text-align: left;
  }
  .educationrequest .infobox .postinfo {
    text-align: left;
  }
  .hackdate {
    margin-bottom: unset;
  }
  .uploadcert2 {
    bottom: 23px;
  }
}

.educationrequest .datereg {
  position: absolute;
  bottom: 1px;
  left: 10px;
  font-size: 12px;
  text-align: left;
}
.educationrequest .datereg.registration-date {
  bottom: unset;
}
@media screen and (min-width: 991px) {
  /* .request-card-pending {
    height: auto;
  } */
  .request-card-verified {
    height: 200px;
  }
}
@media screen and (max-width: 992px) {
  .deployiconOrange {
    right: -4px;
    bottom: -4px;
  }
}

:root {
  --black: #000000;
  --white: #ffff;
  --white-bg: #ffffffd1;
  --white-1: #f8f8f8;
  /* // googlePlus: '#DD4B39'
    // facebook: '#3b5998',
    // twitter: '#1DA1F2',*/
  --error: rgba(200, 0, 0, 0.8);
  --greybg: #f2f2f2;
  --heading1: #4a4a4a;
  --greyLight: #f1f1f1;
  --greenText: #6fcf97;
  --darkGrey: #828282;
  --grey-dark: #898989;
  --grey: #21252952;
  --grey-1: #ccc;
  --light: rgba(0, 0, 0, 0.25);
  --light-1: rgba(0, 0, 0, 0.2);
  --light-grey: rgba(0, 0, 0, 0.09);
  --light-2: rgb(151, 146, 146);
  --light-3: rgba(149, 151, 161, 0.2);
  --purple: #0089fe;
  --blue-1: #2a265f;
  --blue: #68baff;
  --org-f8: #ff6c36;
  --disable-org: #fcb398;
  --disabledraft-org: #ffaaaca3;
  --flameorang: #ff6c36;
  --coloractive: #ff895ed5;
  --org-8a: #f3efde;
  --red: #dc3545;
  --blueffText: #3fa6ff;
  --blue-b7: #337ab7;

  --blue-f8: #ff6c36;
  --blue-8a: #f3efde;
  --red: #dc3545;
  --off-white: #ff9100;
  --org: #ff6c36e6;
  --textfaintopacity: 0.75;

  --orange5e: #ff885e;
  --shadow2: #68bbffa8;

  --shadow3: #ff895ea2;
  --grey3: #333333;

  /* theme colors. Each color can be used with any font wight or size depending on needs. 
  */
  /*to use for card headings or any other headings content instead of plain black. these maybe of 14px or more */
  --theme-black: #212529;

  /*to use for institutions name in card or other light weight elements. */
  --theme-dark-gray: #494a4b;

  /*to use for all small text fields above*/
  --theme-light-gray: #6c757d;

  /*paragraph color not finalized*/

  /*shadow and borders of cards*/
  --theme-card-shadow: #f2f2f2;
  --theme-card-border: #dee2e6;
}

.ReactModal__Body--open {
  overflow: hidden;
}

#signup .passwordIcon {
  right: 40px;
  margin-left: unset;
}
.content {
  margin-top: 75px;
  /* padding-bottom: 100px; */
}
.cursor-pointer {
  cursor: pointer;
}
.bottom-margin {
  margin-bottom: 40px;
}
.autoapprove {
  margin-top: 2px;
}
body {
  text-align: center;
  background: transparent;
  font-family: "Roboto", sans-serif;
}

.custom-label-rtl {
  left: inherit !important;
  right: 1.75rem !important;
  transform-origin: right !important;
}
.custom-label-rtl + .MuiOutlinedInput-root fieldset {
  text-align: right;
}

[dir="rtl"]
  .MuiAutocomplete-root
  .MuiOutlinedInput-root
  .MuiAutocomplete-endAdornment {
  right: auto !important;
  left: 9px !important;
}
[dir="rtl"]
  .MuiAutocomplete-root.MuiAutocomplete-hasPopupIcon.MuiAutocomplete-hasClearIcon
  .MuiOutlinedInput-root {
  padding-right: 10px;
}

.MuiAutocomplete-hasPopupIcon.MuiAutocomplete-hasClearIcon.css-1im396l-MuiAutocomplete-root
  .MuiOutlinedInput-root
  #coming {
  display: none;
}
#coming h2 {
  color: #fd4322;
  font-size: 32px;

  font-weight: 700;
}
html.m2::-webkit-scrollbar {
  display: none;
}

.ReactModal__Content.ReactModal__Content--after-open {
  width: 96% !important;
  max-width: 700px;
  max-height: 100vh;
  /* min-height: 75vh; */
}

.ReactModal__Content.ReactModal__Content--after-open::-webkit-scrollbar {
  display: none;
}

.ReactModal__Content.ReactModal__Content--after-open {
  -ms-overflow-style: none;
  scrollbar-width: none;
}

.carousel.carousel-slider .control-arrow:hover {
  background: unset;
}

.ReactModal__Overlay {
  background-color: rgba(0, 0, 0, 0.2) !important;
}

.horizontal {
  padding: 15px;
  width: 95%;
  margin: 0 auto;
  transform: translate(-50%, -50%);
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 99;
  max-width: 315px;
}

.horizontalCenter {
  align-items: "center";
  width: "100%";
}

.tabcontainer {
  margin-bottom: 15px;
}

.phoneinput {
  align-items: "left";
  width: 100%;
  display: inline-block;
  float: left;
}

.phoneinput .form-control {
  height: 40px;
  margin-top: 1px;
  font-style: normal;
  font-weight: 500;
  font-size: 12px;
  color: rgb(73, 80, 87);
  /* mix-blend-mode: normal; */
}
.css-1x3gnuq {
  position: relative;
  height: 100%;
  /* z-index: 99; */
}
#signin .container {
  height: calc(100vh - 59px);
}
#requestInvite .container {
  height: 100vh;
  overflow: hidden;
}

#signup .container {
  height: calc(100vh - 59px);
  overflow: hidden;
}
#details .container {
  height: 100vh;
}

/* @media only screen and (max-width: 750px) {
  #signup .container{
    height: 115vh;
  } 
  #signin .container{
    height: 95vh;
  } 
  #details .container {
    height: 85vh;
}
  
} */

#forgotpassword .container {
  height: calc(100vh - 59px);
}
#role {
  margin-bottom: -50px;
}

#role .container {
  height: calc(100vh - 59px);
}

.textinputcontainer {
  margin-left: 2px;

  width: 80%;
  display: inline-block;
}
.textinputcontainer .form-control,
.textinputcontainer .form-group {
  display: inline-block;
  width: 100%;
}
.react-tel-input .boxcon {
  height: 40px;
}

/* .img-m {
  margin-top: 56px;
} */
.pointer {
  cursor: pointer;
}

.signuptip {
  text-align: center;
  margin-top: 2px;
}

.signin {
  width: 60px;
  height: 27px;
  font-family: "Roboto", sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 16px;
  align-items: center;
  text-align: center;
  color: var(--purple);
}

.whiteBG {
  background-color: var(--white);
}

.greyBG {
  background-color: var(--greybg);
}

.positionCenter {
  position: absolute;
  align-self: center;
}

.pageTitle {
  color: var(--heading1);
  font-size: 16;
  font-family: "Roboto", sans-serif;
}
.purpleText {
  color: var(--purple);
  font-family: "Roboto", sans-serif;
  font-weight: 300;
}

.greenText {
  color: var(--greenText);
  font-family: "Roboto", sans-serif;
  font-weight: 300;
}

.greyText {
  color: var(--darkGrey);
  font-size: 16;
  font-family: "Roboto", sans-serif;
}
.blueText {
  color: var(--blue);
  font-size: 16px;
  font-family: "Roboto", sans-serif;
}

.roledropdown {
  width: 100%;
  height: 40px;
  /* margin: 8px 0; */
  /* border: 1px solid #ff6c36e6; */
  /* color: var(--darkGrey); */
  border-radius: 10px;
  background-color: var(--white);
  text-transform: capitalize;
  padding-left: 0px;
  box-sizing: border-box;
  outline: none;
  font-family: "Roboto", sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 12px;
  line-height: 18px;
  /* mix-blend-mode: normal; */
  margin-bottom: 15px;
  box-shadow: 1px 0px 8px 0px #dee2e663;
}

select {
  border-color: #dcdfe1;
}
.BackIcon2 {
  width: 50px;
  height: 50px;
  margin-top: 15px;
  position: absolute;
  left: 50px;
}

.messageotp {
  color: #ff6c36;
  font-size: 14px;
  font-weight: 500;
  margin-bottom: 15px;
}

.roledropdown:focus {
  border-color: var(--org-f8);
  box-shadow: none;
  margin: none;
}
select {
  text-indent: 15px;
  color: #686565;
  border-radius: 50px;
}
/*animated background*/
.ball {
  position: absolute;
  border-radius: 100%;
  opacity: 0.7;
}
#tsparticles {
  position: fixed;
  height: 100%;
  width: 100%;
  overflow: hidden;
}
.customselect {
  border-radius: 15px !important;
  box-shadow: 1px 1px 2px 0px #c6d2d9;
  outline: none;
  height: 45px !important;
}
.css-148o527-ItemComponent.react-dropdown-select-item-selected {
  background: #fe8e67 !important;
}

.react-dropdown-select .react-dropdown-select-dropdown {
  box-shadow: 5px 8px 20px 3px #dee2e652 !important;
  border-radius: 15px !important;
}
/*platform card gradients*/
/*profileeducationcard my student profile*/

/*my profile institution*/

#profilepage .course-info.overedu {
  background: #fffdfd;
  /* border: 2px solid #ff4b09; */
  border: 1px solid #dee2e6;
  /* box-shadow: 0px 4px 4px rgb(0 0 0 / 25%); */
  box-shadow: 0px 3px 66px #f2f2f2;
  border-radius: 14px;
}
#profilepage .course-info.overwork {
  background: #fffdfd;
  /* border: 2px solid #2863f7; */
  border: 1px solid #dee2e6;
  /* box-shadow: 0px 4px 4px rgb(0 0 0 / 25%); */
  box-shadow: 0px 3px 66px #f2f2f2;
  border-radius: 14px;
}
#profilepage .course-info.overtraining {
  background: #fffdfd;
  /* border: 2px solid #ffbd00; */
  border: 1px solid #dee2e6;
  /* box-shadow: 0px 4px 4px rgb(0 0 0 / 25%); */
  box-shadow: 0px 3px 66px #f2f2f2;
  border-radius: 14px;
}

.course .course-info:nth-of-type(2n) {
  background: linear-gradient(313deg, #0d6efd9e 0%, #1573fd 100%);
}
.course .course-info:nth-of-type(3n) {
  background: linear-gradient(313deg, #ffa500bf 0%, #ffa500 100%);
}
.course .course-info:nth-of-type(5n) {
  background: linear-gradient(313deg, #bd008cb3 0%, #bd008c 100%);
}

.course .course-info:nth-of-type(7n) {
  background: linear-gradient(313deg, #fd432294 0%, #fd4322e3 100%);
}

.course .course-info:nth-last-of-type(8n) {
  background: linear-gradient(313deg, #a001d0ad 0%, #a001d0 100%);
}
.course .course-info:nth-of-type(9n) {
  background: linear-gradient(313deg, #0400e6ad 0%, #0400e6c9 100%);
}
.course .course-info:first {
  background: linear-gradient(313deg, #ffa500bf 0%, #ffa500 100%);
}

/*course screen */
/*other profile student*/

.course .course-info:nth-of-type(3n) {
  background: linear-gradient(313deg, #ffa500bf 0%, #ffa500 100%);
}
.course .course-info:nth-of-type(5n) {
  background: linear-gradient(313deg, #bd008cb3 0%, #bd008c 100%);
}

.course .course-info:nth-of-type(7n) {
  background: linear-gradient(313deg, #fd432294 0%, #fd4322e3 100%);
}

.course .course-info:nth-last-of-type(8n) {
  background: linear-gradient(313deg, #a001d0ad 0%, #a001d0 100%);
}
.course .course-info:nth-of-type(9n) {
  background: linear-gradient(313deg, #0400e6ad 0%, #0400e6c9 100%);
}

.course .course-info:first {
  background: linear-gradient(313deg, #ffa500bf 0%, #ffa500 100%);
}

/* Target WebKit browsers */
input[type="search"]::-webkit-search-cancel-button {
  cursor: pointer;
}

/* Target Microsoft Edge and Internet Explorer */
input::-ms-clear {
  cursor: pointer;
}

.react-dropdown-select .react-dropdown-select-dropdown span:hover {
}
.btn-primary.disabled,
.btn-primary:disabled {
  cursor: not-allowed !important;
}
@media (max-width: 992px) {
  #signup .container {
    overflow: initial;
  }
  .content {
    margin-top: 25px;
  }
  .paginationsection {
    margin-bottom: 50px;
  }
}

@media (max-width: 1000px) {
  #coming {
    display: block;
    transform: translate(-50%, -50%);
    position: absolute;
    top: 50%;
    left: 50%;
  }
  /*#root{
    display: none;
  }*/

  #coming h2::after {
    content: "SOLO for Mobile Coming Soon.. Visit SOLO on desktop to use";
  }
}
@media (min-width: 1500px) {
  #home .container {
    max-width: 90%;
    margin-bottom: -50px;
  }
}

@media (min-width: 1000px) {
  #home .container {
    max-width: 98%;
    margin-bottom: -50px;
  }
}

.resendotp {
  text-align: left;
}

.headtitle {
  font-size: 30px;
  text-align: left;
  font-weight: 600;
  color: #495057;
  text-shadow: 0px 1px 1px rgb(104 104 104 / 12%);
}

.topvdoleft {
  text-align: left;
  margin-top: 20px;
}

.uploadeimg {
  cursor: pointer;
}

/* #courses .content{
  margin-top: 30px;
  color: #495057;
  font-size: 30px;
  font-weight: 600;
} */

.norequest {
  /* padding-top: 58px; */
  /* padding-left: 20px; */
  padding-right: 20px;
  text-align: left;
  /* margin-left: -27px; */
}

.report {
  font-size: 18px;
  font-weight: 500;
  margin-bottom: 15px;
}

.auto {
  cursor: auto;
}
.hack {
  left: 0px;
  right: 0px;
  width: unset !important;
}
.optforall {
  width: 190px;
  font-size: 12px;
  font-family: "Roboto", sans-serif;
  color: hsl(210, 6%, 59%);
  font-weight: 500;
  background: white;
  z-index: 999;
  text-align: left;
  border-radius: 8px;
  border: 1px solid var(--greyLight);
  box-sizing: border-box;
  outline: none;
  /* mix-blend-mode: normal; */
  box-shadow: 1px 0px 8px 0px #dee2e663;
  margin-bottom: 10px;
  position: absolute;
  /* margin-top: -15px; */
  padding: 6px;
}

.optforallhc {
  width: 300px;
  font-size: 12px;
  font-family: "Roboto", sans-serif;
  color: hsl(210, 6%, 59%);
  font-weight: 500;
  background: white;
  z-index: 999;
  text-align: left;
  border-radius: 8px;
  border: 1px solid var(--greyLight);
  box-sizing: border-box;
  outline: none;
  /* mix-blend-mode: normal; */
  box-shadow: 1px 0px 8px 0px #dee2e663;
  margin-bottom: 10px;
  position: absolute;
  margin-top: -15px;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 6px;
  padding-right: 8px;
}

.optforallcard {
  width: 310px;
  font-size: 12px;
  font-family: "Roboto", sans-serif;
  color: hsl(210, 6%, 59%);
  font-weight: 500;
  background: white;
  z-index: 999;
  text-align: left;
  border-radius: 8px;
  border: 1px solid var(--greyLight);
  box-sizing: border-box;
  outline: none;
  /* mix-blend-mode: normal; */
  box-shadow: 1px 0px 8px 0px #dee2e663;
  margin-bottom: 10px;
  position: absolute;
  margin-top: -15px;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 6px;
  padding-right: 8px;
}
.insidefieldenroll .dropdown-options-menu {
  width: 88%;
}
.danger-text {
  color: var(--error);
}
.dropdown-item.active,
.dropdown-item:active {
  text-decoration: none;
  background-color: #e9ecef;
}
@media screen and (max-width: 1199px) {
  .optforallhc {
    width: 310px;
  }
  .optforall {
    width: 310px;
  }
}
.paginationsection {
  margin-top: 20px;
  text-align: left;
}
.paginationtxtholer {
  display: inline-block;
}
.noofpagetxt {
  font-weight: 600;
  font-size: 16px;
  line-height: 30px;
  color: var(--heading1);
  opacity: 0.84;
}
.paginationallignment {
  display: inline-block;
  float: right;
}
.pagination > li {
  display: inline;
  margin-left: 6px;
}
.pagination > li > a,
.pagination > li > span {
  position: relative;
  float: left;
  padding: 6px 12px;
  line-height: 1.42857143;
  text-decoration: none;
  margin-left: -1px;
  font-size: 16px;
  font-weight: 600;
}
.pagination > li:first-child > a,
.pagination > li:first-child > span {
  margin-left: 0;
  border: 1px solid var(--darkGrey);
  box-sizing: border-box;
  border-radius: 4px;
  color: var(--heading1);
  font-weight: 900;
  margin-right: 50px;
}
.pagination > li:first-child > a,
.pagination > li:first-child > span {
  /* svg {
    path {
      fill: var(--heading1) !important;
    }
  } */
}
.pagination > li:last-child > a,
.pagination > li:last-child > span {
  border: 1px solid var(--darkGrey);
  box-sizing: border-box;
  border-radius: 4px;
  font-weight: 800;
  color: var(--textdark);
  margin-left: 50px;
}
.pagination > li:last-child > a,
.pagination > li:last-child > span {
  /* svg {
    path {
      fill: var(--heading1) !important;
    }
  } */
}
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
  z-index: 3;
  background: var(--bgwhite);
  border: 1px solid var(--darkGrey);
  box-sizing: border-box;
  box-shadow: 0px 1px 10px var(--darkGrey);
  border-radius: 4px;
  cursor: pointer;
}
.pagination > .disabled > span,
.pagination > .disabled > span:hover,
.pagination > .disabled > span:focus,
.pagination > .disabled > a,
.pagination > .disabled > a:hover,
.pagination > .disabled > a:focus {
  border: 1px solid var(--darkGrey);
  box-sizing: border-box;
  border-radius: 4px;
  cursor: not-allowed;
}
.pagination-lg > li > a,
.pagination-lg > li > span {
  padding: 10px 16px;
  font-size: 20px;
  line-height: 1.3333333;
}
.pagination-lg > li:first-child > a,
.pagination-lg > li:first-child > span {
  border-bottom-left-radius: 6px;
  border-top-left-radius: 6px;
}
.pagination-lg > li:last-child > a,
.pagination-lg > li:last-child > span {
  border-bottom-right-radius: 6px;
  border-top-right-radius: 6px;
}
.pagination-sm > li > a,
.pagination-sm > li > span {
  padding: 5px 10px;
  font-size: 14px;
  line-height: 1.5;
}
.pagination-sm > li:first-child > a,
.pagination-sm > li:first-child > span {
  border-bottom-left-radius: 3px;
  border-top-left-radius: 3px;
}
.pagination-sm > li:last-child > a,
.pagination-sm > li:last-child > span {
  border-bottom-right-radius: 3px;
  border-top-right-radius: 3px;
}
.paginationicon {
  /* path {
    fill: var(--textdark);
  } */
}
.spacingbtm {
  margin-top: 20px;
}

.react-tags {
  position: relative;
  padding: 6px 0 0 6px;
  border: 1px solid #d1d1d1;
  border-radius: 10px;

  /* shared font styles */
  font-size: 1em;
  line-height: 1.2;

  /* clicking anywhere will focus the input */
  cursor: text;

  box-shadow: 1px 0px 8px 0px #dee2e663;
}

.react-tags.is-focused {
  border-color: #b1b1b1;
}

.react-tags__selected {
  display: inline;
}

.react-tags__selected-tag {
  display: inline-block;
  box-sizing: border-box;
  margin: 0 6px 6px 0;
  padding: 6px 8px;
  border: 1px solid #d1d1d1;
  border-radius: 2px;
  background: #f1f1f1;

  /* match the font styles */
  font-size: inherit;
  line-height: inherit;
}

.react-tags__selected-tag:after {
  content: "\2715";
  color: #aaa;
  margin-left: 8px;
}

.react-tags__selected-tag:hover,
.react-tags__selected-tag:focus {
  border-color: #b1b1b1;
}

.react-tags__search {
  display: inline-block;

  /* match tag layout */
  padding: 7px 2px;
  margin-bottom: 6px;

  /* prevent autoresize overflowing the container */
  max-width: 100%;
}

@media screen and (max-width: 991px) {
  .insidefieldenroll .dropdown-options-menu {
    width: 90%;
  }
}
@media screen and (max-width: 768px) {
  .insidefieldenroll .dropdown-options-menu {
    width: 90%;
  }
}
@media screen and (min-width: 30em) {
  .react-tags__search {
    /* this will become the offsetParent for suggestions */
    position: relative;
  }
}

.react-tags__search-input {
  /* prevent autoresize overflowing the container */
  max-width: 100%;

  /* remove styles and layout from this element */
  margin: 0;
  padding: 0;
  border: 0;
  outline: none;

  /* match the font styles */
  font-size: inherit;
  line-height: inherit;
}

.react-tags__search-input::-ms-clear {
  display: none;
}

.react-tags__suggestions {
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  z-index: 1000;
}

@media screen and (min-width: 30em) {
  .react-tags__suggestions {
    width: 240px;
  }
}

.react-tags__suggestions ul {
  margin: 4px -1px;
  padding: 0;
  list-style: none;
  background: white;
  border: 1px solid #d1d1d1;
  border-radius: 2px;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
}

.react-tags__suggestions li {
  border-bottom: 1px solid #ddd;
  padding: 6px 8px;
}

.react-tags__suggestions li mark {
  text-decoration: underline;
  background: none;
  font-weight: 600;
}

.react-tags__suggestions li:hover {
  cursor: pointer;
  background: #eee;
}

.react-tags__suggestions li.is-active {
  background: #b7cfe0;
}

.react-tags__suggestions li.is-disabled {
  opacity: 0.5;
  cursor: auto;
}

.react-tagsinput {
  background-color: #fff;
  border: 1px solid #ccc;
  overflow: auto;
  width: 100%;
  height: 40px;
  border-radius: 10px;
  padding: 0 20px;
  box-sizing: border-box;
  outline: none;
  font-family: "Roboto", sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 12px;
  line-height: 18px;
  /* mix-blend-mode: normal; */
  box-shadow: 1px 0px 8px 0px #dee2e663;
  background-image: none !important;
}

.react-tagsinput--focused {
  border-color: #a5d24a;
}

.react-tagsinput-tag {
  background-color: #cde69c;
  border-radius: 2px;
  border: 1px solid #a5d24a;
  color: #638421;
  display: inline-block;
  font-size: 13px;
  font-weight: 400;
  margin-bottom: 5px;
  margin-right: 5px;
  padding: 5px;
}

.react-tagsinput-remove {
  cursor: pointer;
  font-weight: bold;
}

.react-tagsinput-tag a::before {
  content: " ×";
}

.react-tagsinput-input {
  background: transparent;
  border: 0;
  color: #777;
  font-family: sans-serif;
  font-size: 13px;
  font-weight: 400;
  margin-bottom: 6px;
  margin-top: 7px;
  outline: none;
  padding: 5px;
  width: 100%;
}

.verifyicononoverview {
  color: #ff6c36;
  width: 30px;
  height: 30px;
  position: absolute;
  top: 170px;
  right: 10px;
}
.bgforimg {
  background-color: #dadada;
  width: 100% !important;
  height: 150px !important;
  border-radius: 16px;
}

.logostyle-main {
  width: 100%;
  max-width: 116px;
  height: auto;
  margin-top: 16px;
  margin-bottom: 25px;
}

.bottomsolo-logo {
  width: 75px;
  margin-top: 5px;
  margin-bottom: 5px;
}
.bottomsubnet {
  color: var(--heading1);
  margin-bottom: 0px;
  font-size: 12px;
}
.footerbg {
  background-color: var(--greybg);
  padding-top: 10px;
  padding-bottom: 10px;
  margin-top: 30px;
  text-align: center;
}

#createpost .addpost {
  background: #f2f2f2cf;
}
.gallery2 {
  width: 40px;
  height: 40px;
  overflow: hidden;
  display: inline-block;
  padding: 5px;
  cursor: pointer;
  margin-top: 20px;
}
#createpost .editcamera img {
  margin: 0 auto;
  width: 20px;
  height: auto;
  cursor: pointer;
}

#createpost .sharesomethingcard {
  height: 400px;
}

#createpost .sharesomethingcard .dpcircle {
  top: 15px;
  transform: unset;
  margin-top: unset;
}

#createpost .postform {
  transform: unset;
  margin-top: unset;
  top: 15px;
}
#createpost .sharesomethingcard .privacyselect {
  margin-top: 13px;
}
#createpost .container {
  margin-top: 15px;
}

#createpost .upload {
  box-shadow: 0px 1px 2px #f1f1f1;
  height: auto;
}
#createpost .attachimage img {
  border: 1px solid var(--accent);
  padding: 0px;
}
#createpost .attachimage {
}
#createpost .attach {
  margin-top: 15px;
  border-radius: 8px;
  box-shadow: 0px 0px 3px 1px #f1f1f1;
  position: relative;
  height: 70px;
}

#createpost .addtopost {
  position: absolute;
  left: 15px;
  margin-top: 25px;
  font-family: "Roboto";
  font-weight: 400;
  font-size: 16px;
  line-height: 18px;
  color: var(--darkGrey);
}
#createpost .cameraarea,
#createpost .gallery,
#createpost .attachment {
  width: 30px;
  height: 30px;
  overflow: hidden;
  display: inline-block;
  padding: 5px;
  cursor: pointer;
}

/* #createpost .createpost{
    margin-top: 15px;
} */
#createpost .cameraarea img,
#createpost .gallery img,
#createpost .attachment img {
  height: 100%;
  width: 100%;
}

#createpost .gallery img {
  top: -10px;
}

#createpost .actions {
  position: absolute;
  right: 15px;
  top: -5px;
}

#createpost .attachment img {
  border: 2px solid var(--accent);
  margin-top: 5px;
}

#createpost .attachment {
  height: 50px;
  width: 50px;
  cursor: pointer;
  margin-top: 10px;
}
#createpost .attachmentimg {
}

.cross {
  height: 33px;
}
.text-center {
  justify-content: center;
}
.imageabsolute {
  cursor: pointer;
  position: absolute;
  margin-left: -10px;
}
#createpost .attachmentarea div {
  display: inline-block;
}
#createpost .buttonmain {
  margin-top: 25px;
}

#createpost .attachmentarea {
  margin-top: -72px;
  width: 300px;
  float: right;
  margin-right: 70px;
}
#createpost .attachimage {
  margin: 5px;
}
#createpost .mobilebtn {
  display: none;
}
@media screen and (max-width: 991px) {
  #createpost .attachmentarea {
    float: unset;
    margin: 0 auto;
  }
  #createpost .attachment {
    cursor: pointer;
    margin-top: 10px;
  }
  #createpost .attachmentarea {
    margin-top: 10px;
  }
  #createpost .desktopbtn {
    display: none;
  }
  #createpost .mobilebtn {
    display: initial;
  }
  .imageabsolute {
    cursor: pointer;
    height: 18px;
    width: 18px;
  }
  .gallery2 {
    width: 35px;
    height: 35px;
    overflow: hidden;
    display: inline-block;

    cursor: pointer;
    margin-top: 20px;
  }

  #createpost .attachment {
    height: 40px;
    width: 40px;
  }
}

#searchpage{
    padding-bottom: 100px;
}
#searchpage .cards {
  display: flex;
}

#searchpage .topheading {
  width: 207px;
  height: 30px;
  margin-top: 30px;
  margin-bottom: -15px;
  text-align: left;
  font-family: Roboto;
  font-style: normal;
  font-weight: 500;
  font-size: 25px;
  line-height: 30px;
  color: #fe4726;
}

#searchpage .topheadingnew {
  width: 207px;
  height: 30px;
  /* margin-top: 30px; */
  margin-bottom: -15px;
  text-align: left;
  font-family: Roboto;

  font-style: normal;
  font-weight: 500;
  font-size: 25px;
  line-height: 30px;
  color: #fe4726;
}

#searchpage .topheading.posttopheading {
  padding-bottom: 40px;
}

#searchpage .modaltxt {
  top: 52%;
  left: 70%;
  right: auto;
  bottom: auto;
  border: 0.22px solid #000000;
  transform: translate(-50%, -50%);
  box-shadow: 1px 0px 8px rgba(0, 0, 0, 0.25);
  border-radius: 10px;
}

#searchpage .iconpop {
  width: 30px;
  height: 30px;
  margin-top: 45px;
  margin-left: 10px;
  cursor: pointer;
}

@media screen and (max-width: 1199px) {
  #searchpage .iconpop {
    margin-top: 4px;
  }
}

@media screen and (max-width: 576px) {
  #searchpage .iconpop {
    margin-left: 35px;
  }
}

#searchpage .nothingimg {
  margin-left: -15px;
  margin-top: 20px;
}

/* body{
  margin-bottom: 0px !important;
} */
#socialplatform {
  /* height: 100vh; */
  /* overflow-y: auto; */
  padding-bottom: 100px;
}

#socialplatform .suggestioncard .picon {
  width: 20px;
  height: 20px;
  position: relative;
  margin-top: -7px;
}

#socialplatform .suggestioncard .iicon {
  width: 15px;
  height: 15px;
  position: relative;
  margin-top: -7px;
}

#socialplatform .suggestioncard .proficon {
  position: absolute;
  top: 40px;
  right: 0px;
  margin-right: 30px;
}

#socialplatform .proficons {
  position: absolute;
  top: 14px;
  right: 18px;
}

#socialplatform .suggestionheader {
  font-size: 30px;
  text-align: left;
  font-weight: 600;
  color: #fe4726;
  text-shadow: 0px 1px 1px rgb(104 104 104 / 12%);
}

#socialplatform .searchbutton {
  text-decoration: none;
}

#socialplatform .suggestioncard {
  margin-top: 20px;
  margin-bottom: 20px;
}

#socialplatform .content {
  width: 100%;
  margin-top: 20px;
}

#socialplatform .sharesomethingcard {
  margin-bottom: 20px;
  width: 100%;
}

#socialplatform .sidebar {
  height: 100%;
  width: 300px;
  position: absolute;
  right: 0px;
}

#socialplatform .leftsidebar {
  border-right: 1px solid #f1f1f1;
}

#socialplatform .uploadtext {
  z-index: 2500;
  position: fixed;
  bottom: 10px;
  right: 10px;
}

#socialplatform .content .social-align {
  justify-content: center;
}

#socialplatform .social-title-section {
  max-width: 600px;
  margin: 0px auto;
}

#socialplatform .add-post-btn-mobile {
  display: none;
}

@media screen and (max-width: 1200px) {
  #socialplatform .add-post-btn-mobile {
    display: block;
  }

  #socialplatform .add-post-btn {
    display: none;
  }

  #socialplatform .social-title-section {
    max-width: unset;
    margin-bottom: 10px;
  }
}

@media screen and (max-width: 750px) {
  #socialplatform .leftsidebar {
    border-right: none;
  }

  #socialplatform .suggestionheader {
    font-size: 20px;
  }

  .hide {
    display: none;
  }
}

@media screen and (max-width: 992px) {
  #socialplatform .leftsidebar {
    border-right: none;
  }
}

#socialplatform .buttonfollow {
  font-size: 10px;
  font-weight: 500;
  border-radius: 45px;
  border: 2px solid rgba(252, 108, 108, 0.81);
}

#socialplatform .suggestioninbox {
  height: 100%;
}

#socialplatform .suggestioncard {
  margin-top: 20px;
  height: 150px;
  /* border: 3px solid var(--flameorang);
  border-radius: 45px;
  box-shadow: 0px 3px 66px rgb(229 229 229 / 69%); */
}

#socialplatform .suggestioncard .insidecardname {
  margin-top: 7px;
  margin-bottom: 7px;
}

#editemailcontent .firsthead {
  text-align: left;
  margin-top: 20px;
}
#editemailcontent .firsthead1 {
  font-size: 23px;
  text-align: left;
  font-weight: 600;
  color: #495057;
  text-shadow: 0px 1px 1px rgb(104 104 104 / 12%);
  text-transform: capitalize;
}
#editemailcontent .outerwrapper {
  /* box-shadow: 0px 3px 66px #f2f2f2;
  border: 1px solid #dee2e6; */
  /* border-radius: 14px; */
  /* margin-top: 50px; */
  /* padding: 30px 0px; */
}
#editemailcontent .wrapper {
  display: inline-block;
  width: 100%;
  max-width: calc(80% + 10px);
  margin: 0px auto;
}
#editemailcontent .innerwrapper {
  border-radius: 10px;
  font-family: "Roboto", sans-serif;
  margin-bottom: 25px;
  font-size: 14px;
  /* mix-blend-mode: normal; */
  border: 1px solid #ced4da;
  box-shadow: 1px 0px 8px 0px #dee2e663;
}
#editemailcontent .innerwrapper .wrapperClassName{
  margin-bottom: 0px;
  border: 0px;
}
#editemailcontent .toolbarClassName {
  border-radius: 15px 15px 0px 0px;
  border: 0px;
  border-bottom: 1px solid #ced4da;
}
#editemailcontent .editorClassName {
  min-height: 140px;
  padding: 0px 16px;
}
#editemailcontent .buttonwrapper{
    margin: 0 auto;
    width: 400px;
    display: flex; 
    flex-direction: row; 
    justify-content: space-between; 
    align-items: center; 
}
#editemailcontent .spinner-overlay{
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5); /* Adjust opacity as needed */
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 9999; 
}
#bulkissuance .cfvlby {
    background-color: #f6f9fc;
    border: 1px solid #ebe8ff;
    border-radius: 10px;
    min-height: 40px;
    align-items: center;
    justify-content: center;
    color: #8898aa;
    font-size: 13px;
    font-weight: 500;
  }
  
  .dkIDck {
    background-color: #f6f9fc !important;
    border: 1px solid #ebe8ff;
    border-radius: 10px;
    min-height: 40px !important;
    align-items: center !important;
    justify-content: center;
    color: #8898aa;
    font-size: 13px;
    font-weight: 500;
  }
  
  #bulkissuance .jiAnER {
    border-radius: 10px;
    border: 1px solid #ebe8ff;
    background: #fff;
    margin-top: 12px;
    color: #797d8c;
    font-size: 14px;
    font-weight: 500;
    text-align: left;
  }
  
  .ePwPKN {
    border-radius: 10px;
    border: 1px solid #ebe8ff;
    background: #fff;
    margin-top: 12px;
    color: #797d8c !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    text-transform: capitalize;
  }
  
  #bulkissuance .top-buttons{
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 10px;
  }

  #bulkissuance .status{
    text-transform: capitalize;
  }

  #bulkissuance .tableAction{
    color: var(--flameorang);;
  }
  
  #bulkissuance .buttonmain {
    padding: 0px 20px;
    height: 40px;
    width: -moz-max-content;
    width: max-content;
  }
  
  #bulkissuance .buttonfollow {
    font-weight: 500;
    font-size: 14px;
    height: 30px;
    width: -moz-max-content;
    width: max-content;
    padding: 0px 10px;
    margin-top: 5px;
    margin-bottom: 5px;
    margin-right: 10px;
    z-index: unset;
  }
  
  .error-message {
    color: red;
    margin-top: 8px;
  }
  
  #bulkissuance .textleftbtn {
    text-align: left;
  }
  
  
  #bulkissuance .rightalign {
    text-align: right;
  }
  
  .table td,
  .table th {
    vertical-align: middle;
  }
  
  .table td,
  .table th {
    text-align: left;
  }
  
  tr {
    border-bottom: 0.5px solid #979797;
  }
  
  .btmspace {
    margin-bottom: 20px;
  }
  
  .toprowspace {
    margin-bottom: 20px;
  }
  
  .tblicon {
    margin-left: 10px;
    margin-right: 10px;
  }
  
  .bluetextdownload {
    color: blue;
  }
  
  .btn-success {
    color: #495057;
    background-color: #fff !important;
    border-color: #ff6c36d9 !important;
    height: 40px;
    border-radius: 10px;
  }
  
  .btn-success:not(:disabled):not(.disabled).active,
  .btn-success:not(:disabled):not(.disabled):active,
  .show > .btn-success.dropdown-toggle {
    color: #495057;
    background-color: #fff !important;
    border-color: #ff6c36d9 !important;
  }
  
  .btn-success.focus,
  .btn-success:focus {
    box-shadow: none;
  }
  
  .btn-success:not(:disabled):not(.disabled).active:focus,
  .btn-success:not(:disabled):not(.disabled):active:focus,
  .show > .btn-success.dropdown-toggle:focus {
    box-shadow: none;
  }
  
  .btn-success.focus,
  .btn-success:focus {
    color: #495057;
  }
  
  .btn-success:hover {
    color: #495057;
  }
  
  #bulkissuance .dropdown-item.active,
  .dropdown-item:active {
    color: #495057;
    background-color: #fff !important;
    border-color: #ff6c36d9 !important;
    text-decoration: none;
  }
  
  #bulkissuance .dropdown-menu {
    border-radius: 14px;
  }
  
  @media screen and (min-width: 575px) {
    .topdrpspace {
      margin-top: -15px;
    }
  
    .topdrpdeskspace {
      margin-top: -15px;
    }
  
    .bottomhead {
        max-width: 340px;
        margin: 20px auto;
    }
  }
  
  @media screen and (min-width: 750px) {
    .topdrpdeskspace {
      margin-left: -22px;
    }
  }
  
  @media screen and (max-width: 575px) {
    .topdrpdeskspace {
      margin-top: 15px;
    }
  
    .tblicon {
      margin-left: 5px;
      margin-right: 5px;
    }
  }
  
  #bulkissuance .BackIcon {
    width: 50px;
    height: 50px;
    margin-top: 0px;
  }

  
  .email-error-msg {
    line-height: 0px;
    margin: 0px;
    font-size: 14px;
    text-align: left;
    padding-left: 20px;
    color: red;
  }
  
  #bulkissuance .margin-adjust-cls {
    margin-bottom: 60px;
  }
  
  #bulkissuance .user-emailId{
    text-transform: lowercase;
  }

  .credential-template-select {
    max-width: 340px;
    margin: 16px auto;
}
.cs-main-container{position:relative;display:flex;flex-direction:row;height:100%;overflow:auto;border:solid 1px #d1dbe3;box-sizing:border-box;color:rgba(0,0,0,.87);background-color:#fff;font-size:1rem}.cs-main-container>.cs-conversation-list{order:0;height:100%;flex-basis:300px;border-top:solid 0px #d1dbe3;border-right:solid 1px #d1dbe3;border-bottom:solid 0px #d1dbe3;border-left:solid 0px #d1dbe3;box-shadow:2px 0 5px -2px rgba(0,0,0,.38);z-index:2}.cs-main-container>.cs-sidebar.cs-sidebar--left{order:0;height:100%;max-width:320px;flex-basis:35%;border-right:solid 1px #d1dbe3;z-index:2}.cs-main-container>.cs-sidebar.cs-sidebar--right{flex-basis:25%;min-width:150px;max-width:320px;border-top:solid 0px #d1dbe3;border-right:solid 0px #d1dbe3;border-bottom:solid 0px #d1dbe3;border-left:solid 1px #d1dbe3}.cs-main-container>.cs-sidebar.cs-sidebar--left .cs-search{margin:.5em}.cs-main-container .cs-chat-container{order:1;z-index:1;flex-grow:1;flex-basis:65%;border-right:solid 0px #d1dbe3}.cs-main-container .cs-sidebar{order:2;height:100%;z-index:3}.cs-main-container .cs-sidebar .cs-expansion-panel{border-left:0;border-top:0;border-right:0}.cs-main-container .cs-sidebar .cs-expansion-panel:nth-last-child(3){border-bottom:0}.cs-main-container .cs-conversation-header{z-index:1}.cs-main-container--responsive .cs-chat-container .cs-conversation-header .cs-conversation-header__back{display:none}.cs-main-container--responsive .cs-chat-container .cs-conversation-header .cs-conversation-header__actions .cs-button--info{display:none}@media(max-width: 768px){.cs-main-container--responsive{min-width:calc( 1.6em + 40px + 180px )}.cs-main-container--responsive .cs-search{display:none}.cs-main-container--responsive>.cs-sidebar.cs-sidebar--left{flex-basis:calc(1.6em + 40px);min-width:calc(1.6em + 40px)}.cs-main-container--responsive>.cs-sidebar.cs-sidebar--right{display:none}.cs-main-container--responsive>.cs-conversation-list{flex-basis:calc(1.6em + 40px)}.cs-main-container--responsive .cs-conversation-list .cs-conversation>.cs-avatar,.cs-main-container--responsive .cs-sidebar .cs-conversation-list .cs-conversation>.cs-avatar{margin-right:0}.cs-main-container--responsive .cs-conversation-list .cs-conversation__content,.cs-main-container--responsive .cs-sidebar .cs-conversation-list .cs-conversation__content{display:none}.cs-main-container--responsive .cs-conversation-list .cs-conversation__operations,.cs-main-container--responsive .cs-sidebar .cs-conversation-list .cs-conversation__operations{display:none}.cs-main-container--responsive .cs-conversation-list .cs-conversation__last-activity-time,.cs-main-container--responsive .cs-sidebar .cs-conversation-list .cs-conversation__last-activity-time{display:none}.cs-main-container--responsive .cs-conversation-list .cs-conversation__unread-dot,.cs-main-container--responsive .cs-sidebar .cs-conversation-list .cs-conversation__unread-dot{position:absolute;top:.3em;right:.3em;margin-right:0}.cs-main-container--responsive .cs-conversation-header .cs-conversation-header__actions .cs-button--info{display:flex}}@media(max-width: 576px){.cs-main-container--responsive{min-width:auto}.cs-main-container--responsive>.cs-sidebar.cs-sidebar--left{display:none}.cs-main-container--responsive .cs-chat-container .cs-conversation-header .cs-conversation-header__back{display:flex}}.cs-message{box-sizing:border-box;font-size:1em;font-family:Helvetica Neue,Segoe UI,Helvetica,Arial,sans-serif;color:rgba(0,0,0,.87);display:flex;flex-direction:row;padding:0;background-color:transparent;overflow:hidden;border-radius:0}.cs-message:only-child{margin:.2em 0 0 0}.cs-message:not(:only-child){margin:.2em 0 0 0}.cs-message__avatar{box-sizing:border-box;margin:0 8px 0 0;display:flex;flex-direction:column;justify-content:flex-end;width:42px}.cs-message__content-wrapper{box-sizing:border-box;display:flex;flex-direction:column}.cs-message__header{box-sizing:border-box;color:rgba(77,77,77,.87);background-color:transparent;display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:space-between;font-size:.8em;margin:0 .2em .1em .2em}.cs-message__header .cs-message__sender-name{box-sizing:border-box;color:rgba(77,77,77,.87);background-color:transparent}.cs-message__header .cs-message__sent-time{box-sizing:border-box;color:rgba(77,77,77,.87);background-color:transparent;margin-left:auto;padding-left:.8em}.cs-message__footer{box-sizing:border-box;color:rgba(77,77,77,.87);background-color:transparent;display:flex;font-size:.8em;margin:.1em .2em 0 .2em}.cs-message__footer .cs-message__sender-name{box-sizing:border-box;color:rgba(77,77,77,.87);background-color:transparent}.cs-message__footer .cs-message__sent-time{box-sizing:border-box;color:rgba(77,77,77,.87);background-color:transparent;margin-left:auto;padding-left:.8em}.cs-message__content{box-sizing:border-box;color:rgba(0,0,0,.87);background-color:#c6e3fa;margin-top:0;padding:.6em .9em;border-radius:.7em .7em .7em .7em;white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-word;font-family:Helvetica Neue,Segoe UI,Helvetica,Arial,sans-serif;font-weight:normal;font-size:.91em;font-variant:normal}.cs-message--incoming{color:rgba(0,0,0,.87);background-color:transparent;margin-right:auto}.cs-message--incoming .cs-message__avatar{margin:0 8px 0 0}.cs-message--incoming .cs-message__sender-name{display:none}.cs-message--incoming .cs-message__sent-time{display:none}.cs-message--incoming .cs-message__content{color:rgba(0,0,0,.87);background-color:#c6e3fa;border-radius:0 .7em .7em 0}.cs-message--outgoing{color:rgba(0,0,0,.87);background-color:transparent;margin-left:auto;justify-content:flex-end}.cs-message--outgoing .cs-message__avatar{order:1;margin:0 0 0 8px}.cs-message--outgoing .cs-message__sender-name{display:none}.cs-message--outgoing .cs-message__sent-time{display:none}.cs-message--outgoing .cs-message__content{color:rgba(0,0,0,.87);background-color:#6ea9d7;border-radius:.7em 0 0 .7em}.cs-message.cs-message--incoming.cs-message--single{border-radius:0}.cs-message.cs-message--incoming.cs-message--single:not(:first-child){margin-top:.4em}.cs-message.cs-message--incoming.cs-message--single .cs-message__sender-name{display:block}.cs-message.cs-message--incoming.cs-message--single .cs-message__sent-time{display:block}.cs-message.cs-message--incoming.cs-message--single .cs-message__content{border-radius:0 .7em .7em .7em}.cs-message.cs-message--incoming.cs-message--first{border-radius:0 0 0 0}.cs-message.cs-message--incoming.cs-message--first:not(:first-child){margin-top:.4em}.cs-message.cs-message--incoming.cs-message--first .cs-message__sender-name{display:block}.cs-message.cs-message--incoming.cs-message--first .cs-message__sent-time{display:block}.cs-message.cs-message--incoming.cs-message--first .cs-message__content{border-radius:0 .7em .7em 0;background-color:#c6e3fa}.cs-message.cs-message--incoming.cs-message--last{border-radius:0 0 0 0}.cs-message.cs-message--incoming.cs-message--last .cs-message__sent-time{display:none}.cs-message.cs-message--incoming.cs-message--last .cs-message__content{border-radius:0 .7em 0 .7em}.cs-message.cs-message--outgoing.cs-message--single{border-radius:0}.cs-message.cs-message--outgoing.cs-message--single:not(:first-child){margin-top:.4em}.cs-message.cs-message--outgoing.cs-message--single .cs-message__sent-time{display:block}.cs-message.cs-message--outgoing.cs-message--single .cs-message__content{border-radius:.7em .7em 0 .7em}.cs-message.cs-message--outgoing.cs-message--first{border-radius:0 0 0 0;margin-top:.4em}.cs-message.cs-message--outgoing.cs-message--first .cs-message__sent-time{display:block}.cs-message.cs-message--outgoing.cs-message--first .cs-message__content{border-radius:.7em 0 0 .7em;background-color:#6ea9d7}.cs-message.cs-message--outgoing.cs-message--last{border-radius:0 0 0 0}.cs-message.cs-message--outgoing.cs-message--last .cs-message__sent-time{display:none}.cs-message.cs-message--outgoing.cs-message--last .cs-message__content{border-radius:.7em 0 .7em .7em}.cs-message--incoming.cs-message--avatar-spacer{margin-left:50px}.cs-message--outgoing.cs-message--avatar-spacer{margin-right:50px}.cs-message--avatar-tl .cs-message__avatar{justify-content:flex-start;order:0;margin-right:8px;margin-left:0}.cs-message--avatar-tl .cs-message__message-wrapper{order:1}.cs-message--avatar-tr .cs-message__avatar{justify-content:flex-start;order:1;margin-left:8px;margin-right:0}.cs-message--avatar-tr .cs-message__message-wrapper{order:0}.cs-message--avatar-br .cs-message__avatar{justify-content:flex-end;order:1;margin-left:8px;margin-right:0}.cs-message--avatar-br .cs-message__message-wrapper{order:0}.cs-message--avatar-bl .cs-message__avatar{justify-content:flex-end;order:0;margin-right:8px;margin-left:0}.cs-message--avatar-bl .cs-message__message-wrapper{order:1}.cs-message--avatar-cl .cs-message__avatar{justify-content:center;order:0;margin-right:8px;margin-left:0}.cs-message--avatar-cl .cs-message__message-wrapper{order:1}.cs-message--avatar-cr .cs-message__avatar{justify-content:center;order:1;margin-left:8px;margin-right:0}.cs-message--avatar-cr .cs-message__message-wrapper{order:0}.cs-message-group{box-sizing:border-box;display:flex;flex-direction:row;margin:.4em 0 0 0}.cs-message-group__avatar{box-sizing:border-box;display:flex;flex-direction:column;justify-content:flex-end}.cs-message-group__content{box-sizing:border-box;display:flex;flex-direction:column}.cs-message-group__header{box-sizing:border-box;display:flex;font-size:.8em;font-family:Helvetica Neue,Segoe UI,Helvetica,Arial,sans-serif;color:rgba(0,0,0,.6);background-color:transparent;margin:0 0 .2em 0;padding:0}.cs-message-group__footer{box-sizing:border-box;display:flex;font-size:.8em;font-family:Helvetica Neue,Segoe UI,Helvetica,Arial,sans-serif;color:rgba(0,0,0,.6);background-color:transparent;margin:.2em 0 0 0;padding:0}.cs-message-group__messages{box-sizing:border-box}.cs-message-group__messages .cs-message:first-child{margin-top:0}.cs-message-group__messages .cs-message .cs-message__content{background-color:#c6e3fa;margin-top:0}.cs-message-group--incoming{justify-content:flex-start}.cs-message-group--incoming .cs-message-group__avatar{margin-right:8px;order:0}.cs-message-group--incoming .cs-message-group__content{order:1}.cs-message-group--incoming .cs-message-group__messages .cs-message:first-child .cs-message__content{border-radius:0 .7em .7em 0}.cs-message-group--incoming .cs-message-group__messages .cs-message .cs-message__content{border-radius:0 .7em .7em 0;color:rgba(0,0,0,.87);background-color:#c6e3fa}.cs-message-group--incoming .cs-message-group__messages .cs-message:last-child .cs-message__content{border-radius:0 .7em 0 .7em}.cs-message-group--incoming .cs-message-group__messages .cs-message:only-child .cs-message__content{border-radius:0 .7em .7em .7em}.cs-message-group--outgoing{justify-content:flex-end;margin-left:auto}.cs-message-group--outgoing .cs-message-group__avatar{margin-left:8px;order:1}.cs-message-group--outgoing .cs-message-group__content{order:0}.cs-message-group--outgoing .cs-message-group__messages .cs-message{justify-content:flex-end}.cs-message-group--outgoing .cs-message-group__messages .cs-message:first-child .cs-message__content{border-radius:.7em 0 0 .7em}.cs-message-group--outgoing .cs-message-group__messages .cs-message .cs-message__content{border-radius:.7em 0 0 .7em;color:rgba(0,0,0,.87);background-color:#6ea9d7}.cs-message-group--outgoing .cs-message-group__messages .cs-message:last-child .cs-message__content{border-radius:.7em 0 .7em .7em}.cs-message-group--outgoing .cs-message-group__messages .cs-message:only-child .cs-message__content{border-radius:.7em .7em 0 .7em}.cs-message-group--avatar-tl .cs-message-group__avatar{justify-content:flex-start;order:0;margin-right:8px;margin-left:0}.cs-message-group--avatar-tl .cs-message-group__content{order:1}.cs-message-group--avatar-tr .cs-message-group__avatar{justify-content:flex-start;order:1;margin-left:8px;margin-right:0}.cs-message-group--avatar-tr .cs-message-group__content{order:0}.cs-message-group--avatar-bl .cs-message-group__avatar{justify-content:flex-end;order:0;margin-right:8px;margin-left:0}.cs-message-group--avatar-bl .cs-message-group__content{order:1}.cs-message-group--avatar-br .cs-message-group__avatar{justify-content:flex-end;order:1;margin-left:8px;margin-right:0}.cs-message-group--avatar-br .cs-message-group__content{order:0}.cs-message-group--avatar-cl .cs-message-group__avatar{justify-content:center;order:0;margin-right:8px;margin-left:0}.cs-message-group--avatar-cl .cs-message-group__content{order:1}.cs-message-group--avatar-cr .cs-message-group__avatar{justify-content:center;order:1;margin-left:8px;margin-right:0}.cs-message-group--avatar-cr .cs-message-group__content{order:0}.cs-message-separator{box-sizing:border-box;color:#6ea9d7;background-color:#fff;font-size:.8em;font-family:Helvetica Neue,Segoe UI,Helvetica,Arial,sans-serif;text-align:center;display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:space-between;align-items:center}.cs-message-separator::before,.cs-message-separator::after{box-sizing:border-box;content:"";background-color:#6ea9d7;display:block;flex-grow:1;height:1px}.cs-message-separator:not(:empty)::before{margin:0 1em 0 0}.cs-message-separator:not(:empty)::after{margin:0 0 0 1em}.cs-message-list{box-sizing:border-box;width:100%;height:100%;overflow:hidden;min-height:1.25em;position:relative;color:rgba(0,0,0,.87);background-color:#fff}.cs-message-list__scroll-wrapper{box-sizing:border-box;position:absolute;top:0;left:0;right:0;bottom:0;overflow:hidden;padding:0 1.2em 0 .8em}.cs-message-list__scroll-to:first-child{box-sizing:border-box;float:left;clear:both;height:0}.cs-message-list__scroll-wrapper>.cs-message:nth-last-child(4){margin-bottom:2.65em}.cs-message-list__scroll-wrapper>.cs-message-group:nth-last-child(4){margin-bottom:2.65em}.cs-message-list .cs-typing-indicator{position:absolute;bottom:0;left:0;right:15px;background-color:#fff;padding:.5em .5em;font-size:.9em;height:1.25em;line-height:1.25em}.cs-message-list__scroll-wrapper>.cs-message,.cs-message-list__scroll-wrapper>.cs-message-group{max-width:85%}.cs-message-list .cs-message.cs-message--incoming,.cs-message-list .cs-message-group.cs-message-group--incoming{margin-right:auto}.cs-message-list .cs-message.cs-message--outgoing,.cs-message-list .cs-message-group.cs-message-group--outgoing{margin-left:auto}.cs-message-list .cs-message-separator:not(:first-child){margin-top:1.2em}.cs-message-list__loading-more{box-sizing:content-box;display:flex;flex-direction:row;justify-content:center;position:absolute;background-color:#fff;padding:2px 0;top:0;left:0;right:0;height:1.2em;z-index:1}.cs-message-list__loading-more .cs-loader{width:1.2em;height:1.2em}.cs-message-list__loading-more .cs-loader::before,.cs-message-list__loading-more .cs-loader::after{width:100%;height:100%}.cs-message-list__loading-more--bottom{top:initial;bottom:0}.cs-message-list .ps__rail-y{z-index:2}.cs-avatar{position:relative;width:42px;height:42px;border-radius:50%;box-sizing:border-box}.cs-avatar>img{box-sizing:border-box;width:100%;height:100%;border-radius:50%}.cs-avatar:hover>img{filter:brightness(115%)}.cs-avatar.cs-avatar--xs{width:16px;height:16px;min-width:16px;min-height:16px}.cs-avatar.cs-avatar--sm{width:26px;height:26px;min-width:26px;min-height:26px}.cs-avatar.cs-avatar--md{width:42px;height:42px;min-width:42px;min-height:42px}.cs-avatar.cs-avatar--lg{width:68px;height:68px;min-width:68px;min-height:68px}.cs-avatar.cs-avatar--fluid{width:100%;height:100%}.cs-avatar.cs-avatar--fluid .cs-status{right:5%;width:22%;height:22%}.cs-avatar .cs-status{box-sizing:border-box;position:absolute;right:-1px;bottom:3%}.cs-avatar .cs-status__bullet{box-sizing:content-box;border:solid 2px #fff}.cs-avatar .cs-status--xs,.cs-avatar .cs-status--xs:not(.cs-status--named){font-size:1em;width:6px;height:6px;right:0;bottom:0}.cs-avatar .cs-status--xs .cs-status__bullet,.cs-avatar .cs-status--xs:not(.cs-status--named) .cs-status__bullet{width:4px;min-width:4px;height:4px}.cs-avatar .cs-status--sm,.cs-avatar .cs-status--sm:not(.cs-status--named){font-size:1em;width:12px;height:12px;right:-3px;bottom:-1px}.cs-avatar .cs-status--sm .cs-status__bullet,.cs-avatar .cs-status--sm:not(.cs-status--named) .cs-status__bullet{width:8px;min-width:8px;height:8px}.cs-avatar .cs-status--md,.cs-avatar .cs-status--md:not(.cs-status--named){font-size:1em;width:15px;height:15px}.cs-avatar .cs-status--md .cs-status__bullet,.cs-avatar .cs-status--md:not(.cs-status--named) .cs-status__bullet{width:11px;min-width:11px;height:11px}.cs-avatar .cs-status--lg,.cs-avatar .cs-status--lg:not(.cs-status--named){font-size:1em;width:18px;height:18px;bottom:4%}.cs-avatar .cs-status--lg .cs-status__bullet,.cs-avatar .cs-status--lg:not(.cs-status--named) .cs-status__bullet{width:14px;min-width:14px;height:14px}.cs-avatar-group{display:flex;flex-direction:row-reverse;overflow:visible;position:relative;flex-wrap:wrap;box-sizing:border-box;min-width:40px;align-content:flex-start;justify-content:flex-end}.cs-avatar-group .cs-avatar--active{z-index:1}.cs-avatar-group .cs-avatar--active-on-hover:hover{z-index:2}.cs-avatar-group--xs{padding-left:6.112px;padding-top:6.112px}.cs-avatar-group--xs .cs-avatar{margin-top:-6.112px;margin-left:-6.112px;width:16px;height:16px;min-width:16px;min-height:16px;border:none;border-right:1px solid #f2f2f2}.cs-avatar-group--sm{padding-left:9.932px;padding-top:9.932px}.cs-avatar-group--sm .cs-avatar{margin-top:-9.932px;margin-left:-9.932px;width:26px;height:26px;min-width:26px;min-height:26px}.cs-avatar-group--md{padding-left:16.044px;padding-top:16.044px}.cs-avatar-group--md .cs-avatar{margin-top:-16.044px;margin-left:-16.044px;width:42px;height:42px;min-width:42px;min-height:42px;border:2px solid #f2f2f2}.cs-avatar-group--lg{padding-left:25.976px;padding-top:25.976px}.cs-avatar-group--lg .cs-avatar{margin-top:-25.976px;margin-left:-25.976px;width:68px;height:68px;min-width:68px;min-height:68px;border:2px solid #f2f2f2}.cs-message-input{display:flex;flex-direction:row;position:relative;background-color:#fff;border-top:none;border-right:none;border-bottom:none;border-left:none;box-sizing:border-box;padding:0;overflow:visible;flex-shrink:0}.cs-message-input__content-editor-wrapper{box-sizing:border-box;position:relative;background-color:#c6e3fa;margin:0;padding:.6em .9em;border-radius:.7em;flex-grow:1}.cs-message-input--disabled .cs-message-input__content-editor-wrapper{background-color:rgba(198,227,250,.38);color:rgba(0,0,0,.6)}.cs-message-input__content-editor-container{box-sizing:border-box;position:relative;background-color:#c6e3fa;display:flex;flex-direction:column;align-items:stretch;overflow:hidden;overflow-y:auto;font-size:.94em;line-height:1.35em;min-height:1.35em;max-height:5.4em;padding:0em 0em 0em 0em;scroll-padding:0em}.cs-message-input--disabled .cs-message-input__content-editor-container{color:rgba(0,0,0,.6);background-color:transparent}.cs-message-input__content-editor{box-sizing:border-box;flex-grow:1;background-color:#c6e3fa;font-family:Helvetica Neue,Segoe UI,Helvetica,Arial,sans-serif;outline:0;border-top:0 none;border-right:0 none;border-bottom:0 none;border-left:0 none;overflow:visible;color:rgba(0,0,0,.87);overflow-wrap:anywhere;word-break:break-word}.cs-message-input--disabled .cs-message-input__content-editor{background-color:transparent;color:rgba(0,0,0,.6)}.cs-message-input__content-editor[data-placeholder]:empty:before{box-sizing:border-box;content:attr(data-placeholder);color:rgba(0,0,0,.38);display:block;cursor:text}.cs-message-input__tools{display:flex;flex-direction:row;box-sizing:border-box}.cs-message-input__tools .cs-button{font-size:1.2em;margin-top:0;margin-bottom:0}.cs-message-input__tools .cs-button--send{align-self:flex-end}.cs-message-input__tools .cs-button--attachment{align-self:flex-end}.cs-message-input__tools:first-child .cs-button:first-child{margin-left:0}.cs-message-input__tools:first-child .cs-button:last-child{margin-right:0}.cs-message-input__tools:last-child .cs-button:first-child{margin-left:0}.cs-message-input__tools:last-child .cs-button:last-child{margin-right:0}.cs-input-toolbox{box-sizing:border-box;display:flex;flex-direction:row;justify-content:flex-end;margin:0;padding:0 0 .4em 0}.cs-input-toolbox .cs-button{margin:0;padding:0;background:none;border:none;margin:0 .5em 0 0;font-size:1.2em}.cs-chat-container{box-sizing:border-box;display:flex;flex-direction:column;height:100%;min-width:180px;color:rgba(0,0,0,.87);background-color:#fff}.cs-chat-container .cs-message-input{border-top:solid 1px #d1dbe3;border-right:solid 0px #d1dbe3;border-bottom:solid 0px #d1dbe3;border-left:solid 0px #d1dbe3;margin-top:auto;padding:.3em 0 .3em 0em;color:rgba(0,0,0,.87);background-color:#fff}.cs-chat-container .cs-message-input .cs-message-input__content-editor-wrapper:first-child{margin-left:.8em}.cs-chat-container .cs-message-input .cs-message-input__content-editor-wrapper:last-child{margin-right:.8em}.cs-chat-container .cs-input-toolbox{margin:0;padding:0 .8em .17em 0;color:rgba(0,0,0,.87);background-color:#fff}.cs-typing-indicator{box-sizing:content-box;font-size:inherit;font-family:Helvetica Neue,Segoe UI,Helvetica,Arial,sans-serif;display:flex;flex-direction:row;align-items:stretch}.cs-typing-indicator__indicator{box-sizing:inherit;background-color:transparent;display:flex;flex-direction:row;align-items:center}.cs-typing-indicator__dot{box-sizing:inherit;animation:cs-typing-indicator__typing-animation 1.5s infinite ease-in-out;border-radius:100%;display:inline-block;height:4px;width:4px;background-color:#6ea9d7}.cs-typing-indicator__dot:not(:last-child){margin-right:3px}.cs-typing-indicator__dot:nth-child(1){box-sizing:inherit}.cs-typing-indicator__dot:nth-child(2){animation-delay:300ms}.cs-typing-indicator__dot:nth-child(3){animation-delay:400ms}.cs-typing-indicator__text{box-sizing:inherit;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#6ea9d7;background-color:transparent;margin:0 0 0 .5em;-webkit-user-select:none;-moz-user-select:none;user-select:none}@keyframes cs-typing-indicator__typing-animation{0%{transform:translateY(0px)}28%{transform:translateY(-5px)}44%{transform:translateY(0px)}}.cs-conversation-header{box-sizing:border-box;color:rgba(0,0,0,.87);background-color:#f6fbff;font-family:Helvetica Neue,Segoe UI,Helvetica,Arial,sans-serif;font-size:1em;flex-shrink:0;-webkit-user-select:none;-moz-user-select:none;user-select:none;display:flex;flex-direction:row;align-items:stretch;border-top:solid 0px #d1dbe3;border-right:solid 0px #d1dbe3;border-bottom:solid 1px #d1dbe3;border-left:solid 0px #d1dbe3;padding:.6em .9em}.cs-conversation-header__back{box-sizing:border-box;margin-right:.5em;display:flex;flex-direction:row;align-items:center;cursor:pointer;order:1}.cs-conversation-header__back button{font-size:1.4em;padding:0}.cs-conversation-header__avatar{box-sizing:border-box;width:42px;height:42px;margin-right:1em;order:2}.cs-conversation-header__avatar>.cs-avatar>.cs-status>.cs-status__bullet{border-color:#f6fbff}.cs-conversation-header__avatar .cs-avatar-group{padding-right:0 !important}.cs-conversation-header__content{box-sizing:border-box;display:flex;flex-direction:column;order:3;flex-grow:2;justify-content:center;min-width:0}.cs-conversation-header__content .cs-conversation-header__user-name{box-sizing:border-box;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:bold;color:rgba(0,0,0,.87);background-color:#f6fbff}.cs-conversation-header__content .cs-conversation-header__info{box-sizing:border-box;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:rgba(0,0,0,.6);background-color:#f6fbff;font-weight:normal;font-size:.9em}.cs-conversation-header__actions{box-sizing:border-box;display:flex;flex-direction:row;align-items:center;color:rgba(0,0,0,.87);background-color:transparent;margin:0 0 0 .5em;order:4}.cs-conversation-header__actions .cs-button:not(:first-child){margin-left:.2em}.cs-conversation-header__actions .cs-button{padding:0}.cs-conversation-header__actions .cs-button.cs-button--arrow,.cs-conversation-header__actions .cs-button.cs-button--info,.cs-conversation-header__actions .cs-button.cs-button--voicecall,.cs-conversation-header__actions .cs-button.cs-button--videocall,.cs-conversation-header__actions .cs-button.cs-button--star,.cs-conversation-header__actions .cs-button.cs-button--adduser,.cs-conversation-header__actions .cs-button.cs-button--ellipsis,.cs-conversation-header__actions .cs-button.cs-button--ellipsis{font-size:1.4em;color:normal;background-color:transparent}.cs-conversation-header__actions .cs-button.cs-button--ellipsis{font-size:1.3em}.cs-conversation{display:flex;flex-direction:row;box-sizing:border-box;position:relative;font-family:Helvetica Neue,Segoe UI,Helvetica,Arial,sans-serif;padding:.675em .8em .675em .8em;cursor:pointer;justify-content:flex-start;color:rgba(0,0,0,.87);background-color:#fff;-webkit-user-select:none;-moz-user-select:none;user-select:none;border-top:0;border-right:0;border-bottom:0;border-left:0}.cs-conversation:hover{background-color:#f3f8fc}.cs-conversation:hover>.cs-avatar>.cs-status>.cs-status__bullet{border-color:#f3f8fc}.cs-conversation:hover>.cs-avatar>img{filter:none}.cs-conversation.cs-conversation:active{color:rgba(0,0,0,.87);background-color:#d5e7f5;border-top:0;border-right:0;border-bottom:0;border-left:0}.cs-conversation.cs-conversation:active>.cs-avatar>.cs-status>.cs-status__bullet{border-color:#d5e7f5}.cs-conversation.cs-conversation--active{color:#2b6a9b;background-color:#d5e7f5;font-weight:normal;border-top:0;border-right:0;border-bottom:0;border-left:0}.cs-conversation.cs-conversation--active>.cs-avatar>.cs-status>.cs-status__bullet{border-color:#d5e7f5}.cs-conversation.cs-conversation--active .cs-conversation__name{color:#2b6a9b;font-weight:normal}.cs-conversation.cs-conversation--active .cs-conversation__info{color:#2b6a9b;font-weight:normal}.cs-conversation>.cs-avatar{width:42.1px;height:42.1px;margin-right:1em}.cs-conversation>.cs-avatar>.cs-status{border-color:#fff}.cs-conversation>.cs-avatar-group{width:42.1px;height:42.1px;min-width:42.1px;min-height:42.1px;padding-right:0 !important;margin-right:1em}.cs-conversation__content{box-sizing:border-box;display:flex;flex-direction:column;overflow:hidden;margin-right:1.1em;flex-grow:1}.cs-conversation__operations{box-sizing:border-box;display:flex;flex-direction:row;align-items:center;margin:0 0 0 auto;color:rgba(179,179,179,.87);visibility:hidden}.cs-conversation__operations--visible{visibility:visible}.cs-conversation__operations:hover{color:rgba(102,102,102,.87)}.cs-conversation:hover .cs-conversation__operations{visibility:visible}.cs-conversation__name{box-sizing:border-box;color:rgba(0,0,0,.87);font-size:1em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cs-conversation__info{box-sizing:border-box;color:rgba(0,0,0,.6);font-size:.8em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cs-conversation__last-sender{box-sizing:border-box;display:inline;font-weight:normal}.cs-conversation__info-content{box-sizing:border-box;display:inline;font-weight:normal}.cs-conversation__last-activity-time{box-sizing:border-box;margin:0 0 0 auto;font-size:.8em;display:flex;flex-direction:row;align-items:center}.cs-conversation__last-activity-time+.cs-conversation__operations{margin-left:.5em}.cs-conversation__unread-dot{box-sizing:content-box;display:flex;flex-direction:row;align-items:center;margin-right:.5em;align-self:center;border-radius:50%;width:.7em;min-width:.7em;height:.7em;box-shadow:1px 1px 1px 0px #b3b3b3;perspective:200px;perspective-origin:50% 50%;background:radial-gradient(circle at 3px 3px, #7c9df1, #2e63e8)}.cs-conversation__unread-dot:hover::before{content:"";position:absolute;top:1%;left:5%;border-radius:50%;z-index:2;filter:blur(0);height:80%;width:40%;background:radial-gradient(circle at 130% 130%, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0) 46%, rgba(255, 255, 255, 0.8) 50%, rgba(255, 255, 255, 0.8) 58%, rgba(255, 255, 255, 0) 60%, rgba(255, 255, 255, 0) 100%);transform:translateX(131%) translateY(58%) rotateZ(168deg) rotateX(10deg)}.cs-conversation__unread-dot:hover::after{content:"";position:absolute;top:5%;left:10%;width:80%;height:80%;border-radius:100%;filter:blur(1px);z-index:2;transform:rotateZ(-30deg);display:block;background:radial-gradient(circle at 50% 80%, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0) 74%, white 80%, white 84%, rgba(255, 255, 255, 0) 100%);animation:cs-unread-anim 2s ease-out infinite}.cs-conversation__unread{box-sizing:border-box;position:absolute;right:.8em;top:.3em;padding:.01em .3em;border-radius:.3em;font-size:.75em;font-weight:600;color:#fff;background-color:#ec1212;max-width:30em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;z-index:100}@keyframes cs-unread-anim{0%{transform:scale(1)}20%{transform:scaleY(0.95) scaleX(1.05)}48%{transform:scaleY(1.1) scaleX(0.9)}68%{transform:scaleY(0.98) scaleX(1.02)}80%{transform:scaleY(1.02) scaleX(0.98)}97%,100%{transform:scale(1)}}.cs-conversation-list{box-sizing:border-box;position:relative;overflow:hidden;height:100%;color:rgba(0,0,0,.87);background-color:transparent}.cs-conversation-list>div>ul{margin:0;padding:0;list-style-type:none}.cs-conversation-list__loading-more{box-sizing:content-box;display:flex;flex-direction:row;justify-content:center;position:absolute;background-color:transparent;padding:2px 0;bottom:0;left:0;right:0;height:1.2em;z-index:1}.cs-conversation-list__loading-more .cs-loader{width:1.2em;height:1.2em}.cs-conversation-list__loading-more .cs-loader::before,.cs-conversation-list__loading-more .cs-loader::after{width:100%;height:100%}.cs-conversation-list .ps__rail-y{z-index:2}.cs-status{box-sizing:border-box;position:relative;display:flex;flex-direction:row;align-items:center;flex-wrap:nowrap;font-size:1em}.cs-status .cs-status__bullet{box-sizing:content-box;width:11px;height:11px;border-radius:50%;position:relative;perspective:200px;perspective-origin:50% 50%}.cs-status--selected{color:#2b6a9b;background-color:#d5e7f5}.cs-status--named{width:auto;height:auto}.cs-status__name{margin:0 0 0 .58em;line-height:1.5}.cs-avatar:hover .cs-status__bullet:before,.cs-status:hover .cs-status__bullet:before{box-sizing:border-box;content:"";position:absolute;top:1%;left:5%;border-radius:50%;z-index:2;filter:blur(0);height:80%;width:40%;background:radial-gradient(circle at 130% 130%, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0) 46%, rgba(255, 255, 255, 0.8) 50%, rgba(255, 255, 255, 0.8) 58%, rgba(255, 255, 255, 0) 60%, rgba(255, 255, 255, 0) 100%);transform:translateX(131%) translateY(58%) rotateZ(168deg) rotateX(10deg)}.cs-avatar:hover .cs-status__bullet:after,.cs-status:hover .cs-status__bullet:after{box-sizing:border-box;content:"";position:absolute;top:5%;left:10%;width:80%;height:80%;border-radius:100%;filter:blur(1px);z-index:2;transform:rotateZ(-30deg);display:block;background:radial-gradient(circle at 50% 80%, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0) 74%, white 80%, white 84%, rgba(255, 255, 255, 0) 100%);animation:cs-bubble-anim 2s ease-out infinite}.cs-status--available .cs-status__bullet{background:radial-gradient(circle at 3px 3px, #00d5a6, #00a27e)}.cs-status--available .cs-status__name{color:rgba(0,0,0,.87)}.cs-status--unavailable .cs-status__bullet{background:radial-gradient(circle at 3px 3px, #ffb527, #a66d00)}.cs-status--unavailable .cs-status__name{color:rgba(0,0,0,.87)}.cs-status--away .cs-status__bullet{background:radial-gradient(circle at 3px 3px, #ffdbb0, #fc8b00)}.cs-status--away .cs-status__name{color:rgba(0,0,0,.87)}.cs-status--dnd .cs-status__bullet{background-color:#ec1212;background:radial-gradient(circle at 3px 3px, #f89f9f, #ec1212)}.cs-status--dnd .cs-status__name{color:rgba(0,0,0,.87)}.cs-status--invisible .cs-status__bullet{background-color:#c2d1d9;background:radial-gradient(circle at 3px 3px, white, #c2d1d9)}.cs-status--invisible .cs-status__name{color:rgba(0,0,0,.87)}.cs-status--eager .cs-status__bullet{background:radial-gradient(circle at 3px 3px, #fffccc, #ffee00)}.cs-status--eager .cs-status__name{color:rgba(0,0,0,.87)}.cs-status--xs:not(.cs-status--named){font-size:1em;width:4px;height:4px}.cs-status--xs:not(.cs-status--named) .cs-status__bullet{width:4px;min-width:4px;height:4px}.cs-status--sm:not(.cs-status--named){font-size:1em;width:8px;height:8px}.cs-status--sm:not(.cs-status--named) .cs-status__bullet{width:8px;min-width:8px;height:8px}.cs-status--md:not(.cs-status--named){font-size:1em;width:11px;height:11px}.cs-status--md:not(.cs-status--named) .cs-status__bullet{width:11px;min-width:11px;height:11px}.cs-status--lg:not(.cs-status--named){font-size:1em;width:14px;height:14px}.cs-status--lg:not(.cs-status--named) .cs-status__bullet{width:14px;min-width:14px;height:14px}.cs-status--fluid{width:100%;height:100%}.cs-status--fluid .cs-status__bullet{width:100%;min-width:100%;height:100%}@keyframes cs-bubble-anim{0%{transform:scale(1)}20%{transform:scaleY(0.95) scaleX(1.05)}48%{transform:scaleY(1.1) scaleX(0.9)}68%{transform:scaleY(0.98) scaleX(1.02)}80%{transform:scaleY(1.02) scaleX(0.98)}97%,100%{transform:scale(1)}}.cs-sidebar{box-sizing:border-box;position:relative;overflow:hidden;height:100%;display:flex;flex-direction:column}.cs-sidebar--left{background-color:#fff}.cs-sidebar--right{background-color:#fff}.cs-sidebar .cs-expansion-panel+.cs-expansion-panel{border-top:0}.cs-expansion-panel{box-sizing:border-box;display:flex;flex-direction:column;color:rgba(0,0,0,.87);background-color:#fff;border:solid 1px #d1dbe3;font-family:Helvetica Neue,Segoe UI,Helvetica,Arial,sans-serif;font-weight:normal;font-size:inherit;font-variant:normal}.cs-expansion-panel__header{box-sizing:border-box;display:flex;flex-direction:row;color:rgba(0,0,0,.6);background-color:#f6fbff;font-family:Helvetica Neue,Segoe UI,Helvetica,Arial,sans-serif;font-weight:bold;font-size:.75em;font-variant:normal;-webkit-user-select:none;-moz-user-select:none;user-select:none;padding:.8em .8em;align-items:center;user-select:none;cursor:pointer}.cs-expansion-panel__header:hover{color:rgba(0,0,0,.6);background-color:#f3f8fc}.cs-expansion-panel__title{box-sizing:border-box;flex-grow:1}.cs-expansion-panel__icon{box-sizing:border-box;margin-left:1em;margin-right:.5em}.cs-expansion-panel__content{display:none;color:rgba(0,0,0,.87);background-color:#fff;font-family:Helvetica Neue,Segoe UI,Helvetica,Arial,sans-serif;font-weight:normal;font-size:.8em;font-variant:normal;padding:.4em .8em}.cs-expansion-panel--open .cs-expansion-panel__content{display:block;color:rgba(0,0,0,.87);background-color:#fff}.cs-expansion-panel--closed .cs-expansion-panel__content{display:none}.cs-expansion-panel--open .cs-expansion-panel__header{color:rgba(0,0,0,.6);background-color:#f6fbff}.cs-search{box-sizing:border-box;display:flex;flex-direction:row;margin:0;padding:0;background-color:#c6e3fa;align-items:center;position:relative;border-radius:.7em;padding:.6em .9em;font-size:inherit;font-family:inherit}.cs-search__input{box-sizing:border-box;order:1;color:rgba(0,0,0,.87);border:none;width:100%;min-width:0;outline:0;margin-right:.5em;background-color:#c6e3fa;font-size:.8em;font-family:inherit}.cs-search__input:disabled{color:rgba(0,0,0,.38);background-color:#c6e3fa}.cs-search__input::-moz-placeholder{color:rgba(0,0,0,.87)}.cs-search__input::placeholder{color:rgba(0,0,0,.87)}.cs-search__search-icon{box-sizing:border-box;order:0;display:block;margin-right:.5em;color:#6ea9d7}.cs-search__clear-icon{box-sizing:border-box;order:2;color:#6ea9d7;visibility:hidden}.cs-search__clear-icon:hover{color:rgba(110,169,215,.6);cursor:pointer}.cs-search__clear-icon--active{visibility:visible}.cs-search--disabled{opacity:.38;color:rgba(0,0,0,.38);background-color:#c6e3fa}.cs-button{box-sizing:border-box;display:inline-block;vertical-align:middle;text-align:center;color:#6ea9d7;background-color:transparent;border:none;border-radius:.7em;margin:.1em .2em;padding:.2em .7em;outline:none;font-size:1em;line-height:1.5}.cs-button:focus{outline:none}.cs-button:disabled{opacity:.38}.cs-button:not(:disabled){cursor:pointer}.cs-button.cs-button--border{border:solid 1px #d1dbe3}.cs-button:hover:not(:disabled){opacity:.6}.cs-button.cs-button--right>svg[data-icon]:first-child{margin-right:.5em}.cs-button.cs-button--left>svg[data-icon]:last-child{margin-left:.5em}.cs-button--adduser{color:#6ea9d7;background-color:transparent}.cs-button--arrow{color:#6ea9d7;background-color:transparent}.cs-button--ellipsis{color:#6ea9d7;background-color:transparent}.cs-button--info{color:#6ea9d7;background-color:transparent}.cs-button--star{color:#6ea9d7;background-color:transparent}.cs-button--videocall{color:#6ea9d7;background-color:transparent}.cs-button--voicecall{color:#6ea9d7;background-color:transparent}.cs-button--send{color:#6ea9d7;background-color:transparent}.cs-button--attachment{color:#6ea9d7;background-color:transparent}.cs-loader{box-sizing:border-box;display:inline-flex;position:relative;font-size:1em;width:1.8em;height:1.8em;color:rgba(0,0,0,.87);background-color:transparent}.cs-loader::before,.cs-loader::after{box-sizing:border-box;display:block;width:1.8em;height:1.8em;margin:0 0 0 -0.9em}.cs-loader::before{position:absolute;content:"";top:0;left:50%;border-radius:50%;border-color:#c6e3fa;border-style:solid;border-width:.2em}.cs-loader::after{position:absolute;content:"";top:0;left:50%;animation:loader-default .6s linear;animation-iteration-count:infinite;border-radius:50%;border-color:#6ea9d7 transparent transparent transparent;border-style:solid;border-width:.2em;box-shadow:0 0 0 transparent}.cs-loader--content{width:auto;height:auto;padding-top:2.6em}@keyframes loader-default{to{transform:rotate(360deg)}}.cs-overlay{box-sizing:border-box;display:flex;flex-direction:row;justify-content:center;align-items:center;position:absolute;top:0;left:0;right:0;bottom:0;backdrop-filter:blur(10%)}.cs-overlay__content{z-index:220}.cs-overlay::before{box-sizing:border-box;content:"";background-color:rgba(198,227,250,.38);position:absolute;top:0;left:0;right:0;bottom:0;z-index:200}.cs-overlay--blur::before{backdrop-filter:blur(2px)}.cs-overlay--grayscale::before{backdrop-filter:grayscale(50%)}.cs-status-list{box-sizing:border-box;list-style-type:none;margin:0;padding:1em;color:rgba(0,0,0,.87);background-color:#fff}.cs-status-list>li{box-sizing:border-box;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.cs-status-list>li>.cs-status{margin:0;padding:.4em .8em;width:auto;height:auto}.cs-status-list>li .cs-status--selected{color:#2b6a9b;background-color:#d5e7f5}.cs-status-list>li .cs-status--selected .cs-status__name{color:#2b6a9b;background-color:#d5e7f5}.cs-status-list>li:hover{color:rgba(0,0,0,.6);background-color:#f3f8fc}.cs-status-list>li:focus{color:rgba(0,0,0,.87);background-color:#d5e7f5}.cs-status-list>li:active{color:rgba(0,0,0,.87);background-color:#d5e7f5}.cs-status-list--xs>li>.cs-status{font-size:1em;width:auto;height:auto}.cs-status-list--xs>li>.cs-status .cs-status__bullet{width:4px;min-width:4px;height:4px}.cs-status-list--sm>li>.cs-status{font-size:1em;width:auto;height:auto}.cs-status-list--sm>li>.cs-status .cs-status__bullet{width:8px;min-width:8px;height:8px}.cs-status-list--md>li>.cs-status{font-size:1em;width:auto;height:auto}.cs-status-list--md>li>.cs-status .cs-status__bullet{width:11px;min-width:11px;height:11px}.cs-status-list--lg>li>.cs-status{font-size:1em;width:auto;height:auto}.cs-status-list--lg>li>.cs-status .cs-status__bullet{width:14px;min-width:14px;height:14px}.ps{overflow:hidden !important;overflow-anchor:none;-ms-overflow-style:none;touch-action:auto;-ms-touch-action:auto}.ps__rail-x{display:none;opacity:0;transition:background-color .2s linear,opacity .2s linear;-webkit-transition:background-color .2s linear,opacity .2s linear;height:15px;bottom:0px;position:absolute}.ps__rail-y{display:none;opacity:0;transition:background-color .2s linear,opacity .2s linear;-webkit-transition:background-color .2s linear,opacity .2s linear;width:15px;right:0;left:auto !important;position:absolute}.ps--active-x>.ps__rail-x,.ps--active-y>.ps__rail-y{display:block;background-color:transparent}.ps:hover>.ps__rail-x,.ps:hover>.ps__rail-y,.ps--focus>.ps__rail-x,.ps--focus>.ps__rail-y,.ps--scrolling-x>.ps__rail-x,.ps--scrolling-y>.ps__rail-y{opacity:.6}.ps .ps__rail-x:hover,.ps .ps__rail-y:hover,.ps .ps__rail-x:focus,.ps .ps__rail-y:focus,.ps .ps__rail-x.ps--clicking,.ps .ps__rail-y.ps--clicking{background-color:#eee;background-color:#f6fbff;opacity:.9}.ps__thumb-x{background-color:#6ea9d7;border-radius:6px;transition:background-color .2s linear,height .2s ease-in-out;-webkit-transition:background-color .2s linear,height .2s ease-in-out;height:6px;bottom:2px;position:absolute}.ps__thumb-y{background-color:#c6e3fa;border-radius:6px;transition:background-color .2s linear,width .2s ease-in-out;-webkit-transition:background-color .2s linear,width .2s ease-in-out;width:6px;right:2px;position:absolute}.ps__rail-x:hover>.ps__thumb-x,.ps__rail-x:focus>.ps__thumb-x,.ps__rail-x.ps--clicking .ps__thumb-x{background-color:#c6e3fa;height:11px}.ps__rail-y:hover>.ps__thumb-y,.ps__rail-y:focus>.ps__thumb-y,.ps__rail-y.ps--clicking .ps__thumb-y{background-color:#c6e3fa;width:11px}@supports(-ms-overflow-style: none){.ps{overflow:auto !important}}@media screen and (-ms-high-contrast: active),(-ms-high-contrast: none){.ps{overflow:auto !important}}.scrollbar-container{position:relative;height:100%}
#chat-page {
  font-family: "Roboto", sans-serif;
}

.cs-conversation__content {
  text-align: left;
}

.cs-conversation-list {
  height: calc(100% - 80px);
}

.cs-conversation-list .scrollbar-container {
  height: calc(100% - 40px);
}

.cs-conversation-list .scrollbar-container .cs-conversation {
  align-items: center;
}

.cs-conversation.cs-conversation--active,
/* .cs-main-container .cs-conversation-header, */
.cs-conversation:hover,
.cs-conversation.cs-conversation:active {
  background-color: rgb(255, 229, 220);
  color: inherit;
}

.cs-conversation-header__content .cs-conversation-header__user-name {
  background-color: inherit;
  color: inherit;
  text-align: start;
}
.cs-conversation-header__avatar {
  margin-right: 0px;
  margin-inline-end: 16px;
}
.cs-conversation-header__actions {
  margin: 0px;
}
.cs-conversation.cs-conversation--active .cs-conversation__name,
.cs-conversation.cs-conversation--active .cs-conversation__info,
.cs-conversation:hover .cs-conversation__name,
.cs-conversation:hover .cs-conversation__info,
.cs-conversation:active .cs-conversation__name,
.cs-conversation:active .cs-conversation__info,
.cs-conversation-header__actions {
  color: inherit;
}
.cs-chat-container .cs-message-input {
  padding: 12px 0px;
  gap: 8px;
  justify-content: center;
  border-bottom-right-radius: inherit;
  border-bottom-left-radius: inherit;
}
/* .cs-message-separator::before,
.cs-message-separator::after {
  background-color: rgb(255, 229, 220);
}
.cs-message-separator {
  color: rgb(255, 229, 220);
} */

.plusBTN {
  color: #ff6c36;
  /* width: 47px;
  position: absolute;
  bottom: 15px;
  right: 15px;
  z-index: 1;
  height: 47px; */
  background: white;
  border-radius: 100px;
  cursor: pointer;
}

.emoticon{
  color: #ff6c36;
  background: white;
  border-radius: 100px;
  position: absolute;
  bottom: 21px;
  right: 64px;
  cursor: pointer;
  z-index: 10;
}
.emoji{
  position: absolute; 
  bottom: 60px;
  right: 20px;
  z-index: 10;
}

.label {
  display: flex;
  align-items: center;
  font-size: 15px;
  margin-top: 10px;
  /* text-transform: capitalize; */
}
.groupBTN {
  color: #ff6c36;
  /* width: 47px;
  position: absolute;
  bottom: 15px;
  left: 200px;
  z-index: 1;
  height: 47px; */
  background: white;
  border-radius: 100px;
  cursor: pointer;
}
.cs-button--send {
  color: #ff6c36;
  background-color: transparent;
}

.cs-button--attachment {
  color: #ff6c36;
  background-color: transparent;
}

.cs-search__search-icon {
  color: #ff6c36;
  background-color: transparent;
}

.cs-search__clear-icon {
  color: #ff6c36;
}
.cs-search {
  text-align: left;

  border-style: solid;
  border-width: 1px;

  border-color: rgba(0, 0, 0, 0.23);
  background-color: #fff;
}

.cs-search__input {
  background-color: #fff;
}

.cs-message-input__content-editor-wrapper {
  text-align: left;

  border-style: solid;
  border-width: 1px;

  border-color: rgba(0, 0, 0, 0.23);
  background-color: #fff;
}
.cs-message-input__content-editor {
  background-color: #fff;
}

.cs-loader::after {
  border-color: #ff6c36 transparent transparent transparent;
}

.cs-overlay::before {
  background-color: #ff6c3645;
}

.cs-message--outgoing .cs-message__content {
  color: #fff;
  background-color: #ff6c36;
  border-radius: 0.7em 0 0 0.7em;
}

.cs-message--outgoing .cs-message__sent-time {
  display: flex;
}

.cs-message--incoming .cs-message__sent-time {
  display: flex;
  margin-bottom: 5px;
}

.cs-message--incoming .cs-message__sender-name {
  display: flex;
}
.cs-message--outgoing .cs-message__sender-name {
  display: flex;
}

.cs-avatar:hover > img {
  filter: unset;
}
.cs-message-input__content-editor-wrapper {
  border-radius: 8px;
  padding: 8.5px 14px;
}

/* Revamped UI */
.cs-main-container {
  border-radius: 8px;
  border: none;
  /* box-shadow: rgb(231, 231, 231) 0px 1px 10px 0px; */
  background-color: #fff;
}
.cs-main-container .cs-chat-container,
.no-conversation-section {
  background-color: #fff;
  margin-inline-start: 20px;
  border-radius: 8px;
  border: 1px solid rgba(0, 0, 0, 0.2);
}

/* .chat-ct {
  order: 1;
  z-index: 1;
  flex-grow: 1;
  flex-basis: 65%;
} */
.cs-main-container > .cs-sidebar.cs-sidebar--left.chat-sidebar {
  border-right: none;
  border-radius: inherit;
  border: 1px solid rgba(0, 0, 0, 0.2);
}

.cs-main-container > .cs-sidebar.cs-sidebar--left .cs-search.side-bar-search {
  margin: 18px 18px;
  margin-bottom: 12px;
}

.chat-conversations {
  font-family: "Roboto", sans-serif;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  border-bottom: none;
}
.scrollbar-container ul li:last-child .chat-conversations,
.scrollbar-container ul li:nth-last-child(2) .chat-conversations {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.cs-conversation__unread {
  font-family: "Roboto", sans-serif;
  top: 50%;
  transform: translateY(-50%);
  background-color: #ff6c36;
  color: #fff;
  width: 23px;
  height: 23px;
  border-radius: 50%;
  text-align: center;
  line-height: 23px;
}
.cs-conversation__content {
  /* font-family: "Roboto", sans-serif; */
  font-family: inherit;
}

.cs-conversation.cs-conversation--active .cs-conversation__name,
.cs-conversation__content .cs-conversation__name {
  color: #000000;
  font-weight: 500;
}
.cs-conversation__content .cs-conversation__info {
  color: #8b8f96 !important;
}
.cs-conversation > .cs-avatar {
  box-shadow: 0 0 11.2px 0 rgba(0, 0, 0, 0.18);
}
.cs-conversation-header {
  font-family: "Roboto", sans-serif;
  background-color: rgb(255, 229, 220);
  box-shadow: 0px 2px 10.1px 0px rgba(0, 0, 0, 0.18);
  border: none;
  border-top-left-radius: inherit;
  border-top-right-radius: inherit;
}
.cs-message-separator {
  font-family: "Roboto", sans-serif;
  color: #8b8f96;
  margin-top: 16px;
  width: -moz-max-content;
  width: max-content;
  margin-left: auto;
  margin-right: auto;
}
.cs-message-separator::before,
.cs-message-separator::after {
  visibility: none;
  content: none;
}
.cs-message__content-wrapper {
  margin-bottom: 6px;
}
.cs-message--incoming .cs-message__content {
  border-radius: 0.7em 0.7em 0.7em 0;
  background: #f1f2f3;
  color: #000000;
}
.cs-message--outgoing .cs-message__content {
  border-radius: 0.7em 0.7em 0em 0.7em;
  background: #ffe5dc;
  color: #000000;
}
.cs-message-input__content-editor-wrapper {
  border: none;
  border-radius: 70px;
  padding: 12px 14px;
  color: #8b8f96;
  font-size: 14px;
  max-width: 1150px;
}
.cs-conversation.cs-conversation--active {
  border-top: 1px solid rgba(0, 0, 0, 0.1);
}
.cs-message-input__content-editor-wrapper,
.cs-message-input__content-editor {
  background-color: #f1f2f3;
}
.cs-chat-container
  .cs-message-input
  .cs-message-input__content-editor-wrapper:first-child {
  margin-inline-start: 24px;
}
.cs-conversation-header__back .cs-button--arrow {
  color: #ff6c36;
}
.cs-message-separator,
.cs-message__sender-name,
.cs-message__footer .cs-message__sender-name {
  font-size: 11px;
  font-family: "Roboto", sans-serif;
}
.cs-message-list .message-avatar-chat .cs-message__avatar {
  justify-content: flex-start;
  /* margin-bottom: 18px; */
}
.cs-message--incoming .cs-message__content-wrapper {
  margin-inline-start: 50px;
}
.cs-message--outgoing .cs-message__content-wrapper {
  margin-inline-end: 50px;
}
.cs-message--incoming:has(.cs-message__avatar) .cs-message__content-wrapper {
  margin-inline-start: 0px;
}
.cs-message--outgoing:has(.cs-message__avatar) .cs-message__content-wrapper {
  margin-inline-end: 0px;
}
#chat-page .cs-message-list .cs-message.cs-message--incoming,
#chat-page .cs-message-list .cs-message-group.cs-message-group--incoming {
  margin-right: unset;
  margin-inline-end: auto;
}
#chat-page .cs-message-list .cs-message.cs-message--outgoing,
#chat-page .cs-message-list .cs-message-group.cs-message-group--outgoing {
  margin-left: unset;
  margin-inline-start: auto;
}

@media only screen and (min-width: 767px) {
  .cs-conversation-header__back .cs-button--arrow {
    display: none;
  }
  .cs-main-container > .cs-sidebar.cs-sidebar--left.chat-sidebar {
    max-width: 350px;
    flex-basis: 35%;
  }
}

@media screen and (max-width: 767px) {
  .cs-main-container > .cs-sidebar.cs-sidebar--left.chat-sidebar {
    flex: 1;
    max-width: 100%;
  }
  #chat-page .no-conversation-section {
    display: none !important;
  }
  #chat-page .hideChatSection {
    display: none;
  }

  #chat-page .hideSideBarSection {
    display: none;
  }
  #chat-page .showSideBarSection {
    display: flex !important;
  }
  #chat-page .showChatSection {
    display: flex !important;
  }
  .cs-main-container .cs-chat-container,
  #chat-page .no-conversation-section {
    margin-left: 0px;
  }
}
:root {
  --black: #000000;
  --white: #ffff;
  /* // googlePlus: '#DD4B39'
      // facebook: '#3b5998',
      // twitter: '#1DA1F2',*/
  --error: rgba(200, 0, 0, 0.8);
  --greybg: #f2f2f2;
  --accent: #ffaaac;
  --heading1: #4a4a4a;
  --greyLight: #f1f1f1;
  --greenText: #6fcf97;
  --darkGrey: #828282;
  /* Main Colors */
}

/* #createpost{
  padding-bottom: 100px;
} */
#createpost .addpost {
  background: #f2f2f2cf;
}

#createpost .toolbarClassName {
  border-radius: 15px 15px 0px 0px;
  border: 0px;
  border-bottom: 1px solid #ced4da;
}

#createpost .editorClassName {
  min-height: 250px;
  padding: 0px 16px;
}

#createpost .wrapperClassName {
  border-radius: 10px;
  font-family: "Roboto", sans-serif;
  margin-bottom: 5px;
  margin-top: 10px;
  font-size: 14px;
  /* mix-blend-mode: normal; */
  border: 1px solid #ced4da;
  box-shadow: 1px 0px 8px 0px #dee2e663;
}

.gallery2 {
  width: 40px;
  height: 40px;
  overflow: hidden;
  display: inline-block;
  padding: 5px;
  cursor: pointer;
  margin-top: 20px;
}

#createpost .editcamera img {
  margin: 0 auto;
  width: 20px;
  height: auto;
  cursor: pointer;
}

#createpost .sharesomethingcard {
  height: 400px;
}

#createpost .sharesomethingcard .dpcircle {
  top: 15px;
  transform: unset;
  margin-top: unset;
}

#createpost .sharesomethingcard .dpcircle2 {
  position: static;
}

#createpost .postform {
  transform: unset;
  margin-top: unset;
  top: 15px;
}

#createpost .sharesomethingcard .privacyselect {
  margin-top: 13px;
}

#createpost .container {
  margin-top: 15px;
}

#createpost .upload {
  box-shadow: 0px 1px 2px #f1f1f1;
  height: auto;
}

#createpost .attachimage img {
  border: 1px solid #ff4b08;
  padding: 0px;
}

#createpost .attachimage {}

#createpost .attach {
  margin-top: 15px;
  /* border-radius: 8px; */
  border-radius: 14px;
  /* box-shadow: 0px 0px 3px 1px #f1f1f1; */
  box-shadow: 0px 3px 66px #f2f2f2;
  border: 1px solid #dee2e6;

  position: relative;
  height: 70px;
}

#createpost .addtopost {
  position: absolute;
  left: 15px;
  margin-top: 25px;
  font-family: "Roboto";
  font-weight: 300;
  font-size: 14px;
  line-height: 18px;
  color: var(--darkGrey);
  cursor: default;
}

#createpost .addtopost2 {
  top: 50%;
  transform: translateY(-50%);
  margin-top: 0px;
}

#createpost .cameraarea,
#createpost .gallery,
#createpost .attachment {
  width: 30px;
  height: 30px;
  overflow: hidden;
  display: inline-block;
  padding: 5px;
  cursor: pointer;
}

/* #createpost .createpost{
    margin-top: 15px;
} */
#createpost .cameraarea img,
#createpost .gallery img,
#createpost .attachment img {
  height: 100%;
  width: 100%;
}

#createpost .gallery img {
  top: -10px;
}

#createpost .actions {
  position: absolute;
  right: 15px;
  top: -5px;
}

#createpost .attachment img {
  border: 2px solid #ff4b08;
  margin-top: 5px;
}

#createpost .attachment {
  height: 50px;
  width: 50px;
  cursor: pointer;
  margin-top: 10px;
}

#createpost .attachmentimg {}

.cross {
  height: 33px;
}

.imageabsolute {
  cursor: pointer;
  position: absolute;
  margin-left: -10px;
}

#createpost .attachmentarea div {
  display: inline-block;
}

#createpost .buttonmain {
  margin-top: 25px;
}

#createpost .attachmentarea {
  margin-top: -72px;
  width: 300px;
  float: right;
  margin-right: 70px;
}

#createpost .attachimage {
  margin: 5px;
}

#createpost .mobilebtn {
  display: none;
}

#createpost .invalid-text {
  color: var(--off-white);
}

@media screen and (max-width: 991px) {
  #createpost .attachmentarea {
    float: unset;
    margin: 0 auto;
  }

  #createpost .attachment {
    cursor: pointer;
    margin-top: 10px;
  }

  #createpost .attachmentarea {
    margin-top: 10px;
  }

  #createpost .desktopbtn {
    display: none;
  }

  #createpost .mobilebtn {
    display: initial;
  }

  .imageabsolute {
    cursor: pointer;
    height: 18px;
    width: 18px;
  }

  .gallery2 {
    width: 35px;
    height: 35px;
    overflow: hidden;
    display: inline-block;

    cursor: pointer;
    margin-top: 20px;
  }
}

.msg {
  text-align: left;
  font-size: 14px;
  margin-top: 10px;
}

#createpost a,
#createpost a:hover,
#createpost a:active {
  text-decoration: none !important;
  color: #007bff  !important;
}

#invitedash .card {
  margin-top: 10px;
  margin-bottom: 10px;
  height: 120px;
  border: 3px solid var(--flameorang);
  border-radius: 45px;
  padding-top: 38px;
  padding-bottom: 10px;
}
#invitedash .firsthead {
  text-align: left;
  margin-top: 20px;
}
#invitedash .firsthead1 {
  font-size: 30px;
  text-align: left;
  font-weight: 600;
  color: #fe4726;
  text-shadow: 0px 1px 1px rgb(104 104 104 / 12%);
  text-transform: capitalize;
}
#invitedash .secondhead {
  text-align: left;
  margin-top: 10px;
  margin-bottom: 10px;
}
#invitedash .profilenavbar{
  /* margin-bottom: 15px; */
}
#invitedash .profilenavbar a {
  font-size: 13px;
  padding: 8px 16px;
}
#invitedash .secondhead1 {
  font-size: 25px;
  text-align: left;
  font-weight: 600;
  color: #495057;
  text-shadow: 0px 1px 1px rgb(104 104 104 / 12%);
  text-transform: capitalize;
}
#invitedash .title {
  font-size: 18px;
  text-align: center;
  font-weight: 600;
  color: #495057;
  text-shadow: 0px 1px 1px rgb(104 104 104 / 12%);
  line-height: 10px;
  margin-bottom: -8px;
  padding-bottom: 30px;
}
#invitedash .outerlayout {
  background-color: #f4ecec;
  border: 1px solid var(--flameorang);
  border-radius: 10px;
  min-height: 60px;
  line-height: 50px;
  margin-left: 10px;
  margin-right: 10px;
  align-items: center;
  justify-content: center;
}
#invitedash .dashdetails {
  font-size: 18px;
  font-weight: 500;
  line-height: 22px;
  text-transform: capitalize;
}
#invitedash .dashdetails1 {
  font-size: 18px;
  font-weight: 600;
  line-height: 22px;
  text-transform: capitalize;
}
#invitedash .searchbtn3 {
  width: 150px !important;
  font-family: "Roboto" !important;
  background-color: var(--shadow) !important;
  border: none !important;
  box-shadow: 1px 1px 2px 0px #c6d2d9;
  border-radius: 10px;
  height: 40px;
  margin: 10px;
}
#invitedash .norequest {
  padding-right: 20px;
  text-align: center;
  margin: 45px auto;
}
#invitedash .tablerow {
  border: 1px solid var(--flameorang);
  border-radius: 10px;
  min-height: 60px;
  line-height: 50px;
  margin-left: 10px;
  margin-right: 10px;
  margin-top: 10px;
  margin-bottom: 10px;
  padding-top: 5px;
}
#invitedash .colheight {
  display: flex;
  justify-content: center;
  align-items: center;
}
#invitedash .actions {
  height: auto;
  text-align: left;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
}

#invitedash .rightsection {
  margin-bottom: 0px;
}

#invitedash .thethreebutton {
  text-align: left;
  margin-left: 0px;
}
#invitedash .excelbtn {
  display: inline-block;
  float: right;
  margin-top: 10px;
}
#invitedash .tabwrapper {
  display: inline-block;
}
#invitedash .align {
  text-align: left;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-bottom: 15px;
}
:root {
  --shadow: #ff885e;
}
@media screen and (max-width: 530px) {
  #invitedash .excelbtn {
    float: left;
    margin-top: 0px;
  }
}
@media screen and (max-width: 992px) {
  #invitedash .dashdetails {
    line-height: 30px;
  }
  #invitedash .dashdetails1 {
    line-height: 30px;
  }
  #invitedash .outerlayout {
    display: none;
  }
}

:root {
  --black: #000000;
  --white: #ffff;
  /* // googlePlus: '#DD4B39'
      // facebook: '#3b5998',
      // twitter: '#1DA1F2',*/
  --error: rgba(200, 0, 0, 0.8);
  --greybg: #f2f2f2;
  --accent: #ffaaac;
  --heading1: #4a4a4a;
  --greyLight: #f1f1f1;
  --greenText: #6fcf97;
  --darkGrey: #828282;
  --blue-b7: #337ab7;
  --purple: #bb6bd9;
  --blue: #68baff;

  /* Main Colors */
}
#role {
  background: url(/static/media/bgpattern.9b40a4a3.svg);
  height: 100%;
  width: 100%;
  overflow: hidden;
  position: relative;
}

#role input {
  outline: var(--accent);
}

#role .solo_logo {
  width: 100%;
  max-width: 140px;
  height: auto;
  margin-top: 35px;
  cursor: pointer;
}

#role .solotagline {
  font-size: 15px;
  padding-top: 5px;
  color: #007bff;
  text-decoration: none;
  margin-bottom: 0px;
}

#role a {
  text-decoration: none;
  color: #007bff;
}

#role .tariffCards {
  top: 41%;
}

/* .margin {
    margin-bottom: 15px;
  } */
@media screen and (min-width: 576px) and (max-width: 768px) {
  #role .solo_logo {
    max-width: 110px;
  }
  #role .solotagline {
    font-size: 14px;
  }
}

@media screen and (max-width: 576px) {
  #role .solotagline {
    font-size: 12px;
    max-width: 110px;
    margin: 0px auto;
    text-align: center;
  }

  #role .solo_logo {
    max-width: 100px;
  }
}

@media screen and (max-width: 440px) {
  #role .solotagline {
    font-size: 12px;
    max-width: 100px;
    margin: 0px auto;
    text-align: center;
  }
}


:root {
    --black: #000000;
    --white: #ffff;
    /* // googlePlus: '#DD4B39'
      // facebook: '#3b5998',
      // twitter: '#1DA1F2',*/
    --error: rgba(200, 0, 0, 0.8);
    --greybg: #f2f2f2;
    --accent: #ffaaac;
    --heading1: #4a4a4a;
    --greyLight: #f1f1f1;
    --greenText: #6fcf97;
    --darkGrey: #828282;
    --blue-b7:#337ab7;
    --purple:#BB6BD9;
    --blue:#68BAFF;
   
  
    /* Main Colors */
  }
  #onboardingscreen{
    background: url(/static/media/bgpattern.9b40a4a3.svg);
  height: 100%;
  width: 100%;
  overflow: hidden;
      position: relative;
  }
  #onboardingscreen .horizontal{
    background: #21252952 ;
    
    border-radius: 8px;
    padding: 15px;
    padding-top: 25px;
    padding-bottom: 25px;
    box-shadow:0px 0px 4px rgba(0, 0, 0, 0.25);
  
  }
 
  
  
  
  /* .margin {
    margin-bottom: 15px;
  } */
  
  
  
  #onboardingscreen .img {
      width: 120px;
      height: 30px;
      margin-top: 25px;
      margin-bottom: 25px;
      
     
    }
  
   
  
  
  
    .phone{
      width:28%;
      padding:6%;
    }
  
  
  

#requestInvite {
    background: url(/static/media/bgpattern.9b40a4a3.svg);
    height: 100%;
    width: 100%;
    /* overflow: hidden; */
    position: relative;
    margin-bottom: -50px;
  }
#requestInvite .box-wrapper {
    height: 80vh;
    display: flex;
    align-items: center;
    justify-content: center;
  }
#requestInvite .box-content {
    background: #ffffff;
    border-radius: 30px;
    padding: 25px 15px;
    box-shadow: 0 0 4px rgb(0 0 0 / 25%);
    scroll-behavior: smooth;
    overflow: hidden;
    max-width: 700px;
    width: 95%;
    /* margin-top: -30px; */
  }

  #requestInvite .img {
    width: 120px;
    height: 30px;
    margin-top: 25px;
    margin-bottom: 25px;
  }

  #requestInvite .requestInvite{
    font-family: "Roboto", sans-serif;
    font-weight: 400px;
    font-size: 14px;
    line-height: 16px;
  }
  .scroll-touch {
    -webkit-overflow-scrolling: auto;
  }

  #requestInvite .textpass:hover {
    color: #6ebeffb7;
    text-decoration: none;
  }
  #requestInvite .outerlink{
    padding: 15px 0px;
  }
  #requestInvite  .textpass {
    color: #4baeff;
    font-weight: 300px;
    margin-top: 30px;
    text-decoration: none;
  }
  
  #requestInvite .backcursor {
    cursor: pointer;
  }
  
@media screen and (max-width:440px) {
  #requestInvite .box-content {
    width: 100%;
  }
}
#badgeform .attachmentarea {
  display: flex;
  margin-top: 10px;
}
#badgeform .attachment1 {
  height: 50px;
  width: 50px;
  /* cursor: pointer; */
  margin-top: 10px;
  margin-left: 140px;
}

#badgeform .custom-card1 {
  border-radius: 10px;
  box-shadow: 0 0 4px rgb(0 0 0 / 25%);
  padding: 20px;
  /* max-width: 580px; */
  margin: 3px auto;
  padding: 49px 20px;
  border: none;
  min-height: 600px;
}
#badgeform .badgecrd-title {
  text-align: start;
  color: #495057;
  font-size: 23px;
  font-weight: 600;
  margin-bottom: 30px;
}
.courinsidefield22 {
  margin-bottom: 20px;
}

.courinsidefield22 label {
  font-weight: bold;
  display: block; /* Display labels as block elements */
}

.courinsidefield22 input[type="text"],
.courinsidefield22 textarea,
.courinsidefield22 .react-tags {
  width: 100%;
  padding: 10px;
  border: 1px solid #ccc;
  border-radius: 4px;
  display: block; /* Display input fields as block elements */
}

.courinsidefield22 .actions {
  cursor: pointer;
  display: block; /* Display image upload action as a block element */
  margin-top: 10px;
}

.courinsidefield22 .uploadeimg {
  padding: 10px;
  border: 1px solid #ccc;
  border-radius: 4px;
  cursor: pointer;
  display: inline-block;
}

.imageaddfill {
  vertical-align: middle;
}

.courinsidefield12 {
  text-align: center;
  margin-top: 20px;
}

.btnwidth {
  margin-top: 10px;
}

.tag-error {
  color: red;
}

#badgeform .react-tagsinput--focused {
  border-color: var(--org-f8);
}
#badgeform .bagde-tags .react-tagsinput-tag {
  background-color: #dee2e6;
  color: #263238;
  border: 1px solid #dee2e6;
  display: inline-block;
  font-size: 14px;
  font-weight: 400;
  margin-bottom: 5px;
  margin-right: 5px;
  padding: 5px 10px 5px 18px;
  border-radius: 10px;
}
#badgeform .bagde-tags .react-tagsinput-tag .react-tagsinput-remove {
  margin-left: 5px;
  color: #263238;
}
#badgeform .bagde-tags .react-tagsinput-tag .react-tagsinput-remove:hover {
  text-decoration: none;
}

#badgeform .input.is-invalid {
  border-color: #dc3545;
}

.cust-tags {
  background-color: #fff;
  border: 1px solid #ccc;
  overflow: auto;
  width: 100%;
  height: 85px;
  border-radius: 10px;
  padding: 10px 10px;
  box-sizing: border-box;
  outline: none;
  font-family: "Roboto", sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 12px;
  line-height: 18px;
  /* mix-blend-mode: normal; */
  box-shadow: 1px 0px 8px 0px #dee2e663;
  background-image: none !important;
}

#badgeform .alignment-form tr{
  border-bottom: 0.5px solid #979797;
}

#badgeform .clr-form .image-class {
   width: -moz-max-content;
   width: max-content;
   position: relative;
}

#badgeform .clr-form .attachment1 {
  height: 50px;
  width: 50px;
  border: 1px solid var(--flameorang);
  padding: 0px;
  margin: 0px;
}

#badgeform .clr-form .crossbtn {
  position: absolute;
  left: 78%;
  top: -20%;
}
.dpedit .profilecircle {
  height: 50px;
  width: 50px;
  margin: 0 auto 0;
  margin-bottom: 20px;
  border-radius: 50%;
  position: relative;
}

.dpedit .profilecircle img {
  width: 100%;
  height: 100%;
  border-radius: 50%;
}

.dpedit .profileRectangle {
  width: 100px;
  min-height: 50px;
  margin: 0 auto 0;
  margin-bottom: 20px;
  /* border-radius: 50%; */
  position: relative;
  padding: 4px;
}

.dpedit .profileRectangle img {
  width: 100%;
  height: 100%;
  /* border-radius: 50%; */
}

.dpedit .editcamera {
  width: 25px;
  height: 25px;
  position: absolute;
  left: -2px;
  z-index: 0;
  background: #d8d8d8;
  border-radius: 50%;
  bottom: -2px;
  cursor: pointer;
}

.dpedit .editcamera img {
  margin: 0 auto;
  width: 15px;
  height: auto;
  border-radius: unset;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  cursor: pointer;
}

.dpround2 .cameracircle {
  position: relative;
  width: 100%;
  height: 100%;
  cursor: pointer;
}

.dpround2 .profilecircleContainer {
  position: absolute;
  left: 20px;
  margin-top: -65px;
  text-align: left;
  z-index: 3;
}
.dpround2 .profilecircleContainer2 {
  position: absolute;
  left: 35px;
  margin-top: -70px;
  text-align: left;
  z-index: 3;
}

#treq .searchbtn {
  width: 119px!important;
  font-family: 'Roboto'!important;
  background-color:var(--shadow) !important;
  border: none!important;
  box-shadow: 1px 1px 2px 0px #c6d2d9;
  border-radius: 10px;
  height: 40px;
}
.fixedWidthBtn {
  width: 150px!important;
}

#treq .content{
  margin-top: 20px;
}

.headertxt {
  font-size: 30px;
  text-align: left;
  font-weight: 600;
  color: #495057;
  text-shadow: 0px 1px 1px rgb(104 104 104 / 12%);
}

#treq .content {
    width: 100%;
  }

  #treq .chkcrosshbtn {
    width: 69px!important;
    font-family: 'Roboto'!important;
    font-weight: 500!important;
    background-color:var(--shadow) !important;
    border: none!important;
    box-shadow: 1px 1px 2px 0px #c6d2d9;
    border-radius: 10px;
    height: 40px;
    cursor: pointer;
}


.searchdrop {
  width: 200px;
  }

  .dropdownaction2{
     text-transform: capitalize;
  }
  
 .dropdowned:hover,
  .dropdowned:focus,
 .dropdowned:active {
  background-color: var( --flameorang) ;
  width: 186px;
  color: var(--white) ;
  cursor: pointer;
  text-decoration: none;
  }

  .dropoptiontext2 {
    font-size: 12px;
    font-family: 'Roboto', sans-serif;
    color: #91979D;
    font-weight: 500;
    background: white;
    z-index: 999;
    text-align: left;
    border-radius: 8px;
    border: 1px solid var(--greyLight);
    box-sizing: border-box;
    outline: none;
    /* mix-blend-mode: normal; */
    box-shadow: 1px 0px 8px 0px #dee2e663;
    margin-bottom: 10px;
    position: absolute;
    width: 200px;
    margin-top: -15px;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 6px;
    padding-right: 8px;
}

.delegateuname{
  font-family: Roboto;
font-style: normal;
font-weight: normal;
font-size: 16px;
line-height: 18px;
margin-left: 5px;

text-transform: capitalize;

color: #212529;
}

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

#treq .btn-div  .searchbtn{
  width: 150px !important;
}

.accept-reject-wrapper {
  margin-top: 15px;
}

.accept-text {
  border-radius: 30px;
  border: 2px;
  padding: 5px 10px;
  border: 2px solid #ff885e;
  color: #ff885e;
  background-color: #fff;
  cursor: pointer;
}

.reject-text {
  border-radius: 30px;
  border: 2px solid #828282;
  cursor: pointer;
  color: #828282;
  background-color: #fff;
  padding: 5px 10px;
  margin-left: 20px;
}

.accept-text:hover {
  background-color: #ff885e;
  color: #fff;
}

.reject-text:hover {
  background-color: #828282;
  color: #fff;
}

@media screen and (max-width: 768px) {
  #treq .searchdrop{
    width: 100% ;
    padding-right: 15px;
  }

  #treq .dropoptiontext2{
    width: calc(100% - 30px);
  }

  .job-request .searchdrop{
    width: 100% ;
    padding-right: 15px;
  }

  .job-request .dropoptiontext2{
    width: calc(100% - 30px);
  }

  #treq .dropoptiontext2 .dropdown {
    width: 100%;
  }

  #treq .dropoptiontext2 .dropdown .dropdowned:active {
    width: 100%;
  }

  #treq .dropoptiontext2 .dropdown .dropdowned:focus {
    width: 100%;
  }

  #treq .dropoptiontext2 .dropdown .dropdowned:hover {
    width: 100%;
  }

  .job-request .dropoptiontext2 .dropdown {
    width: 100%;
  }

  .job-request .dropoptiontext2 .dropdown .dropdowned:active {
    width: 100%;
  }

  .job-request .dropoptiontext2 .dropdown .dropdowned:focus {
    width: 100%;
  }

  .job-request .dropoptiontext2 .dropdown .dropdowned:hover {
    width: 100%;
  }

  .btn-div .row1,.row2{
    display: flex;
    justify-content: space-around;
    margin-top: 15px;
  }


  #treq .autoapprove{
    margin-bottom: 20px;
    padding-left: 15px;
  }
}

@media  screen and (max-width:440px) {
  .btn-div .row1 .searchbtn{
    margin-right: 0px !important;
    margin-left: 0px !important;
    margin-bottom: 10px !important;
  }

  .btn-div .row2 .searchbtn{
    margin-right: 0px !important;
    margin-left: 0px !important;
    margin-bottom: 10px !important;
  }
}
#treq .searchbtn {
    width: 119px!important;
    font-family: 'Roboto'!important;
    background-color:var(--shadow) !important;
    border: none!important;
    box-shadow: 1px 1px 2px 0px #c6d2d9;
    border-radius: 10px;
height: 40px;
}

#treq .content {
    width: 100%;
  }

  #treq .chkcrosshbtn {
    width: 69px!important;
    font-family: 'Roboto'!important;
    font-weight: 500!important;
    background-color:var(--shadow) !important;
    border: none!important;
    box-shadow: 1px 1px 2px 0px #c6d2d9;
    border-radius: 10px;
    height: 40px;
    cursor: pointer;
}

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

.accept-reject-wrapper {
  margin-top: 15px;
}

.accept-text {
  border-radius: 30px;
  border: 2px;
  padding: 5px 10px;
  border: 2px solid #ff885e;
  color: #ff885e;
  background-color: #fff;
  cursor: pointer;
}

.reject-text {
  border-radius: 30px;
  border: 2px solid #828282;
  cursor: pointer;
  color: #828282;
  background-color: #fff;
  padding: 5px 10px;
  margin-left: 20px;
}

.accept-text:hover {
  background-color: #ff885e;
  color: #fff;
}

.reject-text:hover {
  background-color: #828282;
  color: #fff;
}
#credentials-templates{
    margin-top: 20px;
}

#credentials-templates .cfvlby {
    background-color: #f6f9fc;
    border: 1px solid #ebe8ff;
    border-radius: 10px;
    min-height: 40px;
    align-items: center;
    justify-content: center;
    color: #8898aa;
    font-size: 13px;
    font-weight: 500;
  }
  
  .dkIDck {
    background-color: #f6f9fc !important;
    border: 1px solid #ebe8ff;
    border-radius: 10px;
    min-height: 40px !important;
    align-items: center !important;
    justify-content: center;
    color: #8898aa;
    font-size: 13px;
    font-weight: 500;
  }
  
  #credentials-templates .jiAnER {
    border-radius: 10px;
    border: 1px solid #ebe8ff;
    background: #fff;
    margin-top: 12px;
    color: #797d8c;
    font-size: 14px;
    font-weight: 500;
    text-align: left;
  }
  
  .ePwPKN {
    border-radius: 10px;
    border: 1px solid #ebe8ff;
    background: #fff;
    margin-top: 12px;
    color: #797d8c !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    text-transform: capitalize;
  }
  
  #credentials-templates .profilenavbar a {
    /* border: 1px solid #ff6c36d9; */
    margin-right: 20px;
    margin-left: 0px;
    /* height: 40px; */
  }
  
  #credentials-templates .select-dropdown{
    margin-bottom: 15px;
  }
  
  #credentials-templates .buttonmain {
    padding: 0px 20px;
    height: 40px;
    width: -moz-max-content;
    width: max-content;
  }
  
  #credentials-templates .buttonfollow {
    font-weight: 500;
    font-size: 14px;
    height: 30px;
    width: -moz-max-content;
    width: max-content;
    padding: 0px 10px;
    margin-top: 5px;
    margin-bottom: 5px;
    margin-right: 10px;
  }
  
  .error-message {
    color: red;
  }
  
  #credentials-templates .textleftbtn {
    text-align: left;
  }

  #credentials-templates .course-info2 {
    padding: 0px 10px 0px 10px;
}

#credentials-templates .courseheadtitle {
  font-size: 30px;
  text-align: left;
  font-weight: 600;
  color: #495057;
  text-shadow: 0 1px 1px rgb(104 104 104 / 12%);
}
  
  #credentials-templates .profilenavbar {
    margin-bottom: 10px;
    margin-top: 0px;
  }

  #credentials-templates .profilenavbar .nav{
    flex-wrap: nowrap;
  }

  #credentials-templates .profilenavbar a {
    color: var(--darkGrey);
    font-weight: 400;
    font-size: 14px;
    background: #ffffff63;
    border-radius: 10px;
    box-shadow: 0px 10px 20px 4px #dee2e64a;
    margin-left: 0;
    margin-right: 15px;
    margin-bottom: 10px;
    border: 1px solid #f8f9fa;
    padding: 8px 16px;
  }
  
  #credentials-templates .profilenavbar .active {
    border-bottom: 3px solid var(--coloractive);
    color: var(--coloractive);
    color: #ff6c36;
    background: #ffffff63;
    border-radius: 10px;
    box-shadow: 0px 11px 20px 3px #dee2e6c7;
  }

  #credentials-templates .select-dropdown {
    margin-bottom: 15px;
}

#credentials-templates .course-info2 {
    padding: 0px 10px 0px 10px;
    border-radius: 40px;
}

#credentials-templates .courseheadtitle {
    font-size: 30px;
    text-align: left;
    font-weight: 600;
    color: #495057;
    text-shadow: 0 1px 1px rgb(104 104 104 / 12%);
}
  
  #credentials-templates .acceptgreen {
    color: #43be83;
  }
  
  #credentials-templates .sentorg {
    color: #f7941d;
  }
  
  #credentials-templates .failorg {
    color: #f10d0d;
  }
  
  #credentials-templates .jJhCqB div:first-child {
    text-transform: capitalize;
  }
  
  #credentials-templates .rightalign {
    text-align: right;
  }
  
  #credentials-templates .cards-top {
    margin-top: 30px;
  }
  
  #credentials-templates .countcardswrapper {
    border-radius: 20px;
    border: 1px solid #d3cbfb;
    padding: 20px;
    min-height: 60px;
    text-align: left;
    margin-bottom: 15px;
  }
  
  #credentials-templates .cardheading {
    color: #797d8c;
    font-size: 14px;
    font-weight: 600;
  }
  
  #credentials-templates .count {
    color: #04103b;
    font-size: 32px;
    font-weight: 700;
  }
  
  #credentials-templates .countlayout {
    justify-content: space-between;
  }
  
  .bottomhead {
    margin-bottom: 20px;
    margin-top: 20px;
    margin-left: 0;
  }
  
  #credentials-templates .input,
  .form-control.input {
    height: 40px;
  }

  #credentials-templates .addBtn{
    margin-bottom: 10px;
  }
  
  #credentials-templates input[type="checkbox"],
  input[type="radio"] {
    cursor: pointer;
  }
  
  #credentials-templates .bottombtnmargin {
    margin-bottom: 14px;
  }
  
  .invite-title {
    color: #ff6636;
    text-align: left;
  }
  
  .delpost {
    font-size: 22px;
  }
  
  .table td,
  .table th {
    vertical-align: middle;
  }
  
  .table td,
  .table th {
    text-align: left;
  }
  
  tr {
    border-bottom: 0.5px solid #979797;
  }
  
  .btmspace {
    margin-bottom: 20px;
  }
  
  .toprowspace {
    margin-bottom: 20px;
  }
  
  .tblicon {
    margin-left: 10px;
    margin-right: 10px;
  }
  
  .bluetextdownload {
    color: blue;
  }
  
  .btn-success {
    color: #495057;
    background-color: #fff !important;
    border-color: #ff6c36d9 !important;
    height: 40px;
    border-radius: 10px;
  }
  
  .btn-success:not(:disabled):not(.disabled).active,
  .btn-success:not(:disabled):not(.disabled):active,
  .show > .btn-success.dropdown-toggle {
    color: #495057;
    background-color: #fff !important;
    border-color: #ff6c36d9 !important;
  }
  
  .btn-success.focus,
  .btn-success:focus {
    box-shadow: none;
  }
  
  .btn-success:not(:disabled):not(.disabled).active:focus,
  .btn-success:not(:disabled):not(.disabled):active:focus,
  .show > .btn-success.dropdown-toggle:focus {
    box-shadow: none;
  }
  
  .btn-success.focus,
  .btn-success:focus {
    color: #495057;
  }
  
  .btn-success:hover {
    color: #495057;
  }
  
  #credentials-templates .dropdown-item.active,
  .dropdown-item:active {
    color: #495057;
    background-color: #fff !important;
    border-color: #ff6c36d9 !important;
    text-decoration: none;
  }
  
  #credentials-templates .dropdown-menu {
    border-radius: 14px;
  }

  #credentials-templates .table-Img{
    max-height: 70px;
    padding: 5px 0px;
  }

  .view-text{
    cursor: pointer;
  }

  .view-text:hover{
    text-decoration: none;
  }

  #credentials-templates .total-count {
    margin-top: 6px;
  }
  
  @media screen and (min-width: 575px) {
    .topdrpspace {
      margin-top: -15px;
    }
  
    .topdrpdeskspace {
      margin-top: -15px;
    }
  
    .bottomhead {
      margin-bottom: 20px;
      margin-top: 20px;
      margin-left: 106px;
    }
  }
  
  @media screen and (min-width: 750px) {
    .topdrpdeskspace {
      margin-left: -22px;
    }
  }
  
  @media screen and (max-width: 575px) {
    .topdrpdeskspace {
      margin-top: 15px;
    }
  
    .tblicon {
      margin-left: 5px;
      margin-right: 5px;
    }
  }
  
  #credentials-templates .BackIcon {
    width: 50px;
    height: 50px;
    margin-top: 0px;
  }
  
  #credentials-templates .count-role-icon {
    width: 42px;
    height: 42px;
  }
  
  .role-dp-menu {
    height: 75px;
    overflow-y: auto;
  }
  
  .email-error-msg {
    line-height: 0px;
    margin: 0px;
    font-size: 14px;
    text-align: left;
    padding-left: 20px;
    color: red;
  }
  
  #credentials-templates .margin-adjust-cls {
    margin-bottom: 60px;
  }
  
#Dashboard .main {
  margin-top: 28px;
  padding-bottom: 100px;
}

#Dashboard .container{
  margin-bottom: 0px;
}

#Dashboard .countcard {
  widows: 100%;
  height: 59px;
  max-width: 192px;
  margin: 0 auto;
  text-align: center;
  color: white;
  background: linear-gradient(98.55deg,
      #77cde9 -15.02%,
      rgba(0, 255, 240, 0) 144.36%);
  padding: 10px;
  padding-top: 16px;
  border-radius: 10px;
  margin-top: 20px;
  box-shadow: 0px 10px 20px 4px #dee2e64a;
  cursor: pointer;
}

#Dashboard .countcard.liveprojects {
  background: linear-gradient(98.22deg,
      rgba(255, 69, 0, 0.66) 43.69%,
      rgba(255, 69, 0, 0) 145.93%);
  cursor: pointer;
}

#Dashboard .countcard.hackathons,
#Dashboard .countcard.orange-grad-card {
  background: linear-gradient(98.22deg,
      rgba(255, 69, 0, 0.66) 43.69%,
      rgba(255, 69, 0, 0) 145.93%);
}

#Dashboard .countcard.internships {
  background: linear-gradient(102.79deg,
      rgba(40, 99, 247, 0.79) 40.75%,
      rgba(40, 99, 247, 0) 119.81%);
  cursor: pointer;
}

#Dashboard .countcard.count-card-dash {
  max-width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 10px;
}

#Dashboard .countcard h2 {
  font-weight: 800;
  font-size: 20px;
  margin-top: 40px;
}

#Dashboard .countcard h3 {
  font-weight: 600;
  font-size: 18px;
}

.Dashboard .countcard {
  background: orange;
}

#Dashboard .d-chart-heading {
  text-align: left;
  margin-bottom: 20px;
  margin-top: 25px;
}

#Dashboard .d-chart-heading .heading {
  font-size: 30px;
  text-align: left;
  font-weight: 600;
  color: #fe4726;
  text-shadow: 0px 1px 1px rgb(104 104 104 / 12%);
}

@media screen and (max-width: 1300px) {
  #Dashboard .d-chart-heading .heading{
    font-size: 25px;
  }
}

@media screen and (min-width: 991px) {
  #Dashboard .countcard.count-card-dash {
    padding: 10px 20px;
  }
}
/* #learnerdashboard {
  background-color: #f3f5f8;
} */
#learnerdashboard .outerwrapper {
  padding: 20px 10px;
  border: 1px solid #dee2e6;
  box-shadow: 0px 3px 66px #f2f2f2;
  border-radius: 16px;
  margin-top: 50px;
}
#learnerdashboard .profilewrapper-dash {
  height: 100px;
  width: 100px;
  border-radius: 50%;
  position: relative;
  display: inline-block;
  vertical-align: top;
}
#learnerdashboard .profile-img-dash {
  height: 100px;
  width: 100px;
  border-radius: 50%;
  border: 2px solid #f2f2f2;
}
#learnerdashboard .edit-dash {
  width: 40px;
  height: 40px;
  position: absolute;
  left: 90px;
  z-index: 0;
  border-radius: 50%;
  bottom: -7px;
  cursor: pointer;
}
#learnerdashboard p {
  /* margin-bottom: 0px; */
}
#learnerdashboard .block-dash {
  display: inline-block;
  margin-left: 10px;
  vertical-align: middle;
}
#learnerdashboard .stud-name-dash {
  font-size: 24px;
  font-weight: 600;
}
#learnerdashboard .stud-bio-dash {
  font-size: 18px;
  color: #676767;
}
#learnerdashboard .innerwrapper {
  display: flex;
  align-items: center;
}
#learnerdashboard .button2 {
  width: -moz-max-content;
  width: max-content;
  padding: 10px 20px;
  margin-left: 10px;
}
#learnerdashboard .btn-dash {
  display: flex;
  justify-content: end;
  align-items: center;
  height: 100%;
}
#learnerdashboard .share-dash {
  color: #ff6c36;
  font-size: 18px;
  font-weight: 500;
  margin-right: 6px;
}
#learnerdashboard .sharewrapper {
  text-align: end;
  margin-top: 20px;
}
#learnerdashboard .edit-icon-img {
  width: 33px;
}
#learnerdashboard .d-chart-heading {
  text-align: left;
  margin-bottom: 20px;
  margin-top: 25px;
}

#learnerdashboard .d-chart-heading .heading {
  font-size: 30px;
  text-align: left;
  font-weight: 600;
  color: #fe4726;
  text-shadow: 0px 1px 1px rgb(104 104 104 / 12%);
}
#learnerdashboard .main-dash-heading {
  font-size: 30px;
  text-align: left;
  font-weight: 600;
  color: #fe4726;
  text-shadow: 0px 1px 1px rgb(104 104 104 / 12%);
}
#learnerdashboard .react-multiple-carousel__arrow--right {
  right: calc(4% + 1px);
  top: 45%;
}
#learnerdashboard .hackathon .date {
  top: 230px;
  right: auto;
}
#learnerdashboard .jobcard {
  margin-bottom: 30px;
  box-shadow: 0px 3px 16px #f2f2f2;
}
#learnerdashboard .hackathon {
  box-shadow: 0px 3px 16px #f2f2f2;
  margin-bottom: 30px;
}
#learnerdashboard .smallliveproject {
  margin-bottom: 30px;
  box-shadow: 0px 3px 16px #f2f2f2;
}
#learnerdashboard .coursebigcard {
  box-shadow: 0px 2px 14px 3px rgba(255, 130, 130, 0.2);
  margin-bottom: 30px;
}
#learnerdashboard .react-multiple-carousel__arrow {
  z-index: 0 !important;
}

#learnerdashboard .careerpathwaycard {
  margin: 0px;
}
@media screen and (max-width: 992px) {
  #learnerdashboard .btn-dash {
    justify-content: flex-start;
    margin-top: 10px;
  }
  #learnerdashboard .sharewrapper {
    text-align: start;
    margin-top: 5px;
  }
}

#learnerdashboard .sub-heading {
  color: #666;
  font-size: 28px;
}

#credentailissue .headertxt {
  font-size: 30px;
  text-align: left;
  font-weight: 600;
  color: var(--shadow) !important;
  text-shadow: 0px 1px 1px rgb(104 104 104 / 12%);
}
#credentailissue .searchvideo {
  width: 119px !important;
  font-family: "Roboto" !important;
  background-color: var(--shadow) !important;
  border: none !important;
  box-shadow: 1px 1px 2px 0px #c6d2d9;
  border-radius: 10px;
  height: 40px;
}

#credentailissue .searchboxx {
  width: 300px;
}

#credentailissue .cinput {
  border-radius: 10px;
  padding: 0px 20px;
  width: 310px;
  /* margin-left: 60px; */
  height: 40px;
  border: 1px solid #ccc;
  font-size: 12px;

  /* font-weight: 550; */
  font-family: "Roboto", sans-serif;
  font-style: normal;
  font-weight: 400;
  box-shadow: 1px 0px 8px 0px #dee2e663;
}

.searcharealive {
  display: flex;
  flex-wrap: wrap;
  /* justify-content: space-between; */
}

#credentailissue .content.hacka-content {
  margin-top: 20px;
}

.insidefieldlearning2 {
  margin-right: 25px;
}
.issue-cred-form .issue-cred-select {
  max-width: 340px;
  margin: 16px auto 0px;
}

#credentailissue h3 {
  font-size: 16px;
  font-weight: 600;
  text-align: left;
  word-break: break-word;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  max-height: 18px;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  /* text-shadow: 1px 1px white; */
  /* letter-spacing: 1px; */
  line-height: 18px;
  margin-top: 5px;
  text-transform: capitalize;
  margin-bottom: 5px;
}
.forgot-password1 {
  width: 126px;
  height: 27px;
  padding-left: 4px;
  font-style: normal;
  font-weight: 300;
  font-size: 14px;
  line-height: 16.5px;
  cursor: pointer;
  position: relative;
  top: -5px;
}
.notemodal {
  text-align: justify;
  font-size: 12px;
  line-height: 18px;
  font-weight: 500;
}

.notemodal12 {
  text-align: justify;
  font-size: 12px;
  line-height: 50px;
  font-weight: 500;
}
.save-btn {
  margin-top: 93px;
  width: 200px;
  justify-content: center;
  align-items: center;
  margin: auto;
  margin-top: -2px;
}

.modallabel {
  text-align: left;
  margin-bottom: 6px;
  font-weight: 600;
}
.css-166bipr-Input,
.css-1cfo1cf {
  transform: unset !important;
}

#issuer-credentials .issuer-profile {
    position: relative;
}

#issuer-credentials .issuer-profile .banner .banner-image {
    width: 100%;
    height: 210px;
    -o-object-fit: cover;
       object-fit: cover;
}

#issuer-credentials .issuer-profile .issuer-details {
    display: flex;
    position: relative;
}

#issuer-credentials .issuer-profile .issuer-details .info {
    padding-top: 24px;
    margin-left: 10px;
    width: 100%;
    text-align: left;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

#issuer-credentials .issuer-profile .issuer-details .info .issuer-name {
    line-height: 28px;
}

#issuer-credentials .issuer-profile .issuer-details .info .redirect .website-link {
    color: #fe4726;
    font-size: 14px;
    font-weight: 500;
    cursor: pointer;
    white-space: nowrap;
}

#issuer-credentials .issuer-profile .profile {
    min-width: 180px;
    height: 90px;
}

#issuer-credentials .issuer-profile .profile .profile-pic {
    width: 180px;
    height: 180px;
    border-radius: 50%;
    position: absolute;
    top: -90px;
    left: 0px;
    box-shadow: 0px 10px 20px 4px #dee2e64a;
    border: 4px solid white;
}

#issuer-credentials .cred-list {
    margin-top: 30px;
}

#issuer-credentials .paginationsection {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
}

#issuer-credentials .paginationsection .paginationallignment .pagination {
    margin-bottom: 0px;
}

#issuer-credentials .paginationsection .paginationallignment .pagination>li:first-child>a {
    border: 1px solid var(--flameorang);
    margin-right: 20px;
}

#issuer-credentials .paginationsection .paginationallignment .pagination>li:last-child>a {
    border: 1px solid var(--flameorang);
    margin-left: 20px;
}

#issuer-credentials .paginationsection .paginationallignment .pagination>.active>a,
#issuer-credentials .paginationsection .paginationallignment .pagination>.active>span,
#issuer-credentials .paginationsection .paginationallignment .pagination>.active>a:hover,
#issuer-credentials .paginationsection .paginationallignment .pagination>.active>span:hover,
#issuer-credentials .paginationsection .paginationallignment .pagination>.active>a:focus,
#issuer-credentials .paginationsection .paginationallignment .pagination>.active>span:focus {
    border: 1px solid var(--flameorang);
    box-shadow: 0px 6px 12px rgba(252, 108, 108, 0.34);
}

#issuer-credentials .social-icon-style {
    width: 20px;
    margin-left: 4px;
    margin-right: 4px;
}

@media screen and (max-width: 768px) {
    #issuer-credentials .paginationsection {
        flex-direction: column;
    }

    #issuer-credentials .paginationsection .paginationtxtholer {
        margin-bottom: 20px;
    }
}

@media screen and (max-width: 576px) {
    #issuer-credentials .issuer-profile .issuer-details {
        flex-direction: column;
    }

    #issuer-credentials .issuer-profile .issuer-details .info {
        margin-left: 0px;
        padding-top: 15px;
    }

    #issuer-credentials .paginationsection .paginationallignment .pagination>li>a {
        font-size: 12px;
    }

    #issuer-credentials .paginationsection .paginationallignment .pagination>li:first-child>a {
        margin-right: 10px;
    }

    #issuer-credentials .paginationsection .paginationallignment .pagination>li:last-child>a {
        margin-left: 10px;
    }
}
#courcescreen {
  /* height: 100vh; */
  /* overflow-y: auto; */
  margin-bottom: -61px;
  padding-bottom: 100px;
}

#courcescreen .searchbtn {
  width: 119px !important;
  font-family: "Roboto" !important;
  background-color: var(--shadow) !important;
  border: none !important;
  box-shadow: 1px 1px 2px 0px #c6d2d9;
  border-radius: 10px;
  height: 40px;
  margin-left: 25px;
  color: white;
}

:root {
  --shadow: #ff885e;
}

#courcescreen .searchbtn2 {
  width: 150px !important;
  font-family: "Roboto" !important;
  background-color: var(--shadow) !important;
  border: none !important;
  box-shadow: 1px 1px 2px 0px #c6d2d9;
  border-radius: 10px;
  height: 40px;
}

#courcescreen .cinput,
#videoscreen .cinput {
  border-radius: 10px;
  padding: 0px 20px;
  width: 310px;
  /* margin-left: 60px; */
  height: 40px;
  border: 1px solid #ccc;
  font-size: 12px;

  /* font-weight: 550; */
  font-family: "Roboto", sans-serif;
  font-style: normal;
  font-weight: 400;
  box-shadow: 1px 0px 8px 0px #dee2e663;
}

.insidefield2 {
  width: 200px;
  margin-left: 25px;
}

.insidefieldlive {
  width: 310px;
  margin-left: 25px;
}

.insidefieldlearning {
  width: 310px;
  position: relative;
}

.insidefieldlearning2 {
  margin-right: 25px;
}

.optiontext2.hacksearch {
  width: 20%;
}

.hacksearch .dropdown {
  width: 100%;
}

.hack .dropdown {
  width: 100%;
}

.insidefieldlearning .form-control.input {
  text-transform: capitalize;
}

.optiontext2 {
  font-size: 12px;
  font-family: "Roboto", sans-serif;
  color: #91979d;
  font-weight: 500;

  background: white;
  z-index: 999;

  text-align: left;
  border-radius: 8px;
  border: 1px solid var(--greyLight);
  box-sizing: border-box;
  outline: none;
  /* mix-blend-mode: normal; */
  box-shadow: 1px 0px 8px 0px #dee2e663;
  margin-bottom: 10px;
  position: absolute;
  margin-top: -15px;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 6px;
  padding-right: 8px;
}

#courcescreen .searchvideo {
  width: 119px !important;
  font-family: "Roboto" !important;
  background-color: var(--shadow) !important;
  border: none !important;
  box-shadow: 1px 1px 2px 0px #c6d2d9;
  border-radius: 10px;
  height: 40px;
}

.insidefieldlearning .optiontext2 {
  min-width: 13%
}

#courcescreen .dropdownaction2 {
  text-transform: capitalize;
}

.optiontext2 .hacksearch {
  min-width: 21% !important;
}

#courcescreen .dropdownaction2:hover,
#courcescreen .dropdownaction2:focus,
#courcescreen .dropdownaction2:active {
  background-color: var(--flameorang);

  color: var(--white);
  cursor: pointer;
  text-decoration: none;
}

/* #courcescreen .cinput:focus {
  background: #fff4f0;
} */
#courcescreen .cform {
  margin-bottom: 0 !important;
}

#courcescreen .filters {
  background-color: #fdf3f0;
  border: none;
  border-radius: 30px;
  width: 10rem;
}

#courcescreen .content.hacka-content {
  margin-top: 20px;
}

#courcescreen .headertxt {
  font-size: 30px;
  text-align: left;
  font-weight: 600;
  color: #495057;
  text-shadow: 0px 1px 1px rgb(104 104 104 / 12%);
}

#courcescreen .cwrapper img {
  display: none;
}

#courcescreen .feesselect,
#courcescreen .feesselect .react-dropdown-select .react-dropdown-select-dropdown {
  width: 150px;
  text-align: left;
}

#courcescreen .category {
  height: 120px;
}

#courcescreen .categoryarea {
  height: 100%;
  overflow-y: auto;
  overflow-x: hidden;
  margin-top: 30px;
}

#courcescreen .category span:hover {
  background-color: var(--shadow);
  color: white;
}

#courcescreen .category span {
  box-shadow: 14px 20px 20px 5px #dee2e652;
  width: 250px;
  padding: 22px;
  font-weight: 400;
  border-radius: 20px;
  text-transform: capitalize;
  font-size: 16px;
  opacity: 0.7;
  display: inline-block;
  cursor: pointer;
}

#courcescreen .category span:active {
  background-color: #ff6c36b5;
}

/*Video screen*/

#videoscreen .card {
  box-shadow: 0px 1px 10px rgb(196 196 196 / 63%);
  background: linear-gradient(313deg, #fd432294 0%, #fd4322e3 100%);
}

#videoscreen .card:nth-child(2n) {
  background: linear-gradient(313deg, #0d6efd9e 0%, #1573fd 100%);
}

.tophead {
  font-size: 30px;
  text-align: left;
  font-weight: 600;
  color: #fe4726;
  text-shadow: 0px 1px 1px rgba(104, 104, 104, 0.12);
}

#videoscreen.searcha {
  display: flex;
}

/* @media screen and (max-width: 500px) {
        #videoscreen .searcha{
        display: block;
        }
    } */
#videoscreen .searchboxx {
  width: 300px;
}

.searcharealive {
  display: flex;
  flex-wrap: wrap;
  /* justify-content: space-between; */
}

#courcescreen .nothing_found_img {
  text-align: left;
  margin: 30px 0px 0px -16px;
}

.nothing_found_img img{
  max-height: 125px;
}

#jobscreen .nothing_found_img {
  text-align: left;
  margin: 30px 0px 0px -30px;
}

#courcescreen .btn-div-opportunity {
  display: flex;
}

#courcescreen .btn-div-opportunity .searchbtn {
  margin-left: 0px;
  margin-right: 25px;
}

#courcescreen .opportunity-col {
  margin-bottom: 15px;
}

#courcescreen .skills-multidropdown .css-13cymwt-control {
  overflow: hidden;
}

#courcescreen .skills-multidropdown .css-1dyz3mf {
  overflow: auto;
  height: 100%;
}

@media screen and (max-width: 1199px) {
  .insidefieldlearning {
    width: 310px;
  }

  /* #courcescreen .searchbtn {
  
    margin-left: -150px;

} */

  .insidefieldlive {

    margin-left: 0px;
  }
}

.searchboxlive {
  width: 280px;
}

.headtitle.htitle {
  margin-top: 0;
}

@media screen and (max-width: 768px) {
  #courcescreen .btn-div-opportunity {
    justify-content: center;
  }

  #courcescreen .btn-div-opportunity .searchbtn {
    margin: 0 12.5px;
  }
}

@media screen and (max-width: 750px) {
  .tophead {
    margin-top: 25px;
    font-size: 20px;
  }

  .insidefieldlearning .optiontext2 {
    min-width: 95%
  }
}
#credentialtemplate {
  /* overflow: hidden; */
  margin-top: 20px;
  padding-bottom: 20px;
}

#credentialtemplate .col-div {
  padding-top: 10px;
  padding-bottom: 20px;
}

#credentialtemplate .top-section {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

#credentialtemplate .profilenavbar{
  margin-bottom: 10px;
  display: flex;
}

#credentialtemplate .profilenavbar a{
  margin-left: 0px;
  margin-right: 15px;
  padding: 8px 16px;
  /* box-shadow: 0px 3px 66px #f2f2f2; */
}

/* #credentials-templates .profilenavbar {
  margin-bottom: 10px;
  margin-top: 0px;
} */

#credentialtemplate .profilenavbar .nav{
  flex-wrap: nowrap;
}

#credentialtemplate .profilenavbar a {
  color: var(--darkGrey);
  font-weight: 400;
  font-size: 14px;
  background: #ffffff63;
  border-radius: 10px;
  box-shadow: 0px 10px 20px 4px #dee2e64a;
  margin-left: 0;
  margin-right: 15px;
  margin-bottom: 10px;
  border: 1px solid #f8f9fa;
  padding: 8px 16px;
}

#credentialtemplate .profilenavbar .active {
  border-bottom: 3px solid var(--coloractive);
  color: var(--coloractive);
  color: #ff6c36;
  background: #ffffff63;
  border-radius: 10px;
  box-shadow: 0px 11px 20px 3px #dee2e6c7;
}

#credentialtemplate .top-section svg {
  fill: #ff6c36;
  margin-left: 8px;
  margin-bottom: 4px;
}

#credentialtemplate .certimg {
  width: 100%;
  height: 100%;
  max-height: 220px;
  opacity: 1;
  -o-object-fit: contain;
     object-fit: contain;
  transition: opacity 0.5s ease;
}

#credentialtemplate .add-section {
  min-height: 180px;
  display: flex;
  justify-content: center;
  align-items: center;
}

#credentialtemplate .add-section span {
  font-size: 18px;
  font-weight: 500;
}

#credentialtemplate .add-section svg {
  fill: #ff6c36;
  margin-left: 8px;
}

#credentialtemplate .imgwrapper:hover .certimg {
  opacity: 0.5;
}

#credentialtemplate .img-hover-button {
  transition: 0.5s ease;
    position: absolute;
    opacity: 0;
    text-align: center;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

#credentialtemplate .cardBtn{
  display: flex;
  width: 100%;
    height: 100%;
    justify-content: center;
    align-items: center;
}

#credentialtemplate .card-topBtn{
  position: absolute;
  top: 10px;
  right: 10px;
  display: flex;
  cursor: pointer;
}

#credentialtemplate .actionBtn{
  width: 35px;
  height: 35px;
  background: #ff6c36;
  border-radius: 50%;
  margin: 0 4px;
  display: flex;
  align-items: center;
  justify-content: center;
}

#credentialtemplate .actionBtn svg{
  stroke: white;
  fill: white;
  width: 20px;
  height: 20px;
}

#credentialtemplate .imgwrapper:hover .img-hover-button {
  opacity: 1;
}

#credentialtemplate .imgwrapper {
  position: relative;
  max-height: 350px;
  box-shadow: 0px 3px 66px #f2f2f2;
  border: 1px solid #dee2e6;
  border-radius: 14px;
  width: 100%;
  height: 100%;
  margin-top: 10px;
  margin-bottom: 10px;
  overflow: hidden;
}

#credentialtemplate .buttonmain {
  height: 32px;
  font-size: 13px;
  margin-right: 10px;
  margin-left: 10px;
  width: 74px;
}

#credentialtemplate .btn-section{
  text-align: end;
}

#credentialtemplate .btn-section .buttonmain {
  height: 40px;
  font-size: 14px;
  margin-right: 0px;
  margin-left: 10px;
  margin-top: 0px;
  width: -moz-max-content;
  width: max-content;
  padding: 0px 10px;
}

#credentialtemplate .button1 {
  background-color: #ff6c36;
}

.popupimg {
  width: 100%;
  padding: 30px;
}

#credentialtemplate .showMobile {
  display: none;
}

#credentialtemplate .hideMobile {
  display: block;
}

#credentialtemplate .selectSize{
  display: flex;
  align-items: center;
  margin-bottom: 10px;
}

#credentialtemplate .select-dropdownn{
  width: 300px;
  /* margin-left: 15px; */
}

#credentialtemplate .searchBtn .buttonmain{
  height: 38px;
  margin-right: 0px;
}

.designBtn{
    width: -moz-max-content;
    width: max-content;
    font-family: "Roboto" !important;
    background-color: var(--shadow) !important;
    border: none !important;
    box-shadow: 1px 1px 2px 0px #c6d2d9;
    border-radius: 10px !important;
    height: 40px;
}

#courcescreen .right-btn{
  display: flex;
}

#courcescreen .left-btn.btnn-div{
  display: none;
}

@media screen and (max-width:1024px) {
  #courcescreen .right-btn{
    display: none;
  } 
  #courcescreen .left-btn.btnn-div{
    display: block;
  }
}

@media screen and (max-width: 768px) {
  #credentialtemplate .showMobile {
    display: block;
    fill: #ff6c36;
  }

  #credentialtemplate .btn-section {
    margin-top: 7px;
  }

  #credentialtemplate .hideMobile {
    display: none;
  }
  #credentialtemplate .selectSize{
    justify-content: space-between;
  }

  #courcescreen .badgelist-input{
    margin-right: 0px;
    width: 100%;
  }

  #courcescreen .badgelist-input .cinput{
    width: 100%;
  }
}

@media  screen and (max-width: 440px) {
  #credentialtemplate .profilenavbar a {
    padding: 8px 10px;
  }
  #credentialtemplate .profilenavbar a {
    margin-right: 14px;
  }
}
#selectbadge {
  overflow: hidden;
  text-align: left;
}
#selectbadge .outerwrappercert {
  border-radius: 8px;
  /* box-shadow: 0px 3px 66px #f2f2f2; */
  border: 1px solid #dee2e6;
  width: 100%;
  max-width: 300px;
  padding: 35px 15px;
  position: relative;
}
#selectbadge .imgcert {
  width: 100%;
  height: 190px;
  -o-object-fit: contain;
     object-fit: contain;
}
#selectbadge .loader-div {
  width: 100%;
  height: 190px;
  display: flex;
  align-items: center;
  justify-content: center;
}
#selectbadge .pencil {
  /* width: 14px;
  height: 14px; */
  color: #ff885e;
  cursor: pointer;
}
#selectbadge .preview-text {
  color: blue;
  font-size: 16px;
  font-weight: 500;
}
#selectbadge .eyeicon {
  margin-left: 10px;
  width: 24px;
}
#selectbadge .btn-secondary:not(:disabled):not(.disabled).active,
.btn-secondary:not(:disabled):not(.disabled):active,
.show > .btn-secondary.dropdown-toggle {
  color: unset !important;
  background-color: unset !important;
  border-color: transparent !important;
  box-shadow: none !important;
}
#selectbadge .btn-secondary {
  color: unset !important;
  background-color: unset !important;
  border-color: transparent !important;
  box-shadow: none !important;
}
#selectbadge .btn-secondary:not(:disabled):not(.disabled).active:focus,
.btn-secondary:not(:disabled):not(.disabled):active:focus,
.show > .btn-secondary.dropdown-toggle:focus {
  box-shadow: none !important;
}
#selectbadge .dropdown-toggle::after {
  display: none;
}
#selectbadge .dropdown,
.dropleft,
.dropright,
.dropup {
  position: absolute;
  top: 0;
  right: 0;
}

.user-profile-card .proficons {
    position: absolute;
    top: 14px;
    right: 18px;
  }
#courselist .headertext {
  margin-top: 26px;
}

#courselist .addforinstitute {
  cursor: pointer;
  width: 33px;
  height: 33px;
  /* top: -6px; */
  position: absolute;
  right: 36px;
}
#courselist .mycourse-drp .dropdown {
  background-color: white;
  left: 0px;
  right: 0px;
  padding: 10px 0px;
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
}
#courselist .course-info .dropdown-menu {
  transform: translate3d(-145px, 28.8px, 0px) !important;
}
#courselist .addforinstitutehack {
  cursor: pointer;
  width: 33px;
  height: 33px;
  /* top: -6px; */
  position: absolute;
  right: 35px;
}

#courselist .margintop {
  margin-top: 35px;
}

#courselist .course .courseheadtitle {
  font-size: 30px;
  text-align: left;
  font-weight: 600;
  color: #495057;
  text-shadow: 0px 1px 1px rgb(104 104 104 / 12%);
}

#courselist .norecord {
  /* padding-top: 58px; */
  /* padding-left: 20px; */
  padding-right: 20px;
  text-align: left;
}

.cardcreate {
  width: 176px;
  height: 150px;
  display: inline-block;
  position: relative;
  margin: 20px;
  box-shadow: 0 0 4px rgb(0 0 0 / 25%);
  border-radius: 10px;
  font-size: 18px;
  font-weight: 600;
  color: #e9ecef;
  cursor: pointer;
  position: relative;
}
#courselist .nothningfound-image-wrapper {
  text-align: start;
  padding-top: 40px;
}
#courselist .cinput,
#videoscreen .cinput {
  border-radius: 10px;
  padding: 0px 20px;
  width: 310px;
  height: 40px;
  border: 1px solid #ccc;
  font-size: 12px;
  font-family: "Roboto", sans-serif;
  font-style: normal;
  font-weight: 400;
}
#courselist .searchvideo {
  width: 119px !important;
  font-family: "Roboto" !important;
  background-color: var(--shadow) !important;
  border: none !important;
  box-shadow: 1px 1px 2px 0px #c6d2d9;
  border-radius: 10px;
  height: 40px;
}
#courselist .searchbt {
  margin-right: 25px;
}
#courselist .profilenavbar {
  margin-top: 15px;
}
@media screen and (max-width: 860px) {
  #courselist .course-info .dropdown-menu {
    transform: translate3d(0.0875113px, 28.5px, 0px) !important;
  }
}
.courseheadtitle {
  font-size: 30px;
  text-align: left;
  font-weight: 600;
  color: #495057;
  text-shadow: 0 1px 1px rgb(104 104 104 / 12%);
}

#courselist .profilenavbar {
  position: relative;
  margin-bottom: 10px;
  margin-top: 15px;
}

#courselist .profilenavbar a {
  color: var(--darkGrey);
  font-weight: 400;
  font-size: 14px;
  background: #ffffff63;
  border-radius: 10px;
  box-shadow: 0px 10px 20px 4px #dee2e64a;
  margin-left: 15px;
  margin-bottom: 10px;
  border: 1px solid #f8f9fa;
  padding: 8px 16px;
}

#courselist .profilenavbar .active {
  border-bottom: 3px solid var(--coloractive);
  color: var(--coloractive);
  color: #ff6c36;
  background: #ffffff63;
  border-radius: 10px;
  box-shadow: 0px 11px 20px 3px #dee2e6c7;
}

.tabs {
  position: relative;
  margin-bottom: 33px;
  margin-top: 30px;
  border-bottom: 0;
}

@media screen and (max-width: 768px) {
  #courselist .insidefieldlearning2 {
    width: 100%;
    margin-right: 0px;
  }
  #courselist .cinput {
    width: 100%;
  }
}

.coursemodal .iconContainerformodal {
  background-color: rgb(243 243 243 / 46%);
  border-radius: 16px;
  width: 675px;
  height: 100%;
  margin-right: 10px;
  overflow: hidden;
  padding: 5px 0px;
}

.coursemodal .bgforimg {
  width: 42px !important;
  height: 42px !important;
  aspect-ratio: 1;
  border-radius: 50%;
  margin: 18px;
}

.coursemodal .firstlettercapsformodal {
  text-transform: capitalize;
  font-size: 16px;
  font-weight: 400;
  color: #4a4a4a;
  /* margin-left: -3px; */
}

.coursemodal .firstlettercapsformodal2 {
  text-transform: capitalize;
  font-size: 16px;
  font-weight: 400;
  color: #4a4a4a;
  width: 90%;
}

.credentials-title {
  font-size: 22px;
}

.my-opportunity .course {
  padding: 0px;
}

#courselist.my-opportunity .course .profilenavbar a {
  margin-left: 0px;
  margin-right: 15px;
}

.load {
  z-index: 10000;
  position: fixed;
  top: 0;
  left: 0;
  background-color: #fffffff7;
  /* border-radius: 30px; */
  width: 100%;
  height: 100%;
}
.loader {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 170px;
  height: 40px;
  transform: translate(-50%, -50%);
}

.loadgo-wrapper {
  height: 100vh;
  width: 100vw;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  z-index: 9999;
  background-color: #fff;
}
.logo-container {
  width: 30vw;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.load .loader .image-load-text {
  font-size: 20px;
}
.load .loader .imageupload-loader {
  height: 20px;
}

.load .loader .imageupload-loader .progress-bar {
  display: flex;
  /* background-color: rgb(0, 153, 0); */
  background-color: var(--blue-f8);
  background-size: 1rem;
}
#my-image {
  width: 100%;
  height: 100%;
}
#my_id {
  font-weight: bold;
  font-size: 16px;
}
.disappear {
  animation: animate 0.4s linear forwards !important;
}
@keyframes animate {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
.glow {
  animation: animate2 5s ease-out forwards;
  animation-iteration-count: 70;
}
/* @keyframes animate2{
    0%{
        filter: drop-shadow(0 0 0 crimson);
    }
    20%{
        filter: drop-shadow(0 0 10px rgb(247, 99, 1));
    }
    40%{
        filter: drop-shadow(0 0 10px rgb(248, 10, 2));
    }
    60%{
        filter: drop-shadow(0 0 10px rgb(27, 10, 182));
    }
    80%{
        filter: drop-shadow(0 0 10px rgb(215, 230, 6));
    }
    100%{
        filter: drop-shadow(0 0 0 crimson);
    }
} */
@keyframes animate2 {
  0% {
    transform: scale(1);
    filter: hue-rotate(-0.1turn) contrast(0.8);
  }
  50% {
    /* filter: hue-rotate(3.142rad); */
    filter: hue-rotate(0turn) contrast(2);
    transform: scale(1.04);
  }
  100% {
    transform: scale(1);
    filter: hue-rotate(-0.1turn) contrast(0.8);
  }
}

@media screen and (max-width: 991px) {
  #my-image {
    width: 70px;
    height: 20px;
  }
}

#jobscreen{
  padding-bottom: 100px;
}
#jobscreen .cinput {
  font-size: 12px;
  font-weight: 600;
  border-radius: 10px;
  padding: 0px 20px;
  height: 40px;
  border: 1px solid #ccc;
  box-shadow: 1px 1px 2px 0px #c6d2d9;
  font-family: "Roboto", sans-serif;
  font-style: normal;
  font-weight: 500;
}
#jobscreen .search-clearButton {
  justify-content: end;
}

#jobscreen .clearbtn1 {
  margin-left: 40px;
}
.list-form{
  padding: 10px 0px;
}
@media screen and (max-width: 768px) {
  #jobscreen .search-clearButton {
    justify-content: center;
  }
}

@media screen and (max-width: 768px) {
    #courcescreen .hacka-content .form-group{
        width: 100%;
    }
    
    #courcescreen .hacka-content .form-group .cinput{
        width: 100%;
    }
    
    #courcescreen .hacka-content .insidefieldlearning{
        width: 100%;
        margin-right: 0px;
    }

    #courcescreen .hacka-content .btnn-div{
        width: unset;
    }

    #courcescreen .hacka-content .search-field{
        margin-right: 0px;
    }
}

.searchbtn2{
    margin-bottom: 20px;
}

.table-responsive{
    font-size: 14px ;
}
.tableimg{
    height: 50px;
    width: 50px;
    margin:0 80px;
}

.list .q-box {
    display: flex;
    width: 100%;
    justify-content: space-between;
    margin-bottom: 20px;
}

.list .searchbtn2 {
    width: 150px !important;
  font-family: "Roboto" !important;
  background-color: var(--shadow) !important;
  border: none !important;
  box-shadow: 1px 1px 2px 0px #c6d2d9;
  border-radius: 10px;
  height: 40px;
  }
  
.vertical-center {
    vertical-align: middle;
  }
  
  #opp-cat table {
    border-collapse: separate;
    border-spacing: 0 10px;
    width: 100%;
    text-align: left;
  }
  
  #opp-cat td,
  #opp-cat th {
    border: none;
    padding: 0.75rem 1.5rem;
    vertical-align: middle;
    text-transform: capitalize;
  }
  
  #opp-cat thead {
    border: 1px solid #dee2e6;
    border-radius: 10px;
    background-color: #f8f9fa;
  }
  
  #opp-cat thead th {
    padding: 0.75rem 1.5rem;
    vertical-align: middle;
    text-transform: capitalize;
    border-top: 1px solid #dee2e6;
    border-bottom: 1px solid #dee2e6;
  }
  
  #opp-cat thead th:first-child {
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    border-left: 1px solid #dee2e6;
  }
  
  #opp-cat thead th:last-child {
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    border-right: 1px solid #dee2e6;
  }
  
  #opp-cat tbody tr {
    background-color: white;
    box-shadow: 0px 0px 0px 1px #dee2e6;
    border-radius: 10px;
    border-left: 1px solid #dee2e6;
    border-right: 1px solid #dee2e6;
  }
  
  #opp-cat tbody tr:first-child td:first-child {
    border-top-left-radius: 10px;
  }
  
  #opp-cat tbody tr:first-child td:last-child {
    border-top-right-radius: 10px;
  }
  
  #opp-cat tbody tr:last-child td:first-child {
    border-bottom-left-radius: 10px;
  }
  
  #opp-cat tbody tr:last-child td:last-child {
    border-bottom-right-radius: 10px;
  }
  
  #opp-cat thead th {
    padding: 0.75rem 1.5rem;
    vertical-align: middle;
    text-transform: capitalize;
    background-color: #f8f9fa;
  }
  #opp-cat td:first-child,
  #opp-cat th:first-child {
    border-left: 1px solid #dee2e6;
    border-radius: 10px 0 0 10px;
  }
  
  #opp-cat td:last-child,
  #opp-cat th:last-child {
    border-right: 1px solid #dee2e6;
    border-radius: 0 10px 10px 0;
  }
  
.dpround2 .profilecircle {
  height: 50px;
  width: 50px;
  border-radius: 50%;
  position: relative;
  display: inline-block;
  vertical-align: top;
}
.dpround2 {
  width: 100%;
}
.dpround2 .bioarea {
  width: 100%;
  height: auto;
  transform: translate(0, -25%);
  margin-top: 25px;
}
.dpround2 .profilecircleContainer {
  position: absolute;
  left: 20px;
  margin-top: -65px;
  z-index: 3;
}

.dpround2 .profilecircleContainer2 {
  position: absolute;
  left: 35px;
  margin-top: -70px;
  z-index: 3;
}
.dpround2 .profilecircle img {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  cursor: pointer;
}

.dpround2 .editcamera {
  width: 22px;
  height: 22px;
  position: absolute;
  left: 30px;
  z-index: 0;
  background: #d8d8d8;
  border-radius: 50%;
  bottom: 0px;
  cursor: pointer;
}

.dpround2 .cameracircle {
  position: relative;
  width: 100%;
  height: 100%;
  cursor: pointer;
}

.dpround2 .editcamera img {
  margin: 0 auto;
  width: 13px;
  height: auto;
  border-radius: unset;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  cursor: pointer;
}
.dpround2 .userbio {
  height: 50px;
  margin-inline-start: 10px;
  width: calc(100% - 60px);
  max-width: 300px;
  display: inline-block;
}

/* .dpround2 .title {
  font-weight: 300;
  text-align: left;
  font-size: 14px;
  color: #ffffff;
} */
/* .green--Text {
  color: var(--greenText);
  font-family:  'Roboto', sans-serif;
  font-weight: 300;
  font-size: 14px;
  line-height: 16px;
} */

.dpround2 .edit {
  width: 14px;
  height: 14px;
  color: #ff885e;
  margin-left: 4px;
  cursor: pointer;
}

.dpround2 .username {
  /* font-size: 15px;
  font-weight: bolder;
  color: white;
  text-align: left; */
  margin-inline-start: 4px;
  font-size: 12px;
  font-weight: 300;
  color: white;
  text-align: left;
}
.dpround2 .title {
  font-weight: 300;
  text-align: left;
  font-size: 14px;
  color: #ffffff;
  line-height: 19px;
}
/* .green--Text {
   color: var(--greenText);
   font-family:  'Roboto', sans-serif;
   font-weight: 300;
   font-size: 14px;
   line-height: 16px;
 } */

.dpround2 .edit {
  width: 14px;
  height: 14px;
  color: #ff885e;
  margin-left: 4px;
  cursor: pointer;
}
.dpround2 .editbanner {
  top: 30px;
  position: absolute;
  right: 20px;
  background: #ffffff;
  border-radius: 8px;
  font-weight: 400;
  font-size: 12px;
  color: #4f4f4f, 100%;
  padding: 5px;
  cursor: pointer;
  z-index: 3;
}
.dpround2 .editbanner2 {
  top: 30px;
  position: absolute;
  right: 35px;
  background: #ffffff;
  border-radius: 8px;
  font-weight: 400;
  font-size: 12px;
  color: #4f4f4f, 100%;
  padding: 5px;
  cursor: pointer;
  z-index: 3;
}
.dpround2 .editbanner img {
  width: 20px;
  margin-inline-end: 5px;
  cursor: pointer;
  margin-top: -3px;
}

.dpround .profilecircle {
  height: 130px;
  width: 130px;
  /* border: 3px solid #f1f1f1; */
  border-radius: 50%;
  position: relative;
}
.dpround .profilecircle img {
  width: 100%;
  height: 100%;
  border-radius: 50%;
}

.dpround .editcamera {
  width: 32px;
  height: 32px;
  position: absolute;
  right: -3px;
  z-index: 0;
  background: #d8d8d8;
  border-radius: 50%;
  bottom: 25px;
  cursor: pointer;
}
.dpround .cameracircle {
  position: relative;
  width: 100%;
  height: 100%;
  cursor: pointer;
}

.dpround .editcamera img {
  margin: 0 auto;
  width: 20px;
  height: auto;
  border-radius: unset;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  cursor: pointer;
}
.dpround .userbio {
  display: inline-block;
  margin-left: 10px;
}
.dpround .username {
  /* font-size: 20px;
  font-weight: 400;
  color: #4f4f4f; */
}
.dpround .title {
  /* font-weight: 300;
  font-size: 14px;
  color: #6fcf97; */
  font-size: 14px;
  font-weight: 300;
  text-align: left;
  font-size: 14px;
  color: #ffffff;
  margin-top: 5px;
}
/* .green--Text {
  color: var(--greenText);
  font-family:  'Roboto', sans-serif;
  font-weight: 300;
  font-size: 14px;
  line-height: 16px;
} */

.dpround .edit {
  width: 12px;
  height: 12px;
  margin-left: 4px;
  cursor: pointer;
}
/* @media screen and (max-width: 768px) {
.pen {
  left:410px;
}
} */

@media screen and (max-width: 2000px) {
  .dpround .editbanner {
    top: 80px;
    position: absolute;
    right: 10px;
    background: #d8d8d8;
    border-radius: 8px;
    font-weight: 400;
    font-size: 12px;
    color: #4f4f4f, 100%;
    padding: 5px;
    cursor: pointer;
  }
  .dpround .editbanner img {
    width: 20px;
    display: inline;
    margin-right: 5px;
    cursor: pointer;
  }
}

@media screen and (max-width: 991px) {
  .dpround .editbanner {
    top: -123px;
    right: 0px;
    padding: 7px;
    border-radius: 50%;
    padding-bottom: 9px;
  }
  .dpround .cameratext {
    display: none;
  }
  .dpround .editbanner img {
    display: inline;
    margin-right: 0px;
    cursor: pointer;
  }
}

/* @media screen and (max-width: 550px) {
.dpround2 .title {
  font-size: 11px;
}

} */

/* .dpround .editbanner{
top:80px;
position: absolute;
right: 10px;
background: #D8D8D8;
border-radius: 8px;
font-weight: 400;
font-size: 12px;
color: #4F4F4F, 100%;
padding: 5px;
cursor: pointer;
}

@media screen and (max-width: 991px) {
.dpround .editbanner{
  top:-280px;
  position: relative;
  background: #D8D8D8;
  border-radius: 8px;
  font-weight: 400;
  font-size: 12px;
  color: #4F4F4F, 100%;
  padding: 5px;
  cursor: pointer;
  left: 60%;
  width: 40%;
}
}

.dpround .editbanner img{
width: 20px;
display: inline;
margin-right: 5px;
cursor: pointer;
} */
.referalicon2 {
  color: white;
  overflow: hidden;
  display: inline;
  margin-left: 12px;
}
.reficon {
  margin-left: 5px;
  width: 20px;
  height: 20px;
  margin-top: -5px;
  cursor: pointer;
}

.dpround .profilecircle {
  margin: 0 auto;
}
.dpround2 .topleft {
  position: absolute;
  top: 30px;
  /* top:61px; */
  left: 20px;
  text-align: left;
  z-index: 3;
}
.dpround2 .topleft2 {
  position: absolute;
  top: 30px;
  /* top:61px; */
  left: 35px;
  text-align: left;
  z-index: 3;
}
.dpround .profileicon,
.dpround2 .profileicon {
  display: inline-block;
}
.coropinsticon {
  width: 13px;
  height: 13px;
  position: relative;
  margin-top: -6px;
}

.proicon {
  width: 18px;
  height: 18px;
  position: relative;
  margin-top: -6px;
  margin-left: 0px;
}

.flname {
  color: white;
  text-align: left;
  margin-bottom: -3px;
  font-size: 16px;
  text-transform: capitalize;
  margin-top: 5px;
  line-height: 18px;
}

/* .scorerating {
  width: 50px;
  position: relative;
  margin-left: 8px;
  margin-top: -248px;
}
 .scoreratingprogresstext {
  position: absolute;
  left: 17px;
  top: 12px;
  font-size: 14px;
  color: #ffffff;
} */
.modal-profile-img {
  width: 100%;
  height: 100%;
  max-width: 400px;
}

@media screen and (max-width: 576px) {
  .dpround2 .profilecircleContainer,
  .dpround2 .topleft {
    left: 30px;
    z-index: 3;
  }

  .dpround2 .editbanner {
    right: 30px;
  }
}
.modal-profile-img-wrapper {
  position: relative;
  display: inline-block;
}

.modal-profile-img {
  display: block;
  width: 100%; /* Adjust as needed */
  height: auto; /* Adjust as needed */
}

.loader-container {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: flex;
  align-items: center;
  justify-content: center;
}

.template-card.card {
    box-shadow: 0px 3px 66px #f2f2f2;
    border: 1px solid #dee2e6;
    border-radius: 8px;
    overflow: hidden;
    height: 100%;
}

.template-card .card-header {
    text-align: left;
    height: 50px;
}

.template-card .card-header .card-name{
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-transform: capitalize;
}

.template-card .card-main {
    position: relative;
    height: 100%;
}

.template-card .templateImage {
    height: 100%;
    -o-object-fit: contain;
       object-fit: contain;
}

.template-card .card-hover {
    transition: 0.5s ease;
    position: absolute;
    opacity: 0;
    height: 100%;
    width: 100%;
    top: 0px;
    left: 0px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 4px;

}

.template-card .card-hover:hover {
    opacity: 1;
    background: rgba(0, 0, 0, 0.1);
}
#TemplateDesigns {
    /* overflow: hidden; */
    margin-top: 20px;
    padding-bottom: 15px;
  }
  
  #TemplateDesigns .col-div {
    padding-top: 10px;
    padding-bottom: 20px;
  }
  
  #TemplateDesigns .top-section {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  
  #TemplateDesigns .profilenavbar{
    margin-top: 10px;
    display: flex;
    margin-bottom: 10px;
  }

  #TemplateDesigns .profilenavbar a {
    color: var(--darkGrey);
    font-weight: 400;
    font-size: 14px;
    background: #ffffff63;
    border-radius: 10px;
    box-shadow: 0px 10px 20px 4px #dee2e64a;
    margin-left: 0px;
    margin-right: 15px;
    margin-bottom: 10px;
    border: 1px solid #f8f9fa;
    padding: 8px 16px;
  }
  
  #TemplateDesigns .profilenavbar .active {
    border-bottom: 3px solid var(--coloractive);
    color: var(--coloractive);
    color: #ff6c36;
    background: #ffffff63;
    border-radius: 10px;
    box-shadow: 0px 11px 20px 3px #dee2e6c7;
  }
  
  #TemplateDesigns .top-section svg {
    fill: #ff6c36;
    margin-left: 8px;
    margin-bottom: 4px;
  }
  
  #TemplateDesigns .certimg {
    width: 100%;
    height: 100%;
    max-height: 220px;
    opacity: 1;
    -o-object-fit: contain;
       object-fit: contain;
    transition: opacity 0.5s ease;
  }
  
  #TemplateDesigns .add-section {
    min-height: 180px;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  
  #TemplateDesigns .add-section span {
    font-size: 18px;
    font-weight: 500;
  }
  
  #TemplateDesigns .add-section svg {
    fill: #ff6c36;
    margin-left: 8px;
  }
  
  #TemplateDesigns .imgwrapper:hover .certimg {
    opacity: 0.5;
  }
  
  #TemplateDesigns .img-hover-button {
    transition: 0.5s ease;
      position: absolute;
      opacity: 0;
      text-align: center;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
  }
  
  #TemplateDesigns .cardBtn{
    display: flex;
    width: 100%;
      height: 100%;
      justify-content: center;
      align-items: center;
  }
  
  #TemplateDesigns .card-topBtn{
    position: absolute;
    top: 10px;
    right: 10px;
    display: flex;
    cursor: pointer;
  }
  
  #TemplateDesigns .actionBtn{
    width: 35px;
    height: 35px;
    background: #ff6c36;
    border-radius: 50%;
    margin: 0 4px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  
  #TemplateDesigns .actionBtn svg{
    stroke: white;
    fill: white;
    width: 20px;
    height: 20px;
  }
  
  #TemplateDesigns .imgwrapper:hover .img-hover-button {
    opacity: 1;
  }
  
  #TemplateDesigns .imgwrapper {
    position: relative;
    max-height: 350px;
    box-shadow: 0px 3px 66px #f2f2f2;
    border: 1px solid #dee2e6;
    border-radius: 14px;
    width: 100%;
    height: 100%;
    margin-top: 10px;
    margin-bottom: 10px;
    overflow: hidden;
  }
  
  #TemplateDesigns .buttonmain {
    height: 32px;
    font-size: 13px;
    margin-right: 10px;
    margin-left: 10px;
    width: 74px;
  }
  
  #TemplateDesigns .btn-section{
    text-align: end;
  }
  
  #TemplateDesigns .btn-section .buttonmain {
    height: 40px;
    font-size: 14px;
    margin-right: 0px;
    margin-left: 10px;
    margin-top: 0px;
    width: -moz-max-content;
    width: max-content;
    padding: 0px 10px;
  }
  
  #TemplateDesigns .button1 {
    background-color: #ff6c36;
  }
  
  #treq .content{
    margin-top: 20px;
  }
  .popupimg {
    width: 100%;
    padding: 30px;
  }
  
  #TemplateDesigns .showMobile {
    display: none;
  }
  
  #TemplateDesigns .hideMobile {
    display: block;
  }
  
  #TemplateDesigns .selectSize{
    display: flex;
    align-items: center;
    margin-bottom: 10px;
  }
  
  #TemplateDesigns .select-dropdownn{
    width: 300px;
    /* margin-left: 15px; */
  }
  
  #TemplateDesigns .searchBtn .buttonmain{
    height: 38px;
    margin-right: 0px;
  }
  
  .designBtn{
      width: -moz-max-content;
      width: max-content;
      font-family: "Roboto" !important;
      background-color: var(--shadow) !important;
      border: none !important;
      box-shadow: 1px 1px 2px 0px #c6d2d9;
      border-radius: 10px !important;
      height: 40px;
  }
  
  @media screen and (max-width: 768px) {
    #TemplateDesigns .showMobile {
      display: block;
      fill: #ff6c36;
    }
  
    #TemplateDesigns .btn-section {
      margin-top: 7px;
    }
  
    #TemplateDesigns .hideMobile {
      display: none;
    }
    #TemplateDesigns .selectSize{
      justify-content: space-between;
    }
  }
  
  @media  screen and (max-width: 440px) {
    #TemplateDesigns .profilenavbar a {
      padding: 8px 10px;
    }
    #TemplateDesigns .profilenavbar a {
      margin-right: 14px;
    }
  }
#pathway-details {
  font-family: Roboto;
  margin-top: 25px;
  text-align: start;
  padding-bottom: 20px;
  margin-bottom: 45px;
}

/* Top Section */

#pathway-details .top-section {
  padding: 36px 0px;
  background: rgba(209, 236, 241, 0.24);
  background: #d1ecf13d;
}

#pathway-details .pricewrapper {
  padding: 20px;
}

#pathway-details .pricetext {
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  color: #5296fd;
}

#pathway-details .top-section .top {
  max-width: 900px;
}

#pathway-details .top-section .opportunity-title {
  margin: 0px;
  font-size: 22px;
  font-style: normal;
  font-weight: 600;
  color: #1d2026;
  text-transform: capitalize;
}

#pathway-details .top-section .issuer-info {
  margin: 18px 0px;
  display: flex;
  align-items: center;
  cursor: pointer;
}

#pathway-details .top-section .issuer-info img {
  width: 36px;
  height: 36px;
  border: 2px solid #fff;
  border-radius: 50%;
}

#pathway-details .top-section .issuer-name {
  margin-left: 6px;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  color: #4e5566;
}

#pathway-details .top-section .last-line {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0px 8px 0px 0px;
}

#pathway-details .top-section .last-line .left-section {
  display: flex;
  align-items: center;
}

#pathway-details .top-section .last-line .img-wrapper img {
  width: 45px;
  height: 45px;
  -o-object-fit: cover;
     object-fit: cover;
  border: 2px solid #fff;
  border-radius: 50%;
}

#pathway-details .top-section .img-wrapper + .img-wrapper {
  margin-left: -8px;
}

#pathway-details .top-section .last-line .more-enroll div {
  width: 45px;
  height: 45px;
  padding: 10px;
  margin-left: -8px;
  color: #fff;
  border: 2px solid #fff;
  background: #ff6636;
  border-radius: 50%;
}

#pathway-details .top-section .last-line .right-section {
  display: flex;
  align-items: center;
}

#pathway-details .top-section .last-line .right-section div {
  margin-left: 6px;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  color: #1d2026;
}

#pathway-details .top-section .last-line .right-section div span {
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  color: #6e7485;
}

/* End Top Section */

/* Main Section */
#pathway-details .main-section .image-wrapper {
  margin: 15px 0px;
  margin-top: 32px;
  width: 100%;
  height: 100%;
  max-width: 635px;
  /* max-height: 350px; */
  border-radius: 14px;
}

#pathway-details .main-section .image-wrapper .pathway-img {
  width: 100%;
  vertical-align: top;
  padding: 8px;
  border-radius: 14px;
  border: 0;
  height: 100%;
  max-height: 380px;
  -o-object-fit: contain;
     object-fit: contain;
}

#pathway-details .main-section .opportunity-details {
  position: relative;
  max-width: 900px;
}

#pathway-details .main-section .main-container {
  position: relative;
}

/* Extra info card */

#pathway-details .main-section .extra-info-card {
  position: absolute;
  width: 100%;
  max-width: 400px;
  z-index: 5;
  border-radius: 14px;
  top: -80px;
  inset-inline-end: 0px;
  background: #fff;
  box-shadow: 4px 4px 25px 0px rgba(0, 0, 0, 0.05);
}

#pathway-details .extra-info-card .top-section-extra {
  padding: 20px;
}

#pathway-details .extra-info-card hr {
  margin: 0px;
}

#pathway-details .extra-info-card .cost {
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  color: #5296fd;
}

#pathway-details .extra-info-card .mid-section-extra {
  padding: 20px;
}

#pathway-details .extra-info-card .mid-section-extra .ex-line {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 8px 0px;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  color: #6e7485;
}

#pathway-details .extra-info-card .mid-section-extra .ex-line img {
  width: 17px;
  height: 17px;
  margin-right: 12px;
}

#pathway-details .extra-info-card .bottom-section-extra {
  padding: 20px;
}

#pathway-details .extra-info-card .bottom-section-extra .share-section {
  margin: 12px 0px;
  color: #1d2026;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
}

#pathway-details .bottom-section-extra .share-section .btn-container {
  margin-top: 10px;
}

#pathway-details .bottom-section-extra .share-section .copy-btn {
  border-radius: 0px;
  margin: 4px;
  padding: 12px 20px;
  background: #f5f7fa;
  color: #4e5566;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  outline: none;
  border: none;
}

#pathway-details .bottom-section-extra .share-section .share-social-btn {
  background: #f5f7fa !important;
  width: 48px;
  height: 48px;
  margin: 4px;
}

#pathway-details .bottom-section-extra .share-section .share-social-btn img {
  width: 20px;
  height: 20px;
}

#pathway-details .bottom-section-extra .share-section .copy-btn img {
  margin-right: 6px;
}

/* End  Extra info*/

#pathway-details .main-section .overview-section {
  padding-top: 2px;
  /* margin-top: 32px; */
}

#pathway-details .main-section .overview-section h6 {
  margin: 10px 0px;
  max-width: 200px;
  /* text-align: center; */
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  color: #1d2026;
}

#pathway-details .main-section .overview-section .track {
  position: relative;
  height: 1px;
  background: #e9eaf0;
}

#pathway-details .main-section .track .filled-line {
  position: absolute;
  left: 0;
  height: 1px;
  width: 200px;
  background: #fff;
  box-shadow: 0px -2px 0px 0px #ff6636 inset;
}

#pathway-details .main-section .details-section {
  padding: 14px;
}

#pathway-details .main-section .designer-section {
  padding: 0px 14px;
}

#pathway-details .main-section .details-section .line-wrapper {
  margin-bottom: 8px;
}

#pathway-details .main-section .details-section .line,
#pathway-details .main-section .designer-section .line {
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  color: #393c41;
}

#pathway-details .main-section .details-section .line-text,
#pathway-details .main-section .designer-section .line-text {
  margin-top: 8px;
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  color: #4e5566;
}

/* .pathway-canvas.preview-mode .drawflow .parent-node{
height: 100%;
  }

  .pathway-canvas.preview-mode .drawflow{
height: 100%;
  } */

.pathway-design {
  margin-top: 12px;
  /* height: 500px; */
  box-shadow: 4px 4px 25px 0px rgba(0, 0, 0, 0.05);
  padding: 15px;
  border-radius: 14px;
}

.drawflow .connection {
  left: 0px;
  /* top: 0pc; */
  height: 100%;
}

.pathway-design .pathway-canvas {
  overflow: auto;
  background: white;
}

/* End Main section */
@media screen and (min-width: 1199px) and (max-width: 1699px) {
  #pathway-details .top-section .top,
  #pathway-details .main-section .opportunity-details {
    max-width: 720px;
  }
}

@media screen and (max-width: 1199px) {
  #pathway-details .top-section .top,
  #pathway-details .main-section .opportunity-details {
    max-width: 100%;
  }

  #pathway-details .main-section .extra-info-card {
    margin: 16px 0px;
    position: static;
    width: 100%;
    max-width: 100%;
    border-radius: unset;
    margin: 16px auto;
    margin-top: 36px;
  }

  #pathway-details .bottom-section-extra .enroll-btn-wrp {
    max-width: 350px;
    /* margin: 0px auto; */
  }
}

@media screen and (max-width: 786px) {
  #pathway-details .top-section .last-line {
    display: block;
  }

  #pathway-details .top-section .last-line .left-section {
    margin: 16px 0px;
  }

  #pathway-details .top-section .last-line .right-section div {
    margin-left: 0px;
  }
}

.ratings-details .left-section {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  max-width: 310px;
  height: 100%;
  margin: 0px auto;
  padding: 15px 15px;
  text-align: center;
  border: 1px solid #e9eaf0;
  background: #fff;
}

.ratings-details .left-section .avg-rating {
  text-align: center;
  font-size: 48px;
  font-style: normal;
  line-height: normal;
  font-weight: 600;
  color: #1d2026;
}

.ratings-details .left-section .ratings {
  margin-top: 4px;
}

.ratings-details .left-section .text {
  margin-top: 8px;
  text-align: center;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  color: #1d2026;
}
.ratings-details .right-section .rating-line {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.ratings-details .right-section .rating-line + .rating-line {
  margin-top: 8px;
}

.ratings-details .right-section .rating-line .mid-text {
  margin-left: 6px;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  color: #6e7485;
}
.ratings-details .rating-line .rating-perc {
  margin-left: 14px;
  flex-grow: 1;
}

.ratings-details .rating-line .rating-perc .track {
  position: relative;
  width: 100%;
  height: 8px;
  background: #fff2e5;
}

.ratings-details .rating-line .track .filled-rating {
  position: absolute;
  background: #fd8e1f;
  height: 8px;
  transition: 1s ease;
}

.ratings-details .right-section .rating-line .perc {
  width: 40px;
  text-align: end;
  margin-left: 6px;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  color: #1d2026;
}

@media screen and (max-width: 991px) {
  .ratings-details .right-section {
    margin-top: 16px;
  }
}
@media screen and (max-width: 576px) {
  .ratings-details .right-section {
    padding: 0px 8px;
  }
}

.review-card {
  font-family: Roboto;
  padding: 10px 0px;
  display: flex;
}

.review-card .left-side img {
  width: 42px;
  height: 42px;
  border-radius: 50%;
  border: 2px solid var(--gray-white, #fff);
  cursor: pointer;
}
.review-card .right-side {
  margin-left: 8px;
}

.review-card .right-side .review-name {
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  color: #1d2026;
  cursor: pointer;
}

.review-card .right-side .line1 {
  display: flex;
  align-items: center;
}

.review-card .right-side .dot {
  width: 4px;
  height: 4px;
  line-height: normal;
  background: #6e7485;
  border-radius: 50%;
  margin: 0px 8px;
}

.review-card .right-side .date-time {
  color: #6e7485;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
}

.review-card .right-side .review-desc {
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  color: #4e5566;
}

.review-card hr {
  height: 2px;
}

.DetailsCredentialsCard .credCardList {
  cursor: pointer;
  margin-bottom: 30px;
}

.DetailsCredentialsCard .card {
  height: 100%;
}

.DetailsCredentialsCard .card .card-body {
  padding: 10px;
}

.DetailsCredentialsCard .image-section {
  position: relative;
}

.DetailsCredentialsCard .certificateImg {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
  max-height: 162px;
}

.DetailsCredentialsCard .badgeImg {
  width: 45px;
  height: 45px;
  position: absolute;
  bottom: 0px;
  right: 0px;
}

.DetailsCredentialsCard .cred-name {
  margin-top: 8px;
  text-align: center;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  color: #1d2026;
  text-align: left;
}
#learnerProgram {
  font-family: Roboto;
  text-align: left;
  /* padding-bottom: 20px;
  margin-bottom: 45px; */
}

/* Top Section */

#learnerProgram .top-section {
  padding: 24px 16px;
  background: rgba(209, 236, 241, 0.24);
  background: #d1ecf13d;
}

#learnerProgram .top-section .opportunity-title {
  margin: 0px;
  font-size: 22px;
  font-style: normal;
  font-weight: 600;
  color: #1d2026;
  text-transform: capitalize;
}

#learnerProgram .top-section .issuer-info {
  margin: 8px 0px 0px 0px;
  display: flex;
  align-items: center;
  cursor: pointer;
}

#learnerProgram .top-section .issuer-info img {
  width: 40px;
  height: 40px;
  border: 2px solid #fff;
  border-radius: 50%;
}

#learnerProgram .top-section .issuer-name {
  margin-left: 6px;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  color: #4e5566;
}

#learnerProgram .top-section .last-line {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0px 8px 0px 0px;
}

#learnerProgram .top-section .last-line .left-section {
  display: flex;
  align-items: center;
}

#learnerProgram .top-section .last-line .img-wrapper img {
  width: 45px;
  height: 45px;
  -o-object-fit: cover;
     object-fit: cover;
  border: 2px solid #fff;
  border-radius: 50%;
}

#learnerProgram .top-section .img-wrapper + .img-wrapper {
  margin-left: -8px;
}

#learnerProgram .top-section .last-line .more-enroll div {
  width: 45px;
  height: 45px;
  padding: 10px;
  margin-left: -8px;
  color: #fff;
  border: 2px solid #fff;
  background: #ff6636;
  border-radius: 50%;
}

#learnerProgram .top-section .last-line .right-section {
  display: flex;
  align-items: center;
}

#learnerProgram .top-section .last-line .right-section div {
  margin-left: 6px;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  color: #1d2026;
}

#learnerProgram .top-section .last-line .right-section div span {
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  color: #6e7485;
}

/* End Top Section */

/* Main Section */
#learnerProgram .image-wrapper {
  width: 100%;
  height: 100%;
  max-width: 250px;
  /* max-height: 350px; */
  border-radius: 14px;
}

#learnerProgram .image-wrapper img {
  width: 100%;
  vertical-align: top;
  padding: 8px;
  border-radius: 14px;
  border: 0;
  height: 100%;
  max-height: 380px;
  -o-object-fit: contain;
     object-fit: contain;
}

#learnerProgram .main-container {
  position: relative;
}

/* Extra info card */

#learnerProgram .extra-info-card {
  position: absolute;
  width: 100%;
  max-width: 400px;
  z-index: 5;
  border-radius: 14px;
  top: -80px;
  right: 0px;
  background: #fff;
  box-shadow: 4px 4px 25px 0px rgba(0, 0, 0, 0.05);
}

#learnerProgram .extra-info-card .top-section-extra {
  padding: 20px;
}

#learnerProgram .extra-info-card hr {
  margin: 0px;
}

#learnerProgram .cost {
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  color: #5296fd;
}

#learnerProgram .extra-info-card .mid-section-extra {
  padding: 20px;
}

#learnerProgram .extra-info-card .mid-section-extra .ex-line {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 8px 0px;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  color: #6e7485;
}

#learnerProgram .extra-info-card .mid-section-extra .ex-line img {
  width: 17px;
  height: 17px;
  margin-right: 12px;
}

#learnerProgram .extra-info-card .bottom-section-extra {
  padding: 20px;
}

#learnerProgram .extra-info-card .bottom-section-extra .share-section {
  margin: 12px 0px;
  color: #1d2026;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
}

#learnerProgram .bottom-section-extra .share-section .btn-container {
  margin-top: 10px;
}

#learnerProgram .bottom-section-extra .share-section .copy-btn {
  border-radius: 0px;
  margin: 4px;
  padding: 12px 20px;
  background: #f5f7fa;
  color: #4e5566;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  outline: none;
  border: none;
}

#learnerProgram .bottom-section-extra .share-section .share-social-btn {
  background: #f5f7fa !important;
  width: 48px;
  height: 48px;
  margin: 4px;
}

#learnerProgram .bottom-section-extra .share-section .share-social-btn img {
  width: 20px;
  height: 20px;
}

#learnerProgram .bottom-section-extra .share-section .copy-btn img {
  margin-right: 6px;
}

/* End  Extra info*/

#learnerProgram .overview-section {
  padding-top: 2px;
  /* margin-top: 32px; */
}

#learnerProgram .overview-section h6 {
  margin: 10px 0px;
  max-width: 200px;
  /* text-align: center; */
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  color: #1d2026;
}

#learnerProgram .overview-section .track {
  position: relative;
  height: 1px;
  background: #e9eaf0;
}

#learnerProgram .track .filled-line {
  position: absolute;
  left: 0;
  height: 1px;
  width: 200px;
  background: #fff;
  box-shadow: 0px -2px 0px 0px #ff6636 inset;
}

#learnerProgram .details-section {
  padding: 14px;
}

#learnerProgram .details-section .line-wrapper {
  margin-bottom: 8px;
}

#learnerProgram .details-section .line,
#learnerProgram .designer-section .line {
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  color: #393c41;
}

#learnerProgram .details-section .line-text,
#learnerProgram .designer-section .line-text {
  margin-top: 8px;
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  color: #4e5566;
}

.DashboardCard {
  margin-bottom: 25px;
}
.DashboardCard .heading-section {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.DashboardCard .heading-section .heading {
  font-size: 30px;
  text-align: left;
  font-weight: 600;
  color: #fe4726;
  text-shadow: 0px 1px 1px rgb(104 104 104 / 12%);
}

.DashboardCard .heading-section .seeAll {
  font-size: 18px;
  font-weight: 400;
  text-transform: capitalize;
  color: #adadad;
  cursor: pointer;
}

.DashboardCard .card {
  width: 100%;
  /* height: 150px; */
  height: 180px;
  padding: 10px 10px 8px;
  overflow: hidden;
  background-color: #ff6c3600;
  /* border-radius: 30px; */
  border-radius: 14px;
  margin-top: 20px;
  margin-bottom: 10px;
  /* box-shadow: 1px 2px 20px 0px #f1f1f1; */
  box-shadow: 0px 3px 66px #f2f2f2;
  /* border: 3px solid #ff6c36c2; */
  border: 1px solid #dee2e6;
}

.DashboardCard .card .card-body {
  padding: 10px;
  position: relative;
  height: 100%;
}

.DashboardCard .actionbutton {
  position: absolute;
  right: -2px;
  bottom: 3px;
  width: 100px;
}

.DashboardCard .approvebtn svg,
.DashboardCard .closebtn svg {
  width: 20px;
}

.DashboardCard .approvebtn,
.DashboardCard .closebtn {
  display: inline-block;
  cursor: pointer;
  width: 35px;
  height: 35px;
  background: #ff885e;
  border-radius: 50%;
  padding: 4px;
  text-align: center;
  color: white;
  box-shadow: 2px 5px 14px 0px #ff6c363d;
}

.DashboardCard .closebtn {
  margin-left: 8px;
  background: #828282;
  box-shadow: 2px 5px 14px 0px #adb5bde0;
}

.DashboardCard .infobox {
  position: relative;
  height: 50px;
}

.DashboardCard .dpcircle {
  position: absolute;
  left: 0px;
  overflow: hidden;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  top: 50%;
  cursor: pointer;
  transform: translate(0%, -50%);
}

.DashboardCard .dpcircle img {
  width: 100%;
  height: 100%;
}

.DashboardCard .infobox .postinfo {
  position: absolute;
  top: 50%;
  transform: translate(0%, -50%);
  margin-left: 60px;
  cursor: pointer;
}

.DashboardCard .posttitle {
  color: #495057;
  font-size: 16px;
  font-weight: 600;
  text-align: left;
  word-break: break-word;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  max-height: 18px;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  text-shadow: 1px 1px white;
  line-height: 18px;
  margin-top: 5px;
  text-transform: capitalize;
  margin-bottom: 5px;
}

.DashboardCard .c-name {
  font-size: 14px;
  color: #586069;
  font-weight: 400;
  text-align: left;
  margin: 8px 0px;
  width: 85%;
  text-transform: capitalize;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-word;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}

.DashboardCard .clockicon {
  color: black;
  height: 15px;
  width: 15px;
  margin-right: 3px;
  margin-top: -2px;
}

.DashboardCard .date {
  position: absolute;
  bottom: 10px;
  left: 10px;
  font-size: 12px;
  text-align: left;
}

.DashboardCard .more {
  margin-left: 5px;
  color: #ff6c35;
  text-transform: capitalize;
  cursor: pointer;
}

.DashboardCard .registration-card .c-name {
  font-size: 13px;
  color: #696d72;
  font-weight: 400;
  text-align: left;
  margin: 7px 0px;
  text-transform: capitalize;
}

/* .DashboardCard .registration-card .date {
  position: absolute;
  bottom: 9px;
  left: 10px;
  font-size: 12px;
  text-align: left;
} */

.DashboardCard .registration-card .m-number {
  font-size: 14px;
  color: #586069;
  font-weight: 400;
  text-align: left;
  margin-top: 2px;
  text-transform: capitalize;
  margin-bottom: -15px;
}

@media screen and (max-width: 1300px) {
  .DashboardCard .heading-section .heading {
    font-size: 25px;
  }
}

@media screen and (max-width: 1200px) {
  .DashboardCard .card {
    height: auto;
  }

  .DashboardCard .date {
    position: unset;
    margin-bottom: -10px;
  }

  .DashboardCard .more {
    display: block;
  }

  .DashboardCard .registration-card .date {
    margin-bottom: 2px;
  }
}

@media screen and (max-width: 1200px) and (min-width: 991px) {
  .DashboardCard .card {
    height: 205px;
  }
}

@media screen and (max-width: 991px) {
  .DashboardCard .actionbutton {
    position: absolute;
    right: -18px;
    bottom: 15px;
    width: 100px;
    display: flex;
    justify-content: center;
  }

  .DashboardCard .approvebtn,
  .DashboardCard .closebtn {
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    width: 30px;
    height: 30px;
    background: #ff885e;
    border-radius: 50%;
    padding: 4px;
    text-align: center;
    color: white;
    box-shadow: 2px 5px 14px 0px #ff6c363d;
  }

  .DashboardCard .closebtn {
    margin-left: 3px;
    background: #828282;
  }

  .DashboardCard .date {
    font-size: 12px;
    text-align: left;
  }

  .DashboardCard .registration-card .date {
    bottom: 3px;
    margin-bottom: -10px;
  }
}

.DashboardCountCard .dashcountcard {
  position: relative;
  border: 1px solid #dee2e6;
  box-shadow: 0px 3px 66px #f2f2f2;
  border-radius: 14px;
  padding: 15px;
  min-height: 70px;
  margin-bottom: 10px;
  margin-top: 15px;
}
.DashboardCountCard .miniwrapper {
  position: absolute;
  border: 1px solid #dee2e6;
  box-shadow: 0px 3px 66px #f2f2f2;
  border-radius: 8px;
  padding: 5px;
  top: 38%;
  left: -6px;
  background-color: #fff;
}
.DashboardCountCard .icon-req {
  width: 35px;
  height: 35px;
}
.DashboardCountCard .count-name {
  color: #6b7d92;
  font-size: 14px;
  font-weight: 600;
  margin-bottom: 16px;
}
.DashboardCountCard .count-no {
  background: linear-gradient(180deg, #4776e6 0%, #8e54e9 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-size: 40px;
  font-weight: 500;
  padding: 10px 0px;
}
.DashboardCountCard p {
  margin-bottom: 0;
}
@media screen and (max-width: 576px) {
  .DashboardCountCard .miniwrapper {
    left: 6px;
  }
}

#opportunity-details-page {
  font-family: Roboto;
  margin-top: 25px;
  text-align: start;
  padding-bottom: 20px;
  margin-bottom: 45px;
}

/* Top Section */

#opportunity-details-page .top-section-details {
  padding: 20px 0px 0px;
  background: rgba(209, 236, 241, 0.24);
  background: #d1ecf13d;
  min-height: 216px;
}

#opportunity-details-page .top-section-details .top {
  max-width: 900px;
}

#opportunity-details-page .top-section-details .opportunity-title {
  margin: 0px;
  font-size: 22px;
  font-style: normal;
  font-weight: 600;
  color: #1d2026;
  text-transform: capitalize;
}

#opportunity-details-page .top-section-details .issuer-info {
  margin: 18px 0px;
  display: flex;
  align-items: center;
  cursor: pointer;
}

#opportunity-details-page .top-section-details .issuer-info img {
  width: 45px;
  height: 45px;
  border: 2px solid #fff;
  border-radius: 50%;
}

#opportunity-details-page .top-section-details .issuer-name {
  margin-left: 6px;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  color: #4e5566;
}

#opportunity-details-page .top-section-details .oppotunity-info .category {
  display: inline-block;
  padding: 4px 12px;
  border-radius: 4px;
  background: #ff6636;
  color: #fff;
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
}

#opportunity-details-page .top-section-details .oppotunity-info .type {
  margin-left: 16px;
  display: inline-block;
  padding: 4px 12px;
  border-radius: 4px;
  background: #ffc107;
  color: #fff;
  font-size: 12px;
  font-style: normal;
  font-weight: 700;
}

#opportunity-details-page .top-section-details .tech-wrapper {
  margin: 18px 0px;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}

#opportunity-details-page .top-section-details .tech-wrapper .tech-icons {
  display: flex;
  align-items: center;
}

#opportunity-details-page
  .top-section-details
  .tech-wrapper
  .tech-icons
  + .tech-icons {
  margin-left: 8px;
}

#opportunity-details-page .top-section-details .tech-wrapper img {
  width: 26px;
  height: 26px;
  -o-object-fit: scale-down;
     object-fit: scale-down;
  cursor: pointer;
}

#opportunity-details-page .top-section-details .tech-icons div {
  /* margin-top: 2px; */
  height: 22px;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  margin-left: 8px;
  color: #4e5566;
}

#opportunity-details-page .top-section-details .last-line {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0px 8px 0px 0px;
}

#opportunity-details-page .top-section-details .last-line .left-section {
  display: flex;
  align-items: center;
}

#opportunity-details-page .top-section-details .last-line .img-wrapper img {
  width: 45px;
  height: 45px;
  -o-object-fit: cover;
     object-fit: cover;
  border: 2px solid #fff;
  border-radius: 50%;
}

#opportunity-details-page .top-section-details .img-wrapper + .img-wrapper {
  margin-left: -8px;
}

#opportunity-details-page .top-section-details .last-line .more-enroll div {
  width: 45px;
  height: 45px;
  padding: 10px;
  margin-left: -8px;
  color: #fff;
  border: 2px solid #fff;
  background: #ff6636;
  border-radius: 50%;
}

#opportunity-details-page .top-section-details .last-line .right-section {
  display: flex;
  align-items: center;
}

#opportunity-details-page .top-section-details .last-line .right-section div {
  margin-left: 6px;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  color: #1d2026;
}

#opportunity-details-page
  .top-section-details
  .last-line
  .right-section
  div
  span {
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  color: #6e7485;
}

#opportunity-details-page .top-section {
  padding: 36px 0px;
  background: rgba(209, 236, 241, 0.24);
  background: #d1ecf13d;
}

#opportunity-details-page .top-section .top {
  max-width: 900px;
}

#opportunity-details-page .top-section .opportunity-title {
  margin: 0px;
  font-size: 22px;
  font-style: normal;
  font-weight: 600;
  color: #1d2026;
  text-transform: capitalize;
}

#opportunity-details-page .top-section .issuer-info {
  margin: 18px 0px;
  display: flex;
  align-items: center;
  cursor: pointer;
}

#opportunity-details-page .top-section .issuer-info img {
  width: 45px;
  height: 45px;
  border: 2px solid #fff;
  border-radius: 50%;
}

.instructor-name {
  margin-left: 6px;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  color: #4e5566;
}

.instructor-info {
  display: flex;
  align-items: center;
  flex-direction: row;
  margin-bottom: 10px;
}

.instructor-info img {
  width: 40px;
  height: 40px;
  border: 2px solid #fff;
  border-radius: 50%;
}

#opportunity-details-page .top-section .issuer-name {
  margin-left: 6px;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  color: #4e5566;
}

#opportunity-details-page .top-section .oppotunity-info .category {
  display: inline-block;
  padding: 4px 12px;
  border-radius: 4px;
  background: #ff6636;
  color: #fff;
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
}

#opportunity-details-page .top-section .oppotunity-info .type {
  margin-left: 16px;
  display: inline-block;
  padding: 4px 12px;
  border-radius: 4px;
  background: #ffc107;
  color: #fff;
  font-size: 12px;
  font-style: normal;
  font-weight: 700;
}

#opportunity-details-page .top-section .tech-wrapper {
  margin: 18px 0px;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}

#opportunity-details-page .top-section .tech-wrapper .tech-icons {
  display: flex;
  align-items: center;
}

#opportunity-details-page .top-section .tech-wrapper .tech-icons + .tech-icons {
  margin-left: 8px;
}

#opportunity-details-page .top-section .tech-wrapper img {
  width: 26px;
  height: 26px;
  -o-object-fit: scale-down;
     object-fit: scale-down;
  cursor: pointer;
}

#opportunity-details-page .main-section .extra-info-card.gauge-div {
  top: 100px !important;
  margin-bottom: 30px;
  padding: 16px 0px;
  margin-top: 40px;
}

#opportunity-details-page .main-section .extra-info-card .gauge {
  max-width: 500px;
  margin: auto;
  text-align: center;
}

#opportunity-details-page .main-section .chart-div {
  border-radius: 14px;
  background: #fff;
  box-shadow: 4px 4px 25px 0px rgba(0, 0, 0, 0.05);
  padding: 20px 0px;
  text-align: center;
  margin-top: 30px;
}

#opportunity-details-page .main-section .chart-div .title {
  font-size: 18px;
  font-weight: 700;
  color: #393c41;
  margin: 8px 0px;
  text-align: start;
}
#opportunity-details-page .main-section .extra-info-card .gauge .title {
  font-size: 18px;
  font-weight: 700;
  color: #393c41;
  margin: 8px 0px;
}

#opportunity-details-page
  .main-section
  .extra-info-card
  .gauge
  .grafana-gauge
  text {
  fill: #393c41 !important;
  text-shadow: none !important;
}

#opportunity-details-page .main-section .extra-info-card.hide-desktop {
  display: none;
}

#opportunity-details-page .top-section .tech-icons div {
  /* margin-top: 2px; */
  height: 22px;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  margin-left: 8px;
  color: #4e5566;
}

#opportunity-details-page .top-section .last-line {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0px 8px 0px 0px;
}

#opportunity-details-page .top-section .last-line .left-section {
  display: flex;
  align-items: center;
}

#opportunity-details-page .top-section .last-line .img-wrapper img {
  width: 45px;
  height: 45px;
  -o-object-fit: cover;
     object-fit: cover;
  border: 2px solid #fff;
  border-radius: 50%;
}

#opportunity-details-page .top-section .img-wrapper + .img-wrapper {
  margin-left: -8px;
}

#opportunity-details-page .top-section .last-line .more-enroll div {
  width: 45px;
  height: 45px;
  padding: 10px;
  margin-left: -8px;
  color: #fff;
  border: 2px solid #fff;
  background: #ff6636;
  border-radius: 50%;
}

#opportunity-details-page .top-section .last-line .right-section {
  display: flex;
  align-items: center;
}

#opportunity-details-page .top-section .last-line .right-section div {
  margin-left: 6px;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  color: #1d2026;
}

#opportunity-details-page .top-section .last-line .right-section div span {
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  color: #6e7485;
}

/* End Top Section */

/* Main Section */
.carousel .slide img {
  width: 100%;
  vertical-align: top;
  /* border-radius: 0px 30px; */
  border: 0;
  height: 100%;
  max-height: 380px;
}

#opportunity-details-page .main-section .image-wrapper {
  margin: 15px 0px;
  margin-top: 32px;
  width: 100%;
  height: 100%;
  max-width: 635px;
  max-height: 350px;
  border-radius: 14px;
}

#opportunity-details-page .main-section .image-wrapper .carousel-root {
  border-radius: 14px;
}

#opportunity-details-page .main-section .image-wrapper .slide {
  border-radius: 14px;
}

#opportunity-details-page .main-section .image-wrapper .slide-img {
  padding: 8px;
  border-radius: 14px;
}

#opportunity-details-page .main-section .opportunity-details {
  position: relative;
  max-width: 900px;
}

#opportunity-details-page .main-section .main-container {
  position: relative;
}

/* Extra info card */

#opportunity-details-page .main-section .extra-info-card {
  position: absolute;
  width: 100%;
  max-width: 400px;
  z-index: 5;
  border-radius: 14px;
  top: -210px;
  inset-inline-end: 0;
  background: #fff;
  box-shadow: 4px 4px 25px 0px rgba(0, 0, 0, 0.05);
}

#opportunity-details-page .extra-info-card .top-section-extra {
  padding: 20px;
}

#opportunity-details-page .extra-info-card hr {
  margin: 0px;
}

#opportunity-details-page .extra-info-card .cost {
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  color: #5296fd;
}

#opportunity-details-page .extra-info-card .mid-section-extra {
  padding: 12px 4px;
}

#opportunity-details-page .extra-info-card .mid-section-extra .ex-line {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 8px 0px;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  color: #6e7485;
}

#opportunity-details-page .extra-info-card .mid-section-extra .ex-line img {
  width: 17px;
  height: 17px;
  margin-right: 12px;
}

#opportunity-details-page .extra-info-card .bottom-section-extra {
  padding: 20px;
}

#opportunity-details-page
  .extra-info-card
  .bottom-section-extra
  .share-section {
  margin: 12px 0px;
  color: #1d2026;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
}

#opportunity-details-page .bottom-section-extra .share-section .btn-container {
  margin-top: 10px;
}

#opportunity-details-page .bottom-section-extra .share-section .copy-btn {
  border-radius: 0px;
  margin: 4px;
  padding: 12px 20px;
  background: #f5f7fa;
  color: #4e5566;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  outline: none;
  border: none;
}

#opportunity-details-page
  .bottom-section-extra
  .share-section
  .share-social-btn {
  background: #f5f7fa !important;
  width: 48px;
  height: 48px;
  margin: 4px;
}

#opportunity-details-page
  .bottom-section-extra
  .share-section
  .share-social-btn
  img {
  width: 20px;
  height: 20px;
}

#opportunity-details-page .bottom-section-extra .share-section .copy-btn img {
  margin-right: 6px;
}

/* End  Extra info*/

#opportunity-details-page .main-section .overview-section {
  padding-top: 32px;
  /* margin-top: 32px; */
}

#opportunity-details-page .main-section .overview-section h6 {
  margin: 10px 0px;
  max-width: 200px;
  /* text-align: center; */
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  color: #1d2026;
}

#opportunity-details-page .main-section .overview-section .track {
  position: relative;
  height: 1px;
  background: #e9eaf0;
}

#opportunity-details-page .main-section .track .filled-line {
  position: absolute;
  left: 0;
  height: 1px;
  width: 200px;
  background: #fff;
  box-shadow: 0px -2px 0px 0px #ff6636 inset;
}

#opportunity-details-page .main-section .details-section {
  padding: 14px;
}

#opportunity-details-page .main-section .details-section .line-wrapper {
  margin-bottom: 8px;
  text-align: start;
}

#opportunity-details-page .main-section .details-section .line {
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  color: #393c41;
}

#opportunity-details-page .main-section .details-section .line-text {
  margin-top: 8px;
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  color: #4e5566;
  /* word-break: break-all; */
}

#opportunity-details-page .main-section .review-section {
  margin-top: 36px;
}

#opportunity-details-page .main-section .ratings-section .line,
#opportunity-details-page .main-section .review-section .line,
#opportunity-details-page .main-section .credential-section .line,
#opportunity-details-page .main-section .challenges-section .line {
  margin: 8px 0px;
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  color: #1d2026;
}

#opportunity-details-page .main-section .no-review-text {
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  color: #4e5566;
}

#opportunity-details-page .main-section .credential-section {
  margin-bottom: 6px;
}

#opportunity-details-page .technology-chip button,
#opportunity-details-page .technology-chip button:hover {
  margin: 5px 8px 5px 0px;
  width: auto;
}

/* End Main section */
@media screen and (min-width: 1199px) and (max-width: 1699px) {
  #opportunity-details-page .top-section .top,
  #opportunity-details-page .main-section .opportunity-details {
    max-width: 720px;
  }

  #opportunity-details-page .top-section-details .top,
  #opportunity-details-page .main-section .opportunity-details {
    max-width: 720px;
  }
}

@media screen and (max-width: 1199px) {
  #opportunity-details-page .top-section .top,
  #opportunity-details-page .main-section .opportunity-details {
    max-width: 100%;
  }

  #opportunity-details-page .main-section .chart-div {
    border-radius: unset;
    margin: 0px 0px 30px;
  }

  #opportunity-details-page .top-section-details .top,
  #opportunity-details-page .main-section .opportunity-details {
    max-width: 100%;
  }

  #opportunity-details-page .main-section .extra-info-card {
    margin: 16px 0px;
    position: static;
    width: 100%;
    max-width: 100%;
    border-radius: unset;
    margin: 16px auto;
    margin-top: 36px;
  }

  #opportunity-details-page .bottom-section-extra .enroll-btn-wrp {
    max-width: 350px;
    /* margin: 0px auto; */
  }
}

@media screen and (max-width: 786px) {
  #opportunity-details-page .top-section .last-line {
    display: block;
  }

  #opportunity-details-page .top-section .last-line .left-section {
    margin: 16px 0px;
  }

  #opportunity-details-page .top-section .last-line .right-section div {
    margin-left: 0px;
  }

  #opportunity-details-page .top-section-details .last-line {
    display: block;
  }

  #opportunity-details-page .top-section-details .last-line .left-section {
    margin: 16px 0px;
  }

  #opportunity-details-page .top-section-details .last-line .right-section div {
    margin-left: 0px;
  }
}

/*Updated css start*/
.myjobcard {
  border: 1px solid #dee2e6;
  box-sizing: border-box;
  border-radius: 14px;
  margin-top: 24px;
  box-shadow: 0px 3px 66px #f2f2f2;
}
.myjobcard-height {
  height: auto;
}
.myjobcard .myjobcardcontent {
  padding: 12px;
}
.myjobcard .myjobcardbox .postinfo {
  position: absolute;
  top: 50%;
  max-width: 85%;
  width: 100%;
  transform: translate(0%, -50%);
}
.myjobcard .myjobcardbox {
  position: relative;
  height: 40px;
  display: flex;
  align-items: center;
}
.myjobcard .mycardlocationtext {
  font-size: 13px;
  font-weight: normal;
  line-height: 16px;
  color: rgba(33, 37, 41, 0.72);
}
.myjobcard .iconsize {
  width: 22px;
  margin-right: 6px;
}
.myjobcard .techoicon {
  border-radius: 50%;
  height: 22px;
}
.myjobcard .techoicon + .techoicon {
  margin-left: 3px;
}
.myjobcard .outerwrapper {
  justify-content: space-between;
  align-items: center;
  margin-bottom: 0px;
}
.myjobcard .typetxtfield {
  margin-top: -6px;
}
/*Updated css end*/

.myjobcard .postinfo {
  /* margin-left: 60px; */
  cursor: none;
}

/* .myjobcard .dropdown-menu {
  transform: translate(-150px, 29px) !important;
} */
.myjobcard .jobcardimg {
  position: absolute;
  top: 0px;
  left: 4px;
  /* left:10; */
  /* overflow: hidden; */
  width: 50px;
  height: 50px;
  border-radius: 50%;
  top: 50%;
  cursor: pointer;
  transform: translate(0%, -50%);
}
.labelbox {
  position: absolute;
  bottom: 3px;
  right: 3px;
  background-color: #ff6c36;
  color: #fff;
  padding: 10px 20px 10px 20px;
  border-radius: 0px 0px 35px 0px;
  font-weight: bold;
}
.mt-10 {
  margin-top: 10px;
}
.myjobcard .jobcardimg img {
  width: 100%;
  height: 100%;
  margin-left: -10px;
}
.myjobcard .cardHeadIcon11 {
  margin-left: 10px;
  transform: scale(1.2);
  width: 53px;
  height: 23px;
}
.myjobcard .postdetail {
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 18px;
  text-align: left;
  color: var(--darkGrey);
  margin-top: 10px;
  /* height: 36px; */
  overflow: hidden;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  height: 55px;
}
.myjobcard hr {
  margin-top: 0.5em;
  margin-bottom: unset;
}
.myjobcard .dpimage {
  height: 50px;
  width: 50px;
  /* border: 3px solid #f1f1f1; */
}
.myjobcard .sliderimg {
  padding: 2px;
}

.myjobcard .datetime,
.myjobcard .posttitle {
  display: block;
  text-align: left;
  cursor: pointer;
}
.myjobcard .threedot img {
  width: 100%;
  vertical-align: none;
  height: 100%;
  cursor: pointer;
  outline: none;
}

.myjobcard .show > .btn-primary.dropdown-toggle {
  color: unset;
  background-color: transparent;
  border: unset;
}
.myjobcard .show > .btn-primary.dropdown-toggle:focus {
  box-shadow: unset;
}

.myjobcard .dropdown-toggle::after {
  display: none;
}

#root .myjobcard .dropdown {
  position: absolute;
  display: inline-block;
  top: 0px !important;
  right: 3px;
  width: 20px;
}
.myjobcard .dropdown.show {
  display: inline-block;
}

.myjobcard .dropdown-item:focus,
.dropdown-item:hover {
  color: var(--white) !important;
  text-decoration: none;
  background-color: var(--orange5e);
  cursor: pointer;
}
.myjobcard .followcount {
  margin-left: 13px;
}

.myjobcard .posttitleuname {
  text-align: left;
  font-family: Roboto;
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  cursor: default;
  text-transform: capitalize;
  color: #272525e1;
  display: block;
  /* margin-left: 12px;
    */
}
.myjobcard .datetime {
  color: var(--grey3);
  font-weight: 500;
  font-size: 11px;
  line-height: 12px;
  margin-top: 5px;
}

.myjobcard .postimage {
  width: auto;
  height: auto;
  margin-left: -15px;
  margin-right: -15px;
  margin-top: 5px;
  cursor: pointer;
  border-radius: 30px;
}

.myjobcard .actioninfo {
  display: block;
}

.myjobcard.displayimg {
  width: auto;
}

.myjobcard .sharepostarea {
  border: 1px solid #f1f1f1;
  margin-top: 5px;
  border-radius: 5px;
}

.myjobcard .jobcardimg3 {
  position: absolute;

  overflow: hidden;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  top: 50%;
  cursor: pointer;
  transform: translate(0%, -50%);
}

.myjobcard .jobcardimg3 img {
  width: 100%;
  height: 100%;
}

.myjobcard .jobcardbox2 {
  position: relative;
  height: 40px;
  padding: 5px;
}

.myjobcard .postdetail2 {
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 18px;
  text-align: left;
  color: #212529eb;
  padding: 5px;
}

.myjobcard .postcommentarea {
  padding: 5px;
  border-top: 2px solid #f1f1f1;
}

.myjobcard .postcommentreplyarea {
  margin-left: 40px;
}

.myjobcard .cmarea {
  margin-top: 5px;
}

.myjobcard .postcommentview {
  position: absolute;
  left: 10px;
  font-size: 12px;
  font-weight: 600;
  cursor: pointer;
}

.myjobcard .postcommentreplyview {
  font-size: 12px;
  font-weight: 600;
  cursor: pointer;
}

.myjobcard .postcommentreplyview1 {
  text-align: left;
}

@media screen and (max-width: 2000px) {
  .myjobcard .actionsection {
    width: 33.3%;
    display: inline-block;
    font-weight: 300;
    font-size: 14px;
    color: var(--darkGrey);
  }
}

@media screen and (max-width: 991px) {
  .myjobcard .actionsection {
    display: inline-block;
    font-weight: 300;
    font-size: 14px;
    color: var(--darkGrey);
  }
}

@media screen and (max-width: 330px) {
  .myjobcard .commenttext {
    font-weight: bold;
    font-size: 12px;
  }
  .myjobcard .sharetext {
    font-weight: bold;
    font-size: 12px;
  }

  .myjobcard .liketext {
    font-weight: bold;
    font-size: 12px;
  }
}

.myjobcard .actionbuttons .likebutton,
.myjobcard .actionbuttons .commentbutton,
.myjobcard .actionbuttons .sharebutton {
  color: var(--orange5e);
  width: 13px;
  margin-bottom: 5px;
}

.myjobcard .actionbuttons .actionsection {
  font-size: 14px;
  font-weight: 500;
  color: var(--darkGrey);
  cursor: pointer;
}
.postimage .slider-wrapper {
  height: 250px;
}
.postimage img {
  width: 100%;
  border-radius: 30px;
  height: 200px;
  border-top-right-radius: 0;
  border-bottom-left-radius: 30px;
  border-bottom-right-radius: 30px;
}
.myjobcard .carousel .slide {
  padding-left: 5px;
  padding-right: 5px;
}
@media (max-width: 1500px) {
  .postimage .slider-wrapper {
    height: 250px;
  }
}
@media (max-width: 370px) {
  .postimage .slider-wrapper {
    height: 150px;
  }
}

.icon-flipped {
  transform: scaleX(-1);
  -moz-transform: scaleX(-1);
  -webkit-transform: scaleX(-1);
  -ms-transform: scaleX(-1);
}

.dropdown {
  position: relative;
  display: inline-block;
}

.fullwidth {
  width: 100%;
}

.shareform .sharetextbox {
  /* border: 1px; */
  resize: none;
}

.myjobcard .shareform,
.myjobcard textarea.form-control,
.myjobcard .form-group {
  height: 95%;
  width: 85%;
}

.myjobcard .menu {
  border-radius: 8px;
}

.myjobcard .searchbutton {
  margin-left: 2px;
  color: var(--orange5e);
  cursor: pointer;
}

.myjobcard .searchbutton {
  margin-left: 2px;
  display: inline;
  color: var(--orange5e);
  cursor: pointer;
}

.postcursor {
  cursor: pointer;
}

.companyname {
  /* width: 70.65px; */
  width: 60%;
  /* height: 17.39px; */
  text-align: left;
  font-family: Roboto;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  color: var(--theme-dark-gray);
  /* margin-left: 13px; */
  white-space: nowrap;
  word-break: break-word;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.fbtn {
  margin-left: 202px;
  padding-top: 15px;
}

.icons {
  text-align: left;
}
.locationic1 {
  /* margin-left: 8px; */
}
.bioic {
  margin-left: 5px;
  margin-right: 8px;
}
.socialic {
  margin-left: 4px;
}
.biotext {
  font-family: Roboto;
  font-style: normal;
  font-weight: normal;
  font-size: 13px;
  line-height: 16px;
  color: #707070;
  margin-left: 10px;
  text-transform: capitalize;
}

.socialicons {
  width: 17.84px;
  height: 19.42px;
  color: #7b8187;
  margin-right: 3px;
  margin-bottom: 5px;
  margin-top: 5px;
}
.infobg {
  position: absolute;
  width: 334.75px;
  height: 64.13px;
  left: 947.57px;
  top: 314.17px;

  background: rgba(243, 243, 243, 0.26);
  border-radius: 16px;
}

.pfcontainer {
  background-color: rgb(243 243 243 / 46%);
  border-radius: 16px;
  /* width: 515px; */
  height: 60px;
  margin-right: 10px;
}
@media screen and (max-width: 920px) {
  .myjobcard .dropdown-menu {
    transform: translate3d(0px, 39px, 0px) !important;
  }
}
@media screen and (min-width: 990px) and (max-width: 1200px) {
  .fbtn {
    margin-left: 140px;
  }
}

@media screen and (min-width: 530px) and (max-width: 768px) {
  .fbtn {
    margin-left: 350px;
  }
}

@media screen and (min-width: 768px) and (max-width: 990px) {
  .fbtn {
    margin-left: 520px;
  }
}

@media screen and (min-width: 490px) and (max-width: 530px) {
  .fbtn {
    margin-left: 320px;
  }
}

@media screen and (min-width: 390px) and (max-width: 489px) {
  .fbtn {
    margin-left: 220px;
  }
}

@media screen and (max-width: 355px) {
  .fbtn {
    margin-left: 150px;
  }
}

.work {
  font-family: Roboto;
  font-style: normal;
  font-weight: normal;
  font-size: 13px;
  line-height: 16px;
  color: #707070;
  margin-left: px;
  margin-left: 1px;
  text-transform: capitalize;
}

.socialiconlist {
  margin-left: 240px;
  margin-top: -25px;
}

.biot {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}

.loctxt {
  overflow: hidden;
  text-overflow: ellipsis;
  /* display: -webkit-box; */
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}

.jobtitle {
  margin-left: 12px;
  width: 204px;
  height: 22px;
  font-family: Roboto;
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  color: #262429;
}

.locationonsite {
  /* margin-left: 90%;
    margin-top: 12px; */
  position: absolute;
  top: 0px;
  right: 3px;
}

.application {
  font-size: 12px;
  /* margin-left: 72%;  */
  position: absolute;
  right: 0%;
  top: 52%;
}

.techicon {
  border-radius: 50%;
  height: 22px;
  margin-left: 3px;
}

.comploc {
  margin-left: 13px;
}

.jobblock {
  display: inline-block;
}

.skillicon {
  font-family: Roboto;
  font-style: normal;
  font-weight: normal;
  font-size: 13px;
  line-height: 16px;
  color: rgba(33, 37, 41, 0.72);
  margin-left: 5px;
}

.singleline {
  margin-left: 250px;
}

/*88888888888888888888888888/*/

.jcardiconsection {
  width: 100%;
  /* margin-top: 25px; */
}

.jcardiconsection .jcardiconcontainer {
  position: relative;
  text-align: left;
}

.myjcardjobiconsection .jcardiconsection .jcardjobicon1 {
  /* position: relative; */
  /* bottom: 66px; */
  display: inline-block;
}

.myjobcard .jcardiconsection .jcardjobicon2 {
  /* margin-left: 380px; */
  /* color: #828282;
  font-size: 15px;
  font-weight: 500; */
  display: inline-block;
  /* position: absolute;
  left: 37px;
  bottom: 0px; */
  max-width: 300px;
  height: auto;
  position: absolute;
  left: 46%;
}

.myjobcard .jcardiconsection .jcardjobicon2.myjbcard-info {
  left: unset;
  right: 16px;
}

.mycretlocationtext {
  font-family: Roboto;
  font-style: normal;
  font-weight: normal;
  font-size: 13px;
  line-height: 16px;
  color: rgba(33, 37, 41, 0.72);
}

/* .myjcardjobiconsection .jcardiconsection .myjcardjobicon2 {
  /* margin-left: 380px; */
/* color: #828282;
    font-size: 15px;
    font-weight: 500; *
    display: inline-block;
    /* position: absolute;
    left: 37px;
    bottom: 0px; *
    max-width: 300px;
    height: auto;
    position: absolute;
    left: 65%;
  }
 */

.myjcardjobiconsection {
  width: 100%;
  /* margin-top: 8px; */
}

.myjcardjobiconsection .jcardjobiconcontainer {
  text-align: left;
}

.myjcardjobiconsection .jcardjobiconloc11 {
  position: relative;
  /* top: 0px; */
  bottom: 14px;
  display: inline-block;
}

.myjcardjobiconsection .myjcardjobiconloc11 {
  position: relative;
  bottom: 101px;
  right: 0px;
  display: inline-block;
}

.myjcardjobiconsection .jcardjobicontechnology {
  position: relative;
  /* top: 0px; */
  bottom: 21px;
  left: 0px;
  display: inline-block;
}

.myjcardjobiconsection .listiconskill {
  display: inline-block;
  position: relative;
  right: 10px;
  bottom: 21px;
  max-width: 300px;
  height: auto;
}
.myjcardjobiconsection .listiconskill-margin-adjust {
  margin-left: 9px;
}
/* .trimmingloc{
  width: 60%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-word;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
} */

.myjcardjobiconsection .jcardjobicon22 {
  /* margin-left: 380px; */
  color: #828282;
  font-size: 15px;
  font-weight: 500;
  display: inline-block;
  /* position: absolute;
    left: 37px;
    bottom: 0px; */
  position: relative;
  right: 10px;
  bottom: 16px;
  max-width: 300px;
  height: auto;
}

.myjcardjobiconsection .myjcardjobicon22 {
  /* margin-left: 380px; */
  color: #828282;
  font-size: 15px;
  font-weight: 500;
  display: inline-block;
  /* position: absolute;
    left: 37px;
    bottom: 0px; */
  position: relative;
  left: 12px;
  bottom: 105px;
  max-width: 300px;
  height: auto;
}

.txttransf {
  text-transform: capitalize;
}

.jcardiconsection {
  cursor: pointer;
}

.myjcardjobiconsection .joblocation {
  white-space: nowrap;
}

@media screen and (min-width: 991px) and (max-width: 1020px) {
  .myjobcard .jcardiconsection .jcardjobicon2.myjbcard-info {
    right: 0px;
  }
  .myjcardjobiconsection .jcardjobicon22.adjust {
    top: -10px;
    width: 100px;
    overflow: hidden;
    text-overflow: ellipsis;
  }
}

#coursedetails.certdetails .techname {
  width: 100%;
}
#coursedetails.certdetails .techname a {
  text-decoration: underline;
  color: #0056b3;
}
#coursedetails.certdetails h2 {
  font-weight: 600;
  font-size: 22px;
}
#coursedetails.certdetails .container {
  z-index: 99;
  position: relative;
}
#coursedetails.certdetails .coursedetailsImage {
  width: auto;
  max-height: 60vh;
  margin: 0 auto;
  border: 4px solid #ff6c366e;
  border-radius: 30px;
  box-shadow: 2px 3px 40px 0px #f8f9fa;
}

#coursedetails.certdetails .apptitle {
  position: absolute;
  bottom: 0px;
  right: 7px;
  width: 90px;
  height: auto;
}
#coursedetails.certdetails .apptitle img {
  width: 100%;
  height: 100%;
}

.context {
  width: 100%;
  position: absolute;
  top: 50vh;
}

.context h1 {
  text-align: center;
  color: #fff;
  font-size: 50px;
}

.area {
  z-index: 2;
  background: #ff6c36b5;
  background: -webkit-linear-gradient(to left, #8f94fb, #4e54c8);
  width: 100%;
  height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
}

.circles {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.circles li {
  position: absolute;
  display: block;
  list-style: none;
  width: 20px;
  height: 20px;
  background: rgba(255, 255, 255, 0.2);
  animation: animate 25s linear infinite;
  bottom: -150px;
}
.imagecontain {
  -o-object-fit: contain;
     object-fit: contain;
}
.circles li:nth-child(1) {
  left: 25%;
  width: 80px;
  height: 80px;
  animation-delay: 0s;
}

.circles li:nth-child(2) {
  left: 10%;
  width: 20px;
  height: 20px;
  animation-delay: 2s;
  animation-duration: 12s;
}

.circles li:nth-child(3) {
  left: 70%;
  width: 20px;
  height: 20px;
  animation-delay: 4s;
}

.circles li:nth-child(4) {
  left: 40%;
  width: 60px;
  height: 60px;
  animation-delay: 0s;
  animation-duration: 18s;
}

.circles li:nth-child(5) {
  left: 65%;
  width: 20px;
  height: 20px;
  animation-delay: 0s;
}

.circles li:nth-child(6) {
  left: 75%;
  width: 110px;
  height: 110px;
  animation-delay: 3s;
}

.circles li:nth-child(7) {
  left: 35%;
  width: 150px;
  height: 150px;
  animation-delay: 7s;
}

.circles li:nth-child(8) {
  left: 50%;
  width: 25px;
  height: 25px;
  animation-delay: 15s;
  animation-duration: 45s;
}

.circles li:nth-child(9) {
  left: 20%;
  width: 15px;
  height: 15px;
  animation-delay: 2s;
  animation-duration: 35s;
}

.circles li:nth-child(10) {
  left: 85%;
  width: 150px;
  height: 150px;
  animation-delay: 0s;
  animation-duration: 11s;
}

@keyframes animate {
  0% {
    transform: translateY(0) rotate(0deg);
    opacity: 1;
    border-radius: 0;
  }

  100% {
    transform: translateY(-1000px) rotate(720deg);
    opacity: 0;
    border-radius: 50%;
  }
}

@media (max-width: 476px) {
  #coursedetails.certdetails .ccardContent {
    padding: 0px;
    letter-spacing: initial;
    padding-top: 10px;
    padding-bottom: 40px;
  }
}

.badgecard {
  margin-top: 10px;
  margin-bottom: 10px;
  height: 100%;
}
.badgecard .dropdown-menu {
  inset: 0px 0px auto auto !important;
}
.badgecard .carea {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 10px;
  background-color: white;
  border-radius: 14px;
  box-shadow: 0px 3px 66px #f2f2f2;
  border: 1px solid #dee2e6;
  cursor: pointer;
  /* height: 136px; */
  height: calc(100% - 25px);
}
.badgecard .cursor-def {
  cursor: pointer;
}
.badgecard .tags {
  display: flex;
  flex-wrap: wrap;
  margin: 0px 8px;
  height: unset;
  /* max-width: 80px; */
}
.badgecard .tags div {
  margin: 0px 5px 0px 0px;
}
.badgecard .badgecard-container {
  position: relative;
  height: 100%;
}
.badgecard .dropdown button {
  background: transparent;
  border: none;
  background-image: none;
  color: orange;
  padding: 0px;
  border-radius: 50%;
}
.badgecard .image-section {
  position: relative;
}
.badgecard .image-section .badge-image {
  width: 40px;
  height: 40px;
  position: absolute;
  bottom: 0px;
  right: 0px;
}
#root .badgecard .toggle:hover,
#root .badgecard .show > .btn-primary.dropdown-toggle {
  border: none;
  background-color: unset;
  background-image: none;
  box-shadow: none;
}
#root .badgecard .dropdown-toggle::after {
  content: none;
}
.badgecard .button1 {
  text-transform: capitalize;
  font-size: 12px;
  padding: 0px 6px;
  margin: 0px 5px 5px 0px;
  height: unset;
  background-color: #dee2e6;
  color: #263238;
  border: 1px solid #dee2e6;
}
.badgecard .no-tags {
  margin-bottom: 0px;
  margin-top: 10px;
}

#root .badgecard .dropdown-menu {
  border-radius: 10px;
}

.badgecard .cimage img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  /* max-width: 80px;
  object-fit: contain; */
  max-height: 162px;
  border-radius: 4px;
}
.badgecard .costOnMob div {
  position: relative;
  margin-left: 20px;
  margin-top: 7px;
  font-weight: 600;
  font-size: 14px;
  color: #0d6efdd1;
  letter-spacing: 0.7px;
  opacity: 0.9;
}
.badgecard .cimage {
  width: 32%;
  padding: 0;
  overflow: hidden;
  /* height: 100%; */
  border-radius: 0px;
}
.cimage {
  border-radius: 0;
}

.badgecard .ctitle {
  width: 90%;
  margin-left: 5px;
}

.badgecard .ctitle h2 {
  font-weight: 400;
  font-size: 16px;
  color: var(--theme-black);
  letter-spacing: 0.3px;
  text-transform: capitalize;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-word;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  text-transform: capitalize;
  margin-left: 5px;
  margin-bottom: 8px;
}
.badgecard .identifier h1 {
  font-weight: 500;
  font-size: 18px;
  color: var(--theme-black);
  letter-spacing: 0.3px;
  text-transform: capitalize;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-word;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  text-transform: capitalize;
  margin-left: 10px;
}
.badgecard .sub-t {
  margin-top: 10px;
  font-size: 12px;
  font-weight: 400;
  color: black;
  text-transform: capitalize;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-left: 10px;
  margin-bottom: 5px;
  line-height: 18px;
}
.badgecard .btn-primary:not(:disabled):not(.disabled).active,
.btn-primary:not(:disabled):not(.disabled):active,
.show > .btn-primary.dropdown-toggle {
  color: #fff;
  background-color: unset !important;
  border-color: unset !important;
}
.badgecard .ccardContent {
  width: 65%;
  /* height: 100%; */
  margin: 10px 0px;
}

@media only screen and (max-width: 992px) {
  .badgecard .carea {
    height: auto;
  }
}
@media only screen and (max-width: 768px) {
  .badgecard .ctitle {
    width: 100%;
  }
}
@media screen and (max-width: 899px) {
  #root .badgecard .dropdown-menu {
    transform: translate(0px, 35px) !important;
  }
}

@media screen and (max-width: 576px) {
  .badgecard .badgecard-title h2 {
    width: 75%;
  }
}

.containerCourses {
  height: 100vh;
  margin-top: 25px;
}
#hackathondetail .carousel .carousel-slider,
#hackathondetail .carousel .slider-wrapper {
  height: 70%;
}
.hackbtnleft {
  text-align: start;
}

#coursedetails .review-card .top-container .profile-img {
  width: 30px;
  height: 30px;
  border-radius: 50%;
}
.HackathontailsImage {
  padding: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  /* align-self: center; */
  /* justify-self: center; */
  /* display: flex; */
  /* position: relative;
    left: 50%; */
}
#hackathondetail .cimage {
  position: relative;
  border: 1px solid #e8e8e8;
  border-radius: 0px 30px;
  margin: 15px auto;
  width: 100%;
  overflow: hidden;
  /* height: 88%; */
}

#hackathondetail .cwrapper {
  background-color: white;
  /* box-shadow: 6px 40px 40px -10px #88888824; */
  border-radius: 30px;

  border: 4px solid #ff6c366e;
  border-radius: 30px;
  box-shadow: 2px 3px 40px 0px #f8f9fa;
  /* cursor: pointer; */
  border-top-left-radius: 0px;
  border-bottom-right-radius: 0px;
  margin: 10px;
}

#hackathondetail .ccardContent {
  /* padding:10px 50px 0 20px; */
  padding: 30px 20px;
  padding-left: 0px;
  cursor: auto;
  padding-bottom: 100px;
  white-space: pre-line;
}
#hackathondetail .ccardCCcontent {
  /* padding:10px 50px 0 20px; */
  padding: 30px 20px;
  padding-left: 0px;
  cursor: auto;
}
@media screen and (max-width: 991px) {
  #hackathondetail .ccardCCcontent {
    /* padding:10px 50px 0 20px; */
    padding: 30px 20px;
    padding-left: 0px;
    padding-bottom: 0px;
    cursor: auto;
  }
}

#hackathondetail .margin {
}
#hackathondetail .ctitledetail {
  width: 100%;
  text-align: start;
  /* white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-word; */
  /* display:-webkit-box; */
  /* -webkit-line-clamp: 2;
    -webkit-box-orient: vertical; */
}

#hackathondetail .ctitledetail h2 {
  margin-top: 11px;
  font-weight: 600;
  font-size: 28px;
  color: var(--theme-black);
  letter-spacing: 0.3px;
  /* text-transform: capitalize; */
}
#hackathondetail .ctitledetail h2::first-letter {
  text-transform: uppercase;
}
/* .mt10{
    margin-top: 10px;
} */

#hackathondetail .sub-t {
  margin-top: 10px;

  font-size: 18px;
  color: var(--theme-black);
  font-weight: 300;
  /* text-transform: capitalize; */
  /* height: 90px; */
  overflow: hidden;
  text-overflow: ellipsis;
}

#hackathondetail .cbyname {
  font-size: 20px;
  color: black;
  opacity: 0.7;
  font-weight: 500;
  letter-spacing: 0.3px;
  line-height: 26px;
  text-transform: capitalize;
}
#hackathondetail .bodyycolor {
  font-size: 20px;
  color: black;
  display: block;
  font-weight: 300;
  line-height: 28px;
  /* text-transform: capitalize; */
  /* height: 90px; */
  overflow: hidden;
  text-overflow: ellipsis;
  opacity: 0.95;
}
#hackathondetail .cprice {
  /* left: 167px;
  top: 136px; */
  height: 30px;
  font-weight: 500;
  font-size: 18px;
  color: #ffffff;
  letter-spacing: 0.7px;
  /* position: absolute; */
  text-transform: capitalize;
  padding: 7px;
  padding-right: 15px;
  background: #ffc107;
  border-radius: 15px 15px 15px 0px;
  box-shadow: 2px 1px 1px 0px #ffc107bf;
}

#hackathondetail .ccategory {
  margin-right: 25px;
  padding: 8px 20px;
  /* border-radius: unset; */
  background: #ff6c36de;
  color: #ffffff;
  height: 31px;
  text-transform: capitalize;
  /* position: absolute;
    left: 17px; */
  border-radius: 15px 15px 0px 15px;
  cursor: auto;
  /* top: 136px; */
  box-shadow: 0px 0px 5px 0px #ffa482;
}

#hackathondetail .enrollbtn {
  background-color: #ff6c36d9;
  color: var(--white);
  border: none;
  cursor: pointer;
  box-shadow: 2px 2px 20px 0px #adb5bd82;
  border-radius: 10px;
  width: 200px;
  font-size: 20px;
  height: 50px;
  margin-bottom: 16px;
}
#hackathondetail .enrolledbtn {
  /* background-color: #828282; */
}

#hackathondetail .bigcardprice {
  margin-top: 25px;
  font-weight: 600;
  font-size: 24px;
  color: #0d6efdd1;
  margin-bottom: 20px;
  text-transform: capitalize;
}

#hackathondetail .iconContainer {
  /* border: 4px solid var(--flameorang); */
  outline: 1px solid grey;
  width: 50px;
  height: 51px;
  border-radius: 50px;
  margin-right: -7px;
}
#hackathondetail .inicon2 {
  width: 100%;
  height: 100%;
}

#hackathondetail .iconContainer img.inicon2 {
  border-radius: 50%;
}

#hackathondetail .inicon {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  position: relative;
  /* margin-left: -10px; */
}

#hackathondetail .techareafordetail .techpicfordetail {
  border-radius: 50%;
  height: 30px;
  width: 30px;
  /* margin-left: 3px; */
  margin-right: 10px;
}
#hackathondetail .techareafordetail {
  display: flex;
  flex-wrap: wrap;
}

#hackathondetail .techarea .techpicfordetail:first-of-type {
  margin-left: 0px;
}
#hackathondetail .circularvox {
  width: 50px;
  height: 51px;
  border-radius: 50px;
  background-color: #ff6c36d9;

  padding: 14px;
}
#hackathondetail .text3 {
  color: #e8e8e8;
  margin-top: 20px;
}
#hackathondetail .first-text-capital::first-letter {
  text-transform: uppercase;
}
/* #hackathondetail .firstletter-cap {
  text-transform: lowercase;
} */
#hackathondetail .firstletter-cap::first-letter {
  text-transform: uppercase;
}
@media screen and (max-width: 991px) {
  #hackathondetail .inicon {
    width: 38px;
    height: 38px;
  }
}

@media screen and (max-width: 991px) {
  #hackathondetail .iconContainer {
    border: 4px solid var(--flameorang);
    width: 46px;
    height: 46px;
    border-radius: 50px;
    margin-right: -7px;
  }
  #hackathondetail .inicon2 {
    width: 100%;
    height: 100%;
  }
  #hackathondetail .techareafordetail .techpicfordetail {
    height: 22px;
    width: 22px;
  }
  #hackathondetail .circularbox {
    width: 46px;
    height: 46px;
    border-radius: 50px;
    background-color: #ff6c36d9;

    padding: 12px;
  }
}

#hackathondetail .technologynm {
  margin-top: 10px;
  font-weight: 600;
  font-size: 18px;
  color: #fde50dd1;
}

#hackathondetail .techname {
  position: "absolute";
  font-size: 18px;
  width: 73%;
  text-align: start;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-word;
  /* display:-webkit-box; */
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  color: black;
  margin-top: 10px;
  opacity: 0.7;
  font-weight: 600;

  letter-spacing: 0.3px;
  line-height: 26px;
  text-transform: capitalize;
}
#hackathondetail .institude {
  cursor: pointer;
  position: "absolute";
  font-size: 20px;
  width: 73%;
  text-align: start;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-word;
  /* display:-webkit-box; */
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  color: #ff6c36d9;
  margin-top: 10px;
  font-weight: 600;
  letter-spacing: 0.3px;
  line-height: 26px;
  text-transform: capitalize;
}

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

/* .hackvenue {
  text-transform: capitalize;
} */

#hackathondetail .searchbutton {
  margin-left: 10px;
  color: var(--orange5e);
  cursor: pointer;
  font-size: 20px;
  font-weight: 400;
  text-transform: lowercase;
  display: inline;
}

#hackathondetail .searchbutton:hover {
  color: #ff6c369f;
  cursor: pointer;
}

#hackathondetail .techn {
  position: "absolute";
  display: inline;
  padding-right: 20px;
  font-size: 18px;
  /* width: 73%; */
  text-align: start;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-word;
  /* display:-webkit-box; */
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  color: black;
  margin-top: 10px;
  opacity: 0.7;
  font-weight: 400;

  letter-spacing: 0.3px;
  line-height: 26px;
  text-transform: capitalize;
}
#hackathondetail .techname {
  position: "absolute";
  font-size: 18px;
  width: 73%;
  text-align: start;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-word;
  /* display:-webkit-box; */
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  color: black;
  margin-top: 10px;
  opacity: 0.7;
  font-weight: 600;

  letter-spacing: 0.3px;
  line-height: 26px;
  text-transform: capitalize;
}

.comname {
  margin-left: 10px;
}

#hackathondetail .comname {
  margin-left: 10px;
  font-size: 17px;
  line-height: 26px;
  letter-spacing: 0.3px;
  text-transform: capitalize;
  color: var(--theme-dark-gray);
  font-weight: 600;
}

@media screen and (max-width: 991px) {
  #hackathondetail .enrollbtn {
    cursor: pointer;
    background-color: #ff6c36d9;
    color: var(--white);
    border: none;
    box-shadow: 2px 2px 20px 0px #adb5bd82;
    border-radius: 10px;
    width: 200px;
    font-size: 20px;
    height: 50px;
  }
}

.scorepopup {
  font-size: 22px;
  font-weight: 600;
}

.scorebtnmargin {
  margin-left: 74px;
  margin-right: 67px;
  margin-top: 24px;
  margin-bottom: 10px;
}

.scorepopupcontent {
  margin-top: 46px;
}

#careerpathway {
  /* height: 100vh; */
  /* overflow-y: auto; */
  margin-bottom: -61px;
  /* padding-bottom: 100px; */
}

#careerpathway .content {
  margin-top: 20px;
}

#careerpathway .headertxt {
  font-size: 30px;
  text-align: left;
  font-weight: 600;
  color: #495057;
  text-shadow: 0px 1px 1px rgb(104 104 104 / 12%);
}

#careerpathway .searcharealive {
  display: flex;
  flex-wrap: wrap;
  /* justify-content: space-between; */
}

#careerpathway .insidefieldlearning2 {
  margin-right: 25px;
}

#careerpathway .left-btn.btnn-div {
  display: none;
}

#careerpathway .nothing_found_img {
  text-align: left;
  margin: 0px 0px 0px -30px;
}

#careerpathway .cinput {
  border-radius: 10px;
  padding: 0px 20px;
  width: 310px;
  /* margin-left: 60px; */
  height: 40px;
  border: 1px solid #ccc;
  font-size: 12px;
  /* font-weight: 550; */
  font-family: "Roboto", sans-serif;
  font-style: normal;
  font-weight: 400;
  box-shadow: 1px 0px 8px 0px #dee2e663;
}

#careerpathway .searchbtn {
  width: 119px !important;
  font-family: "Roboto" !important;
  background-color: var(--shadow) !important;
  border: none !important;
  box-shadow: 1px 1px 2px 0px #c6d2d9;
  border-radius: 10px;
  height: 40px;
}

#careerpathway .searchbtn.addbtn {
  width: -moz-max-content !important;
  width: max-content !important;
}

@media screen and (max-width: 1024px) {
  #careerpathway .left-btn.btnn-div {
    display: block;
  }

  #careerpathway .right-btn {
    display: none;
  }
}

.scrollable11 {
  overflow-y: scroll;
  overflow-x: hidden;
  /* overflow: auto; */
  /*  width: 70px;  adjust this width depending to amount of text to display */
  height: 120px; /* adjust height depending on number of options to display */
  border: 1px silver solid;
}
.scrollable11 select {
  border: none;
}

.skillopt {
  border-radius: 25px;
  border: 1px solid;
  padding: 2px 12px;
  margin: 5px 20px;
}

.positionclass {
  position: relative;
}

.ctcsalary {
  position: absolute;
  left: 105%;
  top: 24%;
  font-family: "Roboto", sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 12px;
  color: #828282;
}

.ctcsalary2 {
  /* position: absolute; */
  left: 104%;
  top: 25%;
  font-family: "Roboto", sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 12px;
  color: #828282;
}
.btnwidth2 {
  width: auto;
  display: flex;
}
.marginleftsalary {
  margin-right: 36px;
}

.positionclass {
  position: relative;
}

.txttransf {
  text-transform: capitalize;
}

.jobinsidefield {
  display: inline-block;
  width: 40%;
  margin-right: 10px;
  /* vertical-align: top; */
}

.jobinsidefield1 {
  display: inline-block;
  width: 40%;
  margin-left: 10px;
}

.mar451 {
  margin-right: 451px;
}
.salary-amount-field {
  width: 40%;
}
.job-form {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}
.job-form .job-select-dp {
  margin-bottom: 16px;
}
@media screen and (max-width: 991px) {
  .salary-amount-field {
    width: 45%;
  }
}
@media screen and (max-width: 480px) {
  .salary-amount-field {
    width: 100%;
  }
}
@media only screen and (max-width: 993px) {
  .jobinsidefield {
    display: block;
    width: 100%;
    margin-right: 0px;
  }

  .jobinsidefield1 {
    display: block;
    width: 100%;
    margin-left: 0px;
  }
  .mar451 {
    margin-right: 0px;
  }
}

/* .img-m{
    margin-left: 110px;
    margin-top: 56px;
  } */
  
:root {
  --black: #000000;
  --white: #ffff;
  /* // googlePlus: '#DD4B39'
    // facebook: '#3b5998',
    // twitter: '#1DA1F2',*/
  --error: rgba(200, 0, 0, 0.8);
  --greybg: #f2f2f2;
  --accent: #ffaaac;
  --heading1: #4a4a4a;
  --greyLight: #f1f1f1;
  --greenText: #6fcf97;
  --darkGrey: #828282;
  --blue-b7:#337ab7;
  --purple:#BB6BD9;
  --blue:#68BAFF;
 

  /* Main Colors */
}
#forgotpassword{
  background: url(/static/media/bgpattern.9b40a4a3.svg);

  height: 100%;
width: 100%;
overflow: hidden;
    position: relative;
}
#forgotpassword .horizontal{
  background: rgb(255 255 255);
  border-radius: 30px;
  padding: 25px 15px;
  box-shadow: 0 0 4px rgb(0 0 0 / 25%);
  

}
#forgotpassword .marginleft {
  margin-left: 45px;
}






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



#signup .img {
    width: 120px;
    height: 30px;
    margin-top: 25px;
    margin-bottom: 25px;
    
   
  }

  #forgotpassword input {
    text-transform: inherit;
    background: none;
    /* margin-top: 15px; */

}





  
  #forgotpassword .reset-notification{
    text-align: center;
    margin-top: 50px;
    margin-bottom: 50px;
  }

.hackathonrequest {
  width: 100%;
  height: 150px;
  position: relative;
  display: block;
  overflow: hidden;
  background-color: #ff6c3600;
  /* box-shadow: 6px 40px 40px -10px #88888824; */
  border-radius: 30px;
  margin-top: 20px;
  margin-bottom: 10px;
  box-shadow: 1px 2px 20px 0px #f1f1f1;
  border: 3px solid #ff6c36c2;
}

.issue-cred-select {
  max-width: 340px;
  margin: 16px auto 0px;
}
.issue-cred-form .form-controlforfile {
  border-radius: 10px;
  height: 40px;
  padding: 4px 15px;
  margin: 16px auto 5px;
  width: 100%;
  max-width: 340px;
  box-shadow: 1px 0px 8px 0px #dee2e663;
}

.forgot-password1 {
  width: 126px;
  height: 27px;
  padding-left: 4px;
  font-style: normal;
  font-weight: 300;
  font-size: 14px;
  line-height: 16.5px;
  cursor: pointer;
  position: relative;
  top: -5px;
}

.mt-blockchain{
  margin-top: 12px;
}


.save-btn {
  margin-top: 93px;
  width: 200px;
  justify-content: center;
  align-items: center;
  margin: auto;
  margin-top: -2px;
}

.searchdrop {
  width: 200px;
}

.dropdownaction2 {
  text-transform: capitalize;
}

.dropdowned:hover,
.dropdowned:focus,
.dropdowned:active {
  background-color: var(--flameorang);
  width: 186px;
  color: var(--white);
  cursor: pointer;
  text-decoration: none;
}

.dropoptiontext2 {
  font-size: 12px;
  font-family: "Roboto", sans-serif;
  color: #91979d;
  font-weight: 500;
  background: white;
  z-index: 999;
  text-align: left;
  border-radius: 8px;
  border: 1px solid var(--greyLight);
  box-sizing: border-box;
  outline: none;
  /* mix-blend-mode: normal; */
  box-shadow: 1px 0px 8px 0px #dee2e663;
  margin-bottom: 10px;
  position: absolute;
  width: 200px;
  margin-top: -15px;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 6px;
  padding-right: 8px;
}

.uploadcert4.cust-link {
  right: 0px;
  position: absolute;
  /* top: 132px; */
  bottom: 5px;
}

.uploadcert4.cust-link.reissueLink{
  bottom: 23px;
}

.categoryicon {
  color: white;
  width: 35px;

  height: 35px;
  border-radius: 11px;
  overflow: hidden;
  background: #ffa48282;
  /* opacity: 0.9; */
  text-align: center;
}
.hackathonrequest .hackcardarea {
  height: 100%;
  position: absolute;
  width: 100%;
  padding: 20px;
  color: white;
  z-index: 12;
}

.hackathonrequest .hackbg {
  height: 100%;
  width: 100%;
  position: absolute;
  background: linear-gradient(#ff6e3887, #ff6c35);
  z-index: 11;
}

.hackathonrequest .smallpic {
  height: 20px;
  width: 20px;
}
.hackathonrequest .smallhackimage {
  height: 100%;
  width: 100%;
  overflow: hidden;
  position: absolute;
  /* z-index: 10; */
}

.hackathonrequest .smallhackimage .avatarImg {
  width: 100% !important;
  height: 100% !important;
  border-radius: 10px;
}
.hackathonrequest .sb-avatar--text div span {
  font-family: "Roboto" !important;
  font-size: 20px !important;
  font-weight: 500 !important;
}

.hackathonrequest .SmallHackcontent h3 {
  font-size: 16px;
  font-weight: 600;
  text-align: left;
  word-break: break-word;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  max-height: 18px;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  /* text-shadow: 1px 1px white; */
  /* letter-spacing: 1px; */
  line-height: 18px;
  margin-top: 5px;
  text-transform: capitalize;
  margin-bottom: 5px;
}
.hackathonrequest .SmallHackcontent {
  padding: 10px;
  position: relative;
  height: 100%;
}
.hackathonrequest .iconarea {
  width: 22px;
  height: 22px;
  margin-top: 5.9px;
}
.hackathonrequest .actionbutton {
  position: absolute;
  right: 10px;
  bottom: 10px;
  width: 100px;
}

.hackathonrequest .picarea {
  margin-top: 10px;
  text-align: left;
  margin-left: 5px;
}
.hackathonrequest .profilepic {
  border-radius: 50%;
  width: 40px;
  height: 40px;
  margin-left: -5px;
  display: inline-block;
  overflow: hidden;
  padding: 1px;
  background-color: white;
  text-align: center;
}

.educationrequest .smallpic {
  border-radius: 50%;
  box-shadow: 1px 1px 6px 0px #dee2e6;
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.hackathonrequest .profilepic span {
  margin-top: 0px;
  line-height: 38px;
  font-size: 14px;
  color: #0000006b;
  font-weight: 700;
}

.hackathonrequest .clockicon {
  color: black;
  height: 15px;
  width: 15px;
  margin-right: 3px;
  margin-top: -2px;
}
.hackathonrequest .infobox {
  position: relative;
  height: 50px;
}

.hackathonrequest .dpcircle {
  position: absolute;
  top: 0px;
  left: 0px;
  overflow: hidden;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  top: 50%;
  cursor: pointer;
  transform: translate(0%, -50%);
}
.hackathonrequest .dpcircle img {
  width: 100%;
  height: 100%;
}

.hackathonrequest .infobox .postinfo {
  position: absolute;
  top: 50%;
  transform: translate(0%, -50%);
  margin-left: 60px;
  cursor: pointer;
}
.hackathonrequest .SmallHackcontent h4 {
  font-size: 14px;
  color: #000000cf;
  font-weight: 600;
  text-align: left;
  margin-top: 8px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.hackathonrequest .select {
  right: 10px;
  top: 10px;
  position: absolute;
  z-index: 99;
}

.hackathonrequest .approvebtn,
.hackathonrequest .closebtn {
  display: inline-block;

  width: 35px;
  height: 35px;
  background: #ff885e;
  border-radius: 50%;
  padding: 4px;
  text-align: center;
  color: white;
  box-shadow: 2px 5px 14px 0px #ff6c363d;
}
.hackathonrequest .marked {
  background-color: #ff6c3669;
}
.hackathonrequest .more {
  margin-left: 30px;
  color: #ff6c35;
  text-transform: capitalize;
}
.hackathonrequest .closebtn {
  margin-left: 15px;
  background: #ff3347;
  background: #828282;
  box-shadow: 2px 5px 14px 0px #adb5bde0;
}
.hackathonrequest .form-check-input[type="checkbox"] {
  border-radius: 8px;
  height: 25px;
  width: 25px;
  box-shadow: 1px 2px 13px 0px #ff6c3652;
  border: 3px solid #ff6c36;
}

.hackathonrequest .form-check-input:checked {
  background-color: #ff6c36b3;
}
.hackathonrequest .posttitle {
  font-size: 16px;
  font-weight: 600;
  text-align: left;
  word-break: break-word;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  max-height: 18px;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  /* text-shadow: 1px 1px white; */
  /* letter-spacing: 1px; */
  line-height: 18px;
  margin-top: 5px;
  text-transform: capitalize;
  margin-bottom: 5px;
}

.hackathonrequest .date {
  position: absolute;
  bottom: 10px;
  left: 10px;
  font-size: 12px;
  text-align: left;
}

.courseheadtitle {
  font-size: 30px;
  text-align: left;
  font-weight: 600;
  color: #495057;
  text-shadow: 0 1px 1px rgb(104 104 104 / 12%);
}

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

.ReactModal__Overlay {
  z-index: 999;
}

.content.hackathon-request{
  margin-top: 20px;
}

.btn-div .row1 .searchbtn {
  width: 150px !important;
}
.content .hackathons-request-card {
  height: 200px;
}
@media screen and (max-width: 768px) {
  .hackathon-request .searchdrop {
    width: 100%;
    padding-right: 15px;
  }

  .hackathon-request .dropoptiontext2 {
    width: calc(100% - 30px);
  }

  .hackathon-request .dropoptiontext2 .dropdown {
    width: 100%;
  }

  .hackathon-request .dropoptiontext2 .dropdown .dropdowned:active {
    width: 100%;
  }

  .hackathon-request .dropoptiontext2 .dropdown .dropdowned:focus {
    width: 100%;
  }

  .hackathon-request .dropoptiontext2 .dropdown .dropdowned:hover {
    width: 100%;
  }

  .hackathon-request .btn-div .row1,
  .row2 {
    display: flex;
    justify-content: space-around;
    margin-top: 15px;
  }
}

@media screen and (max-width: 440px) {
  .btn-div .row1 .searchbtn {
    margin-right: 0px !important;
    margin-left: 0px !important;
    margin-bottom: 10px !important;
  }

  .btn-div .row2 .searchbtn {
    margin-right: 0px !important;
    margin-left: 0px !important;
    margin-bottom: 10px !important;
  }
}

@media screen and (min-width: 1200px) {
  .uploadcert2 {
    position: absolute;
    right: -55px;
  }
  .content .hackathons-request-card {
    height: 190px;
  }
}


@media  screen and (min-width: 1200px) {
  .educationrequest .SmallHackcontent .detailss{
    position: unset;
  }
}
.pge-container {
  padding-bottom: 50px;
  margin-bottom: 50px;
  font-family: "Roboto", sans-serif;
}
.image-gallery {
  margin: 30px auto;
  padding: 20px 0px;
  background-color: #f8f9fa;
}

.image-gallery .banner-image {
  padding: 0px 15px;
  max-width: 100%;
  max-height: 55vh;
}

.image-list {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
}

/* .image-list .thumbnail {
  margin: 8px;
  cursor: pointer;
  max-width: 100px;
  max-height: 100px;
} */

.image-preview {
  flex: 1;
  text-align: center;
}

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

.custom-card {
  margin: 0 auto;
  text-align: start;
  padding: 0px 0px 30px 0px;
  border: none;
}
.cardbody .solo-img {
  width: 114px;
  height: 28px;
}
.cardbody .solo-tagline {
  font-size: 15px;
  margin-top: 5px;
  color: #007bff;
}
.cardbody h1 {
  margin: 10px 0px;
  font-weight: 700;
  font-size: 34px;
  font-weight: 700;
}
.cardbody .signup-text {
  margin: 10px 0px;
}
.cardbody .view-credentials a,
.cardbody .signup-text a {
  color: #fe4726;
  font-size: 14px;
  font-weight: 400;
}
.cardbody .issuer-content {
  display: flex;
  align-items: center;
  margin: 5px 0px 12px 0px;
}
.cardbody .issuer-content .issuer {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  margin-inline-end: 10px;
}
.cardbody .issuer-content-text {
  margin-left: 10px;
  font-size: 14px;
}
.cardbody .issuer-name {
  margin-top: 2px;
  font-size: 14px;
  font-weight: 500;
}
.custom-card .openbagde-container {
  color: #000;
  font-size: 14px;
  font-weight: 400;
  margin: 10px 0px 15px;
}
.custom-card .openbadge-link {
  color: #fe4726;
  font-size: 14px;
  font-weight: 400;
}
.custom-card .openbadge {
  margin-left: 10px;
  width: 20px;
  height: 20px;
}
.cardbody .buttons-row .button-cls {
  background-color: transparent;
  color: #000;
  padding: 5px 10px;
  margin: 5px 0px;
  margin-right: 10px;
  border-radius: 20px;
  transition: background-color 0.3s, color 0.3s, border-color 0.3s,
    box-shadow 0.3s;
  font-size: 12px;
  font-weight: 400;
  text-transform: uppercase;
  border: 1px solid #b9b9b9;
}

.cardbody .button-cls:hover {
  border-radius: 20px;
  background-color: #ededed;
  color: rgba(0, 0, 0, 0.87);
}

.cardbody .button1 {
  text-transform: capitalize;
  padding: 5px 18px;
  margin: 5px 0px;
  height: unset;
}
.cardbody .user-profile img {
  width: 50px;
  height: 50px;
  border-radius: 50%;
}

.cardbody .user-details {
  display: flex;
  align-items: center;
  margin: 30px 0px;
}
.cardbody .user-name-wrapper {
  margin: 0px 15px;
}
.cardbody .user-name {
  margin: 0px;
  font-size: 20px;
  font-weight: 700;
  text-align: start;
}
.cardbody .tag-container button {
  cursor: pointer;
  background-color: #dee2e6;
  color: #263238;
  border: 1px solid #dee2e6;
}
.cardbody .tag-container .tag {
  font-family: "Roboto", sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  text-transform: capitalize;
  padding: 5px 18px;
  margin: 5px 0px;
  height: unset;
  background-color: #dee2e6;
  color: #263238;
  border: none;
  box-shadow: 0px 1px 12px 1px #dee2e673;
  border-radius: 10px;
  /* cursor: default; */
}
.cardbody .view-credentials {
  text-align: center;
  margin: 0px;
  font-size: 14px;
  font-weight: 400;
}

.cardbody .horizontal-line {
  margin: 20px 0px;
}
.custom-card .content {
  margin: 20px 0px;
  font-size: 16px;
  font-weight: 400;
}
.cardbody h2 {
  margin: 10px 0px;
  font-size: 16px;
  font-weight: 700;
}

.cardbody .tag-container {
  display: flex;
  flex-wrap: wrap;
  margin: 15px 0px;
  -moz-column-gap: 10px;
       column-gap: 10px;
}
/* .cardbody .tag-container div {
  margin: 0px 5px;
} */

.cardbody .tagss {
  background-color: blue;
  color: white;
  padding: 5px 10px;
  margin: 5px;
  border-radius: 5px;
  display: flex;
  align-items: center;
  cursor: pointer;
}

.cardbody .dates-container1 {
  display: flex;
  justify-content: space-between;
  margin: 20px 0px;
}
.cardbody .date1 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.cardbody .label1 {
  font-size: 16px;
  font-weight: 700;
  /* text-transform: uppercase; */
}

.cardbody .value1 {
  margin: 5px 0px;
  font-size: 14px;
  font-weight: 400;
}
.verifiy-card {
  text-align: start;
  margin: 32px 0px;
}
.verifiy-card .verifiy-card-title {
  color: #000;
  font-size: 16px;
  font-weight: 700;
  margin: 10px 0px;
}
.verifiy-card .card-content {
  margin: 10px 0px;
}
.verifiy-card .card-content .issuer {
  width: 30px;
  height: 30px;
  border-radius: 50%;
}
.content-text {
  margin-left: 10px;
  font-size: 14px;
}
.verifiy-card .issuer {
  font-weight: 600;
}
.verifyicon-certificate {
  margin: 0px 5px;
}

.buttonText2 {
  width: 100%;
  color: #fe4726;
  font-size: 18px;
  font-weight: 400;
  border-radius: 8px;
  border: 1px solid rgba(0, 0, 0, 0.12);
  box-shadow: none;
}
.issuer-card {
  text-align: start;
  margin: 32px 0px;
}
.issuer-card .issuer-card-title {
  color: #000;
  font-size: 16px;
  font-weight: 700;
}
.issuer-card .solo-img {
  width: 80px;
  height: 20px;
}
.issuer-card .solo-tagline {
  font-size: 10px;
  margin-top: 5px;
  color: #007bff;
}
.issuer-card .website-link {
  display: flex;
  justify-content: center;
  color: #fe4726;
  font-size: 14px;
  font-weight: 400;
}
.issuer-card .more-info {
  color: #000;
  font-size: 14px;
  font-weight: 400;
}
.issuer-card .view-all {
  color: #fe4726;
  font-size: 14px;
  font-weight: 400;
}

.share-card {
  text-align: start;
}
.share-card .card-content {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.share-card .card-content .share-card-title {
  color: #000;
  font-size: 16px;
  font-weight: 700;
}
.share-card .card-content p {
  color: #000;
  font-size: 14px;
  font-weight: 400;
}
.share-card .share-boxes {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
.share-card .icon-cls {
  width: 50px;
  height: 50px;
  padding: 5px;
  border-radius: 5px;
  cursor: pointer;
}
.share-card .linkedin-btn-wrrper {
  margin-top: 15px;
}
.share-card .linkedinAddbtn {
  display: flex;
  justify-content: center;
  align-items: center;
  background: #0076b2;
  color: #ffff;
  border-radius: 25px;
  width: 100%;
  padding: 8px 16px;
  border: 1px solid #0076b2;
}
.share-card .linkedinAddbtn .linkedin-img-cls {
  width: 20px;
  height: 20px;
  margin: 0px 8px;
  margin-bottom: 5px;
}
.share-card .linkedinAddbtn .btn-text {
  margin-top: 2px;
}
.thumbnail-container {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.thumbnail-container .thumbnail {
  width: 170px;
  height: 130px;
  padding: 10px;
  margin: 3px 0px;
  -o-object-fit: contain;
     object-fit: contain;
  cursor: pointer;
}

.thumbnail-container .thumbnail-doc {
  width: -moz-max-content;
  width: max-content;
  height: -moz-max-content;
  height: max-content;
  max-width: 150px;
  max-height: 120px;
  padding: 10px;
  margin: 3px 0px;
  cursor: pointer;
}

.thumbnail-container .active-img,
.thumbnail-container .thumbnail:hover {
  background-color: #e5e5e5;
}

.arrowforward {
  cursor: pointer;
}

.cust-icon {
  margin: 5px;
  border-radius: 5px;
  cursor: pointer;
}

.cust-Faicon {
  margin: 5px 0px;
  border-radius: 5px;
  cursor: pointer;
}

/* Cred info */
.credentials-info-card {
  font-family: "Roboto", sans-serif;
  text-align: start;
  margin: 30px 0px;
}
.credentials-info-card .credentials-info-card-title,
.credentials-info-card .issuer-text {
  color: #000;
  font-size: 16px;
  font-weight: 700;
  margin: 0px 0px 12px 0px;
}
.credentials-info-card .solo-content .solo-img {
  width: 100px;
  height: 26px;
}
.credentials-info-card .solo-content .solo-tagline {
  font-size: 14px;
  margin-top: 5px;
  color: #007bff;
  margin: 5px 0px 12px 0px;
}
.credentials-info-card .issuer-content {
  display: flex;
  align-items: center;
  margin: 5px 0px 16px 0px;
}
.credentials-info-card .issuer-content .issuer {
  width: 30px;
  height: 30px;
  border-radius: 50%;
}
.credentials-info-card .issuer-content-text {
  margin-left: 10px;
  font-size: 14px;
}
.credentials-info-card .issuer-name {
  font-weight: 600;
}
.credentials-info-card .website-link {
  color: #fe4726;
  font-size: 14px;
  font-weight: 400;
  margin: 10px 0px;
}
.view-on-blockchain {
  font-size: 14px;
  font-weight: 500;
}
.card-status {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  background: #ffa135;
  color: #fff;
  border-radius: 14px;
  text-transform: capitalize;
  padding: 2px 12px 2px 12px;
}

.card-status {
  border-radius: 14px;
}

.card-status.green-status {
  background: #48ad72;
}

.card-status.red-status {
  background: #ff4d35;
  cursor: pointer;
}

.card-status.pending-status {
  background: #ff6c36;
}
@media screen and (max-width: 576px) {
  .custom-card {
    padding: 25px 25px;
  }
  .image-gallery .banner-image {
    width: 100%;
  }
}

.pge-container .opportunity-section .CourseCard {
    margin: 15px 0px
}

.pge-container .opportunity-section h2 {
    margin-top: 25px;
}
.drawflow,.drawflow .parent-node{position:relative}.parent-drawflow{display:flex;overflow:hidden;touch-action:none;outline:0}.drawflow{width:100%;height:100%;-webkit-user-select:none;-moz-user-select:none;user-select:none;perspective:0}.drawflow .drawflow-node{display:flex;align-items:center;position:absolute;background:#0ff;width:160px;min-height:40px;border-radius:4px;border:2px solid #000;color:#000;z-index:2;padding:15px}.drawflow .drawflow-node.selected{background:red}.drawflow .drawflow-node:hover{cursor:move}.drawflow .drawflow-node .inputs,.drawflow .drawflow-node .outputs{width:0}.drawflow .drawflow-node .drawflow_content_node{width:100%;display:block}.drawflow .drawflow-node .input,.drawflow .drawflow-node .output{position:relative;width:20px;height:20px;background:#fff;border-radius:50%;border:2px solid #000;cursor:crosshair;z-index:1;margin-bottom:5px}.drawflow .drawflow-node .input{left:-27px;top:2px;background:#ff0}.drawflow .drawflow-node .output{right:-3px;top:2px}.drawflow svg{z-index:0;position:absolute;overflow:visible!important}.drawflow .connection{position:absolute;pointer-events:none;aspect-ratio:1/1}.drawflow .connection .main-path{fill:none;stroke-width:5px;stroke:#4682b4;pointer-events:all}.drawflow .connection .main-path:hover{stroke:#1266ab;cursor:pointer}.drawflow .connection .main-path.selected{stroke:#43b993}.drawflow .connection .point{cursor:move;stroke:#000;stroke-width:2;fill:#fff;pointer-events:all}.drawflow .connection .point.selected,.drawflow .connection .point:hover{fill:#1266ab}.drawflow .main-path{fill:none;stroke-width:5px;stroke:#4682b4}.drawflow-delete{position:absolute;display:block;width:30px;height:30px;background:#000;color:#fff;z-index:4;border:2px solid #fff;line-height:30px;font-weight:700;text-align:center;border-radius:50%;font-family:monospace;cursor:pointer}.drawflow>.drawflow-delete{margin-left:-15px;margin-top:15px}.parent-node .drawflow-delete{right:-15px;top:-15px}
:root {
    --dfBackgroundColor:#ebebeb;
    --dfBackgroundSize: 0px;
    --dfBackgroundImage: linear-gradient(to right, #ffffff 1px, transparent 1px), linear-gradient(to bottom, #ffffff 1px, transparent 1px);
  
    --dfNodeType: flex;
    --dfNodeTypeFloat: none;
    --dfNodeBackgroundColor: #ffffff;
    --dfNodeTextColor: #000000;
    --dfNodeBorderSize: 1px;
    --dfNodeBorderColor: rgba(202, 202, 202, 1);
    --dfNodeBorderRadius: 10px;
    --dfNodeMinHeight: 40px;
    --dfNodeMinWidth: 160px;
    --dfNodePaddingTop: 15px;
    --dfNodePaddingBottom: 15px;
    --dfNodeBoxShadowHL: 0px;
    --dfNodeBoxShadowVL: 2px;
    --dfNodeBoxShadowBR: 15px;
    --dfNodeBoxShadowS: 2px;
    --dfNodeBoxShadowColor: rgba(202, 202, 202, 1);
  
    --dfNodeHoverBackgroundColor: #ffffff;
    --dfNodeHoverTextColor: #000000;
    --dfNodeHoverBorderSize: 1px;
    --dfNodeHoverBorderColor: #ff6c36;
    --dfNodeHoverBorderRadius: 10px;
  
    --dfNodeHoverBoxShadowHL: 0px;
    --dfNodeHoverBoxShadowVL: 2px;
    --dfNodeHoverBoxShadowBR: 15px;
    --dfNodeHoverBoxShadowS: 2px;
    --dfNodeHoverBoxShadowColor: #ff6c36;
  
    --dfNodeSelectedBackgroundColor: rgba(252, 250, 250, 1);
    --dfNodeSelectedTextColor: rgba(28, 27, 27, 1);
    --dfNodeSelectedBorderSize: 1px;
    --dfNodeSelectedBorderColor: #ff6c36;
    --dfNodeSelectedBorderRadius: 10px;
  
    --dfNodeSelectedBoxShadowHL: 0px;
    --dfNodeSelectedBoxShadowVL: 2px;
    --dfNodeSelectedBoxShadowBR: 20px;
    --dfNodeSelectedBoxShadowS: 2px;
    --dfNodeSelectedBoxShadowColor: #ff6c36;
  
    --dfInputBackgroundColor: #ffffff;
    --dfInputBorderSize: 2px;
    --dfInputBorderColor: rgba(202, 202, 202, 1);
    --dfInputBorderRadius: 50px;
    --dfInputLeft: -16px;
    --dfInputHeight: 15px;
    --dfInputWidth: 15px;
  
    --dfInputHoverBackgroundColor: #ff6c36;
    --dfInputHoverBorderSize: 2px;
    --dfInputHoverBorderColor: rgba(202, 202, 202, 1);
    --dfInputHoverBorderRadius: 50px;
  
    --dfOutputBackgroundColor: #ffffff;
    --dfOutputBorderSize: 2px;
    --dfOutputBorderColor: rgba(202, 202, 202, 1);
    --dfOutputBorderRadius: 50px;
    --dfOutputRight: -1px;
    --dfOutputHeight: 15px;
    --dfOutputWidth: 15px;
  
    --dfOutputHoverBackgroundColor: #ff6c36;
    --dfOutputHoverBorderSize: 2px;
    --dfOutputHoverBorderColor: rgba(202, 202, 202, 1);
    --dfOutputHoverBorderRadius: 50px;
  
    --dfLineWidth: 3px;
    --dfLineColor: rgba(202, 202, 202, 1);
    --dfLineHoverColor: #ff6c36;
    --dfLineSelectedColor:#ff6c36;
  
    --dfRerouteBorderWidth: 2px;
    --dfRerouteBorderColor: rgba(202, 202, 202, 1);
    --dfRerouteBackgroundColor: #ffffff;
  
    --dfRerouteHoverBorderWidth: 2px;
    --dfRerouteHoverBorderColor: rgba(202, 202, 202, 1);
    --dfRerouteHoverBackgroundColor: #ff6c36;
  
    --dfDeleteDisplay: block;
    --dfDeleteColor: #ff6c36;
    --dfDeleteBackgroundColor: rgba(255, 255, 255, 1);
    --dfDeleteBorderSize: 2px;
    --dfDeleteBorderColor: #ff6c36;
    --dfDeleteBorderRadius: 50px;
    --dfDeleteTop: -15px;
  
    --dfDeleteHoverColor: #ff6c36;
    --dfDeleteHoverBackgroundColor: #ffffff;
    --dfDeleteHoverBorderSize: 2px;
    --dfDeleteHoverBorderColor: #ff6c36;
    --dfDeleteHoverBorderRadius: 50px;
  
  }
  
  #drawflow {
    background: var(--dfBackgroundColor);
    background-size: var(--dfBackgroundSize) var(--dfBackgroundSize);
    background-image: var(--dfBackgroundImage);
  }

  .drawflow {
    flex-grow: 1;
    background-color: #fff;
    /* border: 1px solid #ccc; */
  }

  .drawflow .connection{
    left: 0px;
  }
  
  .drawflow .drawflow-node {
    display: var(--dfNodeType);
    background: var(--dfNodeBackgroundColor);
    color: var(--dfNodeTextColor);
    border: var(--dfNodeBorderSize)  solid var(--dfNodeBorderColor);
    border-radius: var(--dfNodeBorderRadius);
    min-height: var(--dfNodeMinHeight);
    width: auto;
    min-width: var(--dfNodeMinWidth);
    /* padding-top: var(--dfNodePaddingTop);
    padding-bottom: var(--dfNodePaddingBottom); */
    padding: 8px;
    box-shadow:  var(--dfNodeBoxShadowHL) var(--dfNodeBoxShadowVL) var(--dfNodeBoxShadowBR) var(--dfNodeBoxShadowS) var(--dfNodeBoxShadowColor);
    height: -moz-max-content;
    height: max-content;
  }
  
  .drawflow .drawflow-node:hover {
    background: var(--dfNodeHoverBackgroundColor);
    color: var(--dfNodeHoverTextColor);
    border: var(--dfNodeHoverBorderSize)  solid var(--dfNodeHoverBorderColor);
    border-radius: var(--dfNodeHoverBorderRadius);
    box-shadow:  var(--dfNodeHoverBoxShadowHL) var(--dfNodeHoverBoxShadowVL) var(--dfNodeHoverBoxShadowBR) var(--dfNodeHoverBoxShadowS) var(--dfNodeHoverBoxShadowColor);
  }
  
  .drawflow .drawflow-node.selected {
    background: var(--dfNodeSelectedBackgroundColor);
    color: var(--dfNodeSelectedTextColor);
    border: var(--dfNodeSelectedBorderSize)  solid var(--dfNodeSelectedBorderColor);
    border-radius: var(--dfNodeSelectedBorderRadius);
    box-shadow:  var(--dfNodeSelectedBoxShadowHL) var(--dfNodeSelectedBoxShadowVL) var(--dfNodeSelectedBoxShadowBR) var(--dfNodeSelectedBoxShadowS) var(--dfNodeSelectedBoxShadowColor);
  }
  
  .drawflow .drawflow-node .input {
    left: var(--dfInputLeft);
    background: var(--dfInputBackgroundColor);
    border: var(--dfInputBorderSize)  solid var(--dfInputBorderColor);
    border-radius: var(--dfInputBorderRadius);
    height: var(--dfInputHeight);
    width: var(--dfInputWidth);
    padding: 0px;
  }
  
  .drawflow .drawflow-node .input:hover {
    background: var(--dfInputHoverBackgroundColor);
    border: var(--dfInputHoverBorderSize)  solid var(--dfInputHoverBorderColor);
    border-radius: var(--dfInputHoverBorderRadius);
  }
  
  .drawflow .drawflow-node .outputs {
    float: var(--dfNodeTypeFloat);
  }
  
  .drawflow .drawflow-node .output {
    right: var(--dfOutputRight);
    background: var(--dfOutputBackgroundColor);
    border: var(--dfOutputBorderSize)  solid var(--dfOutputBorderColor);
    border-radius: var(--dfOutputBorderRadius);
    height: var(--dfOutputHeight);
    width: var(--dfOutputWidth);
  }
  
  .drawflow .drawflow-node .output:hover {
    background: var(--dfOutputHoverBackgroundColor);
    border: var(--dfOutputHoverBorderSize)  solid var(--dfOutputHoverBorderColor);
    border-radius: var(--dfOutputHoverBorderRadius);
  }
  
  .drawflow .connection .main-path {
    stroke-width: var(--dfLineWidth);
    stroke: var(--dfLineColor);
  }
  
  .drawflow .connection .main-path:hover {
    stroke: var(--dfLineHoverColor);
  }
  
  .drawflow .connection .main-path.selected {
    stroke: var(--dfLineSelectedColor);
  }
  
  .drawflow .connection .point {
    stroke: var(--dfRerouteBorderColor);
    stroke-width: var(--dfRerouteBorderWidth);
    fill: var(--dfRerouteBackgroundColor);
  }
  
  .drawflow .connection .point:hover {
    stroke: var(--dfRerouteHoverBorderColor);
    stroke-width: var(--dfRerouteHoverBorderWidth);
    fill: var(--dfRerouteHoverBackgroundColor);
  }
  
  .drawflow-delete {
    display: var(--dfDeleteDisplay);
    color: var(--dfDeleteColor);
    background: var(--dfDeleteBackgroundColor);
    border: var(--dfDeleteBorderSize) solid var(--dfDeleteBorderColor);
    border-radius: var(--dfDeleteBorderRadius);
    line-height: 24px;
  }
  
  .parent-node .drawflow-delete {
    top: var(--dfDeleteTop);
  }
  
  .drawflow-delete:hover {
    color: var(--dfDeleteHoverColor);
    background: var(--dfDeleteHoverBackgroundColor);
    border: var(--dfDeleteHoverBorderSize) solid var(--dfDeleteHoverBorderColor);
    border-radius: var(--dfDeleteHoverBorderRadius);
  }
  
  .pathway-node{
    display: flex;
    align-items: center;
    flex-direction: column;
    position: relative;
  }
  
  .pathway-node-img{
   margin-bottom: 6px;
   position: relative;
  }
  
  .pathway-node-img1{
    width: 70px;
    height: 70px;
    -o-object-fit: contain;
       object-fit: contain;
  }
  
  .pathway-node-img2{
    width: 20px;
    position: absolute;
    bottom: 0px;
    right: 0px;
  }
  
  .pathway-node-name{
    font-size: 14px;
    text-transform: capitalize;
    color: #393c41;
    text-wrap: nowrap;
  }



 
.pathway-canvas.preview-mode .drawflow .connection {
  pointer-events: none; 
}

.pathway-canvas {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
  background: #ebebeb;
}

.drawflow {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background: white;
}

.drawflow .parent-node {
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  cursor: grab;
}

.pathway-canvas.preview-mode .parent-node {
  cursor: default;
}

.pathway-canvas .drawflow:nth-child(1){
  /* display: none; */
}

.pathway-canvas.preview-mode .drawflow:nth-child(1){
  /* display: block; */
}

.pathway-canvas.preview-mode  .parent-node .drawflow-node{
  cursor: pointer;
}

.pathway-canvas.preview-mode  .parent-node .drawflow-node.spacerNode {
  visibility: hidden;
}

.pathway-canvas .pathway-node .pathway-node-chip{
  display: none;
}

.pathway-canvas.preview-mode .pathway-node.completed{
  color: #393c41;
}

.pathway-canvas.preview-mode .pathway-node.completed .pathway-node-chip{
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  color: #fff;
  border-radius: 0px 8px 0px 8px;
  text-transform: capitalize;
  padding: 2px 8px 2px 8px;
  height: 20px;
  width: -moz-max-content;
  width: max-content;
  margin-left: 6px;
  background-color: var(--greenText);
  position: absolute;
  top: -8px;
  right: -8px;
}

.pathway-canvas.preview-mode .drawflow .drawflow-delete{
  display: none;
}

.pathway-canvas.preview-mode .drawflow .connection .main-path.selected,  .pathway-canvas.preview-mode .drawflow .connection .main-path:hover {
  stroke: var(--dfLineColor);
  cursor: default;
}

.pathway-canvas.preview-mode .drawflow .drawflow-node .input, .pathway-canvas.preview-mode .drawflow .drawflow-node .output {
  cursor: default;
}

.pathway-canvas.preview-mode .drawflow .drawflow-node .input:hover, .pathway-canvas.preview-mode .drawflow .drawflow-node .output:hover{
  background: var(--dfInputBackgroundColor);
}
.clr-credentials .issuer-profile {
  position: relative;
}

.clr-credentials .issuer-profile .banner .banner-image {
  width: 100%;
  height: 210px;
  -o-object-fit: cover;
     object-fit: cover;
}

.clr-credentials .issuer-profile .issuer-details {
  display: flex;
  position: relative;
}

.clr-credentials .issuer-profile .issuer-details .info {
  padding-block-start: 24px;
  margin-inline-start: 10px;
  width: 100%;
  text-align: start;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.clr-credentials .issuer-profile .issuer-details .info .issuer-name {
  line-height: 28px;
}

.clr-credentials .issuer-profile .issuer-details .info .redirect .website-link {
  color: #fe4726;
  font-size: 14px;
  font-weight: 500;
  cursor: pointer;
  white-space: nowrap;
}

.clr-credentials .issuer-profile .profile {
  min-width: 180px;
  height: 90px;
}

.clr-credentials .issuer-profile .profile .profile-pic {
  width: 180px;
  /* height: 180px; */
  border-radius: 8px;
  position: absolute;
  top: -90px;
  inset-inline-start: 0px;
  /* box-shadow: 0px 10px 20px 4px #dee2e64a;
  border: 4px solid white;
  background: white; */
}

.clr-credentials .cred-list {
  margin-top: 30px;
}

.clr-credentials .share-card {
  text-align: start;
}

.clr-credentials .share-card .card-content {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.clr-credentials .share-card .card-content .share-card-title {
  color: #000;
  font-size: 16px;
  font-weight: 700;
}

.clr-credentials .share-card .card-content p {
  color: #000;
  font-size: 14px;
  font-weight: 400;
}

.clr-credentials .share-card .share-boxes {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}

.clr-credentials .share-card .icon-cls {
  width: 50px;
  height: 50px;
  padding: 5px;
  border-radius: 5px;
  cursor: pointer;
}

.clr-credentials .share-card .linkedin-btn-wrrper {
  margin-top: 15px;
}

.clr-credentials .share-card .linkedinAddbtn {
  display: flex;
  justify-content: center;
  align-items: center;
  background: #0076b2;
  color: #ffff;
  border-radius: 25px;
  width: 100%;
  padding: 8px 16px;
  border: 1px solid #0076b2;
}

.clr-credentials .share-card .linkedinAddbtn .linkedin-img-cls {
  width: 20px;
  height: 20px;
  margin: 0px 8px;
  margin-bottom: 5px;
}

.clr-credentials .share-card .linkedinAddbtn .btn-text {
  margin-top: 2px;
}

.clr-credentials .share-card .cust-icon {
  margin: 5px;
  border-radius: 5px;
  cursor: pointer;
}

.clr-credentials .credentials-info-card {
  font-family: "Roboto", sans-serif;
  text-align: start;
  margin: 30px 0px;
}

.clr-credentials .credentials-info-card .credentials-info-card-title,
.clr-credentials .credentials-info-card .issuer-text {
  color: #000;
  font-size: 16px;
  font-weight: 700;
  margin: 0px 0px 12px 0px;
}

.clr-credentials .credentials-info-card .solo-content .solo-img {
  width: 100px;
  height: 26px;
}

.clr-credentials .credentials-info-card .solo-content .solo-tagline {
  font-size: 14px;
  margin-top: 5px;
  color: #007bff;
  margin: 5px 0px 12px 0px;
}

.clr-credentials .credentials-info-card .issuer-content {
  display: flex;
  align-items: center;
  margin: 5px 0px 16px 0px;
}

.clr-credentials .credentials-info-card .issuer-content .issuer {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  cursor: pointer;
}

.clr-credentials .credentials-info-card .issuer-content-text {
  margin-left: 10px;
  font-size: 14px;
}

.clr-credentials .credentials-info-card .issuer-name {
  font-weight: 600;
  cursor: pointer;
}

.clr-credentials .credentials-info-card .website-link {
  color: #fe4726;
  font-size: 14px;
  font-weight: 400;
  margin: 10px 0px;
}

.clr-credentials .buttonText2 {
  width: 100%;
  color: #fe4726;
  font-size: 18px;
  font-weight: 400;
  border-radius: 10px;
  border: 1px solid rgba(0, 0, 0, 0.12);
  box-shadow: none;
}

.clr-credentials .button-cls {
  background-color: transparent;
  color: #000;
  padding: 5px 10px;
  margin: 5px 0px;
  margin-inline-end: 10px;
  border-radius: 20px;
  transition: background-color 0.3s, color 0.3s, border-color 0.3s, box-shadow 0.3s;
  font-size: 12px;
  font-weight: 400;
  text-transform: uppercase;
  border: 1px solid #b9b9b9;
}

.clr-credentials .issuer-profile .issuer-details .info .clr-name {
  line-height: 32px;
  margin-bottom: 0px;
  text-transform: capitalize;
  word-break: break-word;
  white-space: normal;
  text-align: start;

}

.clr-credentials .issuer-profile .issuer-details .info .name {
  position: absolute;
  top: 16px;
}

.clr-credentials .issuer-profile .banner {
  position: relative;
}

.clr-credentials .issuer-profile .banner .profile-section {
  position: absolute;
  top: 15px;
  right: 15px;
}

.clr-credentials .profileImage,
.clr-credentials .recepient-img {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  cursor: pointer;
  min-width: 50px;
}

.clr-credentials .issuerName {
  color: white;
  margin-left: 5px;
  display: block;
  cursor: pointer;
}

.clr-credentials .profile-div {
  display: flex;
  align-items: center;
}

.clr-credentials .recepient-name {
  margin-left: 15px;
  margin-bottom: 0px;
}

.clr-credentials .recepient-name h5{
  margin-bottom: 0px;
  cursor: pointer;
}

.clr-credentials .top-container{
  padding-bottom: 20px;
}

.clr-credentials .clr-list {
  margin-top: 20px;
}

.clr-credentials .clr-list .clr-details {
  text-align: start;
  padding: 0px 0px 30px;
}

.clr-credentials .clr-list .clr-Desc {
  margin-top: 20px;
}

.clr-credentials .clr-list .clr-valid {
  margin-top: 20px;
}

.clr-credentials .clr-list .date1 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.clr-credentials .clr-list .label1 {
  font-size: 16px;
  font-weight: 700;
}

.clr-credentials .clr-list .value1 {
  margin: 5px 0px;
  font-size: 14px;
  font-weight: 400;
}

.clr-credentials .clr-list .date-row {
  margin-top: 20px;
}

.clr-credentials .clr-list .clr-hr {
  margin: 20px 0px;
}

.clr-credentials .clr-list .clr-cardList {
  padding-top: 20px;
}

.clr-credentials .clr-list .clr-cred-title {
  text-align: start;
}

.clr-credentials .clr-list .clr-details .recepient-email span{
 word-break: break-word;
}

.clr-credentials .tag-container {
    display: flex;
    flex-wrap: wrap;
    margin: 6px 0px 15px;
    -moz-column-gap: 10px;
         column-gap: 10px;
}

.clr-credentials .tag-container button {
    background-color: #dee2e6;
    color: #263238;
    border: 1px solid #dee2e6;
    text-transform: capitalize;
    padding: 5px 18px;
    margin: 5px 0px;
    height: unset;
    white-space: nowrap;
}

.clr-credentials .issuer-content {
    display: flex;
    align-items: center;
    margin: 5px 0px 12px 0px;
}

.clr-credentials  .issuer-content .issuer {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    margin-inline-end: 10px;
}

.clr-credentials .issuer-name {
    margin-top: 2px;
    font-size: 14px;
    font-weight: 500;
}

.clr-credentials .profile-div .user-name {
    margin: 0px;
    font-size: 20px;
    font-weight: 700;
    text-align: left;
    margin: 0px 15px;
}

.clr-credentials .clr-container {
    color: #000;
    font-size: 14px;
    font-weight: 400;
    margin: 10px 0px 15px;
}

.clr-credentials .clr-link {
    color: #fe4726;
    font-size: 14px;
    font-weight: 400;
}

.clr-credentials .openbadge {
    margin-left: 10px;
    width: 20px;
    height: 20px;
}

.clr-credentials  .solo-img {
    width: 114px;
    height: 28px;
}

.clr-credentials .solo-tagline {
    font-size: 15px;
    margin-top: 5px;
    color: #007bff;
}


@media screen and (max-width: 576px) {
  .clr-credentials .issuer-profile .issuer-details .info .name {
    position: unset;
  }

  .clr-credentials .issuerName {
    display: none;
  }

  .clr-credentials .issuer-profile .issuer-details .info .issuer-name {
    margin-bottom: 8px;
  }

  .clr-credentials .issuer-profile .issuer-details {
    flex-direction: column;
  }

  .clr-credentials .issuer-profile .issuer-details .info {
    padding-top: 15px;
    margin-left: 0px;
  }
}
#clr-details .share-card {
  text-align: start;
}

#clr-details .share-card .card-content {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

#clr-details .share-card .card-content .share-card-title {
  color: #000;
  font-size: 16px;
  font-weight: 700;
}

#clr-details .share-card .card-content p {
  color: #000;
  font-size: 14px;
  font-weight: 400;
}

#clr-details .share-card .share-boxes {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}

#clr-details .share-card .icon-cls {
  width: 50px;
  height: 50px;
  padding: 5px;
  border-radius: 5px;
  cursor: pointer;
}

#clr-details .share-card .linkedin-btn-wrrper {
  margin-top: 15px;
}

#clr-details .share-card .linkedinAddbtn {
  display: flex;
  justify-content: center;
  align-items: center;
  background: #0076b2;
  color: #ffff;
  border-radius: 25px;
  width: 100%;
  padding: 8px 16px;
  border: 1px solid #0076b2;
}

#clr-details .share-card .linkedinAddbtn .linkedin-img-cls {
  width: 20px;
  height: 20px;
  margin: 0px 8px;
  margin-bottom: 5px;
}

#clr-details .share-card .linkedinAddbtn .btn-text {
  margin-top: 2px;
}

#clr-details .share-card .cust-icon {
  margin: 5px;
  border-radius: 5px;
  cursor: pointer;
}

#clr-details .overview-section {
  padding-top: 2px;
  /* margin-top: 32px; */
}

#clr-details .overview-section h6 {
  margin: 10px 0px;
  max-width: 200px;
  /* text-align: center; */
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  color: #1d2026;
}

#clr-details .overview-section .track {
  position: relative;
  height: 1px;
  background: #e9eaf0;
}

#clr-details .track .filled-line {
  position: absolute;
  left: 0;
  height: 1px;
  width: 200px;
  background: #fff;
  box-shadow: 0px -2px 0px 0px #ff6636 inset;
}

#clr-details .details-section {
  padding: 14px;
}

#clr-details .details-section .line {
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  color: #393c41;
}

#clr-details .details-section .line-text {
  margin-top: 8px;
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  color: #4e5566;
}
.notificationares {
  margin: 0 auto 0;
  text-align: left;
}

.hnotify {
  font-size: 18px;
  text-align: center;
  font-weight: 600;
  color: #0505059e;
  text-shadow: 0px 1px 1px rgb(104 104 104 / 12%);
}

.hnotifytop {
  width: 100%;
  display: flex;
  /* padding-left: 30px; */
  padding-bottom: 10px;
  padding-top: 20px;
  justify-content: space-between;
}

.buttontxt {
  cursor: pointer;
  color: #ff6c36;
  font-weight: 600;
  font-size: 14px;
  line-height: 25px;
}
.leftdel {
  margin-top: -12px;
  width: 157px;
  margin-left: 52px;
}

.btndel {
  margin-left: auto;
  width: 121px;
}

.selectuser {
  width: 450px;
}

.delegatedropdown {
  width: 100%;
}
.nodelrequest {
  text-align: center;
  font-size: 16px;
  margin-top: 30px;
}

.delegateScreen .add-button{
  width: 157px;
}

.delegateScreen .add-button .button1{
  margin: 0px;
}
@media screen and (min-width: 1200px) and (max-width: 2100px) {
  .selectuser {
    width: 500px;
  }
  .leftdel {
    margin-top: -12px;
    width: 157px;
    margin-left: 35px;
  }
}

.optiontextauto {
  font-size: 12px;
  font-family: "Roboto", sans-serif;
  color: #91979d;
  font-weight: 500;
  /* text-transform: uppercase; */
  background: white;
  z-index: 999;

  text-align: left;
  border-radius: 8px;
  border: 1px solid var(--greyLight);
  box-sizing: border-box;
  outline: none;
  /* mix-blend-mode: normal; */
  box-shadow: 1px 0px 8px 0px #dee2e663;
  margin-bottom: 10px;
  position: absolute;
  margin-top: -14px;
  padding: 4px;
  width: 100%;
  max-width: 500px;
}
@media screen and (min-width: 350px) and(max-width:452px) {
  .optiontextauto {
    max-width: 91%;
  }
}
@media only screen and (max-width: 2400px) and (min-width: 991px) {
  .optiontextauto {
    width: 98% !important;
  }
}

.scrollable2 {
  overflow-y: scroll;
  overflow-x: hidden;
  /* overflow: auto; */
  /*  width: 70px;  adjust this width depending to amount of text to display */
  height: 95px; /* adjust height depending on number of options to display */
  border: 1px silver solid;
}

.noreqimg {
  margin-left: 30px;
}

/*8888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888*/

.deligatesection {
  /* width: 100%; */
  display: inline-block;
  color: white;
}

.deligatesection .deligatecontainer {
  /* position: absolute;
    left: 20px;
    text-align: left; */
}

.deligatesection .circularpicture {
  height: 50px;
  width: 50px;
  border-radius: 50%;
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin-left: 20px;
  margin-top: 8px;
  margin-bottom: 8px;
}

.deligatesection .deligateinsideimage {
  width: 100%;
  height: 100%;
  border-radius: 50%;
}

.deligatesection .deligateuserdetail {
  margin-left: 10px;
  display: inline-block;
  /* width: calc(100% - 60px); */
  max-width: 300px;
  height: auto;
}

.deligatesection .deligatebutton {
  /* margin-left: 333px; */
  display: inline-block;
  width: 74px;
  /* max-width: 300px; */
  height: auto;
  left: 64%;
  position: relative;
}

.deligatesection .deligatename {
  font-weight: 400;
  font-size: 16px;
  color: #6b6b6b;
}

@media (max-width: 991px) {
  .deligatesection .deligatebutton {
    /* margin-left: 333px; */
    display: block;
    /* width: calc(100% - 60px); */
    max-width: 300px;
    width: 200px;
    height: auto;
    position: relative;
    left: 2%;
  }

  .delpost {
    font-size: 22px;
  }

  .deligatesection .circularpicture {
    height: 50px;
    width: 50px;
    border-radius: 50%;
    position: relative;
    display: inline-block;
    vertical-align: middle;
    margin-left: 20px;
    margin-top: 10px;
  }

  .selectuser {
    width: 100%;
  }
  .leftdel {
    margin-left: 0px;
  }
}

.ddeligatesection {
  display: inline-block;
  max-width: 300px;
  height: auto;
}

.dbutton {
  /* max-width: 300px;
    height: auto;
    position: absolute;
    left: 82%; */
}

.ddropdownfornotification {
  display: flex;
  justify-content: space-between;
}

.dbuttonmain {
  font-family: "Roboto", sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  color: #fff;
  width: 83px;
  height: 37px;
  /* margin: 20px 0; */
  /* margin-bottom: 10px; */
  /* margin-top: 6px; */
  margin-top: 15px;
  margin-bottom: 11px;
  cursor: pointer;
  text-align: center;
  border: none;
  background-size: 300% 100%;
  border-radius: 8px;
  moz-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}

.dbutton1 {
  background-color: #ff6c36d9;
  color: var(--white);
  border: none;
  box-shadow: 0px 1px 12px 1px #dee2e673;
  border-radius: 10px;
  margin-right: 20px;
}

@media only screen and (max-width: 768px) and (min-width: 358px) {
  /*.ddeligatesection {
    display: inline-block;
    max-width: 300px;
    height: auto;
    position: absolute;
    left: 77%;
  } */

  .delegate-dp {
    width: 92%;
  }

  .delegateScreen .add-button{
    margin: auto;
  }

  .delegateScreen .add-button .button1{
    margin: 20px auto;
  }
}

@media only screen and (max-width: 365px) and (min-width: 255px) {
  /* .ddeligatesection {
    display: inline-block;
    max-width: 300px;
    height: auto;
    position: absolute;
    left: 67%;
  } */
}

@media screen and (min-width: 452px) and(max-width:770px) {
  .optiontextauto {
    max-width: 94%;
  }
}

@media screen and (max-width: 420px) {
  .deligatesection .circularpicture {
    height: 40px;
    width: 40px;
    margin-left: 10px;
  }

  .deligatesection .deligateuserdetail {
    margin-left: 7px;
  }
  .deligatesection .deligatename {
    font-size: 14px;
  }
  .ddeligatesection .dbutton1 {
    margin-right: 10px;
    width: 70px;
    height: 34px;
    margin-top: 11px;
  }
}

@font-face{font-family:"revicons";fallback:fallback;src:url(/static/media/revicons.04eb8fc5.woff) format('woff'),url(/static/media/revicons.17629a5d.ttf) format('ttf'),url(/static/media/revicons.2feb69cc.eot) format('ttf')}.react-multi-carousel-list{display:flex;align-items:center;overflow:hidden;position:relative}.react-multi-carousel-track{list-style:none;padding:0;margin:0;display:flex;flex-direction:row;position:relative;transform-style:preserve-3d;backface-visibility:hidden;will-change:transform,transition}.react-multiple-carousel__arrow{position:absolute;outline:0;transition:all .5s;border-radius:35px;z-index:1000;border:0;background:rgba(0,0,0,0.5);min-width:43px;min-height:43px;opacity:1;cursor:pointer}.react-multiple-carousel__arrow:hover{background:rgba(0,0,0,0.8)}.react-multiple-carousel__arrow::before{font-size:20px;color:#fff;display:block;font-family:revicons;text-align:center;z-index:2;position:relative}.react-multiple-carousel__arrow:disabled{cursor:default;background:rgba(0,0,0,0.5)}.react-multiple-carousel__arrow--left{left:calc(4% + 1px)}.react-multiple-carousel__arrow--left::before{content:"\e824"}.react-multiple-carousel__arrow--right{right:calc(4% + 1px)}.react-multiple-carousel__arrow--right::before{content:"\e825"}.react-multi-carousel-dot-list{position:absolute;bottom:0;display:flex;left:0;right:0;justify-content:center;margin:auto;padding:0;margin:0;list-style:none;text-align:center}.react-multi-carousel-dot button{display:inline-block;width:12px;height:12px;border-radius:50%;opacity:1;padding:5px 5px 5px 5px;box-shadow:none;transition:background .5s;border-width:2px;border-style:solid;border-color:grey;padding:0;margin:0;margin-right:6px;outline:0;cursor:pointer}.react-multi-carousel-dot button:hover:active{background:#080808}.react-multi-carousel-dot--active button{background:#080808}.react-multi-carousel-item{transform-style:preserve-3d;backface-visibility:hidden}@media all and (-ms-high-contrast:none),(-ms-high-contrast:active){.react-multi-carousel-item{flex-shrink:0 !important}.react-multi-carousel-track{overflow:visible !important}}[dir='rtl'].react-multi-carousel-list{direction:rtl}.rtl.react-multiple-carousel__arrow--right{right:auto;left:calc(4% + 1px)}.rtl.react-multiple-carousel__arrow--right::before{content:"\e824"}.rtl.react-multiple-carousel__arrow--left{left:auto;right:calc(4% + 1px)}.rtl.react-multiple-carousel__arrow--left::before{content:"\e825"}
#coursedetails .coursedetailsImage {
  padding: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  /* align-self: center; */
  /* justify-self: center; */
  /* display: flex; */
  /* position: relative;
    left: 50%; */
}
.list {
  margin-top: 33px;
  margin-left: 15px;
}
.list .q-box {
  display: flex;
  width: 100%;
  justify-content: space-between;
}
.list .q-text {
  text-align: start;
  font-size: 24px;
  font-weight: 600;
}
.list .searchbtn2 {
  margin-left: 8px;
  margin-bottom: 0px;
}
.list #courcescreen {
  width: 200px;
  white-space: nowrap;
}
.list .table thead th {
  border-bottom: 1px solid #dee2e6;
}
#coursedetails .containerCourses {
  /* height: 100vh; this thing was giving an error for the review section */
}
#coursedetails .carousel .carousel-slider,
#coursedetails .carousel .slider-wrapper {
  height: 100%;
  max-height: 500px;
}
#coursedetails .carousel-root {
  height: 100%;
}

#coursedetails .iconContainer {
  /* border: 4px solid var(--flameorang); */
  outline: 1px solid #969595;
  width: 50px;
  height: 51px;
  border-radius: 50px;
  margin-right: -7px;
}
#coursedetails .inicon2 {
  width: 100%;
  height: 100%;
}

.nothingfound-img {
  margin-top: 20px;
}
.firstletter-cap {
  display: inline-block;
}

.firstletter-cap::first-letter {
  text-transform: uppercase;
}
#coursedetails .review-card {
  margin: 15px 0px;
}
#coursedetails .review-card .top-container {
  display: flex;
  align-items: center;
}
#coursedetails .review-card .top-container .profile-img {
  width: 30px;
  height: 30px;
  border-radius: 50%;
}
#coursedetails .review-card .top-container .profile-name {
  margin: 0px 5px;
  font-size: 14px;
}
#coursedetails .review-card .review-date {
  font-size: 14px;
  color: #828282;
}
#coursedetails .review-card .review-text {
  color: #0f1111;
}
#coursedetails .review-card hr {
  margin: 24px 0px;
}
@media screen and (max-width: 991px) {
  #coursedetails .iconContainer {
    border: 4px solid var(--flameorang);
    width: 46px;
    height: 46px;
    border-radius: 50px;
    margin-right: -7px;
  }
  #coursedetails .inicon2 {
    width: 100%;
    height: 100%;
  }

  #coursedetails .circularbox {
    width: 46px;
    height: 46px;
    border-radius: 50px;
    background-color: #ff6c36d9;

    padding: 12px;
  }
}
#coursedetails .marginprofiles {
  margin-left: 8px;
}
#coursedetails .innerHtmlStyling {
  line-height: unset;
  display: flex;
  flex-direction: column;
}
#coursedetails .innerHtmlStyling pre {
  margin: 2px 0px;
  font-size: 14px;
}
#coursedetails .innerHtmlStyling blockquote {
  margin: 0px 0px 5px;
}
#coursedetails .innerHtmlStyling :is(h1, h2, h3, h4, h5, h6) {
  margin: 3px 0px;
}
#coursedetails .innerHtmlStyling p {
  font-size: 16px;
  margin: 3px 0px;
  margin-block-end: 3px;
  margin-block-start: 3px;
}
#coursedetails .innerHtmlStyling strong {
  font-size: 16px;
  font-weight: 600;
}

#coursedetails .innerHtmlStyling ul,
#coursedetails .innerHtmlStyling ol {
  display: flex;
  flex-direction: column;
  margin: 0px;
}
#coursedetails .innerHtmlStyling ul li,
#coursedetails .innerHtmlStyling ol li {
  font-size: 16px;
  margin: 2px 0px;
}
#coursedetails .circularvox {
  width: 50px;
  height: 51px;
  border-radius: 50px;
  background-color: #ff6c36d9;
  padding: 14px;
}
@media screen and (max-width: 991px) {
  #coursedetails .marginprofiles {
    margin-left: 0px;
    margin-top: 20px;
  }

  #coursedetails .text3 {
    color: #e8e8e8;
    margin-top: 20px;
    font-size: 15px;
  }
  #coursedetails .circularvox {
    width: 46px;
    height: 46px;
    padding: 12px;
  }
}

#coursedetails .text3 {
  color: #e8e8e8;
  margin-top: 20px;
}
#coursedetails .carousel.carousel-slider {
  width: 100%;
  height: 100%;
}
#coursedetails .cimage {
  /* box-shadow: 1px 0px 2px 1px #adb5bd;
    padding: 5px;
    position: relative;
    border: 1px solid #e8e8e8;
    border-radius: 10px;
    margin: 15px auto;
    width: 35%; */
  position: relative;
  border: 1px solid #e8e8e8;
  border-radius: 0px 30px;
  margin: 15px auto;
  width: 100%;
  overflow: hidden;
  height: 78%;
}
#coursedetails .enrollbtn {
  background-color: #ff6c36d9;
  color: var(--white);
  border: none;
  box-shadow: 2px 2px 20px 0px #adb5bd82;
  border-radius: 10px;
  width: 200px;
  font-size: 20px;
  height: 50px;
  margin-bottom: 16px;
  cursor: pointer;
}

@media screen and (max-width: 991px) {
  #coursedetails .enrollbtn {
    background-color: #ff6c36d9;
    color: var(--white);
    border: none;
    box-shadow: 2px 2px 20px 0px #adb5bd82;
    border-radius: 10px;
    width: 200px;
    font-size: 20px;
    height: 50px;
  }
}

/* #coursedetails .enrolledbtn{
    background-color: #828282;} */

#coursedetails .cwrapper {
  background-color: white;
  /* box-shadow: 6px 40px 40px -10px #88888824; */
  border-radius: 30px;

  border: 4px solid #ff6c366e;
  border-radius: 30px;
  box-shadow: 2px 3px 40px 0px #f8f9fa;
  /* cursor: pointer; */
  border-top-left-radius: 0px;
  border-bottom-right-radius: 0px;
  margin: 10px;
}
#coursedetails .ccardContent {
  /* padding:10px 50px 0 20px; */
  padding: 30px 20px;
  padding-left: 12px;
  cursor: auto;
}
#coursedetails .ccardCContent {
  /* padding:10px 50px 0 20px; */
  padding: 30px 20px 0px 20px;
  padding-left: 12px;
  cursor: auto;
}
@media screen and (max-width: 991px) {
  #coursedetails .ccardCContent {
    /* padding:10px 50px 0 20px; */
    padding-right: 20px;
    padding-left: 3px;
    padding-top: 10px;
    /* padding-bottom: 30px; */
    cursor: auto;
  }
}
#coursedetails .paddingdetail {
  /* padding-left: 20px; */
  padding-right: 20px;
  padding-top: 11px;
  padding-bottom: 0px;
}

#coursedetails .cprice {
  /* left: 160px;
  top: 126px; */
  height: 30px;
  font-weight: 500;
  font-size: 18px;
  color: #ffffff;
  letter-spacing: 0.7px;
  /* position: absolute; */
  text-transform: capitalize;
  padding: 7px;
  padding-right: 16px;
  background: #ffc107;
  border-radius: 15px 15px 15px 0px;
  box-shadow: 2px 1px 1px 0px #ffc107bf;
}
#coursedetails .ccategory {
  margin-right: 25px;
  padding: 8px 20px;
  /* border-radius: unset; */
  background: #ff6c36de;
  color: #ffffff;
  height: 31px;
  text-transform: capitalize;
  /* position: absolute;
      left: 34px; */
  border-radius: 15px 15px 0px 15px;
  cursor: auto;
  /* top: 126px; */
  box-shadow: 0px 0px 5px 0px #ffa482;
}

#coursedetails .cccategory {
  margin-right: 25px;
  padding: 8px 20px;
  /* border-radius: unset; */
  background: #ff6c36de;
  color: #ffffff;
  height: 31px;
  text-transform: capitalize;
  /* position: absolute; */
  /* left: 28px; */
  border-radius: 15px 15px 0px 15px;
  cursor: auto;
  /* top: 126px; */
  box-shadow: 0px 0px 5px 0px #ffa482;
}

#coursedetails .ctitledetail {
  width: 100%;
  text-align: start;
  /* white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
            word-break: break-word; */
  /* display:-webkit-box; */
  /* -webkit-line-clamp: 2;
            -webkit-box-orient: vertical; */
}

#coursedetails .bigcardprice {
  /* margin-top: 20px; */
  margin-top: 20px;
  font-weight: 600;
  padding-right: 23px;
  text-align: start;
  font-size: 24px;
  color: #0d6efdd1;
  /* margin-bottom: 20px; */
  /* margin-right: 367px; */
  margin-bottom: 0px;
}

#coursedetails .technologynm {
  margin-top: 10px;
  font-weight: 600;
  font-size: 18px;
  color: #fde50dd1;
  text-transform: capitalize;
}

#coursedetails .techn {
  display: inline;
  padding-right: 20px;
  text-align: start;
  margin-top: 23px;
  /* margin-left: 13px; */
  position: "absolute";
  font-size: 18px;
  width: 73%;
  text-align: start;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-word;
  /* display:-webkit-box; */
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  color: black;
  /* margin-top: 10px; */
  opacity: 0.7;
  font-weight: 400;

  letter-spacing: 0.3px;
  line-height: 26px;
  text-transform: capitalize;
}
#coursedetails .techname {
  position: "absolute";
  font-size: 18px;
  width: 73%;
  text-align: start;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-word;
  /* display:-webkit-box; */
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  color: black;
  /* margin-top: 10px; */
  opacity: 0.7;
  font-weight: 600;

  letter-spacing: 0.3px;
  line-height: 26px;
  text-transform: capitalize;
}
#coursedetails .institude {
  /* padding-left: 20px;  */
  cursor: pointer;
  position: "absolute";
  font-size: 20px;
  width: 73%;
  text-align: start;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-word;
  /* display:-webkit-box; */
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  color: #212529;
  margin-top: 10px;
  opacity: 0.7;
  font-weight: 500;
  letter-spacing: 0.3px;
  line-height: 26px;
  text-transform: capitalize;
}

#coursedetails .searchbutton {
  margin-left: 10px;
  color: var(--orange5e);
  cursor: pointer;
  font-size: 20px;
  font-weight: 400;
  text-transform: lowercase;
  display: inline;
}

#coursedetails .searchbutton:hover {
  color: #ff6c369f;
  cursor: pointer;
}

#coursedetails .ctitledetail h2 {
  font-weight: 600;
  font-size: 28px;
  color: #262429;
  letter-spacing: 0.3px;
  /* text-transform: capitalize;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
            word-break: break-word; */
  /* display: -webkit-box; */
  /* -webkit-line-clamp: 2;
            -webkit-box-orient: vertical; */
  /* text-transform: capitalize; */
}
#coursedetails .ctitledetail h2::first-letter {
  text-transform: uppercase;
}
.list .searchbtn2 {
  width: 180px !important;
  font-family: "Roboto" !important;
  background-color: var(--shadow) !important;
  border: none !important;
  box-shadow: 1px 1px 2px 0px #c6d2d9;
  border-radius: 10px;
  height: 40px;
}

.list .q-box {
  display: flex;
  width: 100%;
  justify-content: space-between;
  margin-bottom: 20px;
}

.list .searchbtn2.subcatBtn {
  width: -moz-max-content !important;
  width: max-content !important;
}
@media screen and (max-width: 750px) {
  .list #courcescreen .searchbtn2 {
    max-width: -moz-max-content;
    max-width: max-content;
  }

  #coursedetails .cprice {
    font-weight: 500;
    font-size: 18px;
    color: #ffffff;
    letter-spacing: 0.7px;
    /* position: absolute; */
    /* right: 4px; */
    text-transform: capitalize;
    /* bottom: 4px; */
    padding: 7px;
    padding-right: 16px;
    background: #ffc107;
    border-radius: 10px;
    border-top-left-radius: 0px;
    border-bottom-right-radius: 0px;
    box-shadow: 2px 1px 1px 0px #ffc107bf;
  }

  #coursedetails .ctitledetail h2 {
    font-weight: 600;
    font-size: 22px;
  }
  #coursedetails .searchbutton {
    font-size: 16px;
  }
  #coursedetails .techn {
    position: "absolute";
    font-size: 14px;
    width: 100%;
  }

  #coursedetails .institude {
    font-size: 16px;
  }

  #coursedetails .techareafordetail .techpicfordetail {
    height: 22px;
    width: 22px;
  }
  #coursedetails .bigcardprice {
    padding-right: 0px;
    margin-right: 0px;
    font-weight: 600;
    font-size: 18px;
  }
}

#coursedetails .techareafordetail {
  width: 100%;
  text-align: start;
  margin-top: 30px;
}

#coursedetails .techareafordetail .techpicfordetail {
  border-radius: 50%;
  height: 30px;
  width: 30px;
  /* margin-left: 3px; */
  margin-right: 10px;
}

#coursedetails .techarea .techpicfordetail:first-of-type {
  margin-left: 0px;
}

#coursedetails .inicon {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  position: relative;
  /* margin-left: -10px; */
}

#coursedetails .vicon {
  width: 25px;
  height: 25px;
  position: relative;
  /* margin-top: -6px; */
  margin-left: 3px;
  margin-right: 8px;
}

#coursedetails .comname {
  margin-left: 10px;
  font-size: 17px;
  line-height: 26px;
  letter-spacing: 0.3px;
  text-transform: capitalize;
  color: #000000;
  font-weight: 600;
}

.display-only-mobile {
  color: red;
}
.mobile-ques-icon {
  margin-left: 10px;
  margin-top: 0px;
}
@media screen and (min-width: 992px) {
  .mobile-ques-icon,
  .display-only-mobile {
    display: none;
  }
}
@media screen and (max-width: 991px) {
  #coursedetails .inicon {
    width: 38px;
    height: 38px;
  }
}

/*------------------------------------------popupform css---------------------------------*/

.pop {
  width: 100%;
}
.popup {
  background: var(--white);
  border-radius: 8px;
  box-shadow: 0px 1px 2px rgb(189 189 189 / 50%);
  width: auto;
  height: auto;
  overflow: hidden;
}

.popup .popupcontent {
  margin: 15px;
  position: relative;
  margin-top: 40px;
}
.label {
  display: flex;
  align-items: center;
  font-size: 15px;
  /* text-transform: capitalize; */
}
.left {
  text-align: start;
  font-size: 16px;
  margin-top: 16px;
  margin-bottom: 5px;
  /* text-transform: capitalize; */
}

.formss {
  background: var(--color-darkblue-alpha);
  padding: 20px 18px 0px 18px;
  border-radius: 0.25rem;
}

/* @media (min-width: 480px) {
  .formss {
    padding: 2.5rem;
  }
} */
.selectfromdrop {
  width: 100%;
  height: 40px;
  /* margin: 8px 0; */
  /* border: 1px solid var(--org); */
  border-radius: 10px;
  color: #828282;
  box-sizing: border-box;
  outline: none;
  font-family: "Roboto", sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 12px;
  line-height: 18px;
  /* mix-blend-mode: normal; */
  box-shadow: 1px 0px 8px 0px #dee2e663;
  background-color: #fff;
}

#coursedetails .input-radio {
  display: inline-block;
  margin-right: 0.625rem;
  min-height: 1.25rem;
  min-width: 1.25rem;
}

#coursedetails .pop .textareaclass {
  outline: none;
  background-color: var(--white);
  width: 100%;
  height: 90px;
  padding: 0px 20px;
  box-sizing: border-box;
  box-shadow: 1px 0px 8px 0px #dee2e663;
  border-radius: 10px;
  font-size: 16px;
  resize: none;
}
.buttonforenroll {
  background-color: #ff6c36d9;
  color: var(--white);
  border: none;
  box-shadow: 2px 2px 20px 0px #adb5bd82;
  border-radius: 10px;
  width: 200px;
  font-size: 20px;
  height: 50px;
  margin-bottom: 16px;
}

.buttonforenroll:hover {
  background-color: #ff6c36f8;
}
.details-line-formatting {
  white-space: pre-line;
}
@media screen and (max-width: 991px) {
  .buttonforenroll {
    background-color: #ff6c36d9;
    color: var(--white);
    border: none;
    box-shadow: 2px 2px 20px 0px #adb5bd82;
    border-radius: 10px;
    width: 200px;
    font-size: 20px;
    height: 50px;
    margin-bottom: 100px;
  }

  .buttonforenroll:hover {
    background-color: #ff6c36ea;
  }

  .btmmargin {
    margin-bottom: 60px !important;
  }
}

.scorepopup {
  font-size: 22px;
  font-weight: 600;
}

.scorebtnmargin {
  margin-left: 74px;
  margin-right: 67px;
  margin-top: 24px;
  margin-bottom: 10px;
}

.scorepopupcontent {
  margin-top: 30px;
}

.othertitle {
  color: #212529 !important;
  font-weight: 600;
  font-size: 18px;
  text-transform: capitalize;
}
.othertitle1 {
  color: #212529 !important;
  font-weight: 600;
  font-size: 18px;
  text-transform: capitalize;
}
.txtalign {
  text-align: start;
}

.ccardCContent1 {
  padding: 10px 20px;
  padding-left: 12px;
  cursor: auto;
}
.first-text-capital::first-letter {
  text-transform: uppercase;
}
.subcat {
  margin-top: 16px;
  text-align: start;
}

.btmmargin {
  margin-bottom: 30px;
}

#coursedetails .technology-chip button,
#coursedetails .technology-chip button:hover {
  margin: 5px 8px 5px 0px;
}

.sidebarmenu .dropdown-item.active {
  background: transparent;
  color: #6b6b6b;
}
/* In your CSS file or component */
.green-icon {
  fill: green; /* Change the fill color */
  width: 50px; /* Set the width */
  height: 50px; /* Set the height */
}
.sidebarmenu .admin-dropdown {
  max-height: 89.4vh;
  overflow-y: auto;
}
.sidebarmenu .dropdown-item {
  padding: 0.3rem 0.7rem;
}
.sidebarmenu hr {
  margin-top: 6px;
  margin-bottom: 6px;
  border: 0;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
}
.sidebarmenu a {
  color: #6b6b6b;
}
.sidebarmenu .dropdown-menu.show {
  position: absolute;
  padding: 20px;
}
.sidebarmenu .dropdown-menu.show {
  box-shadow: 0px 3px 26px rgb(229 229 229 / 39%);
  border-radius: 18px;
  /* border-top-right-radius: 0px;*/
}
.sidebarmenu .dropdown-menu-right {
  right: 10px;
  top: 60px;
}
.sidebarmenu a:hover,
.sidebarmenu .dropdown-item.active:hover {
  color: #ffffff;
  text-decoration: none;
  text-shadow: -1px -1px 1px #a9a9a93d;
  /* font-size: 18px; */
  border-radius: 8px;
  box-shadow: 0px 1px 5px #dee2e6;
  background-color: var(--orange5e);
}

.sidebarmenu .menuicon {
  height: 18px;
  width: 18px;
  margin-top: -3px;
}
.sidebarmenu .menu-item:hover .menuicon {
  filter: brightness(0) invert(1);
}

.sidebarmenu .menutext {
  margin-left: 14px;
  cursor: pointer;
  font-weight: 400;
  font-size: 16px;
}

.bm-item-list {
  color: var(--black);
  text-align: left;
  overflow: hidden;
  padding-left: 20px;
  box-shadow: 0px 3px 30px rgb(196 196 196 / 60%);

  padding-right: 20px;
  background: white;
  height: auto;
  border-radius: 30px;
}

.sidebarbutton {
  margin: 0 auto;
  width: 50px;
  height: 50px;
  background: #fd790d;
  border-radius: 50%;
  position: fixed;
  bottom: 30px;
  left: 125px;
  text-align: center;
  color: white;
  box-shadow: 2px 5px 14px 0px #fd6d0d82;
}

.sidebarbutton .sideicon {
  width: 40px;
  height: 40px;
  margin-top: 5px;
}
.Sign-out-btn-wrapper {
  display: flex;
}
@media (max-width: 768px) {
  .sidebarmenu .dropdown-menu-right {
    right: 2px;
    top: unset;
    bottom: 55px;
  }

  .sidebarmenu.sidebarmenucreate .dropdown-menu-right {
    right: -110px;
  }

  .sidebarmenu.sidebarmenuprofile .dropdown-menu-right {
    right: -70px;
  }

  /* .sidebarmenu .dropdown-menu.show {
    border-bottom-right-radius: 0px;
    border-top-right-radius: 30px;
    padding-right: 1px;
  } */
}

.proimg {
  width: 32.3px;
  height: 32.3px;
  border-radius: 20px;
  margin-left: -6px;
}

.mhr {
  margin: 10px 0px;
  border: 0.1px solid #c7c7c7;
  box-shadow: 0px 1px 2px rgb(0 0 0 / 25%);
}

.delmenu {
  text-transform: capitalize;
}

#hackathon-details-page {
  font-family: Roboto;
  margin-top: 25px;
  text-align: start;
  padding-bottom: 20px;
  margin-bottom: 45px;
}

/* Top Section */
#hackathon-details-page .top-section-hack-details {
  padding: 20px 0px 0px;
  background: rgba(209, 236, 241, 0.24);
  background: #d1ecf13d;
}

#hackathon-details-page .top-section-hack-details .top {
  max-width: 900px;
}

#hackathon-details-page .top-section-hack-details .hackathon-title {
  margin: 0px;
  font-size: 22px;
  font-style: normal;
  font-weight: 600;
  color: #1d2026;
}

#hackathon-details-page .top-section-hack-details .issuer-info {
  margin: 12px 0px;
  display: flex;
  align-items: center;
  cursor: pointer;
}

#hackathon-details-page .top-section-hack-details .issuer-info img {
  width: 45px;
  height: 45px;
  border: 2px solid #fff;
  border-radius: 50%;
}

#hackathon-details-page .top-section {
  padding: 36px 0px;
  background: rgba(209, 236, 241, 0.24);
  background: #d1ecf13d;
}

#hackathon-details-page .top-section .top {
  max-width: 900px;
}

#hackathon-details-page .top-section .hackathon-title {
  margin: 0px;
  font-size: 22px;
  font-style: normal;
  font-weight: 600;
  color: #1d2026;
}

#hackathon-details-page .top-section .issuer-info {
  margin: 12px 0px;
  display: flex;
  align-items: center;
  cursor: pointer;
}

#hackathon-details-page .top-section .issuer-info img {
  width: 45px;
  height: 45px;
  border: 2px solid #fff;
  border-radius: 50%;
}

#hackathon-details-page .top-section-hack-details {
  padding: 20px 0px 0px;
  background: rgba(209, 236, 241, 0.24);
  background: #d1ecf13d;
}

#hackathon-details-page .top-section-hack-details .top {
  max-width: 900px;
}

#hackathon-details-page .top-section-hack-details .hackathon-title {
  margin: 0px;
  font-size: 22px;
  font-style: normal;
  font-weight: 600;
  color: #1d2026;
}

#hackathon-details-page .top-section-hack-details .issuer-info {
  margin: 12px 0px;
  display: flex;
  align-items: center;
  cursor: pointer;
}

#hackathon-details-page .top-section-hack-details .issuer-info img {
  width: 45px;
  height: 45px;
  border: 2px solid #fff;
  border-radius: 50%;
}

.carousel .slide img {
  width: 100%;
  vertical-align: top;
  /* border-radius: 0px 30px; */
  border: 0;
  height: 100%;
  max-height: 380px;
}

#hackathon-details-page .top-section .issuer-name {
  margin-left: 6px;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  color: #4e5566;
}

#hackathon-details-page .top-section .oppotunity-info .category {
  display: inline-block;
  padding: 4px 12px;
  border-radius: 4px;
  background: #ff6636;
  color: #fff;
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
}

#hackathon-details-page .top-section .oppotunity-info .type {
  margin-left: 16px;
  display: inline-block;
  padding: 4px 12px;
  border-radius: 4px;
  background: #ffc107;
  color: #fff;
  font-size: 12px;
  font-style: normal;
  font-weight: 700;
}

#hackathon-details-page .top-section .tech-wrapper {
  margin: 18px 0px;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}

#hackathon-details-page .top-section .tech-wrapper .tech-icons {
  display: flex;
  align-items: center;
}

#hackathon-details-page .top-section .tech-wrapper .tech-icons + .tech-icons {
  margin-left: 8px;
}

#hackathon-details-page .top-section .tech-wrapper img {
  width: 26px;
  height: 26px;
  -o-object-fit: scale-down;
     object-fit: scale-down;
  cursor: pointer;
}

#hackathon-details-page .top-section .tech-icons div {
  /* margin-top: 2px; */
  height: 22px;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  margin-left: 8px;
  color: #4e5566;
}

#hackathon-details-page .top-section .last-line {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0px 8px 0px 0px;
}

#hackathon-details-page .top-section .last-line .left-section {
  display: flex;
  align-items: center;
}

#hackathon-details-page .top-section .last-line .img-wrapper img {
  width: 45px;
  height: 45px;
  -o-object-fit: cover;
     object-fit: cover;
  border: 2px solid #fff;
  border-radius: 50%;
}

#hackathon-details-page .top-section .img-wrapper + .img-wrapper {
  margin-left: -8px;
}

#hackathon-details-page .top-section .last-line .more-enroll div {
  width: 45px;
  height: 45px;
  padding: 10px;
  margin-left: -8px;
  color: #fff;
  border: 2px solid #fff;
  background: #ff6636;
  border-radius: 50%;
}

#hackathon-details-page .top-section .last-line .right-section {
  display: flex;
  align-items: center;
}

#hackathon-details-page .top-section .last-line .right-section div {
  margin-left: 6px;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  color: #1d2026;
}

#hackathon-details-page .top-section .last-line .right-section div span {
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  color: #6e7485;
}

#hackathon-details-page .top-section-hack-details .issuer-name {
  margin-left: 6px;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  color: #4e5566;
}

#hackathon-details-page .top-section-hack-details .oppotunity-info .category {
  display: inline-block;
  padding: 4px 12px;
  border-radius: 4px;
  background: #ff6636;
  color: #fff;
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
}

#hackathon-details-page .top-section-hack-details .oppotunity-info .type {
  margin-left: 16px;
  display: inline-block;
  padding: 4px 12px;
  border-radius: 4px;
  background: #ffc107;
  color: #fff;
  font-size: 12px;
  font-style: normal;
  font-weight: 700;
}

#hackathon-details-page .top-section-hack-details .tech-wrapper {
  margin: 18px 0px;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}

#hackathon-details-page .top-section-hack-details .tech-wrapper .tech-icons {
  display: flex;
  align-items: center;
}

#hackathon-details-page
  .top-section-hack-details
  .tech-wrapper
  .tech-icons
  + .tech-icons {
  margin-left: 8px;
}

#hackathon-details-page .top-section-hack-details .tech-wrapper img {
  width: 26px;
  height: 26px;
  -o-object-fit: scale-down;
     object-fit: scale-down;
  cursor: pointer;
}

#hackathon-details-page .top-section-hack-details .tech-icons div {
  /* margin-top: 2px; */
  height: 22px;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  margin-left: 8px;
  color: #4e5566;
}

#hackathon-details-page .top-section-hack-details .last-line {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0px 8px 0px 0px;
}

#hackathon-details-page .top-section-hack-details .last-line .left-section {
  display: flex;
  align-items: center;
}

#hackathon-details-page .top-section-hack-details .last-line .img-wrapper img {
  width: 45px;
  height: 45px;
  -o-object-fit: cover;
     object-fit: cover;
  border: 2px solid #fff;
  border-radius: 50%;
}

#hackathon-details-page .top-section-hack-details .img-wrapper + .img-wrapper {
  margin-left: -8px;
}

#hackathon-details-page .top-section-hack-details .last-line .more-enroll div {
  width: 45px;
  height: 45px;
  padding: 10px;
  margin-left: -8px;
  color: #fff;
  border: 2px solid #fff;
  background: #ff6636;
  border-radius: 50%;
}

#hackathon-details-page .top-section-hack-details .last-line .right-section {
  display: flex;
  align-items: center;
}

#hackathon-details-page
  .top-section-hack-details
  .last-line
  .right-section
  div {
  margin-left: 6px;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  color: #1d2026;
}

#hackathon-details-page
  .top-section-hack-details
  .last-line
  .right-section
  div
  span {
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  color: #6e7485;
}

/* End Top Section */

/* Main Section */

#hackathon-details-page .main-section .image-wrapper {
  margin: 15px 0px;
  margin-top: 32px;
  width: 100%;
  height: 100%;
  max-width: 635px;
  max-height: 350px;
  border-radius: 14px;
}

#hackathon-details-page .main-section .image-wrapper .carousel-root {
  border-radius: 14px;
}

#hackathon-details-page .main-section .image-wrapper .slide {
  border-radius: 14px;
}

#hackathon-details-page .main-section .image-wrapper .slide-img {
  padding: 8px;
  border-radius: 14px;
}

#hackathon-details-page .main-section .hackathon-details {
  position: relative;
  max-width: 900px;
}

#hackathon-details-page .main-section .main-container {
  position: relative;
}

/* Extra info card */

#hackathon-details-page .main-section .extra-info-card {
  position: absolute;
  width: 100%;
  max-width: 400px;
  z-index: 5;
  border-radius: 14px;
  top: -210px;
  inset-inline-end: 0;
  background: #fff;
  box-shadow: 4px 4px 25px 0px rgba(0, 0, 0, 0.05);
}

#hackathon-details-page .extra-info-card .top-section-extra {
  padding: 20px;
}

#hackathon-details-page .extra-info-card hr {
  margin: 0px;
}

#hackathon-details-page .extra-info-card .cost {
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  color: #5296fd;
}

#hackathon-details-page .extra-info-card .mid-section-extra {
  padding: 20px;
}

#hackathon-details-page .extra-info-card .mid-section-extra .ex-line {
  display: flex;
  /* align-items: center; */
  justify-content: space-between;
  margin: 8px 0px;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  color: #6e7485;
  gap: 12px;
}

#hackathon-details-page .extra-info-card .mid-section-extra .ex-line img {
  width: 17px;
  height: 17px;
  margin-inline-end: 12px;
}

#hackathon-details-page .extra-info-card .bottom-section-extra {
  padding: 20px;
}

#hackathon-details-page .extra-info-card .bottom-section-extra .share-section {
  margin: 12px 0px;
  color: #1d2026;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
}

#hackathon-details-page .bottom-section-extra .share-section .btn-container {
  margin-top: 10px;
}

#hackathon-details-page .bottom-section-extra .share-section .copy-btn {
  border-radius: 0px;
  margin: 4px;
  padding: 12px 20px;
  background: #f5f7fa;
  color: #4e5566;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  outline: none;
  border: none;
}

#hackathon-details-page .bottom-section-extra .share-section .share-social-btn {
  background: #f5f7fa !important;
  width: 48px;
  height: 48px;
  margin: 4px;
}

#hackathon-details-page
  .bottom-section-extra
  .share-section
  .share-social-btn
  img {
  width: 20px;
  height: 20px;
}

#hackathon-details-page .bottom-section-extra .share-section .copy-btn img {
  margin-right: 6px;
}

/* End  Extra info*/

#hackathon-details-page .main-section .overview-section {
  padding-top: 32px;
  /* margin-top: 32px; */
}

#hackathon-details-page .main-section .overview-section h6 {
  margin: 10px 0px;
  max-width: 200px;
  /* text-align: center; */
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  color: #1d2026;
}

#hackathon-details-page .main-section .overview-section .track {
  position: relative;
  height: 1px;
  background: #e9eaf0;
}

#hackathon-details-page .main-section .track .filled-line {
  position: absolute;
  left: 0;
  height: 1px;
  width: 200px;
  background: #fff;
  box-shadow: 0px -2px 0px 0px #ff6636 inset;
}

#hackathon-details-page .main-section .details-section {
  padding: 14px;
}

#hackathon-details-page .main-section .details-section .line-wrapper {
  margin-bottom: 8px;
}

#hackathon-details-page .main-section .details-section .line {
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  color: #393c41;
}

#hackathon-details-page .main-section .details-section .line-text {
  margin-top: 8px;
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  color: #4e5566;
}

#hackathon-details-page .main-section .review-section {
  margin-top: 36px;
}

#hackathon-details-page .main-section .ratings-section .line,
#hackathon-details-page .main-section .review-section .line,
#hackathon-details-page .main-section .credential-section .line {
  margin: 8px 0px;
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  color: #1d2026;
}

#hackathon-details-page .main-section .credential-section {
  margin-bottom: 6px;
}

#hackathon-details-page .main-section .no-review-text {
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  color: #4e5566;
}

#hackathon-details-page .bottom-section-extra .enroll-btn-wrp.hide-btn {
  display: none;
}

#hackathon-details-page .technology-chip button,
#hackathon-details-page .technology-chip button:hover {
  margin: 5px 8px 5px 0px;
}

/* End Main section */
@media screen and (min-width: 1199px) and (max-width: 1699px) {
  #hackathon-details-page .top-section .top,
  #hackathon-details-page .main-section .hackathon-details {
    max-width: 720px;
  }
}

@media screen and (max-width: 1199px) {
  #hackathon-details-page .top-section .top,
  #hackathon-details-page .main-section .hackathon-details {
    max-width: 100%;
  }

  #hackathon-details-page .main-section .extra-info-card {
    margin: 16px 0px;
    position: static;
    width: 100%;
    max-width: 100%;
    border-radius: unset;
    margin: 16px auto;
    margin-top: 36px;
  }

  #hackathon-details-page .bottom-section-extra .enroll-btn-wrp {
    max-width: 350px;
    /* margin: 0px auto; */
  }
}

@media screen and (max-width: 786px) {
  #hackathon-details-page .top-section .last-line {
    display: block;
  }

  #hackathon-details-page .top-section .last-line .left-section {
    margin: 16px 0px;
  }

  #hackathon-details-page .top-section .last-line .right-section div {
    margin-left: 0px;
  }

  #hackathon-details-page .top-section-hack-details .last-line {
    display: block;
  }

  #hackathon-details-page .top-section-hack-details .last-line .left-section {
    margin: 16px 0px;
  }

  #hackathon-details-page
    .top-section-hack-details
    .last-line
    .right-section
    div {
    margin-left: 0px;
  }
}

#job-details-page {
  font-family: Roboto;
  margin-top: 25px;
  text-align: start;
  padding-bottom: 20px;
  margin-bottom: 45px;
}

/* Top Section */

#job-details-page .top-section {
  padding: 20px 0px 0px;
  background: rgba(209, 236, 241, 0.24);
  background: #d1ecf13d;
  min-height: 216px;
}

#job-details-page .top-section .top {
  max-width: 900px;
}

#job-details-page .top-section .job-title {
  margin: 0px;
  font-size: 22px;
  font-style: normal;
  font-weight: 600;
  color: #1d2026;
}

#job-details-page .top-section .issuer-info {
  margin: 12px 0px;
  display: flex;
  align-items: center;
  cursor: pointer;
}

#job-details-page .top-section .issuer-info img {
  width: 45px;
  height: 45px;
  border: 2px solid #fff;
  border-radius: 50%;
}

.carousel .slide img {
  width: 100%;
  vertical-align: top;
  /* border-radius: 0px 30px; */
  border: 0;
  height: 100%;
  max-height: 380px;
}

#job-details-page .top-section .issuer-name {
  margin-left: 6px;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  color: #4e5566;
}

#job-details-page .top-section .oppotunity-info .category {
  display: inline-block;
  padding: 4px 12px;
  border-radius: 4px;
  background: #ff6636;
  color: #fff;
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
}

#job-details-page .top-section .oppotunity-info .type {
  margin-left: 16px;
  display: inline-block;
  padding: 4px 12px;
  border-radius: 4px;
  background: #ffc107;
  color: #fff;
  font-size: 12px;
  font-style: normal;
  font-weight: 700;
}

#job-details-page .top-section .tech-wrapper {
  margin: 18px 0px;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}

#job-details-page .top-section .tech-wrapper .tech-icons {
  display: flex;
  align-items: center;
}

#job-details-page .top-section .tech-wrapper .tech-icons + .tech-icons {
  margin-left: 8px;
}

#job-details-page .top-section .tech-wrapper img {
  width: 26px;
  height: 26px;
  -o-object-fit: scale-down;
     object-fit: scale-down;
  cursor: pointer;
}

#job-details-page .top-section .tech-icons div {
  /* margin-top: 2px; */
  height: 22px;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  margin-left: 8px;
  color: #4e5566;
}

#job-details-page .top-section .last-line {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0px 8px 0px 0px;
}

#job-details-page .top-section .last-line .left-section {
  display: flex;
  align-items: center;
}

#job-details-page .top-section .last-line .img-wrapper img {
  width: 45px;
  height: 45px;
  -o-object-fit: cover;
     object-fit: cover;
  border: 2px solid #fff;
  border-radius: 50%;
}

#job-details-page .top-section .img-wrapper + .img-wrapper {
  margin-left: -8px;
}

#job-details-page .top-section .last-line .more-enroll div {
  width: 45px;
  height: 45px;
  padding: 10px;
  margin-left: -8px;
  color: #fff;
  border: 2px solid #fff;
  background: #ff6636;
  border-radius: 50%;
}

#job-details-page .top-section .last-line .right-section {
  display: flex;
  align-items: center;
}

#job-details-page .top-section .last-line .right-section div {
  margin-left: 6px;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  color: #1d2026;
}

#job-details-page .top-section .last-line .right-section div span {
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  color: #6e7485;
}

/* End Top Section */

/* Main Section */

#job-details-page .main-section .image-wrapper {
  margin: 15px 0px;
  margin-top: 32px;
  width: 100%;
  height: 100%;
  max-width: 635px;
  max-height: 350px;
  border-radius: 14px;
}

#job-details-page .main-section .image-wrapper .carousel-root {
  border-radius: 14px;
}

#job-details-page .main-section .image-wrapper .slide {
  border-radius: 14px;
}

#job-details-page .main-section .image-wrapper .slide-img {
  padding: 8px;
  border-radius: 14px;
}

#job-details-page .main-section .job-details {
  position: relative;
  max-width: 900px;
}

#job-details-page .main-section .main-container {
  position: relative;
}

/* Extra info card */

#job-details-page .main-section .right-section {
  position: absolute;
  width: 100%;
  max-width: 400px;
  z-index: 5;
  top: -180px;
  inset-inline-end: 0px;
}

#job-details-page .main-section .extra-info-card {
  border-radius: 14px;

  background: #fff;
  box-shadow: 4px 4px 25px 0px rgba(0, 0, 0, 0.05);
}

#job-details-page .main-section .extra-info-card.gauge-div {
  /* top: 245px; */
  margin-bottom: 30px;
  padding: 16px 0px;
  margin-top: 40px;
}

#job-details-page .main-section .extra-info-card .gauge {
  max-width: 500px;
  margin: auto;
  text-align: center;
}

#job-details-page .main-section .extra-info-card .gauge .title {
  font-size: 18px;
  font-weight: 700;
  color: #393c41;
  margin: 8px 0px;
}

#job-details-page .main-section .extra-info-card .gauge .grafana-gauge text {
  fill: #393c41 !important;
  text-shadow: none !important;
}

#job-details-page .main-section .extra-info-card.hide-desktop {
  display: none;
}

#job-details-page .main-section .chart-div {
  border-radius: 14px;
  background: #fff;
  box-shadow: 4px 4px 25px 0px rgba(0, 0, 0, 0.05);
  padding: 20px 0px;
  text-align: center;
  margin-top: 30px;
}

#job-details-page .main-section .chart-div .title {
  font-size: 18px;
  font-weight: 700;
  color: #393c41;
  margin: 8px 0px;
}

#job-details-page .extra-info-card .top-section-extra {
  padding: 20px;
}

#job-details-page .extra-info-card hr {
  margin: 0px;
}

#job-details-page .extra-info-card .cost {
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  color: #5296fd;
}

#job-details-page .extra-info-card .mid-section-extra {
  padding: 20px;
}

#job-details-page .extra-info-card .mid-section-extra .ex-line {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 8px 0px;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  color: #6e7485;
}

#job-details-page .extra-info-card .mid-section-extra .ex-line img {
  width: 17px;
  height: 17px;
  margin-right: 12px;
}

#job-details-page .extra-info-card .bottom-section-extra {
  padding: 20px;
}

#job-details-page .extra-info-card .bottom-section-extra .share-section {
  margin: 12px 0px;
  color: #1d2026;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
}

#job-details-page .bottom-section-extra .share-section .btn-container {
  margin-top: 10px;
}

#job-details-page .bottom-section-extra .share-section .copy-btn {
  border-radius: 0px;
  margin: 4px;
  padding: 12px 20px;
  background: #f5f7fa;
  color: #4e5566;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  outline: none;
  border: none;
}

#job-details-page .bottom-section-extra .share-section .share-social-btn {
  background: #f5f7fa !important;
  width: 48px;
  height: 48px;
  margin: 4px;
}

#job-details-page .bottom-section-extra .share-section .share-social-btn img {
  width: 20px;
  height: 20px;
}

#job-details-page .bottom-section-extra .share-section .copy-btn img {
  margin-right: 6px;
}

/* End  Extra info*/

#job-details-page .main-section .overview-section {
  padding-top: 32px;
  /* margin-top: 32px; */
}

#job-details-page .main-section .overview-section h6 {
  margin: 10px 0px;
  max-width: 200px;
  /* text-align: center; */
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  color: #1d2026;
}

#job-details-page .main-section .overview-section .track {
  position: relative;
  height: 1px;
  background: #e9eaf0;
}

#job-details-page .main-section .track .filled-line {
  position: absolute;
  left: 0;
  height: 1px;
  width: 200px;
  background: #fff;
  box-shadow: 0px -2px 0px 0px #ff6636 inset;
}

#job-details-page .main-section .details-section {
  padding: 14px;
}

#job-details-page .main-section .details-section .line-wrapper {
  margin-bottom: 8px;
}

#job-details-page .main-section .details-section .line {
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  color: #393c41;
}

#job-details-page .main-section .details-section .line-text {
  margin-top: 8px;
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  color: #4e5566;
}

#job-details-page .main-section .review-section {
  margin-top: 36px;
}

#job-details-page .main-section .ratings-section .line,
#job-details-page .main-section .review-section .line,
#job-details-page .main-section .credential-section .line {
  margin: 8px 0px;
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  color: #1d2026;
}

#job-details-page .main-section .credential-section {
  margin-bottom: 6px;
}

#job-details-page .main-section .no-review-text {
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  color: #4e5566;
}

#job-details-page .bottom-section-extra .enroll-btn-wrp.hide-btn {
  display: none;
}

#job-details-page .technology-chip button,
#job-details-page .technology-chip button:hover {
  margin: 5px 8px 5px 0px;
}

/* End Main section */
@media screen and (min-width: 1199px) and (max-width: 1699px) {
  #job-details-page .top-section .top,
  #job-details-page .main-section .job-details {
    max-width: 720px;
  }
}

@media screen and (max-width: 1199px) {
  #job-details-page .top-section .top,
  #job-details-page .main-section .job-details {
    max-width: 100%;
  }

  #job-details-page .main-section .right-section {
    position: static;
    max-width: 100%;
  }

  #job-details-page .main-section .chart-div {
    border-radius: unset;
    margin: 0px 0px 30px;
  }

  #job-details-page .main-section .extra-info-card {
    margin: 16px 0px;
    width: 100%;
    border-radius: unset;
    margin: 16px auto;
    margin-top: 36px;
  }

  #job-details-page .bottom-section-extra .enroll-btn-wrp {
    max-width: 350px;
    /* margin: 0px auto; */
  }

  #job-details-page .main-section .extra-info-card.hide-desktop {
    display: block;
  }

  #job-details-page .main-section .extra-info-card.show-desktop {
    display: none;
  }
}

@media screen and (max-width: 786px) {
  #job-details-page .top-section .last-line {
    display: block;
  }

  #job-details-page .top-section .last-line .left-section {
    margin: 16px 0px;
  }

  #job-details-page .top-section .last-line .right-section div {
    margin-left: 0px;
  }
}

#coursedetails .challengecard {
  width: 100%;
  padding: 25px;
  border-radius: 14px;
  margin: 0;
  height: 200px;
  margin-bottom: 20px;
  border: 1px solid #dee2e6;
  box-shadow: 0px 3px 66px #f2f2f2;
}

#coursedetails .statusicon {
  width: 25px;
  height: 25px;
  color: orange;
  position: absolute;
  top: 25px;
  right: 35px;
  cursor: pointer;
}

.shareicon {
  width: 25px;
  height: 20px;
  color: orange;
  position: absolute;
  /* right: 35px; */
  cursor: pointer;
  /* bottom: 35px; */
  top: 25px;
  right: 35px;
}

.fit {
  width: -moz-fit-content;
  width: fit-content;
}

#coursedetails .challegelist {
  margin-top: 30px;
}

#coursedetails .challengecard .institude span {
  margin-left: 5px;
  font-size: 14px;
}

#coursedetails .challengecard .ctitle h2 {
  font-size: 16px;
  padding: 0px 20px;
}

.allignleft {
  text-align: start;
}

.orangehrs {
  font-weight: 600;
  color: orangered;
}

.challnm {
  text-transform: capitalize;
  font-weight: 600;
  font-size: 18px;
  /* letter-spacing: 1.4px; */
  color: #000000;
  text-align: start;
}

#coursedetails .progress {
  margin-top: 10px;

  width: 100%;
  max-width: 260px;
  height: 10px;
  background: #e1e4e8;
  border-radius: 10px;
  overflow: hidden;
}

.challengesharebox {
  border-radius: 8px;
  border: 2px solid #f1f1f1;
  padding: 20px;
  text-align: center;
  padding-left: 30px;
  padding-right: 30px;
  margin-bottom: 10px;
  margin-top: 10px;
}

#coursedetails .progress .progress-bar {
  display: block;
  height: 100%;
  background: linear-gradient(
    90deg,
    #ffd33d,
    #ea4aaa 17%,
    #b34bff 34%,
    #ffd33d 68%,
    #ea4aaa 85%,
    #b34bff
  );
  background-size: 300% 100%;
  animation: progress-animation 2s linear infinite;
}

.challengecard .content-wrapper {
  /* margin: 10px 0px; */
  text-align: end;
}

.challengecard .challanege-request-orange {
  border-radius: 30px;
  padding: 5px 10px;
  border: 2px solid #ff885e;
  color: #ff885e;
  background-color: #fff;
  cursor: pointer;
}

.challengecard .challanege-request-orange-text {
  color: #ff885e;
  cursor: pointer;
}

.challengecard .challanege-request-orange:hover,
.challengecard .challanege-request-orange:focus,
.challengecard .challanege-request-orange:active {
  background-color: #ff885e;
  color: #fff;
  border-color: #ff885e;
}

.challengecard .btn-primary:not(:disabled):not(.disabled).active,
.challengecard .btn-primary:not(:disabled):not(.disabled):active,
.challengecard .show > .btn-primary.dropdown-toggle,
.challengecard .btn-primary.disabled,
.challengecard .btn-primary:disabled {
  color: #fff;
  background-color: #ff885e;
  border-color: #ff885e;
}

.challengecard .challanege-request-orange-dsb {
  border-radius: 30px;
  padding: 5px 10px;
  border: 2px solid #ff885e;
  background-color: #ff885e;
  color: #fff;
  cursor: pointer;
}

.challengecard .button-wrapper {
  margin-top: 55px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.challengecard .challenge-comment {
  margin-left: 5px;
  text-align: start;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-bottom: 10px;
}

.challengecard .challenge-comment::first-letter {
  text-transform: uppercase;
}

@keyframes progress-animation {
  0% {
    background-position: 100%;
  }

  100% {
    background-position: 0;
  }
}

.enrolledimage {
  margin-top: 30px;
  border-radius: 0px 30px;
  margin-bottom: 30px;
}

.carousel-root {
  height: 100%;
  border-radius: 0px 30px;
}

.innerimg {
}

.carousel .slide img {
  width: 100%;
  vertical-align: top;
  border-radius: 0px 30px;
  border: 0;
  height: 100%;
  max-height: 380px;
}

#productlistC .course-info .challenge-dropdown .dropdown-menu {
  transform: translate3d(0px, 27px, 0px) !important;
}

#coursedetails .pending_status {
  background-color: #ffe7de;
  color: #ef7547;
  width: -moz-max-content;
  width: max-content;
  margin: auto;
  padding: 5px 20px;
  border-radius: 30px;
}

#root .review .threedoticonfillednew {
  width: 25px;
  height: 25px;
  color: #ff4b09;
  /* margin-top: -20px; */
}

#root .course .toggle:hover,
#root .course .show > .btn-primary.dropdown-toggle {
  border: none;
  background-color: none;
  box-shadow: none;
}

.custom-dropdown-toggle {
  background-color: transparent !important;
  border: none !important;
  box-shadow: none !important;
  /* color: inherit !important; */
  text-decoration: none !important;
  cursor: pointer;
}

.custom-dropdown-toggle:focus {
  box-shadow: none !important;
}

.custom-dropdown-toggle:hover {
  background-color: transparent !important;
  /* color: inherit !important; */
}

#root .review .relativePos {
  position: relative;
}

.overall-rating,
.review-rating {
  display: flex;
  flex-direction: row;
  align-items: center;
}

.overall-rating-heading {
  text-align: start;
}

.horizontal-line {
  margin-top: 20px;
  border: 1px solid #ccc;
}

.user-profile img {
  width: 50px;
  height: 50px;
  border-radius: 50%;
}

#coursedetails {
  overflow: hidden;
}

/* Top Section */

#enrolled {
  overflow: hidden;
  font-family: Roboto;
  margin-top: 25px;
  text-align: start;
}

#enrolled .top-section {
  padding: 24px 0px;
  background: #d1ecf13d;
  text-align: start;
}

#enrolled .top-section .top {
  max-width: 900px;
}

#enrolled .top-section .opportunity-title {
  margin: 0px;
  font-size: 22px;
  font-style: normal;
  font-weight: 600;
  color: #1d2026;
  text-transform: capitalize;
}

#enrolled .top-section .issuer-info {
  margin: 18px 0px;
  display: flex;
  align-items: center;
  cursor: pointer;
}

#enrolled .top-section .issuer-info img {
  width: 36px;
  height: 36px;
  border: 2px solid #fff;
  border-radius: 50%;
}

#enrolled .top-section .issuer-name {
  margin-left: 6px;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  color: #4e5566;
}

#enrolled .top-section .oppotunity-info .category {
  display: inline-block;
  padding: 4px 12px;
  border-radius: 4px;
  background: #ff6636;
  color: #fff;
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
}

#enrolled .top-section .oppotunity-info .type {
  margin-left: 16px;
  display: inline-block;
  padding: 4px 12px;
  border-radius: 4px;
  background: #ffc107;
  color: #fff;
  font-size: 12px;
  font-style: normal;
  font-weight: 700;
}

#enrolled .top-section .tech-wrapper {
  margin: 18px 0px;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}

#enrolled .top-section .tech-wrapper .tech-icons {
  display: flex;
  align-items: center;
}

#enrolled .top-section .tech-wrapper .tech-icons + .tech-icons {
  margin-left: 8px;
}

#enrolled .top-section .tech-wrapper img {
  width: 26px;
  height: 26px;
  -o-object-fit: scale-down;
     object-fit: scale-down;
  cursor: pointer;
}

#enrolled .top-section .tech-icons div {
  /* margin-top: 2px; */
  height: 22px;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  margin-left: 8px;
  color: #4e5566;
}

#enrolled .top-section .last-line {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0px 8px 0px 0px;
}

#enrolled .top-section .last-line .left-section {
  display: flex;
  align-items: center;
}

#enrolled .top-section .last-line .img-wrapper img {
  width: 45px;
  height: 45px;
  -o-object-fit: cover;
     object-fit: cover;
  border: 2px solid #fff;
  border-radius: 50%;
}

#enrolled .top-section .img-wrapper + .img-wrapper {
  margin-left: -8px;
}

#enrolled .top-section .last-line .more-enroll div {
  width: 45px;
  height: 45px;
  padding: 10px;
  margin-left: -8px;
  color: #fff;
  border: 2px solid #fff;
  background: #ff6636;
  border-radius: 50%;
}

#enrolled .top-section .last-line .right-section {
  display: flex;
  align-items: center;
}

#enrolled .top-section .last-line .right-section div {
  margin-left: 6px;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  color: #1d2026;
}

#enrolled .top-section .last-line .right-section div span {
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  color: #6e7485;
}

/* End Top Section */

/* Main Section */

#enrolled .main-section .image-wrapper {
  margin: 15px 0px;
  margin-top: 32px;
  width: 100%;
  height: 100%;
  max-width: 635px;
  max-height: 350px;
  border-radius: 14px;
}

#enrolled .main-section .image-wrapper .carousel-root {
  border-radius: 14px;
}

#enrolled .carousel .slide img {
  border-radius: 14px;
}

#enrolled .main-section .image-wrapper .slide {
  border-radius: 14px;
}

#enrolled .main-section .image-wrapper .slide-img {
  padding: 8px;
  border-radius: 14px;
}

#enrolled .main-section .opportunity-details {
  position: relative;
  max-width: 900px;
}

#enrolled .main-section .main-container {
  position: relative;
}

/* Extra info card */

#enrolled .main-section .extra-info-card {
  position: absolute;
  width: 100%;
  max-width: 400px;
  z-index: 5;
  border-radius: 8px;
  top: -210px;
  right: 0px;
  background: #fff;
  box-shadow: 4px 4px 25px 0px rgba(0, 0, 0, 0.05);
}

#enrolled .extra-info-card .top-section-extra {
  padding: 20px;
}

#enrolled .extra-info-card hr {
  margin: 0px;
}

#enrolled .review-section {
  padding-left: 12px;
}

#enrolled .extra-info-card .cost {
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  color: #5296fd;
}

#enrolled .extra-info-card .mid-section-extra {
  padding: 20px;
}

#enrolled .extra-info-card .mid-section-extra .ex-line {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 8px 0px;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  color: #6e7485;
}

#enrolled .extra-info-card .mid-section-extra .ex-line img {
  width: 17px;
  height: 17px;
  margin-right: 12px;
}

#enrolled .extra-info-card .bottom-section-extra {
  padding: 20px;
}

#enrolled .extra-info-card .bottom-section-extra .share-section {
  margin: 12px 0px;
  color: #1d2026;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
}

#enrolled .bottom-section-extra .share-section .btn-container {
  margin-top: 10px;
}

#enrolled .bottom-section-extra .share-section .copy-btn {
  border-radius: 0px;
  margin: 4px;
  padding: 12px 20px;
  background: #f5f7fa;
  color: #4e5566;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  outline: none;
  border: none;
}

#enrolled .bottom-section-extra .share-section .share-social-btn {
  background: #f5f7fa !important;
  width: 48px;
  height: 48px;
  margin: 4px;
}

#enrolled .bottom-section-extra .share-section .share-social-btn img {
  width: 20px;
  height: 20px;
}

#enrolled .bottom-section-extra .share-section .copy-btn img {
  margin-right: 6px;
}

/* End  Extra info*/
#enrolled .main-section .enroll-details {
  position: relative;
  max-width: 900px;
}

#enrolled .main-section .overview-section {
  padding-top: 32px;
  /* margin-top: 32px; */
}

#enrolled .main-section .overview-section h6 {
  margin: 10px 0px;
  max-width: 200px;
  /* text-align: center; */
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  color: #1d2026;
}

#enrolled .main-section .overview-section .track {
  position: relative;
  height: 1px;
  background: #e9eaf0;
}

#enrolled .main-section .track .filled-line {
  position: absolute;
  left: 0;
  height: 1px;
  width: 200px;
  background: #fff;
  box-shadow: 0px -2px 0px 0px #ff6636 inset;
}

#enrolled .main-section .details-section {
  padding: 14px;
}

#enrolled .main-section .details-section .line-wrapper {
  margin-bottom: 8px;
}

#enrolled .main-section .details-section .line {
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  color: #393c41;
}

#enrolled .main-section .details-section .line-text {
  margin-top: 8px;
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  color: #4e5566;
}

#enrolled .main-section .review-section {
  margin-top: 36px;
}

#enrolled .main-section .ratings-section .line,
#enrolled .main-section .review-section .line,
#enrolled .main-section .credential-section .line {
  margin: 8px 0px;
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  color: #1d2026;
}

#enrolled .main-section .credential-section {
  margin-bottom: 6px;
}

#enrolled .main-section .no-review-text {
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  color: #4e5566;
}

#enrolled .attachmentarea {
  margin-top: -72px;
  width: 300px;
  float: right;
  margin-right: 70px;
  display: flex;
}

#enrolled .attachment img {
  border: 2px solid #ff4b08;
  margin-top: 5px;
}

#enrolled .attach {
  min-height: 60px;
}

#enrolled .attachment {
  height: 50px;
  width: 50px;
  cursor: pointer;
  margin-top: 10px;
  margin-right: 10px;
}

#enrolled .imageabsolute {
  cursor: pointer;
  position: absolute;
  right: 52.8%;
  top: 39%;
}

/* End Main section */

@media screen and (min-width: 1199px) and (max-width: 1699px) {
  #enrolled .top-section .top,
  #enrolled .main-section .opportunity-details {
    max-width: 720px;
  }
}

@media screen and (max-width: 1199px) {
  #enrolled .top-section .top,
  #enrolled .main-section .opportunity-details {
    max-width: 100%;
  }

  #enrolled .main-section .extra-info-card {
    margin: 16px 0px;
    position: static;
    width: 100%;
    max-width: 100%;
    border-radius: unset;
    margin: 16px auto;
    margin-top: 36px;
  }

  #enrolled .bottom-section-extra .enroll-btn-wrp {
    max-width: 350px;
    /* margin: 0px auto; */
  }
}

@media screen and (max-width: 786px) {
  #enrolled .top-section .last-line {
    display: block;
  }

  #enrolled .top-section .last-line .left-section {
    margin: 16px 0px;
  }

  #enrolled .top-section .last-line .right-section div {
    margin-left: 0px;
  }
}

.review-text-title {
  font-size: 24px;
  font-family: "Roboto", sans-serif;
  font-weight: 500;
  margin-bottom: 20px;
}
.reviewer-info {
  display: flex;
  align-items: baseline;
  position: relative;
}
.reviewer-info .dropdwon-optn-review {
  position: absolute;
  top: 0px;
  right: 0;
  z-index: 1;
}
.review-date {
  font-size: 14px;
  color: #828282;
  margin-bottom: 10px;
}

.reviewer-info .dropdwon-optn-review .btn-primary,
#root .btn-primary:not(:disabled):not(.disabled).active,
#root .btn-primary:not(:disabled):not(.disabled):active,
#root .show > .btn-primary.dropdown-toggle {
  background-color: unset;
  border-color: unset;
}

.edit-container-review {
  position: relative;
}

.review-item .review-submit-btn {
  margin-top: 15px;
  width: 125px;
}

.edit-container-review .review-edit-btn {
  position: absolute;
  left: 175px;
  bottom: 0px;
  width: 125px;
}

.review-submit-btn .buttonmain,
.review-edit-btn .buttonmain {
  height: unset;
  padding: 10px 8px;
}

#review {
  overflow: hidden;
  font-family: Roboto;
  margin-top: 25px;
  text-align: start;
  /* padding-bottom: 20px; */
  margin-bottom: 45px;
}
/* Top Section */

#review .top-section {
  padding: 36px 0px;
  background: #d1ecf13d;
  text-align: start;
}

#review .top-section .top {
  max-width: 900px;
}

#review .top-section .opportunity-title {
  margin: 0px;
  font-size: 22px;
  font-style: normal;
  font-weight: 600;
  color: #1d2026;
  text-transform: capitalize;
}

#review .top-section .issuer-info {
  margin: 18px 0px;
  display: flex;
  align-items: center;
  cursor: pointer;
}

#review .top-section .issuer-info img {
  width: 45px;
  height: 45px;
  border: 2px solid #fff;
  border-radius: 50%;
}

#review .top-section .issuer-name {
  margin-left: 6px;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  color: #4e5566;
}

#review .top-section .oppotunity-info .category {
  display: inline-block;
  padding: 4px 12px;
  border-radius: 4px;
  background: #ff6636;
  color: #fff;
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
}

#review .top-section .oppotunity-info .type {
  margin-left: 16px;
  display: inline-block;
  padding: 4px 12px;
  border-radius: 4px;
  background: #ffc107;
  color: #fff;
  font-size: 12px;
  font-style: normal;
  font-weight: 700;
}

#review .top-section .tech-wrapper {
  margin: 18px 0px;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
#review .top-section .tech-wrapper .tech-icons {
  display: flex;
  align-items: center;
}

#review .top-section .tech-wrapper .tech-icons + .tech-icons {
  margin-left: 8px;
}

#review .top-section .tech-wrapper img {
  width: 26px;
  height: 26px;
  -o-object-fit: scale-down;
     object-fit: scale-down;
  cursor: pointer;
}

#review .top-section .tech-icons div {
  /* margin-top: 2px; */
  height: 22px;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  margin-left: 8px;
  color: #4e5566;
}

#review .top-section .last-line {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0px 8px 0px 0px;
}
#review .top-section .last-line .left-section {
  display: flex;
  align-items: center;
}

#review .top-section .last-line .img-wrapper img {
  width: 45px;
  height: 45px;
  -o-object-fit: cover;
     object-fit: cover;
  border: 2px solid #fff;
  border-radius: 50%;
}

#review .top-section .img-wrapper + .img-wrapper {
  margin-left: -8px;
}

#review .top-section .last-line .more-enroll div {
  width: 45px;
  height: 45px;
  padding: 10px;
  margin-left: -8px;
  color: #fff;
  border: 2px solid #fff;
  background: #ff6636;
  border-radius: 50%;
}

#review .top-section .last-line .right-section {
  display: flex;
  align-items: center;
}

#review .top-section .last-line .right-section div {
  margin-left: 6px;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  color: #1d2026;
}

#review .top-section .last-line .right-section div span {
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  color: #6e7485;
}

/* End Top Section */

/* Main Section */

#review .main-section .image-wrapper {
  margin: 15px 0px;
  margin-top: 32px;
  width: 100%;
  height: 100%;
  max-width: 635px;
  max-height: 350px;
  border-radius: 14px;
}

#review .main-section .image-wrapper .carousel-root {
  border-radius: 14px;
}
#review .carousel .slide img {
  border-radius: 14px;
}

#review .main-section .image-wrapper .slide {
  border-radius: 14px;
}
#review .main-section .image-wrapper .slide-img {
  padding: 8px;
  border-radius: 14px;
}

#review .main-section .opportunity-details {
  position: relative;
  max-width: 900px;
}

#review .main-section .main-container {
  position: relative;
}

/* Extra info card */

#review .main-section .extra-info-card {
  position: absolute;
  width: 100%;
  max-width: 400px;
  z-index: 5;
  border-radius: 14px;
  top: -210px;
  right: 0px;
  background: #fff;
  box-shadow: 4px 4px 25px 0px rgba(0, 0, 0, 0.05);
}

#review .extra-info-card .top-section-extra {
  padding: 20px;
}

#review .extra-info-card hr {
  margin: 0px;
}
#review .review-section {
  padding-left: 12px;
}
#review .extra-info-card .cost {
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  color: #5296fd;
}

#review .extra-info-card .mid-section-extra {
  padding: 20px;
}

#review .extra-info-card .mid-section-extra .ex-line {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 8px 0px;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  color: #6e7485;
}

#review .extra-info-card .mid-section-extra .ex-line img {
  width: 17px;
  height: 17px;
  margin-right: 12px;
}

#review .extra-info-card .bottom-section-extra {
  padding: 20px;
}

#review .extra-info-card .bottom-section-extra .share-section {
  margin: 12px 0px;
  color: #1d2026;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
}

#review .bottom-section-extra .share-section .btn-container {
  margin-top: 10px;
}

#review .bottom-section-extra .share-section .copy-btn {
  border-radius: 0px;
  margin: 4px;
  padding: 12px 20px;
  background: #f5f7fa;
  color: #4e5566;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  outline: none;
  border: none;
}

#review .bottom-section-extra .share-section .share-social-btn {
  background: #f5f7fa !important;
  width: 48px;
  height: 48px;
  margin: 4px;
}

#review .bottom-section-extra .share-section .share-social-btn img {
  width: 20px;
  height: 20px;
}

#review .bottom-section-extra .share-section .copy-btn img {
  margin-right: 6px;
}
/* End  Extra info*/

#review .main-section .overview-section {
  padding-top: 32px;
  /* margin-top: 32px; */
}

#review .main-section .overview-section h6 {
  margin: 10px 0px;
  max-width: 200px;
  /* text-align: center; */
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  color: #1d2026;
}

#review .main-section .overview-section .track {
  position: relative;
  height: 1px;
  background: #e9eaf0;
}

#review .main-section .track .filled-line {
  position: absolute;
  left: 0;
  height: 1px;
  width: 200px;
  background: #fff;
  box-shadow: 0px -2px 0px 0px #ff6636 inset;
}

#review .main-section .details-section {
  padding: 14px;
}

#review .main-section .details-section .line-wrapper {
  margin-bottom: 8px;
}

#review .main-section .details-section .line {
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  color: #393c41;
}

#review .main-section .details-section .line-text {
  margin-top: 8px;
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  color: #4e5566;
}

#review .main-section .review-section {
  margin-top: 36px;
}

#review .main-section .ratings-section .line,
#review .main-section .review-section .line {
  margin: 8px 0px;
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  color: #1d2026;
}

#review .main-section .no-review-text {
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  color: #4e5566;
}

#review .technology-chip button,
#review .technology-chip button:hover {
  margin: 5px 8px 5px 0px;
}

/* End Main section */
.dropdown-toggle::after {
  display: none;
}
@media screen and (min-width: 1199px) and (max-width: 1699px) {
  #review .top-section .top,
  #review .main-section .opportunity-details {
    max-width: 720px;
  }
}

@media screen and (max-width: 1199px) {
  #review .top-section .top,
  #review .main-section .opportunity-details {
    max-width: 100%;
  }
  #review .main-section .extra-info-card {
    margin: 16px 0px;
    position: static;
    width: 100%;
    max-width: 100%;
    border-radius: unset;
    margin: 16px auto;
    margin-top: 36px;
  }
  #review .bottom-section-extra .enroll-btn-wrp {
    max-width: 350px;
    /* margin: 0px auto; */
  }
}

@media screen and (max-width: 786px) {
  #review .top-section .last-line {
    display: block;
  }
  #review .top-section .last-line .left-section {
    margin: 16px 0px;
  }
  #review .top-section .last-line .right-section div {
    margin-left: 0px;
  }
}

.dropdwon-optn-review .dropdown-menu-review {
  transform: translate3d(-136px, 39px, 0px) !important;
}

@media screen and (min-width: 991px) and (max-width: 1085px) {
  .dropdwon-optn-review .dropdown-menu-review {
    transform: translate3d(-36px, 39px, 0px) !important;
  }
}

@media screen and (min-width: 768px) and (max-width: 845px) {
  .dropdwon-optn-review .dropdown-menu-review {
    transform: translate3d(-36px, 39px, 0px) !important;
  }
}

@media screen and (max-width: 665px) {
  .dropdwon-optn-review .dropdown-menu-review {
    transform: translate3d(-36px, 39px, 0px) !important;
  }
}

@media screen and (max-width: 480px) {
  .edit-container-review .review-edit-btn {
    width: 125px;
    left: unset;
    right: 0px;
  }
}

.react-tel-input{font-family:'Roboto',sans-serif;font-size:15px;position:relative;width:100%}.react-tel-input :disabled{cursor:not-allowed}.react-tel-input .flag{width:25px;height:20px;background-image:url(data:image/png;base64,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);background-repeat:no-repeat}.react-tel-input .ad{background-position:-48px -24px}.react-tel-input .ae{background-position:-72px -24px}.react-tel-input .af{background-position:-96px -24px}.react-tel-input .ag{background-position:-120px -24px}.react-tel-input .ai{background-position:-144px -24px}.react-tel-input .al{background-position:-168px -24px}.react-tel-input .am{background-position:-192px -24px}.react-tel-input .an{background-position:-216px -24px}.react-tel-input .ao{background-position:-240px -24px}.react-tel-input .aq{background-position:-264px -24px}.react-tel-input .ar{background-position:-288px -24px}.react-tel-input .as{background-position:-312px -24px}.react-tel-input .at{background-position:-336px -24px}.react-tel-input .au{background-position:-360px -24px}.react-tel-input .aw{background-position:-384px -24px}.react-tel-input .ax{background-position:0 -48px}.react-tel-input .az{background-position:-24px -48px}.react-tel-input .ba{background-position:-48px -48px}.react-tel-input .bb{background-position:-72px -48px}.react-tel-input .bd{background-position:-96px -48px}.react-tel-input .be{background-position:-120px -48px}.react-tel-input .bf{background-position:-144px -48px}.react-tel-input .bg{background-position:-168px -48px}.react-tel-input .bh{background-position:-192px -48px}.react-tel-input .bi{background-position:-216px -48px}.react-tel-input .bj{background-position:-240px -48px}.react-tel-input .bl{background-position:-264px -48px}.react-tel-input .bm{background-position:-288px -48px}.react-tel-input .bn{background-position:-312px -48px}.react-tel-input .bo{background-position:-336px -48px}.react-tel-input .br{background-position:-360px -48px}.react-tel-input .bs{background-position:-384px -48px}.react-tel-input .bt{background-position:0 -72px}.react-tel-input .bw{background-position:-24px -72px}.react-tel-input .by{background-position:-48px -72px}.react-tel-input .bz{background-position:-72px -72px}.react-tel-input .ca{background-position:-96px -72px}.react-tel-input .cc{background-position:-120px -72px}.react-tel-input .cd{background-position:-144px -72px}.react-tel-input .cf{background-position:-168px -72px}.react-tel-input .cg{background-position:-192px -72px}.react-tel-input .ch{background-position:-216px -72px}.react-tel-input .ci{background-position:-240px -72px}.react-tel-input .ck{background-position:-264px -72px}.react-tel-input .cl{background-position:-288px -72px}.react-tel-input .cm{background-position:-312px -72px}.react-tel-input .cn{background-position:-336px -72px}.react-tel-input .co{background-position:-360px -72px}.react-tel-input .cr{background-position:-384px -72px}.react-tel-input .cu{background-position:0 -96px}.react-tel-input .cv{background-position:-24px -96px}.react-tel-input .cw{background-position:-48px -96px}.react-tel-input .cx{background-position:-72px -96px}.react-tel-input .cy{background-position:-96px -96px}.react-tel-input .cz{background-position:-120px -96px}.react-tel-input .de{background-position:-144px -96px}.react-tel-input .dj{background-position:-168px -96px}.react-tel-input .dk{background-position:-192px -96px}.react-tel-input .dm{background-position:-216px -96px}.react-tel-input .do{background-position:-240px -96px}.react-tel-input .dz{background-position:-264px -96px}.react-tel-input .ec{background-position:-288px -96px}.react-tel-input .ee{background-position:-312px -96px}.react-tel-input .eg{background-position:-336px -96px}.react-tel-input .eh{background-position:-360px -96px}.react-tel-input .er{background-position:-384px -96px}.react-tel-input .es{background-position:0 -120px}.react-tel-input .et{background-position:-24px -120px}.react-tel-input .eu{background-position:-48px -120px}.react-tel-input .fi{background-position:-72px -120px}.react-tel-input .fj{background-position:-96px -120px}.react-tel-input .fk{background-position:-120px -120px}.react-tel-input .fm{background-position:-144px -120px}.react-tel-input .fo{background-position:-168px -120px}.react-tel-input .fr{background-position:-192px -120px}.react-tel-input .ga{background-position:-216px -120px}.react-tel-input .gb{background-position:-240px -120px}.react-tel-input .gd{background-position:-264px -120px}.react-tel-input .ge{background-position:-288px -120px}.react-tel-input .gg{background-position:-312px -120px}.react-tel-input .gh{background-position:-336px -120px}.react-tel-input .gi{background-position:-360px -120px}.react-tel-input .gl{background-position:-384px -120px}.react-tel-input .gm{background-position:0 -144px}.react-tel-input .gn{background-position:-24px -144px}.react-tel-input .gq{background-position:-48px -144px}.react-tel-input .gr{background-position:-72px -144px}.react-tel-input .gs{background-position:-96px -144px}.react-tel-input .gt{background-position:-120px -144px}.react-tel-input .gu{background-position:-144px -144px}.react-tel-input .gw{background-position:-168px -144px}.react-tel-input .gy{background-position:-192px -144px}.react-tel-input .hk{background-position:-216px -144px}.react-tel-input .hn{background-position:-240px -144px}.react-tel-input .hr{background-position:-264px -144px}.react-tel-input .ht{background-position:-288px -144px}.react-tel-input .hu{background-position:-312px -144px}.react-tel-input .ic{background-position:-336px -144px}.react-tel-input .id{background-position:-360px -144px}.react-tel-input .ie{background-position:-384px -144px}.react-tel-input .il{background-position:0 -168px}.react-tel-input .im{background-position:-24px -168px}.react-tel-input .in{background-position:-48px -168px}.react-tel-input .iq{background-position:-72px -168px}.react-tel-input .ir{background-position:-96px -168px}.react-tel-input .is{background-position:-120px -168px}.react-tel-input .it{background-position:-144px -168px}.react-tel-input .je{background-position:-168px -168px}.react-tel-input .jm{background-position:-192px -168px}.react-tel-input .jo{background-position:-216px -168px}.react-tel-input .jp{background-position:-240px -168px}.react-tel-input .ke{background-position:-264px -168px}.react-tel-input .kg{background-position:-288px -168px}.react-tel-input .kh{background-position:-312px -168px}.react-tel-input .ki{background-position:-336px -168px}.react-tel-input .xk{background-position:-144px 0}.react-tel-input .km{background-position:-360px -168px}.react-tel-input .kn{background-position:-384px -168px}.react-tel-input .kp{background-position:0 -192px}.react-tel-input .kr{background-position:-24px -192px}.react-tel-input .kw{background-position:-48px -192px}.react-tel-input .ky{background-position:-72px -192px}.react-tel-input .kz{background-position:-96px -192px}.react-tel-input .la{background-position:-120px -192px}.react-tel-input .lb{background-position:-144px -192px}.react-tel-input .lc{background-position:-168px -192px}.react-tel-input .li{background-position:-192px -192px}.react-tel-input .lk{background-position:-216px -192px}.react-tel-input .lr{background-position:-240px -192px}.react-tel-input .ls{background-position:-264px -192px}.react-tel-input .lt{background-position:-288px -192px}.react-tel-input .lu{background-position:-312px -192px}.react-tel-input .lv{background-position:-336px -192px}.react-tel-input .ly{background-position:-360px -192px}.react-tel-input .ma{background-position:-384px -192px}.react-tel-input .mc{background-position:0 -216px}.react-tel-input .md{background-position:-24px -216px}.react-tel-input .me{background-position:-48px -216px}.react-tel-input .mf{background-position:-72px -216px}.react-tel-input .mg{background-position:-96px -216px}.react-tel-input .mh{background-position:-120px -216px}.react-tel-input .mk{background-position:-144px -216px}.react-tel-input .ml{background-position:-168px -216px}.react-tel-input .mm{background-position:-192px -216px}.react-tel-input .mn{background-position:-216px -216px}.react-tel-input .mo{background-position:-240px -216px}.react-tel-input .mp{background-position:-264px -216px}.react-tel-input .mq{background-position:-288px -216px}.react-tel-input .mr{background-position:-312px -216px}.react-tel-input .ms{background-position:-336px -216px}.react-tel-input .mt{background-position:-360px -216px}.react-tel-input .mu{background-position:-384px -216px}.react-tel-input .mv{background-position:0 -240px}.react-tel-input .mw{background-position:-24px -240px}.react-tel-input .mx{background-position:-48px -240px}.react-tel-input .my{background-position:-72px -240px}.react-tel-input .mz{background-position:-96px -240px}.react-tel-input .na{background-position:-120px -240px}.react-tel-input .nc{background-position:-144px -240px}.react-tel-input .ne{background-position:-168px -240px}.react-tel-input .nf{background-position:-192px -240px}.react-tel-input .ng{background-position:-216px -240px}.react-tel-input .ni{background-position:-240px -240px}.react-tel-input .nl{background-position:-264px -240px}.react-tel-input .no{background-position:-288px -240px}.react-tel-input .np{background-position:-312px -240px}.react-tel-input .nr{background-position:-336px -240px}.react-tel-input .nu{background-position:-360px -240px}.react-tel-input .nz{background-position:-384px -240px}.react-tel-input .om{background-position:0 -264px}.react-tel-input .pa{background-position:-24px -264px}.react-tel-input .pe{background-position:-48px -264px}.react-tel-input .pf{background-position:-72px -264px}.react-tel-input .pg{background-position:-96px -264px}.react-tel-input .ph{background-position:-120px -264px}.react-tel-input .pk{background-position:-192px -264px}.react-tel-input .pl{background-position:-216px -264px}.react-tel-input .pn{background-position:-240px -264px}.react-tel-input .pr{background-position:-264px -264px}.react-tel-input .ps{background-position:-288px -264px}.react-tel-input .pt{background-position:-312px -264px}.react-tel-input .pw{background-position:-336px -264px}.react-tel-input .py{background-position:-360px -264px}.react-tel-input .qa{background-position:-384px -264px}.react-tel-input .ro{background-position:0 -288px}.react-tel-input .rs{background-position:-24px -288px}.react-tel-input .ru{background-position:-48px -288px}.react-tel-input .rw{background-position:-72px -288px}.react-tel-input .sa{background-position:-96px -288px}.react-tel-input .sb{background-position:-120px -288px}.react-tel-input .sc{background-position:-144px -288px}.react-tel-input .sd{background-position:-168px -288px}.react-tel-input .se{background-position:-192px -288px}.react-tel-input .sg{background-position:-216px -288px}.react-tel-input .sh{background-position:-240px -288px}.react-tel-input .si{background-position:-264px -288px}.react-tel-input .sk{background-position:-288px -288px}.react-tel-input .sl{background-position:-312px -288px}.react-tel-input .sm{background-position:-336px -288px}.react-tel-input .sn{background-position:-360px -288px}.react-tel-input .so{background-position:-384px -288px}.react-tel-input .sr{background-position:0 -312px}.react-tel-input .ss{background-position:-24px -312px}.react-tel-input .st{background-position:-48px -312px}.react-tel-input .sv{background-position:-72px -312px}.react-tel-input .sy{background-position:-96px -312px}.react-tel-input .sz{background-position:-120px -312px}.react-tel-input .tc{background-position:-144px -312px}.react-tel-input .td{background-position:-168px -312px}.react-tel-input .tf{background-position:-192px -312px}.react-tel-input .tg{background-position:-216px -312px}.react-tel-input .th{background-position:-240px -312px}.react-tel-input .tj{background-position:-264px -312px}.react-tel-input .tk{background-position:-288px -312px}.react-tel-input .tl{background-position:-312px -312px}.react-tel-input .tm{background-position:-336px -312px}.react-tel-input .tn{background-position:-360px -312px}.react-tel-input .to{background-position:-384px -312px}.react-tel-input .tr{background-position:0 -336px}.react-tel-input .tt{background-position:-24px -336px}.react-tel-input .tv{background-position:-48px -336px}.react-tel-input .tw{background-position:-72px -336px}.react-tel-input .tz{background-position:-96px -336px}.react-tel-input .ua{background-position:-120px -336px}.react-tel-input .ug{background-position:-144px -336px}.react-tel-input .us{background-position:-168px -336px}.react-tel-input .uy{background-position:-192px -336px}.react-tel-input .uz{background-position:-216px -336px}.react-tel-input .va{background-position:-240px -336px}.react-tel-input .vc{background-position:-264px -336px}.react-tel-input .ve{background-position:-288px -336px}.react-tel-input .vg{background-position:-312px -336px}.react-tel-input .vi{background-position:-336px -336px}.react-tel-input .vn{background-position:-360px -336px}.react-tel-input .vu{background-position:-384px -336px}.react-tel-input .wf{background-position:0 -360px}.react-tel-input .ws{background-position:-24px -360px}.react-tel-input .ye{background-position:-48px -360px}.react-tel-input .za{background-position:-96px -360px}.react-tel-input .zm{background-position:-120px -360px}.react-tel-input .zw{background-position:-144px -360px}.react-tel-input *{box-sizing:border-box;-moz-box-sizing:border-box}.react-tel-input .hide{display:none}.react-tel-input .v-hide{visibility:hidden}.react-tel-input .form-control{font-size:16px;background:#FFFFFF;border:1px solid #CACACA;border-radius:5px;width:300px;outline:none;padding:18.5px 14px 18.5px 58px;transition:box-shadow ease .25s,border-color ease .25s}.react-tel-input .form-control:hover{border-color:#000}.react-tel-input .form-control:focus{border-color:#1976d2;box-shadow:0 0 0 1px #1976d2}.react-tel-input .form-control:focus+div:before{color:#1976d2}.react-tel-input .form-control.invalid-number{border:1px solid #f44336}.react-tel-input .form-control.invalid-number:focus{box-shadow:0 0 0 1px #f44336}.react-tel-input .form-control.invalid-number+div:before{content:'Error';display:none;color:#f44336;width:27px}.react-tel-input .flag-dropdown{position:absolute;top:0;bottom:0;padding:0;border-radius:3px 0 0 3px}.react-tel-input .flag-dropdown:hover,.react-tel-input .flag-dropdown:focus{cursor:pointer}.react-tel-input .flag-dropdown.open{z-index:2}.react-tel-input input[disabled]+.flag-dropdown:hover{cursor:default;border-color:#CACACA}.react-tel-input input[disabled]+.flag-dropdown:hover .selected-flag{background-color:transparent}.react-tel-input .selected-flag{outline:none;position:relative;width:52px;height:100%;padding:0 0 0 11px;border-radius:3px 0 0 3px}.react-tel-input .selected-flag:focus .arrow{border-left-width:4px;border-right-width:4px;border-top:5px solid #1976d2}.react-tel-input .selected-flag .flag{position:absolute;top:50%;margin-top:-12px}.react-tel-input .selected-flag .arrow{position:relative;top:50%;margin-top:-1px;left:29px;width:0;height:0;border-left:3px solid transparent;border-right:3px solid transparent;border-top:4px solid #555}.react-tel-input .selected-flag .arrow.up{border-top:none;border-bottom:4px solid #555}.react-tel-input .country-list{outline:none;z-index:1;list-style:none;position:absolute;padding:0;margin:10px 0 10px -1px;box-shadow:1px 2px 18px rgba(0,0,0,0.25);background-color:white;width:300px;max-height:220px;overflow-y:scroll;border-radius:7px}.react-tel-input .country-list .flag{display:inline-block;position:absolute;left:13px;top:8px}.react-tel-input .country-list .divider{padding-bottom:5px;margin-bottom:5px;border-bottom:1px solid #ccc}.react-tel-input .country-list .country{position:relative;padding:12px 9px 13px 46px}.react-tel-input .country-list .country .dial-code{color:#6b6b6b}.react-tel-input .country-list .country:hover{background-color:#f1f1f1}.react-tel-input .country-list .country.highlight{background-color:#f1f1f1}.react-tel-input .country-list .flag{margin-right:7px;margin-top:2px}.react-tel-input .country-list .country-name{margin-right:6px}.react-tel-input .country-list .search{z-index:2;position:sticky;top:0;background-color:#fff;padding:10px 0 6px 10px}.react-tel-input .country-list .search-emoji{display:none;font-size:15px}.react-tel-input .country-list .search-box{border:1px solid #cacaca;border-radius:3px;font-size:15px;line-height:15px;margin-left:6px;padding:3px 8px 5px;outline:none}.react-tel-input .country-list .search-box:hover{border-color:#505050}.react-tel-input .country-list .no-entries-message{padding:7px 10px 11px;opacity:.7}.react-tel-input .invalid-number-message{position:absolute;z-index:1;font-size:13px;left:25px;top:-7px;background:#fff;padding:0 5px;color:#de0000}.react-tel-input .special-label{position:absolute;z-index:1;top:-7px;left:25px;display:block;background:white;padding:0 5px;font-size:13px;white-space:nowrap}
#credentialwallet .content {
  margin-top: 20px;
}

#credentialwallet .add {
  top: -3px;
  right: 12px;
}

#credentialwallet .badgeCardName {
  height: calc(100% - 25px);
}

#credentialwallet .badgeCardName .bottom-card-section {
  position: absolute;
  width: calc(100% - 30px);
  bottom: 15px;
}

#credentialwallet .badgecard-row {
  margin-bottom: 46px;
}

#credentialwallet .profilenavbar {
  margin-top: 0px;
  margin-bottom: 20px;
}

#credentialwallet .course {
  margin-bottom: 0px;
  margin-top: 0px;
}

#credentialwallet .headtitle {
  margin-bottom: 0px;
}

#credentialwallet .profilenavbar a {
  margin-left: 0px;
  margin-right: 15px;
  padding: 8px 16px;
}

#credentialwallet .select-dropdown {
  /* width: 300px; */
  margin-bottom: 20px;
}

#credentialwallet .btn-div {
  text-align: left;
  margin-bottom: 20px;
}

#credentialwallet .buttonmain {
  margin: 0px 15px 12px;
  width: 150px;
}
.pop-btn {
  width: 120px;
}
.invalid-feedback {
  color: #d32f2f;
}

#credentialwallet .badgeCardName .showmobile {
  display: none;
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
  #credentialwallet .badgecard-row {
    margin-bottom: 70px;
  }
}

@media screen and (max-width: 991px) {
  #credentialwallet .badgeCardName .badge-dropdown-col .form-check {
    padding-left: 10px;
  }
}

@media screen and (max-width: 576px) {
  #credentialwallet .badgeCardName .showmobile {
    display: block;
    position: absolute;
    top: 0px;
    right: 0px;
  }
}

#lmsAdmin .editorClassName {
  min-height: 250px;
  padding: 0px 16px;
}

#lmsAdmin .wrapperClassName {
  border-radius: 10px;
  font-family: "Roboto", sans-serif;
  margin-bottom: 5px;
  margin-top: 10px;
  font-size: 14px;
  /* mix-blend-mode: normal; */
  border: 1px solid rgba(0, 0, 0, 0.23);
  box-shadow: 1px 0px 8px 0px #dee2e663;
}

#lmsAdmin .wrapper {
  display: inline-block;
  width: 100%;
  max-width: calc(80% + 10px);
  margin: 0px auto;
}
#lmsAdmin .innerwrapper {
  border-radius: 10px;
  font-family: "Roboto", sans-serif;
  margin-bottom: 25px;
  font-size: 14px;
  /* mix-blend-mode: normal; */
  border: 1px solid #ced4da;
  box-shadow: 1px 0px 8px 0px #dee2e663;
}
#lmsAdmin .innerwrapper .wrapperClassName {
  margin-bottom: 0px;
  border: 0px;
}
#lmsAdmin .toolbarClassName {
  border-radius: 15px 15px 0px 0px;
  border: 0px;
  border-bottom: 1px solid #ced4da;
}
#lmsAdmin .editorClassName {
  min-height: 140px;
  padding: 0px 16px;
}
#lmsAdmin .buttonwrapper {
  margin: 0 auto;
  width: 400px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
#lmsAdmin .courinsidefield12 .toolbarClassName {
  border-radius: 15px 15px 0px 0px;
  border: 0px;
  border-bottom: 1px solid #ced4da;
}

#lmsAdmin .courinsidefield12 .editorClassName {
  min-height: 140px;
  padding: 0px 16px;
}

#lmsAdmin .courinsidefield12 {
  display: inline-block;
  width: 100%;
  /* max-width: calc(80% + 20px); */
  margin: 0px auto;
}
#lmsAdmin .courinsidefield12.create-opportunity-fields {
  max-width: calc(80% + 10px);
}

#lmsAdmin .courinsidefield12 .public-DraftStyleDefault-block {
  margin: 8px 0px;
}
#lmsAdmin .wrapperClassName-error {
  border: 1px solid rgb(211, 47, 47);
}

#createPathway .custom-card1 {
  border-radius: 10px;
  box-shadow: 0 0 4px rgb(0 0 0 / 25%);
  padding: 20px;
  margin: 3px auto;
  padding: 49px 20px;
  border: none;
}

#createPathway .badgecrd-title {
  text-align: start;
  color: #495057;
  font-size: 23px;
  font-weight: 600;
  margin-bottom: 30px;
}

#createPathway .image-class {
  width: -moz-max-content;
  width: max-content;
  position: relative;
}

#createPathway .attachment1 {
  height: 50px;
  width: 50px;
  border: 1px solid var(--flameorang);
  padding: 0px;
}

#createPathway .crossbtn {
  position: absolute;
  left: 78%;
  top: -20%;
}

.wrapperClassName {
  border-radius: 10px;
  font-family: "Roboto", sans-serif;
  margin-bottom: 25px;
  font-size: 14px;
  /* mix-blend-mode: normal; */
  border: 1px solid #ced4da;
  box-shadow: 1px 0px 8px 0px #dee2e663;
}
.wrapperClassName-error {
  border: 1px solid rgb(211, 47, 47);
}
.wrapperClassName.wrapperClassNameOppor {
  margin-bottom: 0px;
}

.toolbarClassName {
  border-radius: 15px 15px 0px 0px;
  border: 0px;
  border-bottom: 1px solid #ced4da;
}

.editorClassName {
  min-height: 140px;
  padding: 0px 16px;
}

#createPathway .attachmentareapathway {
  width: 100%;
  text-align: left;
}

#createPathway .error-message {
  width: 100%;
  font-weight: 300;
  margin-top: 0.25rem;
  font-size: 80%;
  color: var(--off-white);
}

.optiontext3{
    font-size: 12px;
    font-family: 'Roboto', sans-serif;
    color: #91979D;
    font-weight: 500;
   
   background: white;
   z-index: 999;
   overflow-x: hidden;
   text-align: left;
   border-radius: 8px;
   border: 1px solid var(--greyLight);
   box-sizing: border-box;
   outline: none;
   /* mix-blend-mode: normal; */
   box-shadow: 1px 0px 8px 0px #dee2e663;
   margin-bottom: 10px;
   position: absolute;
   width: 90%;
   margin-top: -15px;
   padding-top: 10px;
   padding-bottom: 10px;
  }

  #signin .about{
      height: 165px;
      color: #495057;
  }

  #signin .dpedit .profilecircle{
      border:2px solid #ff6c36d9;
      height: 60px;
      width: 60px;
  }


  #signin .dpedit .editcamera {
    width: 25px;
    height: 25px;
    position: absolute;
    left: 34px;
    z-index: 0;
    background: #d8d8d8;
    border-radius: 50%;
    bottom: -2px;
    cursor: pointer;
  }

  #signin .dpedit .editcamera img{
    margin: 0 auto;
    width: 15px;
    height: auto;
    border-radius: unset;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    cursor: pointer;
    }

  .optiontext3.scrollable .dropdown{
      width: 100%;
  }


  @media screen and (min-width: 430px) and (max-width: 750px) {
    .optiontext3{
        width: 93.5%;
    }
  }
  @media screen and (min-width: 750px) and (max-width: 991px) {
    .optiontext3{
        width: 95.5%;
    }
  }
#emailcontent .firsthead {
  text-align: left;
  margin-top: 20px;
}
#emailcontent .firsthead1 {
  font-size: 30px;
  text-align: left;
  font-weight: 600;
  color: #495057;
  text-shadow: 0px 1px 1px rgb(104 104 104 / 12%);
  text-transform: capitalize;
}

.dkIDck {
  background-color: #f6f9fc !important;
  border: 1px solid #ebe8ff;
  border-radius: 10px;
  min-height: 40px !important;
  align-items: center !important;
  justify-content: center;
  color: #8898aa;
  font-size: 13px;
  font-weight: 500;
}
#emailcontent .linkStyle{
  text-decoration: none;
}

.jiAnER {
  border-radius: 10px;
  border: 1px solid #ebe8ff;
  background: #fff;
  margin-top: 12px;
  color: #797d8c;
  font-size: 14px;
  font-weight: 500;
  text-align: left;
}

.ePwPKN {
  border-radius: 10px;
  border: 1px solid #ebe8ff;
  background: #fff;
  margin-top: 12px;
  color: #797d8c !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  text-transform: capitalize;
}
.djLTsq {
  justify-content: left;
}
#emailcontent .buttonfollow {
  font-weight: 500;
  font-size: 14px;
  height: 30px;
}
#emailcontent .bottombtnmargin {
  margin-bottom: 14px;
}

#emailcontent .cfvlby {
  background-color: #f6f9fc;
  border: 1px solid #ebe8ff;
  border-radius: 10px;
  min-height: 40px;
  align-items: center;
  justify-content: left;
  color: #8898aa;
  font-size: 13px;
  font-weight: 500;
}

.dkIDck {
  background-color: #f6f9fc !important;
  border: 1px solid #ebe8ff;
  border-radius: 10px;
  min-height: 40px !important;
  align-items: center !important;
  justify-content: flex-start;
  color: #8898aa;
  font-size: 13px;
  font-weight: 500;
}

#emailcontent .jiAnER {
  border-radius: 10px;
  border: 1px solid #ebe8ff;
  background: #fff;
  margin-top: 12px;
  color: #797d8c;
  font-size: 14px;
  font-weight: 500;
  text-align: left;
}

.ePwPKN {
  border-radius: 10px;
  border: 1px solid #ebe8ff;
  background: #fff;
  margin-top: 12px;
  color: #797d8c !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  text-transform: capitalize;
}

#emailcontent .hGkspH {
  max-width: 250px;
}

#emailcontent .ehRbCq {
  max-width: 250px;
}

.list {
  margin-top: 33px;
  margin-left: 15px;
}
.list .q-box {
  display: flex;
  width: 100%;
  justify-content: space-between;
  margin-bottom: 20px;
}
.list .q-text {
  text-align: left;
  font-size: 24px;
  font-weight: 600;
}
.list .searchbtn2 {
  margin-left: 8px;
  margin-bottom: 0px;
}
.list #courcescreen {
  height: unset;
  padding-bottom: 12px;
}
.list .table thead th {
  border-bottom: 1px solid #dee2e6;
}
.nothingfoundimg {
  margin: 20px 0px;
}
.list .schema-tbl-btn {
  height: unset !important;
  margin-bottom: 0px;
  padding-bottom: 0.75rem !important;
}

.list .searchbtn2 {
  width: 180px !important;
  font-family: "Roboto" !important;
  background-color: var(--shadow) !important;
  border: none !important;
  box-shadow: 1px 1px 2px 0px #c6d2d9;
  border-radius: 10px;
  height: 40px;
}

.vertical-center {
  vertical-align: middle;
}

#skills table {
  border-collapse: separate;
  border-spacing: 0 10px;
  width: 100%;
  text-align: left;
}

#skills td,
#skills th {
  border: none;
  padding: 0.75rem 1.5rem;
  vertical-align: middle;
  text-transform: capitalize;
}

#skills thead {
  border: 1px solid #dee2e6;
  border-radius: 10px;
  background-color: #f8f9fa;
}

#skills thead th {
  padding: 0.75rem 1.5rem;
  vertical-align: middle;
  text-transform: capitalize;
  border-top: 1px solid #dee2e6;
  border-bottom: 1px solid #dee2e6;
}

#skills thead th:first-child {
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
  border-left: 1px solid #dee2e6;
}

#skills thead th:last-child {
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
  border-right: 1px solid #dee2e6;
}

#skills tbody tr {
  background-color: white;
  box-shadow: 0px 0px 0px 1px #dee2e6;
  border-radius: 10px;
  border-left: 1px solid #dee2e6;
  border-right: 1px solid #dee2e6;
}

#skills tbody tr:first-child td:first-child {
  border-top-left-radius: 10px;
}

#skills tbody tr:first-child td:last-child {
  border-top-right-radius: 10px;
}

#skills tbody tr:last-child td:first-child {
  border-bottom-left-radius: 10px;
}

#skills tbody tr:last-child td:last-child {
  border-bottom-right-radius: 10px;
}

#skills thead th {
  padding: 0.75rem 1.5rem;
  vertical-align: middle;
  text-transform: capitalize;
  background-color: #f8f9fa;
}
#skills td:first-child,
#skills th:first-child {
  border-left: 1px solid #dee2e6;
  border-radius: 10px 0 0 10px;
}

#skills td:last-child,
#skills th:last-child {
  border-right: 1px solid #dee2e6;
  border-radius: 0 10px 10px 0;
}
@media screen and (max-width: 750px) {
  .list #courcescreen .searchbtn2 {
    max-width: 100px !important;
  }
}

.vertical-center {
  vertical-align: middle;
}

#hack-cat table {
  border-collapse: separate;
  border-spacing: 0 10px;
  width: 100%;
  text-align: left;
}

#hack-cat td,
#hack-cat th {
  border: none;
  padding: 0.75rem 1.5rem;
  vertical-align: middle;
  text-transform: capitalize;
}

#hack-cat thead {
  border: 1px solid #dee2e6;
  border-radius: 10px;
  background-color: #f8f9fa;
}

#hack-cat thead th {
  padding: 0.75rem 1.5rem;
  vertical-align: middle;
  text-transform: capitalize;
  border-top: 1px solid #dee2e6;
  border-bottom: 1px solid #dee2e6;
}

#hack-cat thead th:first-child {
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
  border-left: 1px solid #dee2e6;
}

#hack-cat thead th:last-child {
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
  border-right: 1px solid #dee2e6;
}

#hack-cat tbody tr {
  background-color: white;
  box-shadow: 0px 0px 0px 1px #dee2e6;
  border-radius: 10px;
  border-left: 1px solid #dee2e6;
  border-right: 1px solid #dee2e6;
}

#hack-cat tbody tr:first-child td:first-child {
  border-top-left-radius: 10px;
}

#hack-cat tbody tr:first-child td:last-child {
  border-top-right-radius: 10px;
}

#hack-cat tbody tr:last-child td:first-child {
  border-bottom-left-radius: 10px;
}

#hack-cat tbody tr:last-child td:last-child {
  border-bottom-right-radius: 10px;
}

#hack-cat thead th {
  padding: 0.75rem 1.5rem;
  vertical-align: middle;
  text-transform: capitalize;
  background-color: #f8f9fa;
}
#hack-cat td:first-child,
#hack-cat th:first-child {
  border-left: 1px solid #dee2e6;
  border-radius: 10px 0 0 10px;
}

#hack-cat td:last-child,
#hack-cat th:last-child {
  border-right: 1px solid #dee2e6;
  border-radius: 0 10px 10px 0;
}


#hack-cat .table-Img {
  width: 100px;
  height: 70px;
  padding: 5px 0px;
  -o-object-fit: cover;
     object-fit: cover;
}

.editPopup .image-class {
  width: -moz-max-content;
  width: max-content;
  position: relative;
}

.editPopup .attachment1 {
  height: 50px;
  width: 50px;
  border: 1px solid var(--flameorang);
  padding: 0px;
}

.editPopup .crossbtn {
  position: absolute;
  left: 78%;
  top: -20%;
}
.vertical-center {
  vertical-align: middle;
}

#course-quest table {
  border-collapse: separate;
  border-spacing: 0 10px;
  width: 100%;
  text-align: left;
}

#course-quest td,
#course-quest th {
  border: none;
  padding: 0.75rem 1.5rem;
  vertical-align: middle;
  text-transform: capitalize;
}

#course-quest thead {
  border: 1px solid #dee2e6;
  border-radius: 10px;
  background-color: #f8f9fa;
}

#course-quest thead th {
  padding: 0.75rem 1.5rem;
  vertical-align: middle;
  text-transform: capitalize;
  border-top: 1px solid #dee2e6;
  border-bottom: 1px solid #dee2e6;
}

#course-quest thead th:first-child {
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
  border-left: 1px solid #dee2e6;
}

#course-quest thead th:last-child {
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
  border-right: 1px solid #dee2e6;
}

#course-quest tbody tr {
  background-color: white;
  box-shadow: 0px 0px 0px 1px #dee2e6;
  border-radius: 10px;
  border-left: 1px solid #dee2e6;
  border-right: 1px solid #dee2e6;
}

#course-quest tbody tr:first-child td:first-child {
  border-top-left-radius: 10px;
}

#course-quest tbody tr:first-child td:last-child {
  border-top-right-radius: 10px;
}

#course-quest tbody tr:last-child td:first-child {
  border-bottom-left-radius: 10px;
}

#course-quest tbody tr:last-child td:last-child {
  border-bottom-right-radius: 10px;
}

#course-quest thead th {
  padding: 0.75rem 1.5rem;
  vertical-align: middle;
  text-transform: capitalize;
  background-color: #f8f9fa;
}
#course-quest td:first-child,
#course-quest th:first-child {
  border-left: 1px solid #dee2e6;
  border-radius: 10px 0 0 10px;
}

#course-quest td:last-child,
#course-quest th:last-child {
  border-right: 1px solid #dee2e6;
  border-radius: 0 10px 10px 0;
}
/* .css-1nmdiq5-menu {
  height: 100%;
  min-height: 80px;
  overflow-y: scroll;
} */

.vertical-center {
  vertical-align: middle;
}

#job-quest table {
  border-collapse: separate;
  border-spacing: 0 10px;
  width: 100%;
  text-align: left;
}

#job-quest td,
#job-quest th {
  border: none;
  padding: 0.75rem 1.5rem;
  vertical-align: middle;
  text-transform: capitalize;
}

#job-quest thead {
  border: 1px solid #dee2e6;
  border-radius: 10px;
  background-color: #f8f9fa;
}

#job-quest thead th {
  padding: 0.75rem 1.5rem;
  vertical-align: middle;
  text-transform: capitalize;
  border-top: 1px solid #dee2e6;
  border-bottom: 1px solid #dee2e6;
}

#job-quest thead th:first-child {
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
  border-left: 1px solid #dee2e6;
}

#job-quest thead th:last-child {
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
  border-right: 1px solid #dee2e6;
}

#job-quest tbody tr {
  background-color: white;
  box-shadow: 0px 0px 0px 1px #dee2e6;
  border-radius: 10px;
  border-left: 1px solid #dee2e6;
  border-right: 1px solid #dee2e6;
}

#job-quest tbody tr:first-child td:first-child {
  border-top-left-radius: 10px;
}

#job-quest tbody tr:first-child td:last-child {
  border-top-right-radius: 10px;
}

#job-quest tbody tr:last-child td:first-child {
  border-bottom-left-radius: 10px;
}

#job-quest tbody tr:last-child td:last-child {
  border-bottom-right-radius: 10px;
}

#job-quest thead th {
  padding: 0.75rem 1.5rem;
  vertical-align: middle;
  text-transform: capitalize;
  background-color: #f8f9fa;
}
#job-quest td:first-child,
#job-quest th:first-child {
  border-left: 1px solid #dee2e6;
  border-radius: 10px 0 0 10px;
}

#job-quest td:last-child,
#job-quest th:last-child {
  border-right: 1px solid #dee2e6;
  border-radius: 0 10px 10px 0;
}

#tech .dropdown-item.active,
.dropdown-item:active {
  background-color: #ff6c36d9 !important;
  color: #fff !important;
}

.vertical-center {
  vertical-align: middle;
}

#sub-opp-cat .table-Img {
  width: 100px;
  height: 70px;
  padding: 5px 0px;
  -o-object-fit: cover;
     object-fit: cover;
}

.editPopup .image-class {
  width: -moz-max-content;
  width: max-content;
  position: relative;
}

.editPopup .attachment1 {
  height: 50px;
  width: 50px;
  border: 1px solid var(--flameorang);
  padding: 0px;
}

.editPopup .crossbtn {
  position: absolute;
  left: 78%;
  top: -20%;
}

#sub-opp-cat table {
  border-collapse: separate;
  border-spacing: 0 10px;
  width: 100%;
  text-align: left;
}

#sub-opp-cat td,
#sub-opp-cat th {
  border: none;
  padding: 0.75rem 1.5rem;
  vertical-align: middle;
  text-transform: capitalize;
}

#sub-opp-cat thead {
  border: 1px solid #dee2e6;
  border-radius: 10px;
  background-color: #f8f9fa;
}

#sub-opp-cat thead th {
  padding: 0.75rem 1.5rem;
  vertical-align: middle;
  text-transform: capitalize;
  border-top: 1px solid #dee2e6;
  border-bottom: 1px solid #dee2e6;
}

#sub-opp-cat thead th:first-child {
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
  border-left: 1px solid #dee2e6;
}

#sub-opp-cat thead th:last-child {
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
  border-right: 1px solid #dee2e6;
}

#sub-opp-cat tbody tr {
  background-color: white;
  box-shadow: 0px 0px 0px 1px #dee2e6;
  border-radius: 10px;
  border-left: 1px solid #dee2e6;
  border-right: 1px solid #dee2e6;
}

#sub-opp-cat tbody tr:first-child td:first-child {
  border-top-left-radius: 10px;
}

#sub-opp-cat tbody tr:first-child td:last-child {
  border-top-right-radius: 10px;
}

#sub-opp-cat tbody tr:last-child td:first-child {
  border-bottom-left-radius: 10px;
}

#sub-opp-cat tbody tr:last-child td:last-child {
  border-bottom-right-radius: 10px;
}

#sub-opp-cat thead th {
  padding: 0.75rem 1.5rem;
  vertical-align: middle;
  text-transform: capitalize;
  background-color: #f8f9fa;
}

#sub-opp-cat td:first-child,
#sub-opp-cat th:first-child {
  border-left: 1px solid #dee2e6;
  border-radius: 10px 0 0 10px;
}

#sub-opp-cat td:last-child,
#sub-opp-cat th:last-child {
  border-right: 1px solid #dee2e6;
  border-radius: 0 10px 10px 0;
}

.category-type-dp {
  text-align: left;
}
.searchbutton {
  margin-left: 3px;
  cursor: pointer;
  color: #ff6c36ad;
}

#srch .searchbtn {
  color: #fdfcfc;
  width: 119px !important;
  font-family: "Roboto" !important;
  background-color: var(--shadow) !important;
  border: none !important;
  box-shadow: 1px 1px 2px 0px #c6d2d9;
  border-radius: 10px;
  height: 40px;
  font-size: 16px;
  cursor: pointer;
}

.searchbutton:hover {
  cursor: pointer;
  color: #ff6c36ad;
}

.btn.focus,
.btn:focus {
  /*commented as affecting other pages  box-shadow:0 0 0 0 rgba(0,123,255,.25) !important;*/
}

#srch .skills-multidropdown .css-13cymwt-control {
  overflow: hidden;
}

#srch .skills-multidropdown .css-1dyz3mf {
  overflow: auto;
  height: 100%;
}

#srch .opportunity-col {
  margin-bottom: 15px;
}

#srch .searcharea {
  display: flex;
  /* margin-bottom: 20px; */
}
@media screen and (max-width: 500px) {
  #srch .searcharea {
    display: block;
    margin-bottom: 30px;
  }
  #srch .searchbtn {
    /* margin-top: 20px; */
    margin-left: -3px;
  }
}
#srch .searchbox {
  width: 300px;
}

#srch .searchbutton {
  width: 50px;
}
#srch .searchndispmleft {
  margin-left: 50px;
}

@media (max-width: 988px) {
  #srch .leftsidebar {
    display: none;
  }
}
#srch .suggestionheader {
  color: #828282;
  color: var(--darkGrey);
  font-size: 15px;
  font-weight: 500;
  text-align: left;
}

.stitle {
  font-size: 30px;
  text-align: left;
  font-weight: 600;
  color: #fe4726;
  text-shadow: 0px 1px 1px rgba(104, 104, 104, 0.12);
}

#srch .buttonfollow {
  font-size: 10px;
  font-weight: 500;
  border-radius: 45px;
  border: 2px solid rgba(252, 108, 108, 0.81);
}

#srch .suggestioninbox {
  height: 100%;
}

#srch .suggestioncard {
  margin-top: 20px;
  height: 150px;
  border: 3px solid var(--flameorang);
  border-radius: 45px;
  box-shadow: 0px 3px 66px rgb(229 229 229 / 69%);
}

#srch .suggestioncard .insidecardname {
  margin-top: 7px;
  margin-bottom: 7px;
}

#srch .suggestioncard .picon {
  width: 20px;
  height: 20px;
  position: relative;
  margin-top: -7px;
}
#srch .suggestioncard .iicon {
  width: 15px;
  height: 15px;
  position: relative;
  margin-top: -7px;
}
#srch .suggestioncard .proficon {
  width: 20px;
  height: 20px;
  color: white;
  overflow: hidden;
  border-radius: 50%;
  position: absolute;
  top: 32px;
  /* left: 20px; */
  right: 15px;
  margin-right: 20px;
  background-color: var(--flameorang);
}

.company-flex {
  display: flex;
}

@media screen and (max-width:1200px) {
  .search-btn {
    margin-left: 15px !important;
  }
}

.all-profile-header {
  /* margin-top: 30px; */
  font-size: 30px;
  text-align: left;
  font-weight: 600;
  color: #fe4726;
  text-shadow: 0px 1px 1px rgba(104, 104, 104, 0.12);
  margin-bottom: 20px;
}
.leftalign{
  text-align: left;
}

#srch .content, .content.searchcontent{
  margin-top: 20px;
}
#lms-details-page {
  font-family: Roboto;
  margin-top: 25px;
  text-align: start;
  padding-bottom: 20px;
  margin-bottom: 45px;
}

/* Top Section */

#lms-details-page .top-section {
  padding: 20px 0px 0px;
  background: rgba(209, 236, 241, 0.24);
  background: #d1ecf13d;
  /* min-height: 216px; */
}

#lms-details-page .top-section .top {
  max-width: 900px;
}

#lms-details-page .top-section .int-title {
  margin: 0px;
  font-size: 22px;
  font-style: normal;
  font-weight: 600;
  color: #1d2026;
}

#lms-details-page .top-section .issuer-info img {
  width: 45px;
  height: 45px;
  border: 2px solid #fff;
  border-radius: 50%;
}

#lms-details-page .top-section .oppotunity-info .type {
  margin-left: 16px;
  display: inline-block;
  padding: 4px 12px;
  border-radius: 4px;
  background: #ffc107;
  color: #fff;
  font-size: 12px;
  font-style: normal;
  font-weight: 700;
}

#lms-details-page .top-section .tech-wrapper img {
  width: 26px;
  height: 26px;
  -o-object-fit: scale-down;
     object-fit: scale-down;
  cursor: pointer;
}

#lms-details-page .top-section .tech-icons div {
  /* margin-top: 2px; */
  height: 22px;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  margin-left: 8px;
  color: #4e5566;
}

#lms-details-page .top-section .last-line {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0px 8px 0px 0px;
}

#lms-details-page .top-section .last-line .left-section {
  display: flex;
  align-items: center;
}

#lms-details-page .top-section .last-line .img-wrapper img {
  width: 45px;
  height: 45px;
  -o-object-fit: cover;
     object-fit: cover;
  border: 2px solid #fff;
  border-radius: 50%;
}

#lms-details-page .top-section .img-wrapper + .img-wrapper {
  margin-left: -8px;
}

#lms-details-page .top-section .last-line .more-enroll div {
  width: 45px;
  height: 45px;
  padding: 10px;
  margin-left: -8px;
  color: #fff;
  border: 2px solid #fff;
  background: #ff6636;
  border-radius: 50%;
}

#lms-details-page .top-section .last-line .right-section {
  display: flex;
  align-items: center;
}

#lms-details-page .top-section .last-line .right-section div {
  margin-left: 6px;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  color: #1d2026;
}

#lms-details-page .top-section .last-line .right-section div span {
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  color: #6e7485;
}

/* End Top Section */

/* Main Section */

#lms-details-page .main-section .image-wrapper {
  margin: 15px 0px;
  margin-top: 32px;
  width: 100%;
  height: 100%;
  max-width: 635px;
  max-height: 350px;
  border-radius: 14px;
}

#lms-details-page .main-section .image-wrapper .carousel-root {
  border-radius: 14px;
}

#lms-details-page .main-section .image-wrapper .slide {
  border-radius: 14px;
}

#lms-details-page .main-section .image-wrapper .slide-img {
  padding: 8px;
  border-radius: 14px;
}

#lms-details-page .main-section .job-details {
  position: relative;
  max-width: 900px;
}

#lms-details-page .main-section .main-container {
  position: relative;
}

/* Extra info card */

#lms-details-page .main-section .right-section {
  position: absolute;
  width: 100%;
  max-width: 400px;
  z-index: 5;
  top: -60px;
  inset-inline-end: 0px;
}

#lms-details-page .main-section .extra-info-card {
  border-radius: 14px;

  background: #fff;
  box-shadow: 4px 4px 25px 0px rgba(0, 0, 0, 0.05);
}

#lms-details-page .main-section .extra-info-card.gauge-div {
  /* top: 245px; */
  margin-bottom: 30px;
  padding: 16px 0px;
  margin-top: 40px;
}

#lms-details-page .main-section .extra-info-card .gauge {
  max-width: 500px;
  margin: auto;
  text-align: center;
}

#lms-details-page .main-section .extra-info-card .gauge .title {
  font-size: 18px;
  font-weight: 700;
  color: #393c41;
  margin: 8px 0px;
}

#lms-details-page .main-section .extra-info-card .gauge .grafana-gauge text {
  fill: #393c41 !important;
  text-shadow: none !important;
}

#lms-details-page .main-section .extra-info-card.hide-desktop {
  display: none;
}

#lms-details-page .main-section .chart-div {
  border-radius: 14px;
  background: #fff;
  box-shadow: 4px 4px 25px 0px rgba(0, 0, 0, 0.05);
  padding: 20px 0px;
  text-align: center;
  margin-top: 30px;
}

#lms-details-page .main-section .chart-div .title {
  font-size: 18px;
  font-weight: 700;
  color: #393c41;
  margin: 8px 0px;
}

#lms-details-page .extra-info-card .top-section-extra {
  padding: 20px;
}

#lms-details-page .extra-info-card hr {
  margin: 0px;
}

#lms-details-page .extra-info-card .cost {
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  color: #5296fd;
}

#lms-details-page .extra-info-card .mid-section-extra {
  padding: 20px;
}

#lms-details-page .extra-info-card .mid-section-extra .ex-line {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 8px 0px;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  color: #6e7485;
}

#lms-details-page .extra-info-card .mid-section-extra .ex-line img {
  width: 17px;
  height: 17px;
  margin-right: 12px;
}

#lms-details-page .extra-info-card .bottom-section-extra {
  padding: 20px;
}

#lms-details-page .extra-info-card .bottom-section-extra .share-section {
  margin: 12px 0px;
  color: #1d2026;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
}

#lms-details-page .bottom-section-extra .share-section .btn-container {
  margin-top: 10px;
}

#lms-details-page .bottom-section-extra .share-section .copy-btn {
  border-radius: 0px;
  margin: 4px;
  padding: 12px 20px;
  background: #f5f7fa;
  color: #4e5566;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  outline: none;
  border: none;
}

#lms-details-page .bottom-section-extra .share-section .share-social-btn {
  background: #f5f7fa !important;
  width: 48px;
  height: 48px;
  margin: 4px;
}

#lms-details-page .bottom-section-extra .share-section .share-social-btn img {
  width: 20px;
  height: 20px;
}

#lms-details-page .bottom-section-extra .share-section .copy-btn img {
  margin-right: 6px;
}

/* End  Extra info*/

#lms-details-page .main-section .overview-section {
  padding-top: 32px;
  /* margin-top: 32px; */
}

#lms-details-page .main-section .overview-section h6 {
  margin: 10px 0px;
  max-width: 200px;
  /* text-align: center; */
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  color: #1d2026;
}

#lms-details-page .main-section .overview-section .track {
  position: relative;
  height: 1px;
  background: #e9eaf0;
}

#lms-details-page .main-section .track .filled-line {
  position: absolute;
  left: 0;
  height: 1px;
  width: 200px;
  background: #fff;
  box-shadow: 0px -2px 0px 0px #ff6636 inset;
}

#lms-details-page .main-section .details-section {
  padding: 14px;
}

#lms-details-page .main-section .details-section .line-wrapper {
  margin-bottom: 8px;
}

#lms-details-page .main-section .details-section .line {
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  color: #393c41;
}

#lms-details-page .main-section .details-section .line-text {
  margin-top: 8px;
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  color: #4e5566;
}

#lms-details-page .main-section .review-section {
  margin-top: 36px;
}

#lms-details-page .main-section .ratings-section .line,
#lms-details-page .main-section .review-section .line,
#lms-details-page .main-section .credential-section .line {
  margin: 8px 0px;
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  color: #1d2026;
}

#lms-details-page .main-section .credential-section {
  margin-bottom: 6px;
}

#lms-details-page .main-section .no-review-text {
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  color: #4e5566;
}

#lms-details-page .bottom-section-extra .enroll-btn-wrp.hide-btn {
  display: none;
}

#lms-details-page .technology-chip button,
#lms-details-page .technology-chip button:hover {
  margin: 5px 8px 5px 0px;
}

/* End Main section */
@media screen and (min-width: 1199px) and (max-width: 1699px) {
  #lms-details-page .top-section .top,
  #lms-details-page .main-section .job-details {
    max-width: 720px;
  }
}

@media screen and (max-width: 1199px) {
  #lms-details-page .top-section .top,
  #lms-details-page .main-section .job-details {
    max-width: 100%;
  }

  #lms-details-page .main-section .right-section {
    position: static;
    max-width: 100%;
  }

  #lms-details-page .main-section .chart-div {
    border-radius: unset;
    margin: 0px 0px 30px;
  }

  #lms-details-page .main-section .extra-info-card {
    margin: 16px 0px;
    width: 100%;
    border-radius: unset;
    margin: 16px auto;
    margin-top: 36px;
  }

  #lms-details-page .bottom-section-extra .enroll-btn-wrp {
    max-width: 350px;
    /* margin: 0px auto; */
  }

  #lms-details-page .main-section .extra-info-card.hide-desktop {
    display: block;
  }

  #lms-details-page .main-section .extra-info-card.show-desktop {
    display: none;
  }
}

@media screen and (max-width: 786px) {
  #lms-details-page .top-section .last-line {
    display: block;
  }

  #lms-details-page .top-section .last-line .left-section {
    margin: 16px 0px;
  }

  #lms-details-page .top-section .last-line .right-section div {
    margin-left: 0px;
  }
}

#issuer-details .custom-card1 {
    box-shadow: 0px 3px 66px #f2f2f2;
    border: 1px solid #dee2e6;
    border-radius: 14px;
}

#issuer-details .custom-card1 .badgecrd-title{
    color: #495057;
    font-size: 23px;
    font-weight: 600;
}

#issuer-details .custom-card1 .button1{
    max-width: 200px;
}

#issuer-details .spinner-overlay{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5); /* Adjust opacity as needed */
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 9999; 
  }

  #issuer-details .subHeading{
    margin: 20px 0px;
    /* margin-top: 20px; */
    display: flex;
  }
  /* #issuer-details .multiselect{
 
  height: 100%;
  max-height: unset;
  /* min-height: 40px; */
  /* overflow-y: auto; */

  #issuer-details .dpedit .profilecircle {
    height: 80px;
    width: 80px;
  }


#signup {
  background: url(/static/media/bgpattern.9b40a4a3.svg);
  height: 100%;
  width: 100%;
  /* overflow: hidden; */
  position: relative;
  margin-bottom: -50px;
}

#signup .horizontal {
  background: rgb(255 255 255);
  border-radius: 30px;
  padding: 25px 15px;
  box-shadow: 0 0 4px rgb(0 0 0 / 25%);
  scroll-behavior: smooth;
  overflow: hidden;
}

#signup .solo-login-btn {
  width: 40px;
  height: 40px;
  padding: 10px;
  cursor: pointer;
  border-radius: 4px;
  border: 2px solid #0076b2;
  margin: 0px 10px;
}

#signup .horizontal form {
  margin-top: 10px;
}

#signup .horizontal {
  max-width: 700px;
  width: 95%;
  margin-top: -50px;
}

.linkedinimgsignup {
  width: 250px;
  height: 50px;
}

#signup .buttonmain {
  width: 100%;
  max-width: 250px;
}

#signup .img {
  width: 120px;
  height: 30px;
  margin-top: 25px;
  margin-bottom: 25px;
}

.phone {
  width: 28%;
  padding: 6%;
}

#signup select option {
  /* background-color: #FF6C36; */
  font-size: 12px;
  font-weight: bold;
  padding: 2px 10px;
  text-transform: capitalize;
}

.scroll-touch {
  -webkit-overflow-scrolling: auto;
}

#signup .checktxt {
  text-decoration: none;
  color: #ff4b08;
  font-weight: 400;
  font-size: 14px;
  /* line-height: 1.5; */
  margin-left: 6px;
}

#signup .checktext {
  font-size: 11px;
  font-weight: 400;
  color: var(--textlight);
  text-align: left;
  display: flex;
  justify-content: center;
}

#signup .terms-signup {
  display: flex;
  align-items: flex-end;
}

#signup .form-check-input:invalid {
  background-color: var(--bgwhite);
}

#signup input {
  text-transform: inherit;
  background-image: none !important;
}

#signup .form-check-input:checked {
  background-color: var(--primary);
  border-color: #0d6efd;
}

#signup .form-check-input[type="checkbox"] {
  border-radius: 2px;
  margin: auto 0;
  height: 20px;
  cursor: pointer;
  width: 18px;
  margin-right: 15px;
  border: 1px solid var(--borderlight);
  box-shadow: none;
}

#signup .form-check-input:active {
  border: transparent;
}

#signup .form-check {
  padding-left: 0;
  margin-right: 0px;
}

#signup .checkspace {
  padding-top: 15px;
  padding-bottom: 5px;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
  align-items: flex-end;
  justify-content: center;
}

#signup .form-check-label {
  cursor: pointer;
  margin: 0px;
  margin-left: 22px;
  font-size: 14px;
}

#signup .signup-tabs {
  margin: 10px 0px 25px 0px;
  display: flex;
  justify-content: center;
  border-radius: 10px;
  overflow: hidden;
  box-shadow: 1px 0px 8px 0px #dee2e663;
  outline: 1px solid #ced4da;
}

#signup .tab-container {
  justify-content: center;
  align-items: center;
}

#root #signup .nav-pills .nav-link {
  font-size: 14px;
  font-weight: 400;
  font-family: "Roboto", sans-serif;
  text-transform: uppercase;
  border-radius: unset;
}

#signup .tab-container .divider {
  width: 1px;
  background: #ced4da;
}

#root #signup .nav-pills .nav-link.active,
.nav-pills .show>.nav-link {
  background-color: #ff6c36d9;
}

#signup .signup-redirect {
  color: #ff4b08;
}

@media screen and (max-width: 400px) {
  #signup .checktxt {
    font-size: 11px;
    line-height: 14px;
  }

  #signup .checklabel .css-16c9qwx-MuiTypography-root {
    font-size: 11px;
    line-height: 14px;
  }

  #signup .form-check-label {
    font-size: 11px;
  }

  #signup .form-check-input[type="checkbox"] {
    height: 15px;
  }
}

@media screen and (max-width: 991px) {
  #signup .horizontal {
    top: 55%;
    /* margin-top: 0px; */
  }

  .pass {
    display: block;
    padding-bottom: 10px;
  }

  #signup .signupbutton-wrp {
    margin-top: 15px;
  }
}

.textpass:hover {
  color: #6ebeffb7;
  text-decoration: none;
}

.textpass {
  color: #4baeff;
  font-weight: 300px;
  margin-top: 30px;
}

.backcursor {
  cursor: pointer;
  margin-top: 15px;
}

.google-linked-btn-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  margin: 5px;
}

.google-check-btn {
  width: 40px;
  display: flex;
  overflow: hidden;
  margin: 0px 10px;
}

.signupbutton {
  width: 40px;
  height: 40px;
  padding: 10px 4px;
  cursor: pointer;
  border-radius: 4px;
  border: 2px solid #0076b2;
  margin: 0px 10px;
}

.signupbutton.google-btn {
  padding: 9px;
}

@media screen and (max-width: 540px) {
  #root #signup .nav-pills .nav-link {
    font-size: 12px;
  }
}

.nsm7Bb-HzV7m-LgbsSe.MFS4be-v3pZbf-Ia7Qfc {
  background-color: #1a73e8;
}

.nsm7Bb-HzV7m-LgbsSe.MFS4be-Ia7Qfc {
  border: none;
  color: #fff;
}

.nsm7Bb-HzV7m-LgbsSe.Bz112c-LgbsSe {
  padding: 0;
  width: 40px;
}

.nsm7Bb-HzV7m-LgbsSe .nsm7Bb-HzV7m-LgbsSe-Bz112c {
  height: 20px;
  margin-right: 8px;
  min-width: 20px;
  width: 20px;
}

.nsm7Bb-HzV7m-LgbsSe.Bz112c-LgbsSe .nsm7Bb-HzV7m-LgbsSe-Bz112c-haAclf {
  border-radius: 3px;
  margin-left: 2.5px;
  margin-right: 0;
  padding: 0px;
}

.nsm7-div {
  width: 40px;
  height: 40px;
  margin: 0px 10px;
}
.certificate-image {
  width: 50px;
}

.badge-image {
  max-width: 20px;
  position: absolute;
  right: 0px;
  bottom: 0px;
}

.pathway-sidebar-card .image-container {
  position: relative;
  width: -moz-max-content;
  width: max-content;
  margin-bottom: 6px;
}

.pathway-sidebar-card {
  padding: 6px;
  border-radius: 10px;
  background: #fff;
  box-shadow: 0px 3px 66px #f2f2f2;
  border: 1px solid #dee2e6;
  margin-bottom: 16px;
  display: flex;
  text-align: left;
  font-size: 12px;
  align-items: center;
  flex-direction: column;
  text-transform: capitalize;
  height: calc(100% - 16px);
  text-align: center;
  cursor: pointer;
}

.pathway-sidebar-card span{
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  word-break: break-word;
  width: 100%;
}
.sidebar {
  background: rgb(242, 244, 248);
  min-width: 250px;
  width: 250px;
  padding: 25px 8px;
  box-shadow: 2px 0 5px rgba(0, 0, 0, 0.1);
}

.sidebar .form-group {
  margin-bottom: 20px !important;
  padding: 0px 4px;
}

.sidebar .select-dp{
  margin-bottom: 15px;
  padding: 0px 4px;
}

.sidebar .badge-list {
  height: calc(100% - 35px);
  overflow: hidden;
  overflow-y: auto;
  padding: 0px 4px;
}

.sidebar .badge-list.job-list {
  height: calc(100% - 90px);
}

.sidebar .sidebar-row {
  padding: 0px 8px;
}

.sidebar .sidebar-col {
  padding: 0px 8px;
}

.sidebar .no-img{
  width: 100%;
}

.badge {
  padding: 10px;
  margin: 5px;
  background-color: #f0f0f0;
  border: 1px solid #ccc;
  border-radius: 8px;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

.badge.dragging {
  opacity: 0.5;
}
.topbar{
    width: 100%;
    height: 60px;
    background: #f8f9fb;
    border-bottom: 1px solid #f3f3f3;
    display: flex;
    /* flex-wrap: wrap; */
    align-items: center;
    justify-content: space-between;
    padding: 10px 15px;
}

.topbar .topbar-title{
    font-size: 28px;
    color: #495057;
    font-weight: 600;
    margin-left: 10px;
}

.topbar .left-section{
    display: flex;
    align-items: center;
}

.topbar .left-section .back-arrow {
    border: 1px solid #d9d9d9;
    color: rgba(0, 0, 0, 0.65);
    height: 32px;
    padding: 0 12px;
    font-size: 18px;
    border-radius: 4px;
    cursor: pointer;
    box-shadow: 0 2px 0 rgba(0, 0, 0, 0.015);
    background: white;
}

.topbar .left-section .back-arrow:hover {
    border-color: #ff6c36d9;
    color: #ff6c36d9;
}

.topbar .right-section{
    display: flex;
    align-items: center;
}

.topbar .right-section .form-group{
    margin-bottom: 0px !important;
    margin-right: 10px;
    text-align: center;
}

.topbar .right-section .form-control.input{
    text-align: center;
    height: 32px;
    text-overflow: ellipsis;
}

.topbar .right-section .buttonmain{
    border-radius: 8px;
    background-color: #ff6c36d9;
    color: var(--white);
    border: none;
    width: -moz-max-content;
    width: max-content;
    font-weight: 400;
    box-shadow: 0 2px 0 rgba(0, 0, 0, 0.015);
    height: 32px;
    padding: 0 15px;
    font-size: 14px;
    margin-left: 10px;
}

.topbar .message {
    color: rgba(0, 0, 0, 0.65);
    font-size: 14px;
    list-style: 38px;
}

.topbar .message-success {
	color: #ff6c36;
}
.topbar .message-fail{
	color: red;
}

@media screen and (max-width: 1200px) {
    .topbar .topbar-title{
        font-size: 18px;
        line-height: 1.2;
    }
}
.pathway-page {
  display: flex;
  flex-direction: column;
}

.pathway-content {
  display: flex;
  height: calc(100vh - 60px);
}
.credentials-card {
  border-radius: 14px;
  box-shadow: 0px 3px 66px #f2f2f2;
  border: 1px solid #dee2e6;
  /* height: 100%; */
  margin-top: 10px;
  margin-bottom: 20px;
}

.credentials-card .card-body {
  padding: 20px;
  word-break: break-word;
}

.credentials-card .top-section {
  display: flex;
}

.credentials-card .card-body .image-section {
  width: 32%;
  min-width: 75px;
}

.credentials-card .card-body .cred-image .imagee {
  position: relative;
}

.credentials-card .card-body .cred-image .cred-img {
  width: 100%;
  height: 100%;
  -o-object-fit: fill;
     object-fit: fill;
  max-height: 162px;
}

.credentials-card .card-body .cred-image .badge-cred-img {
  width: 40px;
  height: 40px;
  position: absolute;
  bottom: 0px;
  right: 0px;
}

.credentials-card .card-body .content-section {
  margin-left: 10px;
  width: 100%;
  text-align: left;
}

.credentials-card .card-body .content-section .line1 {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.credentials-card .card-body .content-section .ellipsis-class {
  word-break: break-word;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}

.credentials-card .card-body .content-section .line1 .name {
  font-size: 18px;
  font-weight: 600;
  color: #495057;
  text-shadow: 1px 1px white;
  text-transform: capitalize;
  line-height: 24px;
  margin-right: 10px;
  margin-bottom: 8px;
  width: 170px;
}

.credentials-card .card-body .content-section .line1 .identi {
  font-size: 14px;
  line-height: 18px;
  margin-bottom: 6px;
  text-transform: uppercase;
}

.credentials-card .card-body .content-section .line2 .desc {
  font-size: 14px;
  color: #586069;
  font-weight: 400;
  margin-bottom: 4px;
  margin-top: 4px;
}
.credentials-card .card-body input[type="checkbox"],
input[type="radio"] {
  border-radius: 8px;
  height: 20px;
  cursor: pointer;
  width: 20px;
  /* box-shadow: 1px 2px 13px 0px #ff6c3652; */
  box-shadow: 0px 3px 66px #f2f2f2;
  border: 3px solid #ff6c36;
}
.credentials-card .card-body .content-section .line3 .email {
  font-size: 14px;
  color: #000000;
  font-weight: 400;
  margin-bottom: 6px;
}

.credentials-card .card-body .content-section .line3 .clr-desc {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.credentials-card .card-body .content-section .line4 {
  display: flex;
  flex-wrap: wrap;
}

.credentials-card .card-body .content-section .line4 .issueDate {
  font-size: 14px;
  color: #000000;
  /* margin-right: 30px; */
  margin-bottom: 6px;
}

.issue-cred-form .issue-cred-select {
  max-width: 340px;
  margin: 16px auto 0px;
}

/* .credentials-card .card-body .content-section .line4 .exptDate{
    font-size: 12px;
    color: #000000;
    margin-bottom: 4px;
} */

.credentials-card .card-body .action-section {
  text-align: left;
  margin-top: 4px;
}

.credentials-card .card-body .action-section .action {
  font-size: 12px;
  cursor: pointer;
  /* margin-left: auto; */
}

.credentials-card .card-body .action-section .re-issue {
  margin: 0px 6px;
}

.credentials-card .card-body .action-section .issued {
  display: flex;
  align-items: center;
  line-height: 16px;
  justify-content: space-between;
}

.credentials-card .card-body .action-section .issued .view {
  margin-right: 30px;
}

.forgot-password1 {
  padding-left: 4px;
  font-style: normal;
  font-weight: 300;
  font-size: 14px;
  line-height: 16.5px;
  cursor: pointer;
  position: relative;
  top: -5px;
}

.save-btn {
  margin-top: 93px;
  width: 200px;
  justify-content: center;
  align-items: center;
  margin: auto;
  margin-top: -2px;
}

.issue-cred-form .details {
  margin-bottom: 10px;
}

.selectCred .credImgDiv {
  max-width: 260px;
  max-height: 300px;
  margin: auto;
}
@media screen and (min-width: 1550px) {
  .credentials-card .card-body .content-section .line1 .name {
    width: 70%;
  }
}
@media screen and (max-width: 1199px) {
  .credentials-card .card-body .content-section .line1 .name {
    width: auto;
  }
}


#home .learninghead {
  color: #ff6c36;
  /* box-shadow: 2px 3px 20px 0px #f2f2f2; */
  text-shadow: 1px 1px 0px #ff6c369c;
  letter-spacing: 1px;
  font-size: 40px;
}

#home .socialhead {
  color: #0d6efd;
  /* box-shadow: 2px 3px 20px 0px #f2f2f2; */
  text-shadow: 1px 1px 0px #0d6efd94;
  letter-spacing: 1px;
  font-size: 40px;
}
#home .searchbutton {
  text-decoration: none;
}

#home .buttonfollow {
  font-size: 10px;
  font-weight: 500;
  border-radius: 45px;
  border: 2px solid rgba(252, 108, 108, 0.81);
}
#home .react-multiple-carousel__arrow--right{
  right: 1px;
}
#home .react-multiple-carousel__arrow--left{
  left: 1px;
}
#home .textseeall {
  top: 5px;
  color: #adadad;
}
#home .suggestioninbox {
  height: 100%;
}
#home .bluetheme .coursebigcard .smallpic {
  border: 3px solid #458ff6;
}
#home .bluetheme .coursebigcard {
  /* border: 3px solid #458ff6; */
  box-shadow: 0px 3px 20px #f3f7ff;
}
#home .bluetheme .coursebigcard .profilepic {
  background-color: #458ff6;
}

#home .bluetheme .coursebigcard .ccategory {
  box-shadow: 0px 0px 5px 0px #007bff85;
  border: none;

  background: #458ff6;
}

#home .scrollbar {
  overflow-y: "scroll";
  height: "96%";
  border-radius: "4%";
  margin-top: "27px";
  padding: "0";
  padding-right: "5px";
}
#home .profilecall .col-lg-6 {
  padding-right: 10px;
  padding-left: 10px;
}

#home .suggestioncard .insidecardname {
  margin-top: 7px;
  margin-bottom: 7px;
}

#home .sharesomethingcard {
  margin-bottom: 20px;
  width: 100%;
}
#home .sidebar {
  height: 100%;
  width: 300px;
  position: absolute;
  right: 0px;
}
#home .leftsidebar {
  margin-left: 20px;
}
#home .sidebg {
  height: 110%;
  width: 100%;
  position: fixed;
  z-index: -1;
  margin-left: -40px;
  margin-top: -30px;
  border-top-left-radius: 30px;
  border-top-right-radius: 30px;
}

#home .rightsidebar {
  margin-left: 50px;
  padding-bottom: 10px;
}
#home .topHacksSmall {
  font-size: 30px;
  text-align: left;
  font-weight: 600;
  color: #fe4726;
  text-shadow: 0px 1px 1px rgba(104, 104, 104, 0.12);
}
#home .hr {
  opacity: 0.05 !important;
  height: 0.05px !important;
}
@media screen and (max-width: 991px) {
  #home .leftsidebar {
  }
}

#home .nimg {
  padding: 10px;
  max-width: 260px;
  height: 137px;

  margin-top: 25px;
  width: 100%;
}

#home .postpadding {
  margin-top: 30px;
}

@media screen and (max-width: 1300px) {
  #home .topHacksSmall {
    font-size: 25px;
  }
}

@media screen and (max-width: 992px) {
  #home .topHacksSmall {
    margin-top: 30px;
    font-size: 25px;
  }
  #home .textseeall {
    margin-top: 29px;
    color: #adadad;
  }
}

@media screen and (max-width: 750px) {
  #home .topHacksSmall {
    font-size: 25px;
  }
  #home .textseeall {
    margin-top: 28px;
    color: #adadad;
  }
}

#home .imghome {
  display: block;
}

.homeStructure {
  display: flex;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px;
}
/* 
@media screen and  (max-width: 992px) {
  .homeStructure{
    display: flex;
      flex-direction: row;
      flex-wrap: wrap;
      /* margin-right: -15px ;
      margin-left: -15px ; */

/* .posts{
    width: 100vw;
  } */

@media screen and (min-width: 578px) and (max-width: 992px) {
}
@media screen and (min-width: 992px) {
  #home .content {
    width: 100%;
    /* height: calc(100vh - 100px); */
    /* overflow-y: scroll; */
    overflow-x: hidden;
    padding-right: 10px;
  }
}

/* width */
/* ::-webkit-scrollbar {
  width: 10px;
} */

/* Track */
/* ::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px rgb(194, 184, 184);
  border-radius: 10px;
} */

/* Handle */
/* ::-webkit-scrollbar-thumb {
  background: rgb(243, 86, 86);
  border-radius: 10px;
} */

/* Handle on hover  */
/* ::-webkit-scrollbar-thumb:hover {
  background: #a09a9a;
} */

.cred-popup .json-content {
  text-align: start;
  padding: 10px 20px;
  background-color: #34404d;
  height: 300px;
  overflow-y: scroll; /* Vertical scrollbar */
  overflow-x: auto; /* Horizontal scrollbar */
  color: #fff;
}

.cred-popup .json-qr {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 10px 20px;
  background-color: #fff;
  color: #fff;
}
.cred-popup .json-data {
  color: #fff;
  overflow: visible;
}

/* .cred-popup .json-content::-webkit-scrollbar {
  width: 12px;
  height: 12px;
} */

/* .cred-popup .json-content::-webkit-scrollbar-thumb {
  background-color: #6e6969;
  border-radius: 6px;
} */

.cred-popup .json-content {
  scrollbar-width: thin;
}

/* .cred-popup .json-content::-webkit-scrollbar-thumb {
  background-color: #dfd4d2;
  border-radius: 6px;
} */

/* .cred-popup .json-content::-webkit-scrollbar-track {
  background-color: #34404d;
} */

.cred-popup .json-qrdata {
  display: flex;
  color: #fff;
  border: 1px solid #000;
  padding: 15px;
  border-radius: 8px;
  margin: 0px;
}
.custom-toast {
  background-color: #ffff;
  color: #fe4726;
  border-radius: 4px;
  box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);
  font-size: 16px;
  padding: 10px 20px;
}
#root .Toastify {
  position: fixed;
  z-index: 9999;
}
.custom-progress-bar {
  background-color: #fe4726;
}
.custom-icon-color {
  color: #fe4726;
}

.cred-popup .tabtitle {
  text-align: start;
  margin: 18px 5px;
  padding-left: 16px;
}

.cred-popup .tabwrapper {
  justify-content: center;
}
.cred-popup .cred-navlinks {
  position: relative;
  margin-bottom: 10px;
  margin-top: 15px;
}

.cred-popup .cred-navlinks a {
  color: var(--darkGrey);
  font-weight: 400;
  font-size: 14px;
  background: #ffffff63;
  border-radius: 10px;
  box-shadow: 0px 10px 20px 4px #dee2e64a;
  margin-left: 12px;
  margin-bottom: 10px;
  border: 1px solid #f8f9fa;
  padding: 8px 10px;
}

.cred-popup .cred-navlinks .active {
  border-bottom: 3px solid var(--coloractive);
  color: var(--coloractive);
  color: #ff6c36;
  background: #ffffff63;
  border-radius: 10px;
  box-shadow: 0px 11px 20px 3px #dee2e6c7;
}

#settings .settings-options .options-container {
  display: flex;
  align-items: center;
  padding: 16px 24px;
  /* margin: 6px 0px; */
}
#settings .settings-options:last-child hr {
  display: none;
}
#settings .settings-options .settings-icon {
  width: 22px;
  height: 22px;
}
#settings .settings-options hr {
  margin: 0px;
}
#settings .settings.col {
  text-align: start;
  /* padding: 20px 30px; */
  /* border-radius: 10px; */
  /* margin-bottom: 5px; */
  /* border-bottom: 1px solid #dcdcdf; */
  /* box-shadow: 1px 0px 3px 0px #d9aa9563; */
}
#settings .outer-settings {
  margin-top: 30px;
  margin: 0 auto 0;
  text-align: center;
  border-radius: 10px;
  padding: 25px 15px;
  /* padding-bottom: 0px; */
  box-shadow: 0 0 4px rgb(0 0 0 / 25%);
}

#settings .options-container:hover,
#settings .settings:hover {
  /* color: white; */
  background-color: #f4f4f4;
  cursor: pointer;
  border-radius: 0px;
}

.marginclass {
  margin-top: 30px;
}

#settings .csstitle {
  font-size: 28px;
  text-align: center;
  font-weight: 600;
  color: #495057;
  text-shadow: 0px 1px 1px rgb(104 104 104 / 12%);
}

@media screen and (max-width: 768px) {
  #settings {
    padding: 0px 15px;
  }
}

#invitedash .card {
  margin-top: 10px;
  margin-bottom: 10px;
  height: 120px;
  border: 3px solid var(--flameorang);
  border-radius: 45px;
  padding-top: 38px;
  padding-bottom: 10px;
}
#invitedash .courseheadtitle {
  font-size: 30px;
  text-align: left;
  font-weight: 600;
  color: #495057;
  text-shadow: 0px 1px 1px rgb(104 104 104 / 12%);
}
#invitedash .firsthead {
  text-align: left;
  margin-top: 20px;
}
#invitedash .firsthead1 {
  font-size: 30px;
  text-align: left;
  font-weight: 600;
  color: #fe4726;
  text-shadow: 0px 1px 1px rgb(104 104 104 / 12%);
  text-transform: capitalize;
}
#invitedash .secondhead {
  text-align: left;
  margin-top: 10px;
  margin-bottom: 10px;
}
#invitedash .profilenavbar {
  /* margin-bottom: 15px; */
}
#invitedash .profilenavbar a {
  font-size: 13px;
  padding: 8px 16px;
}
#invitedash .secondhead1 {
  font-size: 25px;
  text-align: left;
  font-weight: 600;
  color: #495057;
  text-shadow: 0px 1px 1px rgb(104 104 104 / 12%);
  text-transform: capitalize;
}
#invitedash .title {
  font-size: 18px;
  text-align: center;
  font-weight: 600;
  color: #495057;
  text-shadow: 0px 1px 1px rgb(104 104 104 / 12%);
  line-height: 10px;
  margin-bottom: -8px;
  padding-bottom: 30px;
}
#invitedash .outerlayout {
  background-color: #f4ecec;
  border: 1px solid var(--flameorang);
  border-radius: 10px;
  min-height: 60px;
  line-height: 50px;
  margin-left: 10px;
  margin-right: 10px;
  align-items: center;
  justify-content: center;
}
#invitedash .dashdetails {
  font-size: 18px;
  font-weight: 500;
  line-height: 22px;
  text-transform: capitalize;
}
#invitedash .dashdetails1 {
  font-size: 18px;
  font-weight: 600;
  line-height: 22px;
  text-transform: capitalize;
}
#invitedash .searchbtn3 {
  width: 150px !important;
  font-family: "Roboto" !important;
  background-color: var(--shadow) !important;
  border: none !important;
  box-shadow: 1px 1px 2px 0px #c6d2d9;
  border-radius: 10px;
  height: 40px;
  margin: 10px;
}
#invitedash .norequest {
  padding-right: 20px;
  text-align: center;
  margin: 45px auto;
}
#invitedash .tablerow {
  border: 1px solid var(--flameorang);
  border-radius: 10px;
  min-height: 60px;
  line-height: 50px;
  margin-left: 10px;
  margin-right: 10px;
  margin-top: 10px;
  margin-bottom: 10px;
  padding-top: 5px;
}
#invitedash .colheight {
  display: flex;
  justify-content: center;
  align-items: center;
}
#invitedash .actions {
  height: auto;
  text-align: left;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
}

#invitedash .rightsection {
  margin-bottom: 0px;
}

#invitedash .thethreebutton {
  text-align: left;
  margin-left: 0px;
}
#invitedash .excelbtn {
  display: inline-block;
  float: right;
  margin-top: 10px;
}
#invitedash .tabwrapper {
  display: inline-block;
}
#invitedash .align {
  text-align: left;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-bottom: 15px;
}
:root {
  --shadow: #ff885e;
}
@media screen and (max-width: 530px) {
  #invitedash .excelbtn {
    float: left;
    margin-top: 0px;
  }
}
@media screen and (max-width: 992px) {
  #invitedash .dashdetails {
    line-height: 30px;
  }
  #invitedash .dashdetails1 {
    line-height: 30px;
  }
  #invitedash .outerlayout {
    display: none;
  }
}

.MuiCalendarPicker-root .Mui-selected:focus,
.MuiCalendarPicker-root .Mui-selected:hover {
  background-color: rgb(255, 75, 8) !important;
}

.PrivatePickersMonth-root,
.PrivatePickersYear-yearButton {
  border-radius: 8px !important;
}

.PrivatePickersMonth-root:hover,
.PrivatePickersYear-yearButton:hover {
  background-color: #dbdbdbe8 !important;
}

.PrivatePickersMonth-root {
  margin: 4px 4px !important;
  max-width: 95px;
}

:root {
  --black: #000000;

  --greybg: #f2f2f2;
  --accent: #ff6c36;

  --blueff: #3fa5ff69;

  --seperator: #bdbdbd65;
  /* Main Colors */
}

#profilepage .dropdown .dropdown-toggle::after {
  display: none;
}

.institutionFollowHeight {
  height: 70px;
}

.addCourseCard {
  height: 100%;
  border-radius: 30px;
  box-shadow: 5px 12px 17px -2px #c5c5c53d;
  background-color: #1b1b29;
  border-radius: 30px;
  box-shadow: 5px 12px 17px -2px #c5c5c53d;
  background-color: #1b1b29;
  color: white;
  font-size: 40px;

  font-weight: 600;
}

#profilepage .postimage .carousel .slide img {
  -o-object-fit: cover !important;
     object-fit: cover !important;
}

.addCourseCard:hover {
  cursor: pointer;
}

#profilepage .postcard {
  margin-bottom: 15px;
}

#profilepage .postcard {
  margin-bottom: 20px;
}

#profilepage {
  width: 100%;
  padding-bottom: 60px;
}

#profilepage #courselist .course-info .dropdown-menu {
  transform: translate3d(0px, 28.8px, 0px) !important;
}

#profilepage .course {
  overflow: visible;
  margin-top: 36px;
}

#profilepage .profilespace {
  margin-top: 20px;
}

#profilepage .course-info {
  overflow: hidden;
  /* background: rgba(252, 108, 108, 0.97); */
  background: #fffdfd;
  /* border: 2px solid #ff4b09; */
  border: 1px solid #dee2e6;
  /* box-shadow: 0px 4px 4px rgb(0 0 0 / 25%); */
  box-shadow: 0px 3px 66px #f2f2f2;
  border-radius: 14px;
  position: relative;
}

/* #profilepage .course-info .dropdown{
  position: unset;
} */
#profilepage .course-info .threedotverti {
  top: -132px;
  right: 44px;
}

#profilepage .course-info .dropdown-menu {
  transform: translate3d(-46px, -104px, 0px) !important;
}

#profilepage .course-info .openbadge-credentails {
  width: 15px;
  height: 17px;
}

#profilepage .course-info .credential-redirect {
  display: flex;
  align-items: center;
}

#profilepage .course-info .credential-redirect span {
  color: #ff6c36;
  font-size: 15px;
  margin-right: 4px;
}

#profilepage .course-info .card-redirect {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 6px;
}

#profilepage .course-info .info .verifyicononoverview {
  right: 7px;
  bottom: 7px;
  top: unset;
}

.course-info-modal .credential-redirect span,
.course-info-m .credential-redirect span {
  color: #ff6c36;
  font-size: 16px;
  margin-right: 4px;
}

.course-info-modal .openbadge-credentails,
.course-info-m .openbadge-credentails {
  width: 17px;
  height: 17px;
}

.course-info-modal .credential-redirect,
.course-info-m .credential-redirect {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 10px;
}

.course-info-modal .verifyicononoverview,
.course-info-m .verifyicononoverview {
  top: 140px;
}

#profilepage .profilecontent {
  max-width: 1200px;
  margin: 0 auto;
  /* margin-top: -18px; */
  /* overflow: hidden; */
  position: relative;
}

.innerclass {
  position: absolute;
  left: 170px;
  bottom: -18px;
}

#profilepage .sharesomethingcard {
  margin-bottom: 15px;
}

#profilepage .hackathon {
  height: 270px;
  margin-top: 25px;
}

#profilepage .smallhackimage {
  height: 150px;
}

#profilepage .cpy-btn {
  display: flex;
  justify-content: end;
}

#profilepage .regbtn {
  margin-inline-end: 10px;
}

#profilepage .profilenavbar .nav {
  justify-content: center;
}

#profilepage .profilenavbar a {
  padding: 12px 16px;
  width: 192px;
  height: 48px;
  display: flex;
  justify-content: center;
  align-items: center;
}

#profilepage .top-container {
  margin-bottom: 0px;
}

#profilepage .smallhackimage .avatarImg {
  height: 160px !important;
}

#profilepage .smaliconwrapper {
  position: absolute;
  top: 90px;
  left: 50%;
  transform: translate(-50%, 0);
}

.absolutecross {
  resize: horizontal;
  position: absolute;
  right: 20px;
  padding-top: 0px;
  z-index: 100;
  cursor: pointer;
}

.searchcross {
  resize: horizontal;
  position: absolute;
  right: 45px;
  top: 10px;
  padding-top: 0px;
  cursor: pointer;
}

.border-secondary {
  border-color: var(--accent) !important;
}

.cursor-pointer-class {
  cursor: pointer;
}

.margin-adjust-imag-wrapper {
  text-align: start;
  margin-left: -24px;
}

#profilepage .dpround {
  margin-top: -120px;
  position: relative;
  margin-left: 10px;
  margin-right: 10px;
}

#profilepage .normal {
  border-top: 1px solid var(--blueff);
  margin-left: 20px;
  margin-right: 20px;
}

#profilepage .navseparator {
  position: relative;
}

#profilepage .margin-adjust-image {
  margin-top: 45px;
}

#profilepage .margin-adjust-image2 {
  margin-top: auto;
}

#profilepage .fileformatetext {
  position: absolute;
  width: 100%;
  top: -10px;
  left: 50%;
  transform: translateX(-50%);
}
@media screen and (min-width: 2000px) {
  #profilepage .Profilehead {
    width: 280px;
    position: absolute;
    right: 20px;
    bottom: 4px;
    margin-right: 10px;
    z-index: 3;
  }
}

@media screen and (max-width: 2000px) {
  #profilepage .Profilehead {
    width: 280px;
    position: absolute;
    right: 20px;
    bottom: 5px;
    margin-right: 10px;
    z-index: 3;
  }
}

@media screen and (max-width: 991px) {
  #profilepage .editbanner img {
    margin-right: 0px;
  }

  #profilepage .profilespace {
    margin-top: 0px;
  }

  #profilepage .cameratext {
    display: none;
  }

  #profilepage .Profilehead {
    width: 300px;
    position: relative;
    padding-top: 10px;
    margin-right: 10px;
    margin: 0 auto;
    bottom: unset;
    right: unset;
    z-index: 3;
  }

  #profilepage .profilecontent {
    padding: 5px;
  }

  #profilepage .SocialMediaLinks {
    margin: 0px;
  }

  #profilepage .fileformatetext {
    position: relative;
    top: 0px;
    margin-top: 10px;
  }
}

.cross {
  height: 33px;
}

@media screen and (max-width: 375px) {
  #profilepage .coverpic {
    /* margin-left: -15px; */
    /* width: unset; */
    /* margin-right: -15px; */
  }

  .dpround .editbanner {
    right: -15px;
  }

  #profilepage .dpround .profilecircle {
    height: 100px;
    width: 100px;
  }

  #profilepage .dpround {
    margin-top: -95px;
  }
}

.modaltitle {
  font-size: 22px;
  text-align: left;
  padding-bottom: 30px;
}

.add-badge-title {
  padding-bottom: 0px;
}

.title {
  font-size: 16px;
  text-align: center;
  padding-bottom: 30px;
}

.toggle-hover {
  /* font-size: 16px;
  font-weight: 600; */
  color: #fff;
  cursor: pointer;
  margin: 20px;
  height: 40px;
  text-align: center;
  border: none;
  background-size: 300% 100%;
  /* border-radius: 50px; */
  moz-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
  box-shadow: 0px 10px 20px 4px #dee2e64a;
}

.toggle {
  background-image: linear-gradient(
    to right,
    #fdfdfd,
    #fcfbfa,
    #ffffff,
    #ffffff
  );
  /* box-shadow: 0px 11px 20px 3px #dee2e6c7; */
  /* border-radius: 50px; */
  /* border: 2px solid var(--coloractive); */
}

#profilepage .toggle:hover,
#profilepage .show > .btn-primary.dropdown-toggle {
  background-color: unset;
  color: unset;
  border: unset;
  /* color: initial;
    background-color:initial;
    box-shadow: initial; */

  /* color: white;
    background-color:#FF6C36;
    border-color:#FF6C36 ; */
  /* border: 2px solid var(--coloractive);
background-image: linear-gradient(to right, #f8eaa4, #ffc1b8, #ffc6d6, #f2bfa9);
    box-shadow: 0px 11px 20px 6px #dee2e6; */
  /* border-radius: 50px; */
}

#profilepage .dropdown-menushow {
  /* border: 1px solid #dee2e6;
      box-shadow: 1px 1px 4px 1px #f2f2f2; */
  /* box-shadow: 0px 10px 15px 3px #f2f2f2; */
}

.toggle-hover:hover .toggle-hover:active {
  /* border-bottom: 1px solid var(--coloractive); */
  background-position: 100% 0;
  moz-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}

.toggle-hover:focus {
  outline: none;
}

.dropdown-menushow {
  display: block;
  border-radius: 10px;
}

.dropdown-item {
  color: var(--darkGrey);
  font-weight: 400;
  font-size: 14px;
  text-transform: capitalize;
}

.followdrop {
  display: block;
  border-radius: 10px;
  color: var(--darkGrey);
  font-weight: 400;
  font-size: 14px;
}

#root .following {
  width: 83px;
  height: 50px;
  background: none;
  border: none;
}

#root .following:hover {
  background: none;
  border: none;
}

#root .following:active {
  background: none;
  border: none;
}

#root .following:focus {
  background: none;
  border: none;
}

#root .progress {
  /* margin-top: 19px; */
  margin-left: 0px;
  /* width: 100%; */
  max-width: 758px;
  height: 10px;
  background: #e1e4e8;
  border-radius: 10px;
  overflow: hidden;
}

.progress .progress-bar {
  display: block;
  height: 100%;
  cursor: pointer;
  background-color: #ffd33d;
  background-size: 300% 100%;
  animation: progress-animation 2s linear infinite;
}

.progress .progress-bared {
  display: block;
  height: 100%;
  cursor: pointer;
  background-color: #d11709;
  background-size: 300% 100%;
  animation: progress-animation 2s linear infinite;
}

.progress .progress-bargreen {
  display: block;
  height: 100%;
  background-color: #18d744;
  background-size: 300% 100%;
  animation: progress-animation 2s linear infinite;
}

@keyframes progress-animation {
  0% {
    background-position: 100%;
  }

  100% {
    background-position: 0;
  }
}

.outerclass {
  position: relative;
}

.scoreinpercen {
  font-size: 14px;
  font-weight: 400;
  position: absolute;
  left: 4px;
  bottom: -19px;
  padding: 5px;
}

.update2score {
  cursor: pointer;
}

.icone23score {
  width: 17.89px;
  height: 19.42px;
  margin-right: 12px;
  margin-top: -8px;
}

#profilepage .badgeCardName {
  height: calc(100% - 25px);
}

#profilepage .badgeCardName .bottom-card-section {
  position: absolute;
  width: calc(100% - 30px);
  bottom: 15px;
}

#profilepage .badgecard-row {
  margin-bottom: 46px;
}

#profilepage .cred-pulse-card {
  height: 100%;
}

@media only screen and (max-width: 500px) {
  .icone23score {
    width: 17.89px;
    height: 19.42px;
    margin-right: 12px;
    margin-top: -8px;
  }
}

.outline {
  position: relative;
}

/* .innerclass {
  position: absolute;
  left: 163px;
  bottom: 29px;
} */

ul.bulletinpoints {
  padding-top: 10px;
  padding-right: 10px;
  list-style-position: outside;
  text-align: left;
}

.classforbutton {
  margin-left: 180px;
  margin-right: 180px;
}

.profile-score-button {
  width: 180px;
  margin: 0px auto;
}

@media only screen and (max-width: 991px) {
  .classforbutton {
    margin-left: 0px;
    margin-right: 0px;
  }

  .profile-score-button {
    margin: 0px auto;
  }

  .innerclass {
    position: absolute;
    left: 170px;
    bottom: 18px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .innerclass {
    position: absolute;
    left: 170px;
    bottom: -16px;
  }
}

@media only screen and (max-width: 776px) {
  .scoreinpercen {
    font-size: 14px;
    font-weight: 400;
    position: absolute;
    /* top: 82%; */
    bottom: 50%;
    padding: 10px;
    padding-bottom: 21px;
  }

  .aboutContainer .course-info11 {
    padding: 35px;
    position: relative;
    border: 1px solid #e8e8e8;
    border-radius: 10px;
    /* margin: 15px 70px; */
    color: #000000;
    box-shadow: 1px 0px 8px 0px #dee2e663;
    /* box-shadow: 5px 10px 20px 0px #f5f4f4; */
    width: 100%;
    height: -moz-max-content;
    height: max-content;
    margin-bottom: 49px;
  }
}

.templates-container {
  display: flex;
  justify-content: space-evenly;
  flex-wrap: wrap;
}

.template {
  border: 2px solid #adb5bd;
  cursor: pointer;
  margin: 10px;
}

.template-img {
  max-height: 300px;
  max-width: 215px;
  width: 100%;
  height: 100%;
  direction: ltr;
}

.printbtnContainer {
  margin-top: 20px;
}

.templates-container .selected {
  border: 2px solid #ff6c36;
}

#profilepage .dwnResumeSection {
  text-align: left;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: space-between;
}

#profilepage .dwnResumeSection .clr-cpy-div {
  display: flex;
}

#profilepage .resumeDownloadBtn {
  /* position: absolute; */
  right: 16%;
  display: flex;
  flex-direction: row;
  align-content: center;
  justify-content: space-evenly;
  align-items: center;
  /* background: linear-gradient(
    98.22deg,
    rgba(255, 69, 0, 0.66) 43.69%,
    rgba(255, 69, 0, 0) 145.93%
  ); */
  background-color: white;
  color: #ff885e;
  border: 2px solid #ff885e;
  border-radius: 7px;
  font-size: 14px;
  font-weight: 400;
  z-index: 1;
}

#profilepage .resumeDownloadBtn:hover {
  background-color: #ff885e;
  color: white;
}

.dropdown-menu {
  background: white;
  border-radius: 8px;
}

.course .dropdown-menu {
  inset: 0px 0px auto auto !important;
  border-radius: 10px;
}

.internship-card .hackathon .displayflex {
  justify-content: end;
}

.internship-card .hackathon .displayflex .techarea {
  max-width: 50%;
}

.hack-card .hackathon .displayflex {
  justify-content: end;
}

.hack-card .hackathon .displayflex .techarea {
  max-width: 50%;
}

.course-card .hackathon .displayflex {
  justify-content: end;
}

.course-card .hackathon .displayflex .techarea {
  max-width: calc(50% - 20px);
}

.course-card .hackathon .displayflex {
  justify-content: end;
}

.course-card .hackathon .displayflex .techarea {
  max-width: calc(50% - 20px);
}

.card-div .profilecard .techarea {
  justify-content: end;
  flex-wrap: wrap;
  display: flex;
  max-width: calc(100% - 60px);
  height: 22px;
  overflow: hidden;
}

#profilepage .profilecontent .course .dropdown {
  top: 182px !important;
  right: 16px !important;
}

#profilepage .profilecontent .course .dropdown.hack-dp {
  top: 190px !important;
  right: 44px !important;
}

#profilepage .profilecontent .course .profilecard.opportunityCard .techarea {
  bottom: 74px;
}

#profilepage
  .profilecontent
  .course
  .profilecard.opportunityCard
  .smaliconwrapper {
  position: absolute;
  top: 90px;
  left: 72px;
}

#profilepage .iconContainer-profilecards {
  background-color: rgb(243 243 243 / 46%);
  border-radius: 14px;
  width: 100%;
  height: 60px;
}

#profilepage .cardHeadIcon {
  margin-left: 10px;
  transform: scale(1.2);
  width: 53px;
  height: 23px;
}

#profilepage .iconContainer-profilecards .firstlettercaps {
  color: rgba(33, 37, 41, 0.72);
  font-size: 15px;
  font-weight: 400;
}

#profilepage .course-info .firstlettercaps2 {
  color: #828282;
  font-size: 15px;
  font-weight: 400;
}

#profilepage .info {
  text-align: left;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-word;
  /* display: -webkit-box; */
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

@media screen and (max-width: 768px) {
  #profilepage .dwnResumeSection .clr-cpy-div {
    margin-top: 10px;
  }
}

@media screen and (max-width: 576px) {
  #root .progress {
    margin: 0px 15px;
  }

  #profilepage .coverpic {
    margin-right: 15px;
    margin-left: 15px;
  }
  #profilepage .coverpic2 {
    margin-right: 0px;
    margin-left: 0px;
  }
}

@media screen and (max-width: 480px) {
  #profilepage .course-info .threedotverti {
    right: 18px;
  }

  #profilepage .course-info .dropdown-menu {
    transform: translate3d(-16px, -104px, 0px) !important;
  }
}

@media screen and (max-width: 375px) {
  .absolutecross1 {
    right: 0px;
  }
}

/* #courses{
    padding-bottom: 100px;
} */

#badgeform .attachmentarea {
  display: flex;
  margin-top: 10px;
}
#clr .attachment1 {
  height: 50px;
  width: 50px;
  border: 1px solid var(--flameorang);
  padding: 0px;
}
#clr .crossbtn {
  position: absolute;
  left: 78%;
  top: -20%;
}
#clr .attachmentareaclr {
  width: 100%;
  text-align: left;
}
#clr .custom-card1 {
  border-radius: 10px;
  box-shadow: 0 0 4px rgb(0 0 0 / 25%);
  padding: 20px;
  margin: 3px auto;
  padding: 49px 20px;
  border: none;
}
#clr .badgecrd-title {
  text-align: start;
  color: #495057;
  font-size: 23px;
  font-weight: 600;
  margin-bottom: 30px;
}
.courinsidefield22 {
  margin-bottom: 20px;
}

.courinsidefield22 label {
  font-weight: bold;
  display: block;
}

.courinsidefield22 input[type="text"],
.courinsidefield22 textarea,
.courinsidefield22 .react-tags {
  width: 100%;
  padding: 10px;
  border: 1px solid #ccc;
  border-radius: 4px;
  display: block;
}

.courinsidefield22 .actions {
  cursor: pointer;
  display: block;
  margin-top: 10px;
}

.courinsidefield22 .uploadeimg {
  padding: 10px;
  border: 1px solid #ccc;
  border-radius: 4px;
  cursor: pointer;
  display: inline-block;
}

.imageaddfill {
  vertical-align: middle;
}

.courinsidefield12 {
  text-align: center;
  margin-top: 20px;
}

.btnwidth {
  margin-top: 10px;
}

.tag-error {
  color: red;
}

#clr .react-tagsinput--focused {
  border-color: var(--org-f8);
}

#clr .input.is-invalid {
  border-color: #dc3545;
}

#clr .error-message {
  width: 100%;
  font-weight: 300;
  margin-top: 0.25rem;
  font-size: 80%;
  color: var(--off-white);
}

#clr .image-class {
  width: -moz-max-content;
  width: max-content;
  position: relative;
}

#clr .credImgDiv {
  max-width: 260px;
  max-height: 300px;
  text-align: left;
}

#clr .credImgDiv .outerwrappercert {
    border-radius: 8px;
    /* box-shadow: 0px 3px 66px #f2f2f2; */
    border: 1px solid #dee2e6;
    width: 100%;
    max-width: 300px;
    padding: 35px 15px;
    position: relative;
}

#clr .credImgDiv .imgcert {
    width: 100%;
    height: 190px;
    -o-object-fit: contain;
       object-fit: contain;
}

#clr .credImgDiv .pencil {
    color: #ff885e;
    cursor: pointer;
}

#clr .btn-secondary:not(:disabled):not(.disabled).active,
.btn-secondary:not(:disabled):not(.disabled):active,
.show > .btn-secondary.dropdown-toggle {
  color: unset !important;
  background-color: unset !important;
  border-color: transparent !important;
  box-shadow: none !important;
}
#clr .btn-secondary {
  color: unset !important;
  background-color: unset !important;
  border-color: transparent !important;
  box-shadow: none !important;
}
#clr .btn-secondary:not(:disabled):not(.disabled).active:focus,
.btn-secondary:not(:disabled):not(.disabled):active:focus,
.show > .btn-secondary.dropdown-toggle:focus {
  box-shadow: none !important;
}
#clr .dropdown-toggle::after {
  display: none;
}
#clr .dropdown,
.dropleft,
.dropright,
.dropup {
  position: absolute;
  top: 0;
  right: 0;
}

.enrollhack {
  padding: 10px;
  border-bottom: 1px solid #f1f1f1;
  background-color: #fdfdfd;
  transition: 0.2s linear;
}
.enrollhack:hover {
  cursor: pointer;
  background-color: #f3f3f3;
}
.ehactive {
  background-color: var(--shadow);
  color: white;
}
#myenrollments .noimg {
  margin-bottom: 100px;
  margin-top: 20px;
}

#root .review .threedoticonfillednew {
  width: 25px;
  height: 25px;
  color: #ff4b09;
  /* margin-top: -20px; */
}

#root .course .toggle:hover,
#root .course .show > .btn-primary.dropdown-toggle {
  border: none;
  background-image: none;
  box-shadow: none;
}

#root .review .relativePos {
  position: relative;
}

#myenrollments .cinput {
  font-size: 12px;
  font-weight: 600;
  border-radius: 10px;
  padding: 0px 20px;
  /* width: 20rem;
  margin-left: 60px; */
  height: 40px;
  border: 1px solid #ccc;
  box-shadow: 1px 0px 8px 0px #dee2e663;
  /* box-shadow: 1px 1px 2px 0px #c6d2d9; */
  font-family: "Roboto", sans-serif;
  font-style: normal;
  font-weight: 400;
}

.insidefield2 {
  width: 150px;
  margin-left: 25px;
}
.enrolledimg {
  margin-top: 30px;
  border-radius: 30px;
  margin-bottom: 30px;
}
.challangeDescription {
  background: #ffa482;
  padding-left: 40px;
  padding-top: 20px;
  padding-bottom: 20px;
  margin-bottom: 15px;
}
#coursedetails .enrollbtn2 {
  background-color: #ff6c36d9;
  color: var(--white);
  border: none;
  box-shadow: 2px 2px 20px 0px #adb5bd82;
  border-radius: 10px;
  width: 200px;
  font-size: 14px;
  height: 50px;
}
#myenrollments .jcardiconsection .jcardjobicon2 {
  left: 75%;
}
#myenrollments .jcardiconsection .jcardjobicon2.jcardmyenroll {
  left: unset;
  right: 0px;
}
#myenrollments .searchbtn {
  /* width: 119px !important; */
  width: 90px !important;
  font-family: "Roboto" !important;
  font-weight: 500 !important;
  background-color: var(--shadow) !important;
  border: none !important;
  box-shadow: 1px 1px 2px 0px #c6d2d9;
  border-radius: 10px;
  height: 40px;
  margin-left: 0px;
}
#myenrollments .clearbtn1 {
  margin-left: 25px;
}
#myenrollments .category {
  height: 120px;
}
#myenrollments .categoryarea {
  height: 100%;
  overflow-y: auto;
  overflow-x: hidden;
  margin-top: 30px;
}
#myenrollments .category span:hover {
  background-color: var(--shadow);
  color: white;
}
#myenrollments .category span {
  box-shadow: 14px 20px 20px 5px #dee2e652;
  width: 250px;
  padding: 22px;
  font-weight: 400;
  border-radius: 20px;
  text-transform: capitalize;
  font-size: 16px;
  opacity: 0.7;
  display: inline-block;
  cursor: pointer;
}

.headtitle {
  margin-top: 10px;
  font-size: 30px;
  text-align: left;
  font-weight: 600;
  color: #495057;
  text-shadow: 0px 1px 1px rgb(104 104 104 / 12%);
}

#myenrollments .searchenroll {
  display: flex;
  flex-wrap: wrap;
}

/* .insidefieldenroll {
  width: 310px;
}
.insidefieldenroll-margin {
  margin-top: 25px;
}
#myenrollments .searchenrollboxx {
  width: 310px;
  margin-right: 25px;
} */
#myenrollments .content.margin-adjust {
  margin-bottom: 85px;
}
#myenrollments .nothingfoundimg-wrapper {
  text-align: start;
}

@media screen and (max-width: 1200px) {
  /* #myenrollments .searchbtn{
    margin-left: 0px;
    margin-right: 25px;
  } */
}

@media screen and (max-width: 991px) {
  /* .searchenroll {
    display: block;
  }
  .insidefieldenroll {
    width: 310px;
    margin-left: 0px;
  }
  .searchenrollbt {
    margin-left: -15px;
  } */
  #myenrollments .searchbtn {
    width: 119px !important;
    margin-left: 0px;
  }
  #myenrollments .clearbtn1 {
    margin-left: 35px;
  }
  #myenrollments .search-clearButton {
    justify-content: center;
  }
}

@media screen and (max-width: 768px) {
  /* #myenrollments .cinput {
    width: 100%;
  }

  #myenrollments .form-group{
    width: 100%;
  }

  .insidefieldenroll{
    width: 100%;
  } */
}

#user .search-filter-section {
  justify-content: space-between;
  padding-bottom: 20px;
  padding-top: 20px;
  align-items: center;
}

#user .acceptgreen {
  color: #43be83;
}

#user .sentorg {
  color: #f7941d;
}

#user .failorg {
  color: #f10d0d;
}

#user .buttonmain {
  margin: 0px 0px;
}

#user .form-group {
  margin-bottom: 0px !important;
}

.menu-toggle-button-no-arrow,
.menu-toggle-button-no-arrow:hover,
.menu-toggle-button-no-arrow:active {
  background-color: transparent;
  border: none;
  color: black;
  font-weight: bold;
}

.menu-toggle-button-no-arrow::after {
  display: none !important;
  background-color: transparent;
  border: none;
  color: black;
  font-weight: bold;
}

.menu-toggle-button-no-arrow:focus {
  outline: none !important;
  background-color: transparent !important;
  color: inherit !important;
}

.vertical-center {
  vertical-align: middle;
}

#user table {
  border-collapse: separate;
  border-spacing: 0 10px;
  width: 100%;
  text-align: left;
}

#user td,
#user th {
  border: none;
  padding: 0.75rem;
  vertical-align: middle;
  text-transform: capitalize;
}

#user thead {
  border: 1px solid #dee2e6;
  border-radius: 10px;
  background-color: #f8f9fa;
}

#user thead th {
  padding: 0.75rem;
  vertical-align: middle;
  text-transform: capitalize;
  border-top: 1px solid #dee2e6;
  border-bottom: 1px solid #dee2e6;
}

#user thead th:first-child {
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
  border-left: 1px solid #dee2e6;
}

#user thead th:last-child {
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
  border-right: 1px solid #dee2e6;
}

#user tbody tr {
  background-color: white;
  box-shadow: 0px 0px 0px 1px #dee2e6;
  border-radius: 10px;
  border-left: 1px solid #dee2e6;
  border-right: 1px solid #dee2e6;
}

#user tbody tr:first-child td:first-child {
  border-top-left-radius: 10px;
}

#user tbody tr:first-child td:last-child {
  border-top-right-radius: 10px;
}

#user tbody tr:last-child td:first-child {
  border-bottom-left-radius: 10px;
}

#user tbody tr:last-child td:last-child {
  border-bottom-right-radius: 10px;
}

#user thead th {
  padding: 0.75rem;
  vertical-align: middle;
  text-transform: capitalize;
  background-color: #f8f9fa;
}

#user td:first-child,
#user th:first-child {
  border-left: 1px solid #dee2e6;
  border-radius: 10px 0 0 10px;
}

#user td:last-child,
#user th:last-child {
  border-right: 1px solid #dee2e6;
  border-radius: 0 10px 10px 0;
}

@media screen and (max-width: 992px) {
  #user .buttonmain {
    margin: 10px 0px;
  }

  #user .form-group {
    margin-bottom: 15px !important;
  }
}

.btn-primary:not(:disabled):not(.disabled).active:focus,
.btn-primary:not(:disabled):not(.disabled):active:focus,
.show>.btn-primary.dropdown-toggle:focus {
  box-shadow: 0 0 0 0;
  border-color: unset;
  background-color: transparent !important;
}

.btn-primary:not(:disabled):not(.disabled).active,
.btn-primary:not(:disabled):not(.disabled):active,
.show>.btn-primary.dropdown-toggle {
  color: unset;
  background-color: transparent;
  border-color: transparent;
}

#user .buttonfollow {
  font-weight: 500;
  font-size: 14px;
  height: 30px;
  width: -moz-max-content;
  width: max-content;
  padding: 0px 10px;
  margin-top: 5px;
  margin-bottom: 5px;
  margin-right: 10px;
}
.displaycommentcard {
  width: 100%;
  background: #ffffff;

  position: relative;
}
.displaycommentcard .commentarea {
  background: #ffffff;
  border-radius: 8px;
  background-color: var(--greyLight);
  position: relative;
  height: auto;
  margin-left: 40px;
  padding: 10px;
  width: 75%;
}

.displaycommentcard .commenthead {
  width: 100%;
  font-size: 12px;
  font-weight: 600;
}

.displaycommentcard .commentuser {
  position: absolute;
  left: 10px;
  cursor: pointer;
  min-width: 10px;
  max-width: 40%;
  overflow: hidden;
  text-overflow: ellipsis;
}

.displaycommentcard .commenttime {
  position: absolute;
  right: 10px;
  font-weight: 400;
  opacity: 0.8;
}

.displaycommentcard .commentbody {
  font-size: 12px;
  margin-top: 18px;
  text-align: left;
}

.displaycommentcard .sharesomethingcontent {
  height: auto;
  position: relative;
}
.displaycommentcard .commentfooter {
  position: relative;
  margin-left: 40px;
  padding: 2px;
  font-size: 12px;
  font-weight: 600;
  cursor: pointer;
  text-align: left;
}

.displaycommentcard .dropdown {
  position: absolute;
  display: inline-block;
  top: 20px;
  right: 0px;
  width: 20px;
}

.displaycommentcard .commentreply1 {
  font-size: 10px;
}
.displaycommentcard .commentreply2 {
  font-size: 10px;
  font-weight: 300;
  color: #4f4f4f;
}
.displaycommentcard .dpcircle2 img {
  width: 100%;
  height: 100%;
  cursor: pointer;
}
.displaycommentcard .dpcircle2 {
  position: absolute;
  top: 0px;
  left: 0px;
  overflow: hidden;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  top: 50%;
  cursor: pointer;
  transform: translate(0%, -50%);
  /* margin-top: -10px; */
}

.displaycommentcard .postbutton {
  position: absolute;
  top: 15px;
  right: 0px;
  width: auto;
  height: 30px;
  color: var(--accent);
  transform: translate(0%, -50%);
  background-color: white;
  border: none;
}

.displaycommentcard .readMore {
  font-size: 13px;
  color: var(--flameorang);
  cursor: pointer;
  text-transform: lowercase;
}

@media screen and (max-width: 500px) {
  .commenttime {
    position: absolute;
    left: 10px;
    right: unset !important;
  }
  .commentuser {
    top: 27px;
  }
  .commentbody {
    margin-top: 34px !important;
  }
}
@media screen and (max-width: 400px) {
  .postcard .threedot {
    right: -10px !important;
  }
}
@media screen and (max-width: 350px) {
  .displaycommentcard .commentarea {
    width: 85%;
  }
  .displaycommentcard .dropdown {
    top: 0px;

    width: 20px;
  }

  .displaycommentcard .commenttime {
    position: absolute;
    right: 50px;
  }
}

.hackathon {
  width: 100%;
  height: 275px;
  position: relative;
  display: block;
  overflow: hidden;
  /* border-radius: 30px; */
  border-radius: 14px;
  /* background: linear-gradient(
    180deg,
    rgba(69, 143, 246, 0.65) 0%,
    #458ff6 100%
  ); */
  /* border: 3px solid #458ff6; */
  border: 1px solid #dee2e6;
  /* box-shadow: 0px 2px 18px 3px rgb(130 214 255 / 20%); */
  box-shadow: 0px 3px 66px #f2f2f2;
  /* cursor: pointer; */
  color: black;
}
.hackathon .company {
  font-size: 12px;

  margin-top: 5px;

  font-weight: 400;
  text-transform: capitalize;
  text-align: left;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-word;
  /* display: -webkit-box; */
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  margin-bottom: 11px;
}
.hackathon .company img {
  width: 80px;
  height: 80px;
  border-radius: 50%;
  border: 4px solid white;
}
.categoryicon {
  color: black;
  width: 35px;

  height: 35px;
  border-radius: 11px;
  overflow: hidden;
  background: #ffa48282;
  /* opacity: 0.9; */
  text-align: center;
}
.hackathon .hackcardarea {
  height: 100%;
  /* position: relative; */
  width: 100%;
  /* padding: 20px; */
  /* padding-left: 25px; */
  /* padding-right: 25px; */
  color: var(--theme-black);
  padding: 10px;
}
.hackathon .hackcardarea span{
  color: var(--theme-dark-gray);

}
.smallpic {
  height: 20px;
  width: 20px;
}
.smaliconwrapper {
  position: absolute;
  top: 90px;
  left: 50%;
  transform: translate(-50%, 0);
}
.smallhackimage {
  height: 150px;
  width: 100%;
  overflow: hidden;
  /* position: absolute; */
  /* z-index: 10; */
  /* border-radius: 20px; */
  border-radius: 14px;
}

.smallhackimage .avatarImg {
  width: 100% !important;
  height: 150px !important;
  /* border-radius: 16px; */
  border-radius: 0px !important;
}
.sb-avatar--text div span {
  font-family: "Roboto" !important;
  font-size: 20px !important;
  font-weight: 500 !important;
}

.hackathon .SmallHackcontent h3 {
  font-size: 14px;
  width: 80%;
  font-weight: 600;
  text-align: left;
  word-break: break-word;
  overflow: hidden;
  text-overflow: ellipsis;
  /* display: -webkit-box; */
  /* line-height: 16px; */
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;

  margin-bottom: 7px;
  height: 16px;
  white-space: nowrap;
  text-transform: capitalize;
  margin-top: 12px;
}

.hackathon .iconarea {
  width: 100%;
  height: 100%;
  /* margin-top: 5.9px; */
}

.hackathon .picarea {
  margin-top: -1px;
  text-align: left;
  margin-left: 2px;
  width: 100%;
  display: flex;
}
.hackathon .profilepic {
  border-radius: 50%;
  width: 30px;
  height: 30px;
  margin-left: -2px;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  /* padding: 1px; */
  background-color: white;
  text-align: center;
  color: #777676;
  outline: 1px solid #969595;
  /* border: 1px solid; */
  font-size: 12px;
  line-height: 28px;
}

.hackathon .smallpic {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.hackathon .techarea {
  margin-top: -18.5px;
  text-align: end;
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  max-height: 22px;
  justify-content: flex-end;
  overflow: hidden;
}
.hackathon .displayflex {
  display: flex;
  align-items: center;
}
.hackathon .techarea img {
  border-radius: 50%;
  width: auto;
  margin-left: 3px;

  height: 22px;
}

.hackathon .techarea img:first-of-type {
  margin-left: 0px;
}

.hackathon .clockicon {
  color: black;
  height: 10px;
  width: 10px;
  margin-top: -2px;
}
.hackathon .SmallHackcontent {
  padding-left: 5px;
  padding-right: 5px;
}
.hackathon .SmallHackcontent h4 {
  font-size: 14px;
  color: #fff;
  font-weight: 400;
  text-align: left;
}
.hackathon .date {
  text-align: right;
  position: absolute;
  font-size: 12px;
  font-weight: 500;
  margin-top: 5px;
  top: 190px;
  right: 10px;
}

.hackathon .icon1Calender {
  width: 14px;
  height: 16px;
  margin-top: -2px;
}
.overviewCond {
  /* background: linear-gradient(
    180deg,
    rgba(69, 143, 246, 0.65) 0%,
    #458ff6 100%
  ) !important; */
  border: 3px solid #458ff6 !important;
  box-shadow: 0px 2px 12px 3px rgb(130 214 255 / 25%) !important;
}
.overviewCond2 {
  /* border: 3px solid #ff6c36 !important; */
  /* box-shadow: 0px 2px 12px 3px rgba(255, 130, 130, 0.25) !important; */
}
.overviewCourseCard {
  border-radius: 24px;
  padding: 20px 40px;
}

#overviewpost {
  width: 100%;
  padding-left: 10px;
  padding-right: 10px;
  margin-top: 40px;
}

.cardheader {
  width: 100%;
  display: flex;
  align-items: center;
}
.circle_reactGradientProgress__1_0UG span {
  display: none;
}
.hackcardarea .rating {
  width: 50px;
  position: absolute;
  margin-left: -7px;
  top: 210px;
  left: 10px;
}
.hackcardarea .rating .ratingprogresstext {
  position: absolute;
  left: 21px;
  top: 12px;
  font-size: 14px;
}

.textseeall {
  position: absolute;
  right: 35px;
  cursor: pointer;
  font-size: 18px;
  font-weight: 400;
  text-transform: capitalize;
  /* color: #adadad; */
}
.orangebg {
}
.textseealloverview {
  position: absolute;
  right: 25px;
  cursor: pointer;
  font-size: 18px;
  font-weight: 400;
  text-transform: capitalize;
  color: #adadad;
}

.coursepost {
  margin: 0 auto;
  /* color: white; */
  background-color: var(--white);
  border-radius: 30px;
  display: flex;
  max-width: 100%;
  /* margin-left: 200px;   */
  margin-bottom: 20px;
  margin-top: 36px;
  /* width: 700px; */
  flex-direction: column;
}

.certificateicons {
  position: absolute;
  top: 220px;
  left: 50%;
  transform: translate(-50%, 0);
  height: 30px;
  width: 30px;
  /* cursor: pointer; */
  color: #ff6c36;
}

.certificateiconsv1 {
  position: absolute;
  /* top: 240px; */
  font-size: 80%;
  left: 50%;
  transform: translate(-50%, 0);
  height: 30px;
  width: 95px;
  top: 89%;
  /* cursor: pointer; */
  color: #ff6c36;
}

.certificateicons-proficov1 {
  top: 275px;
}

.openbadge133 {
  margin-left: 284px;
  width: 19px;
  height: 135px;
}

.openbadge123 {
  margin-left: 105px;
  width: 43px;
  height: 14px;
  margin-top: 5.5px;
}

:root {
  --black: #000000;

  --greybg: #f2f2f2;
  --accent: #ff6c36;

  --blueff: #3fa5ff69;

  --seperator: #bdbdbd65;
  /* Main Colors */
}

#profilepage {
  position: relative;
}

/*count circle*/
#profilepage .countcard {
  widows: 100%;
  height: 59px;
  max-width: 192px;
  margin: 0 auto;
  text-align: center;
  color: white;
  background: linear-gradient(98.55deg,
      #77cde9 -15.02%,
      rgba(0, 255, 240, 0) 144.36%);
  padding: 10px;
  padding-top: 16px;
  border-radius: 10px;
  margin-top: 20px;
  box-shadow: 0px 10px 20px 4px #dee2e64a;
  cursor: pointer;
}

#profilepage .countcard.liveprojects {
  background: linear-gradient(98.22deg,
      rgba(255, 69, 0, 0.66) 43.69%,
      rgba(255, 69, 0, 0) 145.93%);
  cursor: pointer;
}

#profilepage .countcard.hackathons {
  background: linear-gradient(98.22deg,
      rgba(255, 69, 0, 0.66) 43.69%,
      rgba(255, 69, 0, 0) 145.93%);
}

#profilepage .countcard.internships {
  background: linear-gradient(102.79deg,
      rgba(40, 99, 247, 0.79) 40.75%,
      rgba(40, 99, 247, 0) 119.81%);
  cursor: pointer;
}

#profilepage .countcard h2 {
  font-weight: 800;
  font-size: 20px;
  margin-top: 40px;
}

#profilepage .countcard h3 {
  font-weight: 600;
  font-size: 18px;
}

.otherprofilepage .countcard {
  background: orange;
}

.titlefortab {
  margin-bottom: 30px;
  font-size: 22px;
  text-align: left;
  font-weight: 600;
  color: #212529b8;
  text-shadow: 0px 1px 1px rgb(104 104 104 / 12%);
  margin-top: 30px;
}

.otherprofilepage .dpround .editcamera {
  display: none;
}

.otherprofilepage .optionsmenu {
  top: -210px;
  color: var(--black);
  right: -10px;
}

.otherprofilepage .dropdown-toggle::after {
  display: none;
}

.otherprofilepage .dpround .editbanner {
  display: none;
}

.otherprofilepage .threedot.top {
  background: transparent;
  height: 30px;
  width: 30px;
  border-radius: 50%;
  background: var(--greybg);
  color: var(--black);
}

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

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

.otherprofilepage {
  width: 100%;
}

.otherprofilepage .profilecontent {
  max-width: 680px;
  margin: 0 auto;
  margin-top: 20px;
  overflow: hidden;
  position: relative;
}

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

#profilepage .followbuttonarea {
  position: relative;
  width: 100%;
}

#profilepage .followbutton {
  position: absolute;
  bottom: 230px;
  right: 15px;
  border-radius: 8px;
  font-weight: 400;
  font-size: 12px;
  margin: 5px;
  cursor: pointer;
  z-index: 3;
  background-color: white;
}

.uploadcert4wrapper {
  margin-top: 5px;
}

.iconContainer {
  background-color: rgb(243 243 243 / 46%);
  border-radius: 14px;
  width: 100%;
  height: 60px;
}

.cardHeadIcon {
  margin-left: 10px;
  transform: scale(1.2);
  width: 53px;
  height: 23px;
}

.firstlettercaps {
  /* text-transform: capitalize; */
  color: rgba(33, 37, 41, 0.72);
  font-size: 15px;
  font-weight: 400;
}

.firstlettercaps2 {
  /* text-transform: capitalize; */
  color: #828282;
  font-size: 15px;
  font-weight: 400;
}

.course h5 {
  margin-bottom: 0 !important;
  font-size: 22px;
  text-align: left;
  font-weight: 600;
  color: #212529b8;
  text-shadow: 0px 1px 1px rgb(104 104 104 / 12%);
}

.cardHeadIcon11 {
  margin-left: 10px;
  transform: scale(1.2);
  width: 53px;
  height: 23px;
}

.cardHeadImg {
  transform: scale(1.2);
  border-radius: 10px;
  width: 100%;
  height: 100%;
}

.cardHeadIconwrk {
  margin: 10px;
  transform: scale(1.2);
  width: 40px;
  height: 30px;
  margin-left: 20px;
}

#profilepage .backbutton {
  resize: horizontal;
  position: fixed;
  left: 30px;
  padding-top: 0px;
  z-index: 100;
  cursor: pointer;
  top: 85px;
  border: 2px solid var(--flameorang);
  box-shadow: 0px 6px 12px #cacacc;
  color: var(--flameorang);
  width: 40px;
  height: 40px;
  border-radius: 50%;
  padding: 4px;
  background: white;
}

@media screen and (max-width: 991px) {
  #profilepage .followbutton {
    position: absolute;
    bottom: 300px;
    right: 15px;
  }

  .otherprofilepage .optionsmenu {
    top: 5px;
    right: 25px;
  }
}

.otherprofilepage .btn-primary:not(:disabled):not(.disabled).active,
.btn-primary:not(:disabled):not(.disabled):active,
.show>.btn-primary.dropdown-toggle {
  color: #fff;
  background-color: unset;
  border-color: unset;
}

.otherprofilepage .threedot {
  top: 0px;
  right: 0px;
  padding: 1px;
  border: none;
  outline: none;
  margin-left: 1px;
  height: 24px;
  text-align: center;
}

.otherprofilepage .threedotimg {
  margin-left: 14px;
}

.otherprofilepage .optionsmenu {
  position: absolute;
  top: 5px;
  right: 25px;
}

.otherprofilepage .container {
  position: relative;
}

.border-secondary {
  border-color: var(--accent) !important;
}

.otherprofilepage .dpround {
  margin-top: -120px;
  position: relative;
  margin-left: 10px;
  margin-right: 10px;
}

.otherprofilepage .editpen {
  display: none;
}

.otherprofilepage .edit {
  display: none;
}

.otherprofilepage .normal {
  border-top: 1px solid var(--blueff);
  margin-left: 20px;
  margin-right: 20px;
}

.otherprofilepage .navseparator {
  box-shadow: 0px 4px 4px var(--seperator);
  border-radius: 0px 0px 8px 8px;
  position: relative;
}

@media screen and (max-width: 2000px) {
  .otherprofilepage .Profilehead {
    width: 280px;
    position: absolute;
    right: 0px;
    bottom: 10px;
  }
}

@media screen and (max-width: 991px) {
  .otherprofilepage .Profilehead {
    width: 200px;
    position: relative;
    padding-top: 10px;
    margin: 0 auto;
    bottom: unset;
  }

  .otherprofilepage .profilecontent {
    padding: 5px;
  }

  .otherprofilepage .optionsmenu {
    position: absolute;
    top: 5px;
    right: 25px;
  }
}

@media screen and (max-width: 375px) {
  .otherprofilepage .followbutton {
    top: -150px;
    right: -15px;
  }

  .otherprofilepage .dpround {
    margin-top: -95px;
  }

  .otherprofilepage .dpround .profilecircle {
    height: 100px;
    width: 100px;
    /* border: 3px solid #f1f1f1; */
    border-radius: 50%;
    position: relative;
  }

  .otherprofilepage .coverpic {
    margin-left: -15px;
    width: unset;
    margin-right: -15px;
  }

  .otherprofilepage .buttonunfollow,
  .otherprofilepage .buttonfollow {
    font-size: 10px;
    width: 55px;
  }

  .otherprofilepage .optionsmenu {
    right: 10px;
  }
}

.cardpointer {
  cursor: pointer;
}


@media screen and (max-width: 768px) {
  #profilepage .backbutton {
    left: 16px;
    top: 16px;
    box-shadow: 0px 6px 12px #cacacc;
    color: var(--flameorang);
    width: 35px;
    height: 35px;
  }
}
/* #grid {
  padding-bottom: 50px;
} */
#grid .learninghead {
  color: #ff6c36;
  /* box-shadow: 2px 3px 20px 0px #f2f2f2; */
  text-shadow: 1px 1px 0px #ff6c369c;
  letter-spacing: 1px;
  font-size: 40px;
}

#grid .socialhead {
  color: #0d6efd;
  /* box-shadow: 2px 3px 20px 0px #f2f2f2; */
  text-shadow: 1px 1px 0px #0d6efd94;
  letter-spacing: 1px;
  font-size: 40px;
}

#grid .suggestionheader {
  color: var(--darkGrey);
  font-size: 15px;
  font-weight: 500;
  text-align: left;
}
#grid .searchbutton {
  text-decoration: none;
}

#grid .buttonfollow {
  font-size: 10px;
  font-weight: 500;
  border-radius: 45px;
  border: 2px solid rgba(252, 108, 108, 0.81);
}
#grid .textseeall {
  top: 5px;
  color: #adadad;
}
#grid .suggestioninbox {
  height: 100%;
}
#grid .bluetheme .coursebigcard .smallpic {
  border: 1px solid #969595;
}
#grid .bluetheme .coursebigcard {
  /* border: 3px solid #458ff6; */
  /* box-shadow: 0px 2px 18px 3px rgb(130 214 255 / 20%); */
  box-shadow: 0px 3px 66px #f2f2f2;
}
#grid .bluetheme .coursebigcard .profilepic {
  background-color: #458ff6;
}

#grid .bluetheme .coursebigcard .ccategory {
  box-shadow: 0px 0px 5px 0px #007bff85;
  border: none;

  background: #458ff6;
}
#grid .content {
  max-width: 60%;
}

#grid .profilecall .col-lg-6 {
  padding-right: 10px;
  padding-left: 10px;
}

#grid .suggestioncard .insidecardname {
  margin-top: 7px;
  margin-bottom: 7px;
}

#grid .sharesomethingcard {
  margin-bottom: 20px;
  width: 100%;
}
#grid .sidebar {
  height: 100%;
  width: 300px;
  position: absolute;
  right: 0px;
}
#grid .leftsidebar {
  margin-left: 20px;
}
#grid .sidebg {
  height: 110%;
  width: 100%;
  position: fixed;
  z-index: -1;
  margin-left: -40px;
  margin-top: -30px;
  border-top-left-radius: 30px;
  border-top-right-radius: 30px;
}
#grid .homeTitle-container {
  margin-top: 35px;
}
#grid .rightsidebar {
  margin-left: 50px;
  padding-bottom: 10px;
}
#grid .topHacksSmall {
  font-size: 30px;
  text-align: left;
  font-weight: 600;
  color: #fe4726;
  text-shadow: 0px 1px 1px rgba(104, 104, 104, 0.12);
  margin-bottom: 0;
}
#grid .topHacksSmallfollow {
  font-size: 34px;
  text-align: left;
  font-weight: 600;
  color: #fe4726;
  text-shadow: 0px 1px 1px rgba(104, 104, 104, 0.12);
}
#grid .hr {
  opacity: 0.05 !important;
  height: 0.05px !important;
}

/* .smallliveproject{
  margin-top: 0px;
} */
.Carousel {
  /* margin-top: 25px; */
}
/* .hackathon{
  margin-top: 0px;
} */
#grid .jobcard {
  margin-top: 25px;
  margin-bottom: 25px;
}
#grid .jcardjobiconsection .jcardjobiconcontainer {
  white-space: nowrap;
}
#grid .communityCarousel {
  margin-top: 0px;
}
#grid .companyCarousel {
  margin-top: 0px;
}
#grid .institutionCarousel {
  margin-top: 0px;
}
#grid .top-institute {
  margin-bottom: 30px;
}

.nimg {
  padding: 10px;
  max-width: 260px;
  height: 125px;
  width: 100%;
}

#grid .postpadding {
  margin-top: 30px;
}
#grid .mobile-view {
  display: none;
}

#grid .homeTitle {
  padding-left: 30px;
}

#grid .react-multiple-carousel__arrow--right {
  right: -6px;
}

#grid .react-multiple-carousel__arrow--left {
  left: -6px;
}

@media screen and (max-width: 1300px) {
  #grid .topHacksSmall {
    font-size: 25px;
  }
  #grid .topHacksSmallfollow {
    font-size: 27px;
  }
}

@media screen and (max-width: 992px) {
  #grid {
    /* height: 100vh; */
    /* overflow: auto; */
  }
  #grid .topHacksSmall {
    margin-top: 30px;
    font-size: 25px;
  }
  #grid .topHacksSmallfollow {
    margin-top: 30px;
    font-size: 27px;
  }
  #grid .textseeall {
    margin-top: 29px;
    color: #adadad;
  }
  #grid .homeTitle {
    padding-left: 0px;
  }
  #grid .top-institute {
    margin-bottom: 10px;
  }
}
@media screen and (max-width: 768px) {
  #grid .homeTitle-container {
    margin-top: 0px;
  }
}
@media screen and (max-width: 750px) {
  #grid .topHacksSmall {
    font-size: 25px;
  }
  #grid .topHacksSmallfollow {
    font-size: 25px;
  }
  #grid .textseeall {
    margin-top: 28px;
    color: #adadad;
  }
}

#grid .imghome {
  display: block;
}

#grid .homeStructure {
  display: flex;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px;
}

/* width */
/* ::-webkit-scrollbar {
  width: 4px;
  height: 4px; /* sets the height of the horizontal scrollbar */
/* }   */

/* Track */
/* ::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px rgb(194, 184, 184);
  border-radius: 10px;
} */

/* Handle */
/* ::-webkit-scrollbar-thumb {
  background: grey;
  border-radius: 10px;
  height: 4px; /* sets the height of the horizontal scrollbar */
/* } */

/* Handle on hover  */
/* ::-webkit-scrollbar-thumb:hover {
  background: #a09a9a;
} */
#grid .container1 {
  display: flex;
  position: relative;
  overflow: hidden;
  max-width: 100%;
}
#grid .allposts {
  height: 100%;
}
#grid .container1.containerWrapper {
  padding-bottom: 50px;
}
#grid .allpostContainer {
  position: fixed;
  left: 22px;
  min-width: 38%;
  max-width: 38%;
  padding: 5px 25px 25px 25px;
  margin-top: 50px;
  margin-right: 80px;
}
#grid .allpostContainer2 {
  padding: 25px;
}
#grid .videoscardheader {
  position: relative;
  margin-top: 32px;
}
#grid .react-multi-carousel-list {
  /* height: 310px; */
  overflow: visible;
}

#grid .react-multi-carousel-track {
  gap: 16px;
}
#grid .jobscara {
  height: 200px !important;
  overflow: visible;
}
@media screen and (min-width: 768px) and (max-width: 992px) {
  #grid .container1 {
    /* max-width: 95%; */
    margin: auto;
  }

  #grid .content {
    max-width: 45%;
    /* margin-top: -15px; */
  }
  .container1 .allpostContainer {
    margin-top: 15px;
  }

  .container1 .allpostContainer .allposts {
    height: 100%;
  }
  #grid .jcardiconsection .jcardjobicon2 {
    /* left: 60%; */
  }
  #grid .homeTitle-container {
    margin-top: 0px;
  }
}
#grid .follow-community {
  margin-top: 10px;
}

@media screen and (max-width: 992px) {
  #grid .lg-view {
    display: none;
  }

  #grid .content {
    max-width: 95%;
  }
  #grid .jcardiconsection .jcardjobicon2 {
    /* left: 50% !important; */
  }
  #grid .cardContainer {
    margin: 0 10px !important;
  }
  #grid .mobile-view {
    display: block;
    margin-top: 10px;
  }
  #grid .allpostContainer {
    padding-right: 0;
    position: relative;
    left: unset;
    max-width: unset;
  }
  #grid .allpostContainer.allpostContainer2 {
    padding-right: 0;
    position: relative;
    left: unset;
    max-width: unset;
    padding: 25px;
    margin: 0 0;
  }
  #grid .content {
    /* margin-top: -15px; */
  }
}

@media screen and (min-width: 992px) {
  .allposts .postcard .menu {
    transform: translate3d(4.17233e-6px, 26px, 0px) !important;
  }
  .companyCarousel .react-multi-carousel-item,
  .institutionCarousel .react-multi-carousel-item,
  .communityCarousel .react-multi-carousel-item {
    width: 191px !important;
  }

  #grid .content {
    margin-top: 30px;
    overflow: hidden;
  }
  #grid .postscroll {
    overflow-y: scroll;
    height: calc(100vh - 170px);
    margin-top: 27px;
    padding-right: 10px;
  }
  #grid .postscroll2 {
    overflow-y: scroll;
    height: calc(100vh - 170px);
    margin-top: 16px;
    padding-right: 10px;
  }
}
#grid .lg-view .postcard {
  padding-right: 5px;
}
#grid .react-multiple-carousel__arrow {
  z-index: 0 !important;
}

@media screen and (max-width: 992px) {
  #grid .container1.containerWrapper {
    padding-bottom: 0;
  }
}


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

.chart-container .chart-col {
    width: 100%;
    height: 350px;
    display: flex;
    justify-content: center;
}

.chart-container .resizable-box {
    width: 100%;
}

.chart-container .react-resizable-handle-se {
    display: none;
}

.chart-container .heading-section{
    text-align: left;
    margin-bottom: 20px;
}

.chart-container .heading-section .heading {
    font-size: 30px;
    text-align: left;
    font-weight: 600;
    color: #fe4726;
    text-shadow: 0px 1px 1px rgb(104 104 104 / 12%);
}

.chart-container .select-dp{
    margin-bottom: 15px;
}


@media screen and (max-width: 1300px) {
    /* .chart-container .heading-section .heading {
        font-size: 25px;
    } */
}
.carousel-item-padding:not(:last-child) {
  padding-right: 16px;
}