/*------- Font Family Starts -------*/

@font-face { font-family: "IBMPlexSans-Regular"; src: url("../fonts/IBMPlexSans-Regular.ttf"); }
@font-face { font-family: "IBMPlexSans-Bold"; src: url("../fonts/IBMPlexSans-Bold.ttf"); }
@font-face { font-family: "AsgardTrial-FitMedium"; src: url("../fonts/AsgardTrial-FitMedium.ttf"); }
@font-face { font-family: "InstrumentSans-Medium"; src: url("../fonts/InstrumentSans-Medium.ttf"); }
@font-face { font-family: "Poppins-Light"; src: url("../fonts/Poppins-Light.ttf"); }
@font-face { font-family: "Poppins-Regular"; src: url("../fonts/Poppins-Regular.ttf"); }
@font-face { font-family: "Poppins-Medium"; src: url("../fonts/Poppins-Medium.ttf"); }
@font-face { font-family: "Poppins-Bold"; src: url("../fonts/Poppins-Bold.ttf"); }

/*------- Font Family Ends -------*/

/*------- Reset CSS Starts -------*/

body {
  background-color: rgb(244 247 250 / 60%);
}
h1,
h2,
h3,
h4,
p,
ul { 
  margin: 0; 
  padding: 0; 
}
li {
  list-style: none;
}
figure { 
  margin: 0; 
}
a {
  text-decoration: none;
  -webkit-transition: 0.5s ease;
  -moz-transition: 0.5s ease;
  -ms-transition: 0.5s ease;
  -o-transition: 0.5s ease;
  transition: 0.5s ease;
}

/*------- Reset CSS Ends -------*/

/*------- Common CSS Starts -------*/

.container-fluid {
  padding-bottom: 3rem;
  padding-top: 3rem;
}
.bg-surface-1 {
  background-color: #DEE6F3;
}
.bg-surface-2 {
  background-color: #E7EDF3;
}
.section-sub-heading > span {
  font-family: "Poppins-Medium";
  font-size: 1.125rem;
  color: #5E69A2;
}
.section-heading > h2 {
  font-family: "AsgardTrial-FitMedium";
  font-size: 3rem;
  color: #1C1C84;
  margin-bottom: 1.5rem;
}
.section-heading > h2 > span {
  display: block;
}
p {
  color: #464A60;
  font-family: "Poppins-Regular";
  font-size: 1rem;
  text-align: justify;
}
.section-description > p {
  margin-bottom: 1rem;
}
.section-description > p:last-child {
  margin-bottom: 0;
}
.section-description > .btn-primary {
  margin-top: 1.5rem;
}
.btn-primary > a,
button.btn-primary,
.btn-white-outline > a,
button.btn-outline-primary {
  background-color: #01A6A9;
  -webkit-border-radius: 1rem;
  -moz-border-radius: 1rem;
  -ms-border-radius: 1rem;
  -o-border-radius: 1rem;
  border-radius: 1rem;
  color: #FFFFFF;
  display: inline-block;
  font-family: "InstrumentSans-Medium";
  font-size: 1rem;
  padding: 0.75rem 1.5rem; 
}
button.btn-primary {
  border-color: #01A6A9;
}
.btn-primary > a:hover,
button.btn-primary:hover {
  background-color: #019295;
}
button.btn-primary:hover {
  border-color: #01A6A9;
}
button.btn-primary:focus,
:not(.btn-check) + .btn.btn-primary:active {
  background-color: #019295;
  border-color: #019295;
}
.btn-white-outline > a {
  background-color: transparent;
  border: 2px solid #FFFFFF;
  color: #FFFFFF;
}
.btn-white-outline > a:hover {
  border: 2px solid #01A6A9;
  color: #01A6A9;
}
button.btn-outline-primary {
  background-color: transparent;
  border: 2px solid #01A6A9;
  color: #01A6A9;
}
button.btn-outline-primary:hover,
button.btn-outline-primary:focus,
:not(.btn-check) + .btn.btn-outline-primary:active {
  background-color: transparent;
  border-color: #019295;
  color: #019295;
}
button.btn.btn-sm {
  padding: 0.5rem 1.5rem;
}

