@font-face {
  font-family: 'Gilroy';
  src: url(../font/Gilroy-Regular.ttf);
}

@font-face {
  font-family: 'Gilroy';
  src: url(../font/Gilroy-UltraLight.ttf);
  font-weight: 100;
}

@font-face {
  font-family: 'Gilroy';
  src: url(../font/Gilroy-Thin.ttf);
  font-weight: 200;
}

@font-face {
  font-family: 'Gilroy';
  src: url(../font/Gilroy-Medium.ttf);
  font-weight: 300;
}
@font-face {
  font-family: 'Gilroy';
  src: url(../font/Gilroy-SemiBold.ttf);
  font-weight: 600;
}

@font-face {
  font-family: 'Gilroy';
  src: url(../font/Gilroy-Bold.ttf);
  font-weight: bold;
}

@font-face {
  font-family: 'Gilroy';
  src: url(../font/Gilroy-ExtraBold.ttf);
  font-weight: 800;
}


:root {
  --textColor: #121212;
  --mainBg: #F6F9FE;
  --primaryColor: #4AADE5;
  --primaryDark: #408CE5;
}

html {
  overflow-x: hidden !important;
}

body {
  font-family: 'Gilroy' !important;
  font-size: 1em;
  color: var(--textColor);
  overflow: hidden;
}


/* NEW STYLES */
.navbar.customized {
  background-color: #ffffff !important;
  box-shadow: 0 0 20px 10px #F6F9FE;
  /* position: fixed; */
  top: 0;
  left: 0;
  width: 100%;
  z-index: 99999;
  margin: auto;

}
#main-wrapper[data-layout=vertical][data-header-position=fixed] .page-wrapper {
  padding-top: 30px !important;
}

.headBtn {
  border-radius: 2em;
  background-color: #1a9bfc;
  color: #ffffff !important;
  padding: 0.3em 1.5em;
  font-size: 1.3em;
  margin: 0.5em;
  display: inline-block;
  transition: 300ms all ease-in-out;
  border: 1px solid transparent;
}
.sidebar-nav ul .nav-small-cap {
  padding: 1.5em 1em 0 1em;
}
.topbar .top-navbar .navbar-nav>.nav-item>.nav-link {
  line-height: unset !important;
}
.navbar-collapse.collapse.show {
  padding-top: 1em;
  overflow-x: hidden;
}
.headBtn:hover {
  filter: invert(70%) sepia(25%) saturate(3934%) hue-rotate(172deg) brightness(96%) contrast(87%);
  background-color: transparent;
}
/* MAIN FOOTER */
#mainFooter {
  background-color: #F6F9FE;
  padding: 3em 0 0 0;
  position: relative;
  z-index: 999;
}

.footerText {
  margin-top: 2em;
  margin-bottom: 0.8em;
  font-size: 16px;
}

.footerHeading {
  font-size: 1.5em;
  font-weight: 600;
  margin-bottom: 1em;
}

.footerLink {
  font-size: 16px;
  color: var(--textColor) !important;
  display: block;
  margin-bottom: 8px;
  transition: 300ms all ease-in-out;
}

.footerLink:hover {
  font-weight: 700;
}

.socialContainer {
  display: flex;
  flex-wrap: wrap;
}

