:root {
  --main-color:#003a76 !important;
}
:selection {
  background: var(--main-color)!important;
}
.site-menubar-fold .page{
  background: #fff !important;
}
.new-header{
  height: 120px !important;
  align-items: unset !important;
}
.landing-page-logo{
  height: 85px;
  margin-top: 10px;
  padding-left: 40px;
}
.tabJoined {
  margin-top: 31px;
}
.landing-page-logo.landing_logo_login{
  height: 50px;
  padding-left: 0px;
  position: relative;
}
.bg-blue-grey-200{
  background-color: #fff;
}
.bg-blue-grey-200.header-ln{
  display: flex;
  align-items: center;
  justify-content: flex-end;
  background: #fff !important;
}
.bg-blue-grey-200.header-ln .new-header.new-header-ksdc{
  height: fit-content !important;
}
.ka-skillconnect{
  font-size: 1.3em;
  color: var(--main-color);
  text-transform: uppercase;
  letter-spacing: 0.03em;
  position: relative;
  top: -10px;
  font-weight: 700;
}
.menu-header-design{
  font-size: 2.5em;
  color: #000;
  text-transform: capitalize;
  letter-spacing: 0.03em;
  position: relative;
  top: -10px;
  font-weight: 700;
  background-size: 40% 7px;
  background-position: 65px 64px;
  margin: auto auto 20px;
  text-align: center;
}
/* .new-header-ksdc {
    background:
      linear-gradient(
        to right,
        var(--main-color) 0,
        var(--main-color) 33.3%,
        red 33.3%,
        red 66.6%,
        orange 66.6%,
        orange ) bottom no-repeat;
    background-size:100% 7px;
    z-index: 999999;
  } */
.new-header-ksdc.new-header a.new-courses{
  background: var(--main-color);
    height: auto !important;
    width: auto !important;
    border-radius: 47px;
    border: 1px solid #003a76;
    color: #fff !important;
    margin-top: 0px;
}
.new-header-ksdc.new-header a.languages {
  background: #ffff;
  height: auto !important;
  width: auto !important;
  border-radius: 47px;
  margin-top: 0px;
    padding: 11px 20px;
  border: 1px solid #49e2f6;
  color: #003a76 !important;
}
.new-header-ksdc a.new-signin {
  border: 2.5px solid #49e2f6;
    border-radius: 44px;
    padding: 9px 32px;
    font-size: 19px !important;
}
.new-header a.new-signin{
  color: #003a76 !important;
  font-weight: 600 !important;
}
.navbar-right .dropdown-menu.show{
  min-width: 18rem !important;
  width: 100px !important;
}
.scroll-block-announcement{
  margin: 0 !important;
  /* height: 200px !important; */
}
.scroll-block-announcement ul{
  height: 150px !important;
  overflow-y: auto;
}
.news-block{
  /* height: 350px !important; */
  border: 2px solid #b9d4e5;
  /* margin: 50px 50px 0px 60px; */
  border-radius: 20px;
}
.latest-update-block{
  box-shadow: 0 20px 30px 0 rgb(60 29 137 / 8%);
  background: #e6f5ff;
}
.annoucement-block{
  box-shadow: 0 20px 30px 0 rgb(60 29 137 / 8%);
  background: #fff9e6;
}
.news-block .scroll-block{
  overflow-y: auto;
  height: 298px !important;
  background-color: #fff!important;
  padding-left: 5.3rem;
  margin-bottom:0;
}
.news-block h3{
  color: #000;
  padding: 10px;
  margin: 0;
  font-weight: 600;
  border-bottom: 2px solid #f7c511;
  width: fit-content;
  margin-left: 2%;
  font-size: 14px;
}
.nav-tabs .nav-link, .nav-tabs .nav-link.active{
  color: #003a76 !important;
}
.itrack-explore-affordable {
  background: #e6f5ff;border-radius: 20px;
}
.scroll-block::before{
    /* content: "";
    position: absolute;
    left: 30px;
    border-left: 1px solid var(--main-color);
    height: 86%;
    width: 1px; */
}
ul.scroll-block{
list-style-type: disc;
}
.scroll-block li{
  cursor: pointer;
  display: list-item;
  list-style-type: none;
}
.scroll-block .d-flex{
  margin: 30px 0;
}
.announcements-block ul li{
  text-decoration: underline;
}
.img-card .card-image {
  position: relative;
  margin: auto;
  overflow: hidden;
  border-radius: 5px 5px 0px 0px;
  height: 200px;
}
.img-card.iCard-style1 .card-title {
  position: absolute;
  font-family: 'Open Sans', sans-serif;
  z-index: 1;
  top: 10px;
  left: 10px;
  font-size: 30px;
  color: #fff;
}
.img-card .card-image img {
  width: 100%;
  border-radius: 5px 5px 0px 0px;
  -webkit-transition: all 0.8s;
  -moz-transition: all 0.8s;
  -o-transition: all 0.8s;
  transition: all 0.8s;
}
.img-card.iCard-style1 .card-text {
  color: #454545;
  padding-top: 13px;
  font-size: 16px;
  font-weight: 600;
}
.img-card .card-text {
  padding: 0 15px 15px;
  line-height: 1.5;
}
.img-card {
  width: 350px;
  position: relative;
  border-radius: 5px;
  text-align: left;
  -webkit-box-shadow: 0px 5px 5px 0px rgb(0 0 0 / 30%);
  -moz-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.3);
  -o-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.3);
  box-shadow: 0px 5px 5px 0px rgb(0 0 0 / 30%);
  background-color: #f7f7f7;
}
.img-card .card-image:hover img {
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -o-transform: scale(1.1);
  transform: scale(1.1);
}
#candidate-block{
  /* margin: auto 5em !important; */
}
.img-card .card-content{
  padding: 20px;
}
.carousal-content{
  right: 8% !important;
}
.candidate-block{
  scroll-margin-top: 120px;
}
.med-img {
  width: 100%!important;
  height: 20em!important;
  border-radius: 0px!important;
  object-fit: cover !important;
  padding: 0 !important;
}
.card.med-item {
  margin: 0 !important;
  padding: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  border: none !important;
  background-color: var(--main-color);
  color: #fff  !important;
}
.card.med-item img{
  background-color: #fff !important;
  /* border: 1px solid var(--main-color); */
}
.med-title{
  color: #fff !important;
  font-size: 1.3rem;
  text-decoration: underline;
}
.med-read-more{
  color: #fff !important;
}
.lib-panel, .lib-panel .row{
  background-color: var(--main-color)!important;
}
.default-text-color{
  color: var(--main-color) !important;
}
.initiative-block .img-card .card-image img{
  max-height: 100%;
  object-fit: contain;
}
.initiative-block .img-card .card-image{
  height: 110px;
}
.initiative-block .img-card{
  width: 400px;
  background-color: #fff;
  box-shadow: -1px 5px 10px 3px rgb(0 0 0 / 30%);
}
.content-provider .btn-primary {
  background-color: var(--main-color)!important;
  border-color: var(--main-color)!important;
}
.content-provider{
  background-color: var(--main-color);
  height: 185px !important;
}
.content-card{
  width: 65% !important;
  margin: 2em auto;
  top: 44px;
}
.form-group.has-feedback.has-clear{
  margin-bottom: 0 !important;
}
.col-sm-12.content-provider.p-0.d-mob-none .input-group{
  align-items: center !important;
}
.col-sm-12.content-provider.p-0.d-mob-none .input-group input#exampleInput1{
  width: 30em;
  height: 3em;
}
.provider-image {
  padding-left: 0px;
  height: 58px;
  width: auto !important;
  position: unset !important;
}
.icon-color-i, .icon-color-f{
  font-size: 30px !important;
  margin: 0 25px 0 0 !important;
}
.new-footer{
  border-bottom: 1px solid var(--main-color);
    margin-bottom: 2em;
    padding: 5em 0 !important;
}
.testimonials{
  padding-bottom: 30px;
}
.site-menubar-fold .page .sweet-alert button, .class, .btn-primary{
  background-color: var(--main-color) !important;
  border-color: var(--main-color) !important;
}
.sign_in_button{
  background-color: var(--main-color) !important;
  border-color: var(--main-color) !important;
  box-shadow: 0 5px 10px 0 var(--main-color);
}
.sign_in_button{
  position: relative;
  top: 15px;
}