/*------- Common CSS Ends -------*/

/*------- Coming Soon Page Starts -------*/

.coming-soon > picture > img {
  width: 100%;
  max-width: 600px;
}
.coming-soon > h1 {
  font-family: "IBMPlexSans-Bold";
  font-size: 3rem;
  color: #270081;
  margin-bottom: 20px;
}
.coming-soon > p {
  font-family: "IBMPlexSans-Regular";
  font-size: 1.6rem;
  color: #272727;
}

/*------- Coming Soon Page Ends -------*/

/*------- Home Page Starts -------*/

  /*------- Header Section CSS Start -------*/

.header-section {
  background-color: rgb(255 255 255 / 93%);
  -webkit-border-radius: 2.5rem;
  -moz-border-radius: 2.5rem;
  -ms-border-radius: 2.5rem;
  -o-border-radius: 2.5rem;
  border-radius: 2.5rem;
  left: 50%;
  padding: 0.875rem 1.5rem;
  position: absolute;
  top: 2.5rem;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
  z-index: 2;
}
.site-header-menu > li {
  margin-right: 2.125rem;
}
.site-header-menu > li:last-child {
  margin-right: 0;
}
.site-header-menu > li > a {
  color: #0B0F25;
  font-family: "Poppins-Regular"; 
  font-size: 1rem;
}
.site-header-menu > li > a:hover {
  color: #01A6A9;
}

  /*------- Header Section CSS End -------*/

  /*------- Slider Section CSS Start -------*/