.socialLink {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 58px;
  height: 58px;
  line-height: normal;
  text-align: center;
  color: #ffffff;
  font-size: 1.5em;
  border-radius: 50%;
  transition: 300ms all ease-in-out;
  border: 1px solid transparent;
  background-image: linear-gradient(to bottom, #7374EC, #3B8EE4);
}

.socialLink:hover {
  background: unset;
  border-color: var(--primaryDark);
  color: var(--primaryDark);
}
.footerText {
  margin-top: 1.5em;
  margin-bottom: 0;
  font-size: 16px;
  color: #121212 !important;
}
.copy {
  font-size: 16px;
  font-weight: 500;
  text-align: center;
  color: #121212;
}
.headBtn.withShadow {
  padding: 0.5em 0.8em !important;
  box-shadow: 0px 0px 26px 4px rgba(0, 0, 0, 0.15);
  width: 125px;
  text-align: center;
}

.secondaryBtn {
  border: 1px solid #121212;
  border-radius: 2em;
  font-size: 1.3em;
  width: 125px;
  text-align: center;
  padding: 0.5em 0.8em;
  display: inline-block;
  margin: 0.5em;
  background-color: #F6F9FE;
  transition: 300ms all ease-in-out;
}

.secondaryBtn:hover {
  font-weight: 700;
  opacity: 0.7;
}

.mainLogo {
  width: 170px;
  background-color: #ffffff;
}
.socialContainer a {
  margin: 0.5em;
}
.navbar.customized .nav-link {
  margin: 0.5em 1.5em;
  text-align: center;
  font-size: 1em;
  transition: 300ms all ease-in-out;
}
.footerHeading {
  font-size: 22px;
  font-weight: 600;
  margin-bottom: 20px;
}
.gradientText {
  background: -webkit-linear-gradient(120deg, #338CE0, #806CEB);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.navbar.customized .nav-link:hover {
  filter: invert(70%) sepia(25%) saturate(3934%) hue-rotate(172deg) brightness(96%) contrast(87%);
}

.navbar.customized .profile-dropdown .nav-link:hover {
  filter: inherit;
}


.navbar.customized .nav-item .nav-link>img {
  margin-bottom: 0.3em;
}
.scroll-sidebar {
  height: calc(100% - 120px) !important;
}
.left-sidebar::-webkit-scrollbar-thumb { 
  display: none !important;
}
.btn {
  display: inline-block;
}
.left-sidebar {
  padding-top: 0 !important;
  margin-top: 150px !important;
}

.dorpDownMenu {
  display: none;
  padding: 10px 20px;
  position: absolute;
  top: 90%;
  width: 96%;
  background: #fff;
  left: 0;
  right: 0;
  margin: 0 auto;
  border-top: 1px solid #ddd;
  box-shadow: 0px 8px 20px rgba(0, 0, 0, 0.1);
}
.navbar-expand-lg .navbar-nav li.nav-item:hover .dorpDownMenu {
  display: block;
}
.dorpDownMenu .bnr_right_ext .item .box .ican i {
  font-size: 22px;
}
.dorpDownMenu .bnr_right_ext .item .box h3 {
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
}
/* .dorpDownMenu .categoryContentData {
 grid-template-columns: repeat(10, 1fr);
} */

/* .navbar-expand-lg .navbar-nav .dropdown-menu {
  position: absolute;
} */

.categoryContentData {
  padding: 8px 0 0;
  display: grid;
  grid-template-columns: repeat(8, 1fr);
  gap: 0px 30px;
}
/* bnr_right_ext */
.bnr_right_ext .item {
  margin-bottom: 5px;
  /* margin-bottom: 25px; */
}
.bnr_right_ext .item {
  display: flex;
  flex-wrap: wrap;
  /* new addn */
  justify-content: center;
}
.bnr_right_ext .item .box {
   padding: 20px 10px;
  /*background: #DEF8FD;
  border-radius: 14px;
  width: 100%; */
}
.bnr_right_ext .item .box h3 {
  color: #08678F;
  font-size: 18px;
  line-height: 24px;
  margin-bottom: 0;
  font-family: Gilroy;
  font-weight: 700;
}
.bnr_right_ext .item .box img{
  margin-left: auto;
  display: flex;
  justify-content: flex-end;
}
.bnr_right_ext .item .box .ican {
  margin-bottom: 10px;
  display: inline-block;
}
.bnr_right_ext .item .box .ican i {
  font-size: 36px;
  color: #08678F;
  
}
.bnr_right_ext .item:nth-of-type(2) .box {
  /* background: #EFECFF; */
}
.bnr_right_ext .item:nth-of-type(2) .box h3 {
  color: #562F95;
}
.bnr_right_ext .item:nth-of-type(2) .box .ican i {
  color: #562F95;
}
.bnr_right_ext .item:nth-of-type(3) .box {
  /* background: #E9F2FF; */
}
.bnr_right_ext .item:nth-of-type(3) .box h3 {
  color: #1C4980;
}
.bnr_right_ext .item:nth-of-type(3) .box .ican i {
  color: #1C4980;
}
.bnr_right_ext .item:nth-of-type(4) .box {
  /* background: #FFECD6; */
}
.bnr_right_ext .item:nth-of-type(4) .box h3 {
  color: #685200;
}
.bnr_right_ext .item:nth-of-type(4) .box .ican i {
  color: #685200;
}
.bnr_right_ext .item:nth-of-type(5) .box {
  /* background: #E6E4FE; */
}
.bnr_right_ext .item:nth-of-type(5) .box h3 {
  color: #562F95;
}
.bnr_right_ext .item:nth-of-type(5) .box .ican i {
  color: #562F95;
}
.bnr_right_ext .item:nth-of-type(6) .box {
  /* background: #FFF5DF; */
}
.bnr_right_ext .item:nth-of-type(6) .box h3 {
  color: #A74C02;
}

.bnr_right_ext .item:nth-of-type(6) .box .ican i {
  color: #A74C02;
}

.gx-70, .gx-70 {
  --bs-gutter-x: 140px;
}


/* new dashbord CSS */
/* dashbord page START */
/* dashbord_ContentArea */
.dashbord_ContentArea {
  /* padding: 0px 0 40px;  */
  padding: 0; 
}
.dashBord_nav .navbar .nav-item {
  padding: 0 20px;
  position: static;
}
.dashBord_nav .navbar .nav-item a {
  font-size: 16px;
  color: #121212;
  font-weight: 600;
}
.dashBord_nav  .navbar .navbar-nav .dropdown-menu {
  width: 100%;
  left: 0;

}
.dashBord_nav  .navbar .navbar-nav .dropdown-menu li {
  display: inline-block;
}
.dashBord_nav  .navbar .navbar-nav .dropdown-menu li a {
  font-weight: 400;
}

.dashBord_nav .navbar-nav .dropdown-menu {
  position: absolute;
}
.dashBord_nav  .navbar-expand-lg .navbar-collapse {
  display: flex !important;
  flex-basis: auto;
}
.dashBord_nav .navbar-expand-lg .navbar-nav {
  flex-direction: row;
  margin-left: 0 !important;
  flex-wrap: wrap;
}

.dropdown-menu.subMenuBar {
  background: #d7d9dd;
  box-shadow: inherit;
}
.dropdown-item:focus, .dropdown-item:hover {
  background-color: transparent !important;
  color: #1a9bfc !important;
}
/* dashbord page END */

.home_dashbord_contantArea {
  padding-top: 60px;
}

.home_dashbord_contantArea.career_profile_form {
  padding-top: 30px !important;
}

.copyright_mobile {
  display: none;
}

.form-group.experienceHead {
  margin-bottom: 20px;
  border-bottom: 1px solid #57AAE8;
  padding: 0 0 10px;
}
.form-group.experienceHead b {
  font-weight: 600;
}

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




/* MEDIA QUIRIES */
/* LARGE */
@media only screen and (max-width: 992px){
  
  .navbar.customized .navbar-nav {
    align-items: start !important;
    
  }
  .navbar.customized .nav-link {
    display: flex;
    align-items: center;
    text-align: left !important;
  }
  .navbar.customized .nav-link img{
    margin-right: 1em;
  }
}
@media only screen and (max-width: 768px){
  #mainFooter {
    font-size: 0.8em;
  }
}

@media only screen and (max-width: 991px){
  
 
  .navbar.customized .navbar-nav {
      flex-direction: inherit !important;
  }
  .navbar.customized .nav-link {
    display: block;
    align-items: center;
    text-align: center !important;
    padding: 0 6px;
  }
  .navbar.customized .nav-link img {
    margin-left: 0;
    margin-right: 10px;
    width: 24px;
    height: 24px;
  }
  .customized .navbar-nav {
    display: flex;
    flex-wrap: wrap;
    flex-direction: initial;
  }
  .navbar.customized .navbar-nav li.nav-item a.nav-link {
    display: flex;
    margin-left: 0;
    margin-right: 8px;
  }
  .navbar-collapse.collapse {
    background: rgb(245, 249, 254);
  }
  .navbar.customized .navbar-nav li.nav-item {
    width: 50%;
  }
  .navbar.customized .navbar-nav li.nav-item:last-child {
    width: 100%;
  }
  .navbar.customized .navbar-nav li.nav-item {
    width: 50%;
    text-align: left;
  }
  /* .customized .navbar-nav li.nav-item {
    width: 25%;
  } */

  .user_ProfileMenu  {
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.1) !important;
    width: 98%;
    margin: 0 auto !important;
  }


}