#candidate-block{
  background-image: url(../pix/newsite/Candidate.jpg);
}
#industry-block{
  background-image: url(../pix/newsite/Industry.jpg);
}
#university-block{
  background-image: url(../pix/newsite/College.jpg);
}
#trainer-block{
  background-image: url(../pix/newsite/trainers.jpg);
}
#candidate-block-kn{
  background-image: url(../pix/newsite/Candidate-kn.png);
}
#industry-block-kn{
  background-image: url(../pix/newsite/Industry-kn.png);
}
#university-block-kn{
  background-image: url(../pix/newsite/College-kn.png);
}
#trainer-block-kn{
  background-image: url(../pix/newsite/Trainer-kn.png);
}
.candidate-block{
  background-size: contain;
  height: 800px;
  background-repeat: no-repeat;
  margin: 0 !important;
  background-color: #fff;
  background-position: center;
  position: relative;
}
.candidate-block .footer-beacontent.gray-color{
  position: absolute;
  bottom: 50px;
  margin: auto;
  background: var(--main-color);
  padding: 10px !important;
  color: #fff !important;
  border-radius: 3px;
  margin-left: -65px;
  box-shadow: 0 0 5px 0 var(--main-color);
}
.carousel-control-next, .carousel-control-next, .carousel-control-prev, .carousel-control-prev{
  opacity: 1 !important;
}
.carousel-control-next:focus, .carousel-control-next:hover, .carousel-control-prev:focus, .carousel-control-prev:hover{
  opacity: 1 !important;
}
.banner-space{
  margin-top: 127px !important;
}
.left-arrow{
  color: #fff !important;
}
#gotop{
  display: none !important;
}
.header-ln .dropbtn {
  border: 1px solid var(--main-color);
  border-radius: 3px;
  padding: 2px 20px;
  color: gray !important;
  font-weight: 600 !important;
  background: #fff;
  margin-right: 20px;
  font-size: 12px;
}

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

.header-ln .dropdown-content {
  display: none;
  position: absolute;
  background-color: #f9f9f9;
  min-width: 100% !important;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 9999;
  text-align: center;
}

.header-ln .dropdown-content a {
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
}