.hero-section {
  padding: 0;
  position: relative;
  z-index: 1;
}
.hero-slider-1 { 
  background: url("../images/slider-1.jpg") no-repeat center/cover;
  position: relative; 
  z-index: 1; 
}
.hero-slider-1::before { 
  background: linear-gradient(90deg, #051C37 0.96%, rgba(28, 28, 132, 0) 100%);
  content: ""; 
  display: block; 
  height: 100%; 
  left: 0;
  position: absolute; 
  top: 0; 
  width: 100%; 
  z-index: -1; 
}
.hero-slider-info {
  padding: 12rem 0 6rem;
}
.hero-slider-info > h1 {
  color: #FFFFFF;
  font-family: "AsgardTrial-FitMedium";
  font-size: 3.375rem;
  margin-bottom: 1.5rem;
}
.hero-slider-info > h1 > span {
  display: block;
}
.hero-slider-info > h1 > span:last-child {
  color: #01A6A9;
}
.hero-slider-info > p {
  color: #FFFFFF;
  font-size: 1.125rem;
  margin-bottom: 2.5rem;
  max-width: 65%;
  width: 100%;
}
.hero-slider-info-button {
  margin-bottom: 2.5rem;
}
.hero-slider-info-card {
  background: rgba(255, 255, 255, 0.1);
  border: 1px solid rgba(255, 255, 255, 0.13);
  backdrop-filter: blur(6px);
  padding: 1.5rem;
  margin-left: auto;
  max-width: 400px;
  width: 100%;
}

    /*------- Slider Dots CSS Starts -------*/

.hero-section .slick-dots {
  bottom: 4.875rem;
}
.hero-section .slick-dots li button::before {
  background-color: #FFFFFF;
  -webkit-border-radius: 0.75rem;
  -moz-border-radius: 0.75rem;
  -ms-border-radius: 0.75rem;
  -o-border-radius: 0.75rem;
  border-radius: 0.75rem;
  content: "";
  height: 0.125rem;
  opacity: 1;
  -webkit-transition: 0.5s ease;
  -moz-transition: 0.5s ease;
  -ms-transition: 0.5s ease;
  -o-transition: 0.5s ease;
  transition: 0.5s ease;
  width: 1.5rem;
}
.hero-section .slick-dots li.slick-active button::before,
.hero-section .slick-dots li button:hover::before {
  background-color: #01A6A9;
}

    /*------- Slider Dots CSS Ends -------*/

    /*------- Slider Arrows CSS Starts -------*/

.hero-section .slick-arrow {
  background-color: rgb(27 12 45 / 50%);
  border: 1px solid rgb(214 217 232 / 40%);
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  bottom: 4rem;
  height: 2.125rem;
  top: auto;
  -webkit-transition: 0.5s ease;
  -moz-transition: 0.5s ease;
  -ms-transition: 0.5s ease;
  -o-transition: 0.5s ease;
  transition: 0.5s ease;
  width: 2.125rem;
  z-index: 1;
}
.hero-section .slick-arrow:hover {
  background-color: rgb(27 12 45 / 100%);
  border: 1px solid rgb(214 217 232 / 100%);
}
.hero-section .slick-prev {
  left: 42%;
}
.hero-section .slick-next {
  right: 42%;
}
.hero-section .slick-prev::before,
.hero-section .slick-next::before {
  color: #FFFFFF;
  content: "\f104";
  font-family: "Font Awesome 7 Free";
  font-size: 1rem;
  font-weight: 900;
  opacity: 1;
  -webkit-transition: 0.5s ease; 
  -moz-transition: 0.5s ease; 
  -ms-transition: 0.5s ease; 
  -o-transition: 0.5s ease; 
  transition: 0.5s ease; 
}
.hero-section .slick-next::before { 
  content: "\f105";
}

    /*------- Slider Arrows CSS Ends -------*/

  /*------- Slider Section CSS End -------*/

  /*------- Key Highlights Section Starts -------*/

.key-highlights-section {
  padding-bottom: 0;
  padding-top: 0;
  margin-top: -5.5rem;
  position: relative;
  z-index: 2;
}
.key-highlights-banner {
  background-color: #FDFDFF;
  box-shadow: 0px 11px 29px -14px rgba(19, 21, 55, 0.07);
  padding: 2.5rem 3rem;
}
.key-highlights-banner > .row > [class^=col] {
  border-right: 1px solid #CDD2E3;
}
.key-highlights-banner > .row > [class^=col]:last-child {
  border-right: 0;
}
.key-highlights-image-title img {
  padding-right: 1rem;
}
.key-highlights-image-title h4 {
  color: #2F3048;
  font-family: "AsgardTrial-FitMedium";
  font-size: 1.125rem;
}

  /*------- Key Highlights Section Ends -------*/

  /*------- Career Opportunities Section Starts -------*/

.career-opportunity-banner {
  background-color: #D8F8F2;
  gap: 1.5rem;
  padding: 2rem;
  z-index: 1;
}
.career-opportunity-banner-description > p:first-child {
  color: #20204C;
  font-family: "AsgardTrial-FitMedium";
  font-size: 1.5rem;
  margin-bottom: 2rem;
  padding-right: 10rem;
}
.career-opportunity-banner-description > p:last-child {
  display: flex;
  gap: 0.5rem;
}
.career-opportunity-background-banner-image {
  right: 0;
  z-index: -1;
}
.career-opportunity-background-banner-image > img {
  max-width: 26.875rem;
}

  /*------- Career Opportunities Section Ends -------*/

  /*------- About Section Starts -------*/

.about-image {
  height: 100%;
  overflow: hidden;
  width: 100%;
}
.about-image > img {
  display: block;
  height: 100%;
  object-fit: cover;
  width: 100%;
}
.about-image-left {
  height: 100%;
  min-height: 40rem;
}
.about-image-right {
  height: 20rem;
}

  /*------- About Section Ends -------*/

  /*------- Services Section Starts -------*/

.section-services > .container {
  padding: 4rem 1.5rem 2.5rem;
}
.section-services .section-heading > h2 {
  margin-bottom: 3rem;
}
.service-card {
  background-color: #EDF3FB;
  margin-bottom: 1.5rem;
  padding: 3rem 1.5rem;
}
.service-card-image > img {
  margin-bottom: 2rem;
}
.service-card-title > h3 {
  color: #20204C;
  font-family: "AsgardTrial-FitMedium";
  font-size: 1.5rem;
  margin-bottom: 1.5rem;
}

  /*------- Services Section Ends -------*/

  /*------- Work Opportunity Section Starts -------*/

.work-opportunity-section .section-description {
  margin-bottom: 4rem;
}
.work-opportunity-section .section-description span {
  display: block;
}
.slick-initialized.work-opportunity-slider .slick-slide {
  padding: 0 0.625rem;
}
.work-opportunity-card {
  background-color: #FFFFFF;
  border: 1px solid #DFE0E8;
  margin-bottom: 1.5rem;
  min-height: 27.625rem;
  padding: 2.5rem 1.5rem;
}
.work-opportunity-card-image > img {
  margin: 0 auto 2rem;
}
.work-opportunity-card-title > h4 {
  font-family: "AsgardTrial-FitMedium";
  font-size: 1.25rem;
  margin-bottom: 1.5rem;
}
.work-opportunity-card-description > p {
  margin-bottom: 2rem;
}
.work-opportunity-card-arrow > a {
  color: #01A6A9;
  font-size: 1rem;
}
.work-opportunity-card-arrow > a:hover {
  color: #1C1C84;
}

    /*------- Slider Dots CSS Starts -------*/

.work-opportunity-section .slick-dots {
  bottom: -3rem;
}
.work-opportunity-section .slick-dots li button::before {
  background-color: #CACEE9;
  -webkit-border-radius: 0.75rem;
  -moz-border-radius: 0.75rem;
  -ms-border-radius: 0.75rem;
  -o-border-radius: 0.75rem;
  border-radius: 0.75rem;
  content: "";
  height: 0.125rem;
  opacity: 1;
  -webkit-transition: 0.5s ease;
  -moz-transition: 0.5s ease;
  -ms-transition: 0.5s ease;
  -o-transition: 0.5s ease;
  transition: 0.5s ease;
  width: 1.5rem;
}
.work-opportunity-section .slick-dots li.slick-active button::before,
.work-opportunity-section .slick-dots li button:hover::before {
  background-color: #01A6A9;
}

    /*------- Slider Dots CSS Ends -------*/

    /*------- Slider Arrows CSS Starts -------*/

.work-opportunity-section .slick-arrow {
  background-color: rgb(1 166 169 / 50%);
  border: 1px solid #01A6A9;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  bottom: -3.875rem;
  height: 2.125rem;
  top: auto;
  -webkit-transition: 0.5s ease;
  -moz-transition: 0.5s ease;
  -ms-transition: 0.5s ease;
  -o-transition: 0.5s ease;
  transition: 0.5s ease;
  width: 2.125rem;
  z-index: 1;
}
.work-opportunity-section .slick-arrow:hover {
  background-color: rgb(1 166 169 / 100%);
}
.work-opportunity-section .slick-prev {
  left: 42%;
}
.work-opportunity-section .slick-next {
  right: 42%;
}
.work-opportunity-section .slick-prev::before,
.work-opportunity-section .slick-next::before {
  color: #FFFFFF;
  content: "\f104";
  font-family: "Font Awesome 7 Free";
  font-size: 1rem;
  font-weight: 900;
  opacity: 1;
  -webkit-transition: 0.5s ease; 
  -moz-transition: 0.5s ease; 
  -ms-transition: 0.5s ease; 
  -o-transition: 0.5s ease; 
  transition: 0.5s ease; 
}
.work-opportunity-section .slick-next::before { 
  content: "\f105";
}

    /*------- Slider Arrows CSS Ends -------*/

.work-opportunity-description {
  margin: 4rem 0 2rem;
}
.work-opportunity-description > p {
  color: #1C1C84;
  font-family: "Poppins-Medium";
  font-size: 1rem;
}
.work-opportunity-description > p > span {
  display: block;
}
.work-opportunity-banner {
  background-color: #D8F8F2;
  gap: 1.5rem;
  padding: 2rem;
  z-index: 1;
}
.work-opportunity-banner-title-description {
  border-right: 1px solid rgb(33 76 77 / 20%);
  padding-right: 2.5rem;
}
.work-opportunity-banner-title-description > h3 {
  color: #1C1C84;
  font-family: "AsgardTrial-FitMedium";
  font-size: 1.5rem;
  margin-bottom: 0.5rem;
}
.work-opportunity-banner-title-description > p > span {
  display: block;
}
.work-opportunity-background-banner-image {
  right: 0;
  z-index: -1;
}
.work-opportunity-background-banner-image > img {
  max-width: 24rem;
}

  /*------- Work Opportunity Section Ends -------*/

  /*------- Communities Section Starts -------*/

.communities-section > .container {
  padding: 4rem;
}

  /*------- Communities Section Ends -------*/

  /*------- Relocation Dream Section Starts -------*/

.relocation-dream-image {
  height: 100%;
  overflow: hidden;
  width: 100%;
}
.relocation-dream-image > img {
  display: block;
  height: 100%;
  object-fit: cover;
  width: 100%;
}
.relocation-dream-image-left {
  height: 100%;
  min-height: 31rem;
}
.relocation-dream-image-right {
  height: 15.5rem;
}

  /*------- Relocation Dream Section Ends -------*/

  /*------- Purpose Section Starts -------*/

.purpose-section {
  padding-bottom: 5rem;
  padding-top: 5rem;
}
.purpose-card {
  min-height: 31.25rem;
  padding: 2rem;
}
.mission-purpose-card {
  background-color: #1C1C84;
}
.vision-purpose-card {
  background-color: #0FABAD;
}
.purpose-card-image > img {
  margin-bottom: 2rem;
}
.purpose-card-title > h3 {
  font-family: "AsgardTrial-FitMedium";
  font-size: 1.5rem;
  margin-bottom: 1.5rem;
}
.purpose-card-description > p {
  margin-bottom: 1rem;
}
.purpose-card-description > p:last-child {
  margin-bottom: 0;
}

  /*------- Purpose Section Ends -------*/

  /*------- Why Choose Us Section Starts -------*/

.why-choose-us-section {
  padding-bottom: 5rem;
  padding-top: 5rem;
}
.why-choose-us-section .section-description {
  margin: 0 auto 4rem;
  max-width: 65%;
}
.why-choose-us-card {
  background-color: #FFFFFF;
  border: 1px solid #DFE0E8;
  margin-bottom: 1.5rem;
  padding: 3rem 1.5rem;
}
.why-choose-us-card-image > img {
  margin-bottom: 2rem;
}
.why-choose-us-card-title > h3 {
  font-family: "AsgardTrial-FitMedium";
  font-size: 1.5rem;
  margin-bottom: 1.5rem;
}
.why-choose-us-card-title > h3 > span {
  display: block;
}
.why-choose-us-card-description > p {
  min-height: 4.5rem;
}
.why-choose-us-card-dark {
  background-color: #1C1C84;
  margin-bottom: 1.5rem;
  padding-top: 4.5rem;
}
.why-choose-us-card-dark > .why-choose-us-card-image,
.why-choose-us-card-dark > .why-choose-us-card-title,
.why-choose-us-card-dark > .why-choose-us-card-description {
  padding: 0 1.5rem;
}
.compliance-banner {
  background-color: #D8F8F2;
  gap: 2rem;
  margin: 3.5rem 0;
  padding: 2rem;
}
.compliance-banner-description > p {
  color: #20204C;
}
.compliance-banner-description > p > span {
  color: #01A6A9;
  font-family: "Poppins-Bold";
}
.trust-us-card {
  margin-bottom: 4rem;
  min-height: 56.125rem;
  padding: 2.5rem 1.5rem;
}
.trust-us-card-left {
  background-color: rgb(33 110 224 / 10%);
}
.trust-us-card-right {
  background-color: rgb(1 166 169 / 10%);
}
.trust-us-card-title {
  margin-bottom: 1.5rem;
}
.trust-us-card-title > h3 {
  color: #20204C;
  font-family: "AsgardTrial-FitMedium";
  font-size: 1.5rem;
}
.trust-us-card-title > h3 > span {
  display: block;
}
.trust-us-card-listing > li {
  margin-bottom: 2rem;
}
.trust-us-card-listing > li:last-child {
  margin-bottom: 0;
}
.trust-us-card-listing > li figure {
  position: relative;
}
.trust-us-card-listing > li figure::before {
  content: "";
  height: 100%;
  left: 50%;
  margin-left: -0.0625rem;
  position: absolute;
  top: 1.875rem;
}
.trust-us-card-listing-left > li figure::before {
  border-left: 0.125rem dashed #1C1C84;
}
.trust-us-card-listing-right > li figure::before {
  border-left: 0.125rem dashed #01A6A9;
}
.trust-us-card-listing > li:last-child figure::before {
  display: none;
}
.trust-us-card-listing-title-description > h4 {
  color: #20204C;
  font-family: "AsgardTrial-FitMedium";
  font-size: 1.25rem;
  margin-bottom: 0.5rem;
}
.trust-us-card-image {
  left: 0;
  z-index: -1;
}

  /*------- Why Choose Us Section Ends -------*/

  /*------- Recruitment Section Starts -------*/

.recruitment-banner {
  background-color: #1C1C84;
  -webkit-border-radius: 1rem 0 0 1rem;
  -moz-border-radius: 1rem 0 0 1rem;
  -ms-border-radius: 1rem 0 0 1rem;
  -o-border-radius: 1rem 0 0 1rem;
  border-radius: 1rem 0 0 1rem;
  padding: 2.5rem 2.25rem;
}
.recruitment-banner-title-description > h3 {
  font-family: "AsgardTrial-FitMedium";
  font-size: 1.5rem;
  margin-bottom: 0.75rem;
}
.recruitment-banner-title-description > h3 > span {
  display: block;
}
.recruitment-banner-image > img {
  -webkit-border-radius: 0 1rem 1rem 0;
  -moz-border-radius: 0 1rem 1rem 0;
  -ms-border-radius: 0 1rem 1rem 0;
  -o-border-radius: 0 1rem 1rem 0;
  border-radius: 0 1rem 1rem 0;
}
.recruitment-image-title {
  padding: 1.25rem 0;
}
.recruitment-section-border-bottom-end,
.life-section-border-bottom-end {
  border-right: 1px solid rgb(28 28 132 / 20%);
  border-bottom: 1px solid rgb(28 28 132 / 20%);
}
.recruitment-section-border-bottom,
.life-section-border-bottom {
  border-bottom: 1px solid rgb(28 28 132 / 20%);
}
.recruitment-image-title > img {
  margin-bottom: 1rem;
}
.recruitment-image-title-inline > img {
  margin-bottom: 0;
}
.recruitment-image-title > h4 {
  color: #20204C;
  font-family: "AsgardTrial-FitMedium";
  font-size: 1.125rem;
}
.recruitment-image-title > h4 > span {
  display: block;
}

  /*------- Recruitment Section Ends -------*/

  /*------- How We Work Section Starts -------*/

.how-we-work-section > .container {
  padding: 4.5rem 3rem 3rem;
}
.how-we-work-card {
  margin-bottom: 1.5rem;
  min-height: 25rem;
  padding: 1.75rem 1.25rem;
}
.how-we-work-card-count > span {
  background-color: #01A6A9;
  display: inline-block;
  font-family: "Poppins-Medium";
  font-size: 1.125rem;
  height: 2rem;
  line-height: 2rem;
  width: 2rem;
}
.how-we-work-card-image > img {
  margin-bottom: 1.5rem;
}
.how-we-work-card-title > h3 {
  color: #20204C;
  font-family: "AsgardTrial-FitMedium";
  font-size: 1.375rem;
  margin-bottom: 1.5rem;
}
.how-we-work-card-title > h3 > span {
  display: block;
}
.how-we-work-right-direction-arrow {
  right: -1.5rem;
}
.how-we-work-right-direction-arrow > img {
  max-width: 1.5rem;
  width: 100%;
}
.how-we-work-down-direction-arrow {
  bottom: -1.5rem;
} 

  /*------- How We Work Section Ends -------*/

  /*------- Life Section Starts -------*/

.life-section .section-description {
  margin-bottom: 2.5rem;
}
.life-section-border-end {
  border-right: 1px solid rgb(28 28 132 / 20%);
}
.life-image-title-description {
  padding: 1.5rem 0;
}
.life-image-title-description > img {
  margin-bottom: 1.5rem;
}
.life-image-title-description > h3 {
  color: #20204C;
  font-family: "AsgardTrial-FitMedium";
  font-size: 1.375rem;
  margin-bottom: 1rem;
}
.life-image-title-description > h3 > span {
  display: block;
}

  /*------- Life Section Ends -------*/

  /*------- Contact Us Section Starts -------*/

.contact-us-section {
  z-index: 1;
}
.contact-us-section-banner {
  z-index: -1;
}
.contact-us-section .section-description {
  margin-bottom: 4rem;
}
.contact-us-section .section-description span {
  display: block;
}
.contact-us-employers-candidates-card {
  min-height: 51.25rem;
  padding: 2.125rem;
}
.contact-us-employers-candidates-card-title {
  margin-bottom: 1.875rem;
}
.contact-us-employers-candidates-card-title img {
  padding-right: 1.125rem;
}
.contact-us-employers-candidates-card-title > h3 {
  color: #1C1C84;
  font-family: "AsgardTrial-FitMedium";
  font-size: 1.75rem;
}
.contact-us-employers-candidates-card > h4 {
  color: #01A6A9;
  font-family: "AsgardTrial-FitMedium";
  font-size: 1.250rem;
  margin-bottom: 0.625rem;
}
.contact-us-employers-candidates-card > p {
  margin-bottom: 2rem;
}
.form-group {
  margin-bottom: 2rem;
}
.form-group-dropdown {
  margin-bottom: 3.375rem;
}
.form-group > label {
  color: #464A60;
  font-family: "Poppins-Medium";
  font-size: 1rem;
  margin-bottom: 0.375rem;
}
.input-group > .input-group-text {
  background-color: #FFFFFF;
  border-color: #C4C9DA;
  border-right: 0;
}
.input-group > .form-control {
  border-left: 0;
  padding-left: 0;
}
.form-control,
.form-select {
  border-color: #C4C9DA;
  -webkit-border-radius: 0.5rem;
  -moz-border-radius: 0.5rem;
  -ms-border-radius: 0.5rem;
  -o-border-radius: 0.5rem;
  border-radius: 0.5rem;
  color: #464A60;
  padding: 0.8125rem .75rem;
  font-family: "Poppins-Regular";
  font-size: 0.875rem;
}
.form-control:focus {
  border-color: #C4C9DA;
  box-shadow: none;
  color: #464A60;
}
.form-control::placeholder {
  color: #9399BD;
}

    /*------- Input Type :: File :: CSS Starts -------*/

.file-upload-wrapper {
    width: 100%;
}
.file-upload-box {
  background-color: rgb(217 217 217 / 8%);
  border: 2px dashed rgb(1 166 169 / 50%);
  cursor: pointer;
  display: block;
  padding: 1.5rem;
  transition: all 0.3s ease;
}
.file-upload-box:hover {
  background-color: rgb(217 217 217 / 40%);
  border: 2px dashed rgb(1 166 169 / 100%);
}
.file-upload-box.dragover {
    border-color: #36baad;
    background-color: #e6f7f5;
}
.file-input {
    display: none;
}
.file-content {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    flex-wrap: wrap;
}
.file-text {
    flex: 1;
    text-align: center;
}
.drag-text {
    display: block;
    font-family: "Poppins-Medium";
    font-size: 1rem;
    color: #01A6A9;
}
.drag-text > span {
  display: block;
}
#fileName {
    margin-top: 0.5rem;
    color: #01A6A9;
}

    /*------- Input Type :: File :: CSS Ends -------*/

  /*------- Footer Section Starts -------*/