@media only screen and (max-width: 767px){
  
  #mainFooter .footer_col {
    width: 100%;
    margin: 10px 0 !important;
  }
  .linksContainer {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  .footerLink {
    width: calc(50% - 5px);
  }
  .navbar.customized .navbar-nav {
      flex-direction: inherit !important;
  }
  .customized .navbar-nav {
    display: flex;
    flex-wrap: wrap;
    flex-direction: initial;
  }
  /* .customized .navbar-nav li.nav-item {
    width: 25%;
  } */

  .socialContainer a {
    margin: 0px 5px 5px
  }
  img.mainLogo.footer_logo {
    margin-bottom: 10px;
  }
  .footerText {
    margin-top: 10px;
    font-size: 14px;
  }
  .socialLink {
    width: 44px;
    height: 44px;
  }
  .copy {
    font-size: 14px;
  }

  .copyright_desktop {
    display: none;
  }

  .copyright_mobile {
    display: block;
  }
  #mainFooter {
    padding: 3em 0 20px 0;
  }


}

@media only screen and (max-width: 1279px){
  .categoryContentData {
    grid-template-columns: repeat(7, 1fr);
  }
}
@media only screen and (max-width: 1199px){
  .categoryContentData {
    grid-template-columns: repeat(6, 1fr);
  }
}
@media only screen and (max-width: 991px){
  .categoryContentData {
    grid-template-columns: repeat(5, 1fr);
  }
}

@media only screen and (max-width: 767px){
  .categoryContentData {
    grid-template-columns: repeat(4, 1fr);
  }
}


@media only screen and (max-width: 575px){
 
    .navbar.customized .navbar-nav {
        flex-direction: inherit !important;
    }
    .customized .navbar-nav {
      display: flex;
      flex-wrap: wrap;
      flex-direction: initial;
    }
    /* .customized .navbar-nav li.nav-item {
      width: 33.33%;
    } */

    .categoryContentData {
      grid-template-columns: repeat(3, 1fr);
    }

    .bnr_right_ext .item .box {
      padding: 10px 10px;
    }
    .bnr_right_ext .item .box h3 {
      font-size: 18px;
    }


  }

  @media only screen and (max-width: 479px){
 
    .categoryContentData {
      grid-template-columns: repeat(2, 1fr);
    }
    /* .customized .navbar-nav li.nav-item {
      width: 50%;
    } */
  }