.header-ln .dropdown-content a:hover {background-color: #f1f1f1}

.header-ln .dropdown:hover .dropdown-content {
  display: block;
}

.header-ln .dropdown:hover .dropbtn {
  background-color: #fff;
}
.header-ln .dropdown-content a:hover{
  border-left: none !important;
  border-left-width: 0 !important;
}
.jobs-interns-opportunity .item{
  width: 22%;
  margin: 0 auto;
}
.partners, .learn-more_card{
  color: #000 !important;
}
.jobs-interns-opportunity{
  margin: 3rem 6rem;
}
.card-body.recent-update-cards {
  height: 200px;
  padding: 15% 10% !important;
}
.card-body.recent-update-cards h4{
  color: #000 !important;
  font-weight: 500;
}
.page-main .nav-tabs .nav-link.active,.page-main .nav-tabs .nav-link.active:hover,.page-main .nav-tabs .nav-link.active:focus{
  background: #fff !important;
  box-shadow: none;
}

.page-main .nav-tabs .nav-link.active:after{
  content:"";
  width:100%;
  height:3px;
  left:0;
  bottom:0;
  position:absolute;
  /* z-index:9; */
  background:linear-gradient(to right, #ff5500 50%, white 50%);
}

.new-header .header-menu-id a{
  padding: 0px 20px 3px 0px;
}
.site-menubar-unfold .page, .site-menubar-unfold .site-footer{
  padding-left: 0 !important;
}
@media only screen and (max-width: 800px){
  .site-menubar-fold .page{
    margin-left: 15px !important;
    margin-right: 15px !important;
  }
  .carousel-item{
      height:fit-content !important;
  }
  .banner-space{
    margin-top: 0 !important;
  }
  .container.my-5.d-flex, .initiative-block.d-flex, .d-flex.new-footer{
    display: block !important;
  }
  .news-block{
    margin: 15px 0 15px 5px;
  }
  .candidate-block{
    height: 380px !important;
  }
  .initiative-block .img-card{
    margin: 10px 0 20px;
    width: 100% !important;
  }
  .carousel-inner,.carousel-item{
    background-color: #f2f3f8!important;
    margin-top: -12px;
  }
  .content-provider .content-card, .content-provider .content-card .sub-main-dedicated{
    width: 100% !important;
    top: 0 !important;
    background: var(--main-color) !important;
    color: #fff !important;
    margin-top: 0 !important;
  }
  .content-provider .btn-primary{
    color: var(--main-color)!important;
    border-color: #fff!important;
    background: #fff !important;
  }
  .d-flex.justify-content-around.new-footer.align-items-center .marketplace-font li a {
    color: #fff !important;
    background: #003a76 !important;
    font-size: 14px !important;
  }
  .footer-headers{
    font-size: 23px !important;
  }
  .d-flex.new-footer{
    margin-top: 0% !important;
    margin-left: 8%;
    padding-top: 23% !important;
  }
  .d-flex.justify-content-around.new-footer.align-items-center .marketplace-font li, body#page-site-index .pb-3{
    padding: 4px 0 !important;
  }
  .landing-page-logo{
    height: 40px !important;
    padding-left: 10px;
    margin-top: 4px;
  }
  .custom-form{
    width: 100% !important;
  }
  .footer-mail{
    font-size: 16px !important;
  }
  .sub-heading-contact{
    font-size: 16px;
  }
  .container.mt-50.d-flex.justify-content-around{
    display: block !important;
  }
  .news-block .d-flex{
    display: block !important;
  }
  .mobile-one .mobile-nav{
    z-index: 1;
  }
  .position-relative.mt-4.ml-2{
    margin-left: 0 !important;
  }
  #candidateModal .d-flex.mob-d-block div{
    text-align: left !important;
  }
  .mt-4.position-relative.w-75{
    width: 100% !important;
  }
  .news-block .scroll-block{
    height: 200px !important;
  }
  .news-block h3{
    font-size: 14px !important;
  }
  p.lead, .lead {
    font-size: 14px !important;
  }
  img.w-100.shadow{
    width: 55% !important;
  }
  .scroll-block .d-flex{
    margin: 10px 0;
  }
  .menu-header-design{
    font-size: 1rem !important;
  }
  .med-img{
    height: 20em !important;
  }
  .news-block{
    height: fit-content !important;
  }
  #universityModal .modal-dialog, #industryModal .modal-dialog{
    max-width: 100% !important;
  }
  .left-arrow{
    /* display: none !important; */
  }
  #myTab{
    margin: 0px 30px !important;
  }
  .jobs-interns-opportunity {
    margin: 1rem 2rem;
  }
  .d-flex.jobs-interns-opportunity{
    display: block !important;
  }
  .jobs-interns-opportunity .item{
    width: 100% !important;
  }
  .candidate-block .footer-beacontent.gray-color{
    bottom: 5px !important;
  }
  #carouselExampleControls .carousel-inner img{
    object-fit: contain !important;
    background-size: contain !important;
    background-color: #ffff;
  }
  .alert-warning-mp.mb-0{
    display: none;
  }
  .testimonials-bg.mt-100{

  }
  #trainerModal #exampleModalLabel span, #candidateModal #exampleModalLabel span{
    margin-left: 0 !important;
  }
  .bg-gray-ui{
    background-color: #fbf9f9 !important;
  }
}
@media screen and (min-width: 801px) and (max-width: 1023px){
  .landing-page-logo{
    height: 58px;
    padding-left: 3px;
  }
  .itrack-explore-affordable{
    background: unset !important;
  }
  .jobs-interns-opportunity {
    margin: 3rem 0rem;
  }
  .new-header .new-right-navbar{
    margin-right: 15px!important;
  }
  .candidate-block{
    height: 550px;
  }
  .itrack-explore-affordable .dropdown-design{
    width: 100%;
  }
  .container.my-5.d-flex, .initiative-block.d-flex, .d-flex.new-footer{
    display: block !important;
  }
  .d-flex.new-footer {
    margin-top: 0% !important;
    margin-left: 8%;
    padding-top: 3% !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1440px){
  .landing-page-logo{
    height: 40px !important;
  }
  .ka-skillconnect{
    font-size: 1em;
  }
  .new-header .new-right-navbar{
    margin-right: 15px!important;
  }
  .new-header .new-right-navbar a, .new-header-ksdc a.new-signin, .news-block h3,.lead{
    font-size: 12px!important;
  }
  .news-block .scroll-block{
    height: 86% !important;
  }
  .news-block{
    /* height: 280px !important; */
  }
  .news-block.scroll-block-announcement{
    /* height: 200px !important; */
  }
  .candidate-block{
    height: 550px;
  }
  .candidate-block .footer-beacontent.gray-color{
    bottom: 15px;
    font-size: 12px !important;
  }
  .menu-header-design{
    font-size: 2em;
  }
  #hiring_partners .owl-carousel .owl-item img, #content_partners .owl-carousel .owl-item img, #academic_partners .owl-carousel .owl-item img{
    width: 50% !important;
  }
  .med-title{
    font-size: 1rem;
  }
  .ml-4.pt-4{
    padding-top: 0 !important;
  }
  .tabJoined{
    margin-top: 10px;
  }
  .new-header{
    align-items: center !important;
  }
}
.dropdown-content-ui{
  width: 240px !important;
  max-width: 300px !important;
}

/* CSS by Avinash */

.blue-header{
  color: #003a76;
  font-size: 60px;
  font-weight: 500;
  margin-bottom: 25px;
}
.blue-sub-header{
  color: #003a76;
  font-size: 40px;
  font-weight: normal;
  margin-bottom: 25px;
}
.white-header{
  color: #fff;
  font-size: 60px;
  font-weight: 500;
  margin-bottom: 25px;
}
.white-sub-header{
  color: #fff;
  font-size: 40px;
  font-weight: normal;
  margin-bottom: 25px;
}
.mt-70{
  margin-top: 70px;
  margin-bottom: 70px;
}
.jobs-card{
  padding: 39px 40.4px 25px 40px;
  border-radius: 20px;
  box-shadow: 0 0 15px 0 rgba(0, 58, 118, 0.3);
  text-align: center;
  margin-bottom: 45px;
}
.jobs-card-img{
  object-fit: contain;
  width: 100%;
  height: 60px;
  margin-bottom: 18px;
}
.jobs-card-header{
  color: #003a76;
  font-size: 16px;
  font-weight: 600;
  height: 55px;
}
.carousel-control-next, .carousel-control-prev {
  top: 0 !important;
  height: fit-content;
  margin: auto;
}
.jobs-card-skill-img{
  object-fit: contain;
    margin-top: 10px;
    width: 100%;
    height: 75%;
}
.jobs-container, .category-container, .users-container, .curated-courses-container,
.partners-container,.video-container, .news-container, .testimonials-container, .testimonials-container{
  max-width: 1585px!important;
  margin: 0 auto;
}
.blue-border{
  border-bottom: solid 2px #003a76;
    padding-top: 20px;
}
.jobs-apply-btn{
  border-radius: 10px;
  border: solid 2px #f05c12;
  color: #f05c12;
  background: #fff;
  font-size: 15px;
  font-weight: 600;
  padding: 10px 58px;
  margin-top: 25px;
  cursor: pointer;
}
.jobs-apply-btn:hover{
  background: #f05c12;
  color: #fff;
}