.footer-section {
  background-color: #021835;
}
.footer-logo > a {
  display: inline-block;
}
.footer-logo > a > img {
  margin-bottom: 1.5rem;
  width: 13rem;
}
.footer-description > p {
  color: rgb(255 255 255 / 80%);
  font-family: "Poppins-Light";
}
.footer-description > hr {
  border-top: 1px solid rgb(255 255 255 / 80%);
  margin: 2.5rem 0;
}
.footer-heading > h3 {
  color: #01A6A9;
  font-family: "AsgardTrial-FitMedium";
  font-size: 1.375rem;
  margin-bottom: 1.875rem;
}
.footer-links > li,
.footer-contact-us-listing > li {
  margin-bottom: 1rem;
}
.footer-links > li:last-child,
.footer-contact-us-listing > li:last-child {
  margin-bottom: 0;
}
.footer-links > li > a,
.footer-contact-us-listing > li > a {
  color: rgb(255 255 255 / 80%);
  display: inline-block;
  font-family: "Poppins-Light";
  font-size: 1rem;
  padding-left: 1.375rem;
  position: relative;
  z-index: 1;
}
.footer-links > li > a::before {
  color: #01A6A9;
  content: "\f054";
  font-family: "Font Awesome 7 Free";
  font-size: 1rem;
  font-weight: bold;
  left: 0;
  position: absolute;
  top: 0;
}
.footer-links > li > a:hover,
.footer-contact-us-listing > li > a:hover,
.footer-legal-links > li > a:hover,
.footer-credit > p > a:hover {
  color: #01A6A9;
}
.footer-contact-us-listing {
  margin-bottom: 4rem;
}
.footer-contact-us-listing > li {
  align-items: flex-start;
  display: flex;
}
.footer-contact-us-listing > li > img {
  padding-top: 0.25rem;
}
.footer-contact-us-listing > li > a {
  padding-left: 0.875rem;
}
.footer-social-listing > li {
  padding-right: 1rem;
}
.footer-social-listing > li:last-child {
  padding-right: 0;
}
.footer-social-listing > li > a {
  display: block;
}
.footer-border-top {
  border-top: 1px solid rgb(255 255 255 / 20%);
  margin-top: 2.5rem;
  padding-top: 2.5rem;
}
.copyright-info > p,
.footer-legal-links > li > a {
  color: rgb(255 255 255 / 80%);
  font-family: "Poppins-Light";
}
.footer-legal-links {
  display: flex;
}
.footer-legal-links > li > a {
  display: block;
  margin-right: 0.75rem;
  padding-right: 0.75rem;
  position: relative;
  z-index: 1;
}
.footer-legal-links > li:last-child > a {
  margin-right: 0;
  padding-right: 0;
}
.footer-legal-links > li > a::after {
  border-right: 1px solid rgb(255 255 255 / 80%);
  content: "";
  height: 90%;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1;
}
.footer-legal-links > li:last-child > a::after {
  display: none;
}
.footer-credit > p {
  color: rgb(255 255 255 / 50%);
  font-family: "Poppins-Light";
  font-size: 0.875rem;
  text-align: right;
}
.footer-credit > p > a {
  color: rgb(255 255 255 / 50%);
}

  /*------- Footer Section Ends -------*/

/*------- Home Page Ends -------*/