.blue-gradient-bg{
  background-image: linear-gradient(#0058b4, #003A76);
  padding-bottom: 95px;
}
.blue-bg{
  background-image: linear-gradient(#003A76, #003A76);
  padding-bottom: 95px;
  padding-top: 95px;
  margin-top: 155px;
}
.white-header{
  color: #fff;
  font-size: 60px;
  font-weight: 500;
  margin-bottom: 25px;
  padding-top: 90px;
}
.category-header{
  font-size: 25px;
    font-weight: 600;
    line-height: 20px;
    margin-top: 4px;
    color: #003a76;
}
.category-sub-header{
  font-size: 20px;
    color: #f05c12;
    margin-top: -5px;
    margin-bottom: 0px;
}
.category-card{
  border-radius: 20px;
  background: #fff;
  padding: 26px 27px !important;
  margin-bottom: 45px;
}
.category-card-orange-img{
  background: #f05c12;
    margin-right: 16px;
    border-radius: 20px;
    padding: 2px 20px;
}
.category-card-blue-img{
  background: #49e2f6;
    margin-right: 16px;
    border-radius: 20px;
    padding: 2px 20px;
}
.custom-md-4{
  max-width: 31.333333% !important;
    margin-right: 28px;
}
.gear-img{
  width: 156.3px !important;
  height: 156.3px;
  margin-top: 6px;
}
.user-number-position{
  position: absolute;
    top: 92px;
    left: 76px;
    color: #ff5500;
}
.user-number-position h1{
  color: #ff5500;
    font-size: 55px;
    font-weight: 900;
}
.users-title-position{
  position: absolute;
    top: 81px;
    text-align: right;
    right: 58px;
}
.users-title-position h2{
  color: #003a76;
    font-size: 50px;
    font-weight: 600;
    margin-top: 0px;
}
.users-title-position p{
  color: #003a76;
    font-size: 30px;
    font-weight: 500;
    margin-top: 0px;
    margin-bottom: 0px;
}
.user-inner-text{
  color: #fff;
  text-align: right;
  font-size: 23px;
  line-height: 1.9;
  margin-top: 38px;
}
.user-inner-text span{
  color: #49e2f6 !important;
    font-weight: 500;

}
.user-banner-img{
  width: 100%;
    height: 612.7px;
    object-fit: contain;
}
.user-component-card{
  padding: 20.8px 21px 17px 20px;
  border-radius: 20px;
  box-shadow: 0 0 15px 0 rgba(73, 226, 246, 0.8);
  background: #fff;
  margin: 85px 20px 84px;
}
.user-component-card-img{
  height: 65.5px;
    object-fit: contain;
    text-align: left;
}
.user-component-card-header{
  font-weight: bold;
    font-size: 19px;
    color: #003a76;
    line-height: 1.62;
    height: 65px;
}
.users-container .carousel-control-prev {
    right: 0px !important;
    left: inherit !important;
    width: 35% !important;
}
.users-container .left-arrow {
  color: #ff5500 !important;
  font-weight: 200 !important;
  font-size: 30px;
}
.users-container .right-arrow {
  color: #ff5500 !important;
  font-weight: 200 !important;
  font-size: 30px;
}
.curated-courses-bg{
  background-image: url('../../../assets/min/en/Curated-courses.webp');
}
.dropdown-design{
  padding: 1.1rem 50px !important;
    background: #003a76 !important;
    color: #fff;
    font-weight: 600;
}
.courses-card{
  padding: 14px 14px 13px;
    border-radius: 20px;
    box-shadow: 0 0 15px 0 rgb(73 226 246 / 80%);
    background: #fff;
    margin-top: 45px;
}
.courses-card-img{
  width: 100%;
    height: 210px;
    object-fit: cover;
    border-radius: 8px;
}
.courses-duration-txt{
  padding: 5px 17px 4px 18px;
    border-radius: 14.5px;
    color: #003a76;
    font-size: 12px;
    background: rgba(73, 226, 246, 0.8);
}
.course-card-body {
  border-radius: 2px!important;
  border: solid 0.5px #fff!important;
  background-color: #fff!important;
  height: 218px;
}
.rating-icons span {
  font-size: 18px!important;
  color: #ff5500;
}
.course-card-body .card-title {
  color: #003a76;
  font-size: 20px;
}
.course-price{
  font-size: 21px;
  font-weight: bold;
  color: #003a76;
}
.enroll-btn{
  padding: 10px 21px 12.2px;
    border-radius: 10px;
    background: #ff5500;
    cursor: pointer;
    color: #fff;
    margin-top: -6px;
    border: 1px solid #ff5500;
}
.custom-md-3{
  max-width: 23% !important;
    margin-right: 23px;
}
.curated-courses-container{
  padding-bottom: 20px;
}
.curated-courses-container .row{
    justify-content: end;
}
.container-top-clients .left-arrow {
  color: #f05c12 !important;
}
.partners-component{
  padding: 0px 30px 32.6px 30px;
  box-shadow: 0 0 10px 0 rgb(0 58 118 / 60%);
}
.container-top-clients .carousel-control-prev {
  left: -27px;
}
.read-more-btn{
  font-weight: 500;
    color: #003a76;
    padding: 15px 34px;
    border-radius: 53.5px;
    margin-top: 17px;
    font-size: 20px;
    border: 1px solid #49e2f6;
}
.news-banner-img{
  width: 100%;
    object-fit: contain;
}
.news-header-one{
  font-size: 22px;
    font-weight: bold;
    color: #ff5500;
    margin-top: 26px;
}
.news-header-two{
  font-size: 25px;
    font-weight: bold;
    color: #003a76;
}
.news-inner-text{
  color: #003a76;
    text-align: left;
    font-size: 16px;
    margin-top: 30px;
}
.news-card{
  padding: 37px 45px 37px 37px;
    border-radius: 20px;
    box-shadow: 0 0 15px 0 rgb(0 58 118 / 60%);
}
.news-container .left-arrow {
  font-size: 30px;
  margin-left: 50px;
  left: auto !important;
  right: 0px;
  color: #ff5500 !important;
}
.news-container .carousel-control-prev {
  left: auto !important;
  right: 65px;
  /* top: 320px !important; */
}
.news-container i.fa.fa-chevron-right.left-arrow{
  /* top: 160px; */
}
.blue-header-orange-border{
  font-size: 45px;
    width: fit-content;
    border-bottom: 4px solid #f05c12;
    font-weight: 600;
    color: #003a76;
    padding-bottom: 10px;
}
.latest-updates{
  font-size: 20px;
    margin-left: 15px;
    color: #003a76;
}
.testimonials-bg{
  background-image: url('../../../assets/min/en/Testimonials.webp');
  background-size: cover;
}
.testimonials-card{
  background-image: url('../../../assets/min/en/Testimonial_BG_Skillconnect.webp');
  height: 661px;
  background-size: cover;
  margin-bottom: 61px;
  width: 100%;
  background-position: center;
  border: 4px solid #003a76;
}
.testimonials-user-img-position{
  position: absolute;
    left: 220px;
    top: 213px;
}
.testimonials-user-img{
  width: 100px !important;
    height: 100px;
    object-fit: cover;
    border-radius: 75px;
}
.testimonials-content{
  position: absolute;
    top: 45%;
    font-size: 18px;
    padding: 0px 20px;
}
.testimonials-inner-content{
  /* display: -webkit-box;
   -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    overflow: hidden; */
    font-size: 20px;
}
.testimonials-container .left-arrow {
  font-size: 30px;
  /* left: auto !important;
  right: 0px; */
  color: #ff5500 !important;
}
.testimonials-container .carousel-control-prev {
  left: -200px;
}
.testimonials-container .carousel-control-next {
  right:0;
  display: none;
}
.testimonials-container .blue-header {
  color: #003a76;
  font-size: 60px;
  font-weight: 500;
  margin-bottom: 25px;
  padding-top: 111px;
  padding-bottom: 71px;
}
.testimonials-container, .testimonials-container {
  padding-bottom: 180px;
}
.report-numbers h1{
  font-size: 69px;
    font-weight: 600;
    margin-bottom: 35px;
    color: #49e2f6;
}
.report-numbers p{
  font-size: 25px;
  font-weight: bold;
  color: #fff;
}
.custom-form {
  display: flex;
  flex-direction: row;
  padding: 3px 4px 3px 11px;
  border-radius: 61px;
  border: 2px solid #ff5500;
  width: 436px;
  background: #003a76;

}

.custom-form .custom-searchbar {
  flex-grow: 2;
    color: #fff;
    border: none;
    background: #003a76;
}
.custom-searchbar::placeholder {
  color: #fff;
  font-size: 19px;
}
.custom-searchbar:focus {
  /* removing the input focus blue box. Put this on the form if you like. */
  outline: none;
}

.inner-search-btn {
  border: 1px solid #ff5500;
  background: #ff5500;
  color: white;
  font-size: 19px;
  border-radius: 50px;
  padding: 7px 31px 10px 31px;
}
.o-video {
  width: 100%;
  height: 0;
  position: relative;
  padding-top: 56.25%; /* 9 / 16 * 100 */
}
.o-video > iframe {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  border: 0;
}
@media only screen and (max-width: 800px){
  .blue-header {
    margin-top: -38px;
    color: #003a76;
    font-size: 30px;
    font-weight: 500;
    margin-bottom: 25px;
}
.blue-sub-header{
  font-size: 18px;
    margin-bottom: -11px;
    padding: 0px 27px;
}
.jobs-card{
  margin-bottom: 32px;
    margin-top: 11px;
    padding: 22px 15px 22px 15px;
    width: 270px;
}
.jobs-card-header{
  font-size: 14px;
}
.jobs-card-skill-img{
  height: 86%;
    margin-top: 5px;
    padding: 5px;
}
.white-header{
  font-size: 30px;
  padding-top: 59px
}
.category-header {
  font-size: 20px;
}
.category-sub-header {
  font-size: 16px;
}
.blue-gradient-bg{
  padding-bottom: 0;
}
.text-right a{
  font-size: 18px !important;
}



.custom-md-4{
  max-width: 100% !important;
  margin-left: 28px;
  margin-right: 28px;
}
.float-right a{
  font-size: 18px !important;
}
.jobs-container{
  height: auto !important;
  overflow-y: scroll;
}
.jobs-container .row, .category-container .row{
  flex-wrap: nowrap !important;
  overflow: auto;
}
#carouselExampleControls1 .carousel-item .col-md-5,#carouselExampleControls1 .carousel-item .col-md-7{
  width: 100% !important;
  max-width: 100% !important;
}
.category-container{
  height: fit-content;
  overflow-y: scroll;
}
.d-flex.mob-d-block{
  display: block !important;
}
.user-number-position{
  position: absolute;
  top: 57px;
  left: 32px;
  color: #ff5500;
}
.user-number-position h1{
  font-size: 26px;
}
.users-title-position{
  position: relative;
    top: -30px;
    text-align: right;
    right: 5px;
}
.users-title-position p{
  font-size: 12px;
}
.users-title-position h2{
  color: #003a76;
    font-size: 21px;
    font-weight: 600;
    margin-top: 0px;
}
img.user-component-card-img{
  width: 35px !important;
    margin-left: 10px;
}
.user-component-card-header{
  height: fit-content;
}
.user-inner-text{
  color: #003a76;
  font-size: 18px;
}
.user-component-card{
  margin: 24px 20px 10px 20px;
}
.user-component-card p{
  max-height: 100px;
}
.users-container .carousel-control-prev {
  /* top: -995px !important; */
  left: 0px !important;
  /* display: none; */
}
.blue-bg{
  padding-top: 10px !important;
  padding-bottom: 10px !important;
}
.users-container .carousel-control-next {
  /* top: -995px !important; */
  /* display: none; */
  /* left: 0px !important; */
}
.right-video-container iframe{
  width: 100% !important;
  max-width: 100% !important;
  margin-top: 20px;
}
.custom-form .inner-search-btn {
  padding: 10px !important;
  font-size: 14px;
  margin-left: -16px;
}
.banner-space .carousel-control-prev {
  /* top: -995px !important; */
  /* left: 0px !important; */
}
.banner-space .carousel-control-next {
  /* top: -995px !important; */
  /* left: 0px !important; */
  right: 0px !important;
}
.custom-md-3 {
  max-width: 90% !important;
  margin-right: 23px;
  margin-left: 23px;
}
.curated-courses-bg .col-md-12{
  height: 500px;
  overflow-y: scroll;
}
.blue-header-orange-border {
  font-size: 25px;
  margin-left: 70px !important;
  margin-bottom: 25px;
  margin-top: 25px !important;
}
.news-container .blue-header-orange-border{
  margin-left: 0px !important;
  font-size: 25px;
}
.news-header-two {
  font-size: 20px;
}
.read-more-btn{
  font-weight: 500;
    color: #003a76;
    padding: 9px 31px;
    border-radius: 53.5px;
    margin-top: 17px;
    margin-bottom: 50px;
    font-size: 15px;
    border: 1px solid #49e2f6;
}
.latest-updates {
  font-size: 18px;
}
.partners-component .carousel-inner img{
  height: 100%;
}
.partners-component .carousel-control-next {
  right: -26px;
}
.blue-bg{
  margin-top: 0px;
}
.video-container .white-header{
  font-size: 33px;
}
.video-container .white-sub-header{
  font-size: 25px;
}
.video-container video{
  height: 200px;
    margin-top: 56px;
}
.news-container .carousel-inner img {
  height: auto !important;
}
.news-container .carousel-control-prev{
  left: auto !important;
  right: 98px;
  top: 639px !important;
}
.news-container i.fa.fa-chevron-right.left-arrow {
  /* top: 319px;
  right: 67px; */
}
.testimonials-card .carousel-inner img{
  height: 100px !important;
}
img.testimonials-user-img{
  height: 90px !important;
    width: 90px !important;
}
.testimonials-container, .testimonials-container{
  padding-bottom: 0;
}
.video-container{
  margin-top: 65px !important;
    margin-bottom: 15px !important;
}
.news-card, .partners-component, .partners-container .mt-100, .news-container .mt-100{
  margin-top: 30px !important;
  padding-right: 0 !important;
}
.partners-container .mt-100, .partners-component{
  padding-right: 15px !important;
}
.news-container .mt-100 .row{
  margin-right: 0 !important;
  margin-left: 0 !important;
}
p.font-size-19.marketplace-font.footer-headers{
  margin-top: 0 !important;
}
.partners-container .mb-100, .news-container .mb-100, .blue-bg{
  margin-bottom: 30px !important;
}
.white-sub-header{
  margin-bottom: 0 !important;
}
.testimonials-user-img-position{
  left: 164px;
  top: 162px;
}
.testimonials-container .blue-header{
  font-size: 40px;
  font-weight: 500;
  margin-bottom: 25px;
  padding-top: 50px;
    padding-bottom: 40px;
}
.testimonials-card{
  margin-left: 21px;
    width: 90% !important;
}
.testimonials-inner-content{
    font-size: 16px;
    width: 90%;
    height: 195px;
    overflow-y: scroll;
}
.report-numbers h1 {
  font-size: 33px;
}
.report-numbers p{
  font-size: 19px;
}

.partners-component .carousel-inner,.partners-component .carousel-item{
  background-color: unset !important;
}
#carouselExampleControls1 .carousel-control-next,#carouselExampleControls1 .carousel-control-prev{
  position: unset !important;
  display: inline-block !important;
  margin: 0 50px;
}
.page-main .nav-tabs .nav-link.active:after{
  background: linear-gradient(to right, #ff5500 100%, white 100%);
}
#marketplace-landing-page.mt-100{
  margin-top: 0 !important;
}
}

@media only screen and (max-width: 1366px){
  .navbar-brand {
    width: 100% !important;
    margin-top: 14px !important;
 }
 .landing-page-logo {
  height: 35px !important;
  padding-left: 15px;
 }
}

.card-sub-title{
  color:#003a76;margin-top: -20px;font-size: 17px;
}

  @media screen and (min-width: 801px) and (max-width: 1900px){
  .blue-header,  .white-header, .users-title-position h2{
    font-size: 25px;
  }
  .category-header{
    font-size: 16px;
  }
  .blue-sub-header{
    font-size: 18px;
  }
  .jobs-card-header{
    font-size: 14px;
  }
  .jobs-apply-btn{
    padding: 10px 50px;
  }
  .float-right a{
    font-size: 20px !important;
  }
  .custom-md-4 {
    max-width: 29.333333% !important;
    margin-right: -18px;
    margin-left: 49px;
  }
  .users-title-position{
    top: 100px;
  }
  .gear-img{
    margin-top: 0px;
  }
  .user-number-position{
    top:85px;
  }
  .user-inner-text{
    font-size: 21px;
    margin-top: 29px;
  }
  .user-component-card-header{
    font-size: 16px;
    line-height: 20px;
  }
  .users-title-position p{
    font-size: 16px;
    margin-top: -10px;
  }
  .user-component-card .text-right a{
    font-size: 15px !important;
  }
  .users-container .blue-bg{
    padding-bottom: 35px !important;
  }
  .course-card-body{
    height: fit-content;
  }
  .courses-duration-txt{
    margin-left: -14px;
    font-size: 10px;
  }
  .rating-icons {
    margin-right: -13px;
    font-size: 6px;
 }
 .course-card-body .card-title {
  color: #003a76;
  font-size: 16px;
}
.course-card-body .pl-15 .pr-15 p{
  font-size: 14px !important;
}
.course-price {
  font-size: 16px;
}
.enroll-btn {
  padding: 10px 18px 10px 18px;
  border-radius: 10px;
  font-size: 12px;
  margin-top: -8px;
  font-weight: 600;
}
.card-sub-title{
  font-size: 14px;
}
.text-right a{
  font-size: 20px !important;
}
.partners-container .blue-header-orange-border{
  font-size: 20px;
  margin-left: 104px;
}
.blue-bg{
  margin-top: 94px;
}
.left-video-container{
  padding-left: 70px !important;
  padding-top: 35px !important;
}
.white-sub-header{
  font-size: 20px;
}
.news-container .blue-header-orange-border{
  font-size: 20px;
    margin-top: 28px !important;
    margin-bottom: 20px !important;
}
.news-container .row .justify-content-between{
  justify-content: space-around !important;
}
.testimonials-user-img-position {
  position: absolute;
  left: 40.8%;
    top: 29.5%;
}
.testimonials-inner-content{
  font-size: 16px;
  overflow: auto;
  height: 200px;

}
.testimonials-container, .testimonials-container {
  padding-bottom: 70px;
}
.video-container{
  margin-top: 30px !important;
    margin-bottom: 30px !important;
}
.report-numbers h1{
  font-size: 40px;
}
.report-numbers p {
  font-size: 18px;
}
.new-footer{
  padding: 3em 0px 3em 7px !important;
}
.custom-form{
  width: 100% !important;
}
.new-footer ul.pl-0.marketplace-font {
  margin-top: -7px !important;
  margin-left: 17px !important;
}
.new-footer p.font-size-19.marketplace-font {
  margin-left: 13px !important;
}
.new-footer p.sub-heading-contact {
  margin-left: 14px !important;
  line-height: 40px;
}
.testimonials-container .blue-header {
  color: #003a76;
  font-size: 30px;
  padding-top: 70px;
  padding-bottom: 35px;
}
.testimonials-content h3{
  font-size: 22px !important;
}
.testimonials-card{
  height: 660px;
}
.news-header-two{
  font-size: 18px;
}
.d-flex.justify-content-around.new-footer.align-items-center p, .marketplace-font li a, .marketplace-font li a:hover{
  font-size: 18px !important;
}
.latest-updates, .read-more-btn{
  font-size: 14px !important;
}
}
@media (min-width: 1361px){
  .landing-page-logo {
    height: 50px !important;
    padding-left: 15px;
   }
   .new-header .new-right-navbar a, .new-header-ksdc a.new-signin{
    font-size: 16px!important;
   }
   .tabJoined, .new-header-ksdc.new-header a.languages {
    margin-top: 0;
  }
  .new-header{
    align-items: center !important;
  }
  .blue-header, .white-header, .users-title-position h2, .partners-container .blue-header-orange-border, .news-container .blue-header-orange-border{
    font-size: 30px;
    font-weight: 600;
  }
  .blue-sub-header{
    font-size: 18px;
  }
  .new-header-ksdc.new-header .dropdown-content{
    padding: 10px 5px !important;
  }
  .new-header-ksdc.new-header .dropdown-content a:hover{
    width: fit-content;
    padding: 2px;
    border-left-width: 2px !important;
  }
  .testimonials-container .blue-header{
    font-size: 30px !important;
  }
  .marketplace-font li a, .marketplace-font li a:hover{
    font-size: 14px !important;
  }
}
@media (max-width: 1362px){
  .user-component-card{
    font-size: 12px;
  }
}
.alert.alert-warning.alert-dismissible.fade.show.text-center.alert-warning-mp{
  display: none;
}
body#page-site-index input, body#page-site-index select, body#page-student input,body#page-student select{
  border: 1px solid #e4e4e4 !important;
}
body#page-site-index input::placeholder, body#page-site-index select::placeholder,body#page-site-index select,body#page-site-index input[type=date]:invalid::-webkit-datetime-edit, body#page-student input::placeholder,body#page-student select::placeholder, body#page-student select, body#page-student input[type=date]:invalid::-webkit-datetime-edit{
  color: #5a5555 !important;
  font-size: 12px !important;
}
body#page-site-index select,body#page-student select{
  padding-left: 14px !important;
}
body#page-site-index .custom-searchbar, body#page-student .custom-searchbar{
  border: none !important;
}
.balloon+label{
  top: 0px !important;
  left: 0px !important;
}

/* CSS added by Astha */

@media only screen and (max-width: 400px) {
    .blue-header-orange-border {
        margin-left: 45px !important;
    }
}

.dropdown-content-lang {
    width: 150px !important;
    max-width: 150px !important;
}

@media only screen and (max-width: 480px) {
    .mobile .header {
        padding: 0px !important;
    }
    .navbar-brand {
        padding: 0px !important;
    }
    .landing-page-logo {
        padding-left: 0px !important;
        position: relative;
        width: 100%;
        height: 35px !important;
        object-fit: contain;
    }
    .new-header .new-right-navbar {
        margin-right: 5px !important;
    }
    .new-header-ksdc a.new-signin {
        border: 2px solid #49e2f6 !important;
        border-radius: 15px !important;
        padding: 6px 8px !important;
        font-size: 12px !important;
    }
    .new-header-ksdc.new-header a.new-courses {
        border-radius: 15px;
        border: 2px solid #003a76;
    }
    .dropdown {
        top: 44px;
        margin-right: 5px;
    }
    .new-header-ksdc.new-header a.languages {
        border-radius: 16px;
        padding: 6px;
        border: 2px solid #49e2f6;
    }
    .mobile {
        overflow: unset !important;
    }
    .dropdown-content {
        padding-left: 4px;
        max-width: none !important;
        width: 95px !important;
    }
    .new-header-ksdc.new-header .dropdown {
        top: 0 !important;
        width: 95px;
    }
    .new-header-ksdc.new-header {
        height: 60px !important;
        align-items: flex-start !important;
    }
}

@media (min-width: 481px) and (max-width: 800px) {
    .dropdown {
        top: 33px;
        margin-right: 15px;
    }
    .landing-page-logo {
        height: 45px !important;
    }
    .mobile {
        overflow: unset;
    }
}

body#page-site-index .dropdown a.languages {
  border: 2px solid #49e2f6;
  padding: 5px 20px;
}

body#page-student .dropdown a.languages {
  border: 2px solid #49e2f6;
  padding: 5px 20px;
}

body#page-site-index .new-header.pr-35 {
  padding-right: 35px !important;
}
body#page-local-marketplace-index a.btn.dropdown-toggle.new-signin.languages, body#page-local-marketplaceroot-product_details a.btn.dropdown-toggle.new-signin.languages{
    display: none;
}
.news-card .carousel-inner img{
    /*height: 100%;*/
    height: 320px;
}
.news-card .news-inner-text{
    /*height: 100px;
    overflow: auto;*/
  overflow: auto;
  height: 70px;
}
.news-container .carousel-control-prev, .news-container .carousel-control-next {
    /*bottom: 140px !important;
    top: unset !important;*/
    margin-bottom: -19px;
}
.news-card .carousel-inner, .news-card {
    /*height: 100%;
    height: 500px;*/
    width: 100%;
    max-height: 550px;
}
body#page-site-index .latest-updates {
    overflow-y: scroll;
    height: 385px;
}
body#page-site-index .read-more-btn {
  padding: 6px 24px;
  border: 2px solid #49e2f6;
}
body#page-student .read-more-btn {
  padding: 6px 24px;
  border: 2px solid #49e2f6;
}
.read-more {
  margin-top: 30px;
  position: relative;
}
.body-terms-use-ui a.btn.dropdown-toggle.new-signin.languages {
  display: none;
}
.body-privacy-policy-ui a.btn.dropdown-toggle.new-signin.languages {
  display: none;
}

@media only screen and (max-width: 480px) {
  #carouselExampleControls1 .carousel-control-prev {
    margin: 0 50px;
  }
  #carouselExampleControls1 .carousel-control-next {
    margin: 0 -40px;
  }
  #carouselExampleControls5 .carousel-control-prev {
    position: relative;
    top: 14px !important;
  }
  #carouselExampleControls5 .carousel-control-next {
    position: relative;
    top: 2px !important;
  }
  #modal-header #exampleModalLabel {
    margin-left: -32px !important;
  }
  .generate-otp {
    margin-top: 0px;
  }
  .d-flex.mob-d-block div {
    text-align: left;
  }
  /*.carousel-item {
    height: 300px !important;
  }*/
  .news-upcoming-events {
    height: 360px !important;
    overflow-y: scroll !important;
  }
  .news-container .news-card {
    padding-left: 15px;
    padding-right: 15px !important;
  }
}
.news-upcoming-events {
  height: 360px !important;
  overflow-y: auto !important;
}
.announcements {
  overflow-y: auto;
  height: 450px;
}
.career-guidance-heading {
  font-size: 30px;
  font-weight: 600;
  text-align: center;
  color: #003a76;
  margin: 40px 0 70px;
}
.webinar-desc {
  color: #003a76;
  text-align: left;
  font-size: 16px;
  overflow-y: auto;
  height: 200px;
}

@media only screen and (min-width: 1361px) {
  .career-announcement {
    font-size: 27px !important;
  }
}

@media only screen and (max-width: 480px) {
  .view-more {
    margin-bottom: 30px;
  }
  .career-guidance-heading {
    margin: 70px 0 40px;
  }
  .webinar-desc {
    height: 150px !important;
  }
  .career-guidance-programs {
    max-height: fit-content !important;
  }
  .webinars-heading {
    margin: 20px 0 !important;
  }
}

@media (min-width: 481px) and (max-width: 1361px) {
  .webinar-desc {
    height: 170px !important;
  }
}

.webinars-heading {
  font-size: 22px;
  font-weight: bold;
  color: #ff5500;
  margin-top: 0px;
  margin-bottom: 20px;
  text-transform: uppercase;
}
.career-guidance-programs {
  max-height: 500px;
}
.career-guidance-img {
  width: 100%;
  object-fit: unset;
}

@media only screen and (max-width: 800px) {
  body#page-local-marketplace-index .dropdown {
    top: 0px !important;
  }
  /*body#page-local-marketplace-index .course-section #myTab {
    margin-top: 100px !important;
  }
  body#page-local-marketplace-index .nav-link {
    text-align: left !important;
  }*/
  body#page-local-marketplace-index .page-main .nav-tabs .nav-link.active:after {
    width: 100% !important;
  }
  body#page-local-marketplace-index .site-navbar .navbar-header .navbar-toggler {
    color: #000 !important;
  }
  body#page-local-marketplace-index .nav.nav-tabs .nav-item {
    float: left;
  }
}

body#page-local-marketplace-index .page-main .nav-tabs .nav-link.active {
  background: none !important;
}
body#page-local-marketplace-index .page-main .nav-tabs .nav-link.active:after {
  left: 10px;
  right: -115px;
  width: auto;
}

@media (min-width: 481px) and (max-width: 1600px) {
  #carouselExampleControls3 .carousel-control-prev {
    left: -70px !important;
  }
  #carouselExampleControls3 .carousel-control-next {
    right: -25px !important;
  }
  #carouselExampleControls4 .carousel-control-prev {
    left: -70px !important;
  }
  #carouselExampleControls4 .carousel-control-next {
    right: -25px !important;
  }
}

@media only screen and (max-width: 480px) {
  #carouselExampleControls3 .carousel-control-prev {
    top: -17px !important;
    left: -35px !important;
  }
  #carouselExampleControls3 .carousel-control-next {
    top: -17px !important;
    right: -28px !important;
  }
  #carouselExampleControls4 .carousel-control-prev {
    top: -17px !important;
    left: -35px !important;
  }
  #carouselExampleControls4 .carousel-control-next {
    top: -17px !important;
    right: -28px !important;
  }
  .pagelayout-frontpage_main .pass_show .ptxt {
    top: 12% !important;
    right: 15% !important;
  }
}

.balloon:focus + label {
  transform: translateY(-60px);
  margin-left: 0px;
}

@media only screen and (max-width: 1600px) {
  .testimonials-container {
    max-width: 1285px !important;
    margin: 0 auto;
  }
  .testimonials-card {
    height: 550px;
  }
  .testimonials-user-img-position {
    left: 38.8%;
    top: 26.5%;
  }
  .testimonials-inner-content {
    height: 152px;
  }
}

.checkbox-custom, .radio-custom {
  position: absolute !important;
}
.forgot-pwd {
  margin-top: 55px;
  margin-bottom: 0px;
}
.remember-me {
  margin-top: 40px !important;
}
#showpwd {
  opacity: 1;
}
.dropdown-toggle::after {
  color: #ff5500 !important;
  border-top: 0.486rem solid !important;
  border-right: 0.486rem solid transparent !important;
  border-left: 0.486rem solid transparent !important;
}