@media only screen and (min-width: 320px) and (max-width: 575px) {

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

.coming-soon-section { position: relative; z-index: 1; }
.coming-soon-section::before {
  background-color: #000000;
  content: "";
  height: 100%;
  left: 0;
  opacity: 0.7;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 0;
}
.coming-soon {
  left: 50%;
  position: absolute;
  top: 50%;
  -webkit-transform: translate(-50%,-50%);
  -moz-transform: translate(-50%,-50%);
  -ms-transform: translate(-50%,-50%);
  -o-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
  width: 95%;
  z-index: 1;
}
.coming-soon > h1 {
  font-size: 2.5rem;
  color: #ffffff;
}
.coming-soon > p {
  font-size: 1.25rem;
  color: #e7e7e7;
}

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

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

.container-fluid {
  padding-bottom: 1.5rem;
  padding-top: 1.5rem;
}
.section-heading > h2 {
  font-size: 1.5rem;
  margin-bottom: 1.25rem;
}
.section-heading > h2 > span {
  display: inline;
}
.btn-primary > a,
button.btn-primary,
.btn-white-outline > a,
button.btn-outline-primary {
  padding: 0.75rem 1rem;
}

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

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

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

.header-section {
  display: none;
}
.site-header-menu {
  align-items: center;
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: center;
}
.site-header-menu > li {
  margin: 0 0 1rem 0;
}
.site-header-menu > li:last-child {
  margin: 0;
}
.site-header-menu > li > a {
  font-size: 1.25rem;
}

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

  /*------- Mobile Logo and Burger Menu Section Starts -------*/

.header-section-mobile { background-color: #ffffff; display: block; left: 0; padding: 5px 15px; position: fixed; top: 0; width: 100%; z-index: 10; }

    /*------- Mobile Hamburger Menu Section Starts -------*/

.burger-menu { background-color: transparent; cursor: pointer; height: 50px; position: relative; width: 50px; }
.burger-menu span { background-color: #1C1C84; height: 2px; left: 50%; position: absolute; top: 50%; -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); transform: translate(-50%,-50%); -webkit-transition: 0.5s linear 0.5s; -moz-transition: 0.5s linear 0.5s; -ms-transition: 0.5s linear 0.5s; -o-transition: 0.5s linear 0.5s; transition: 0.5s linear 0.5s; width: 25px; }
.burger-menu span::before,
.burger-menu span::after { background-color: #1C1C84; content: ""; height: 2px; position: absolute; top: 10px; -webkit-transition: 0.5s linear; -moz-transition: 0.5s linear; -ms-transition: 0.5s linear; -o-transition: 0.5s linear; transition: 0.5s linear; width: 25px; }
.burger-menu span::before { top: -10px; }
.burger-menu.active span { background-color: transparent; -webkit-transition: 0s linear; -moz-transition: 0s linear; -ms-transition: 0s linear; -o-transition: 0s linear; transition: 0s linear; }
.burger-menu.active span::before { top: 0; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); }
.burger-menu.active span::after { top: 0; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); }

	  /*------- Mobile Hamburger Menu Section Ends -------*/

  /*------- Mobile Logo and Burger Menu Section Ends -------*/

  /*------- Mobile Navbar Menu Section Starts -------*/

.navbar-menu-mobile { background-color: #fff; bottom: 0; display: block; clip-path: circle(100px at 90% -15%); height: 100%; left: 0; position: fixed; right: 0; top: 0; -webkit-transition: 1s ease; -moz-transition: 1s ease; -ms-transition: 1s ease; -o-transition: 1s ease; transition: 1s ease; width: 100%; z-index: 9; }
.navbar-menu-mobile.active { clip-path: circle(1000px at 90% -10%); }
.menu-listing-mobile { left: 50%; opacity: 0; position: absolute; top: 40%; -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); transform: translate(-50%,-50%); -webkit-transition: 1s ease; -moz-transition: 1s ease; -ms-transition: 1s ease; -o-transition: 1s ease; transition: 1s ease; visibility: hidden; width: 100%; z-index: 10; }
.menu-listing-mobile.active { opacity: 1; top: 50%; -webkit-transition: 1s ease 0.25s; -moz-transition: 1s ease 0.25s; -ms-transition: 1s ease 0.25s; -o-transition: 1s ease 0.25s; transition: 1s ease 0.25s; visibility: visible; }

  /*------- Mobile Navbar Menu Section Ends -------*/

  /*------- Slider Section CSS Starts -------*/

.hero-section {
  height: 167vh;
  margin-top: 3.75rem;
  padding: 0;
}
.hero-slider-1,
.hero-slider-2,
.hero-slider-3,
.hero-slider-4 { 
  height: 167vh;
}
.hero-slider-info {
  padding: 1.5rem 0.75rem;
}
.hero-slider-info > h1 {
  font-size: 2rem;
  margin-bottom: 1.25rem;
}
.hero-slider-info > h1 > span {
  display: inline;
}
.hero-slider-info > p {
  margin-bottom: 1.5rem;
  max-width: 100%;
}
.hero-slider-info-button {
  gap: 0.25rem !important;
  justify-content: space-between;
}
.hero-slider-info-button .btn-primary a,
.hero-slider-info-button .btn-white-outline a {
  -webkit-border-radius: 0.5rem;
  -moz-border-radius: 0.5rem;
  -ms-border-radius: 0.5rem;
  -o-border-radius: 0.5rem;
  border-radius: 0.5rem;
  display: block;
  font-size: 0.875rem;
  padding: 0.5rem;
  text-align: center;
}
.hero-slider-info-card {
  margin-top: 0;
}

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

.hero-section .slick-dots {
  bottom: 1rem;
}

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

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

.hero-section .slick-arrow {
  background-color: rgb(27 12 45 / 80%);
  border: 1px solid rgb(214 217 232 / 80%);
  bottom: 65%;
}
.hero-section .slick-arrow {
  bottom: 65%;
}
.hero-section .slick-prev {
  left: 2%;
}
.hero-section .slick-next {
  right: 2%;
}

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

  /*------- Slider Section CSS Ends -------*/

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

.key-highlights-section {
  margin-top: 0;
  padding-bottom: 0;
}
.key-highlights-banner > .row > [class^=col] {
  border-right: 0;
}
.key-highlights-banner {
  padding: 1.25rem 1.25rem 0.25rem;
}
.key-highlights-image-title {
  margin-bottom: 1rem;
}

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

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

.career-opportunity-section {
  padding-bottom: 0;
}
.career-opportunity-banner {
  padding: 1.25rem;
}
.career-opportunity-banner-image {
  margin-bottom: 1rem;
  text-align: center;
}
.career-opportunity-banner-description > p:first-child {
  font-size: 1.25rem;
  margin-bottom: 1.25rem;
  padding-right: 0;
}
.career-opportunity-banner-description > p:last-child {
  align-items: start;
  gap: 0.75rem;
}

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

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

.about-image {
  height: auto;
}
.about-image > img {
  height: auto;
  margin-bottom: 1.5rem;
}
.about-image-left {
  height: auto;
  min-height: auto;
}
.about-image-right {
  height: auto;
}

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

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

.services-section .bg-surface-1 {
  padding: 1.5rem;
}
.services-section .section-heading > h2 {
  margin-bottom: 1.5rem;
}
.service-card {
  margin-bottom: 1.5rem;
  padding: 1.5rem;
}
.service-card-image > img {
  margin-bottom: 1.25rem;
}
.service-card-title > h3 {
  font-size: 1.25rem;
  margin-bottom: 1.25rem;
}

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

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

.work-opportunity-section .section-description {
  margin-bottom: 1.5rem;
}
.work-opportunity-section .section-description span {
  display: inline;
}
.work-opportunity-card {
  min-height: auto;
  padding: 1.5rem;
}
.work-opportunity-card-image > img {
  margin: 0 auto 1.5rem;
}
.work-opportunity-card-description > p {
  margin-bottom: 1.5rem;
}

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

.work-opportunity-section .slick-prev {
  left: 0;
}
.work-opportunity-section .slick-next {
  right: 0;
}

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

.work-opportunity-description > p > span {
  display: inline;
}
.work-opportunity-banner-image {
  margin-bottom: 1.5rem;
  text-align: center;
}
.work-opportunity-banner-title-description {
  border-right: 0;
  padding-right: 0;
}
.work-opportunity-banner-title-description > h3 {
  font-size: 1.25rem;
  margin-bottom: 1.25rem;
}
.work-opportunity-banner-title-description > p {
  margin-bottom: 1.5rem;
}
.work-opportunity-banner-title-description > p > span {
  display: inline;
}

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

  /*------- Mining and Industrial Talent Section Starts -------*/

.mining-industrial-talent-image > img {
  margin-bottom: 1.5rem;
}

  /*------- Mining and Industrial Talent Section Ends -------*/

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

.communities-section .bg-surface-2 {
  padding: 1.5rem;
}
.communities-image > img {
  margin-bottom: 1.5rem;
}

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

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

.relocation-dream-image {
  height: 100%;
  overflow: hidden;
  width: 100%;
}
.relocation-dream-image > img {
  margin-bottom: 1.5rem;
}
.relocation-dream-image-left {
  height: auto;
  min-height: auto;
}
.relocation-dream-image-right {
  height: auto;
}

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

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

.purpose-section .section-description {
  margin-bottom: 1.5rem;
}
.purpose-card {
  margin-bottom: 1.5rem;
  min-height: auto;
  padding: 1.5rem;
}
.vision-purpose-card {
  margin-bottom: 0;
}
.purpose-card-image > img {
  margin-bottom: 1.5rem;
}
.purpose-card-title > h3 {
  font-size: 1.25rem;
  margin-bottom: 1.25rem;
}

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

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

.why-choose-us-section {
  padding-bottom: 0;
}
.why-choose-us-section .section-description {
  margin: 0 auto 1.5rem;
  max-width: 100%;
}
.why-choose-us-card {
  margin-bottom: 1.5rem;
  padding: 1.5rem;
}
.why-choose-us-card-image > img {
  margin-bottom: 1.5rem;
}
.why-choose-us-card-title > h3 {
  font-size: 1.25rem;
  margin-bottom: 1.25rem;
}
.why-choose-us-card-title > h3 > span {
  display: inline;
}
.why-choose-us-card-description > p {
  min-height: auto;
}
.why-choose-us-card-dark {
  margin-bottom: 1.5rem;
  padding-top: 1.5rem;
}
.compliance-banner {
  margin: 0 0 1.5rem;
  padding: 1.5rem 1.5rem 0;
}
.compliance-banner-image > img {
  margin-bottom: 1.5rem;
}
.compliance-banner-description > p {
  margin-bottom: 1.25rem;
}
.trust-us-card {
  margin-bottom: 1.5rem;
  min-height: auto;
  padding: 1.5rem;
}
.trust-us-card-title > h3 {
  font-size: 1.25rem;
}
.trust-us-card-title > h3 > span {
  display: inline;
}
.trust-us-card-listing > li {
  margin-bottom: 1.5rem;
}
.trust-us-card-listing > li figure::before {
  top: 1.65rem;
}

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

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

.recruitment-section {
  padding-bottom: 0;
}
.recruitment-banner {
  -webkit-border-radius: 1rem;
  -moz-border-radius: 1rem;
  -ms-border-radius: 1rem;
  -o-border-radius: 1rem;
  border-radius: 1rem;
  height: auto !important;
  margin-bottom: 1.5rem;
  padding: 1.5rem;
}
.recruitment-banner-title-description > h3 {
  font-size: 1.25rem;
  margin-bottom: 1.5rem;
}
.recruitment-banner-image > img {
  -webkit-border-radius: 1rem;
  -moz-border-radius: 1rem;
  -ms-border-radius: 1rem;
  -o-border-radius: 1rem;
  border-radius: 1rem;
  margin-bottom: 1.5rem;
}
.recruitment-image-title {
  padding: 1.5rem 0;
}
.recruitment-section-border-bottom-end,
.life-section-border-bottom-end {
  border-right: 0;
}
.recruitment-image-title > img {
  margin-bottom: 1.25rem;
}
.recruitment-image-title > h4 > span {
  display: inline;
}

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

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

.how-we-work-section {
  padding-bottom: 0;
}
.how-we-work-section .bg-surface-2 {
  padding: 1.5rem 1.5rem 0;
}
.how-we-work-section .section-description {
  margin-bottom: 1.5rem;
}
.how-we-work-card {
  min-height: auto;
  padding: 1.5rem;
}
.how-we-work-card-title > h3 {
  font-size: 1.25rem;
  margin-bottom: 1.25rem;
}
.how-we-work-card-title > h3 > span {
  display: inline;
}
.how-we-work-right-direction-arrow {
  bottom: -1.5rem;
  left: 50%;
  right: auto;
  top: auto !important;
  transform: translateX(-50%) rotate(90deg) !important;
}

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

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

.life-section {
  padding-bottom: 0;
}
.life-image > img { 
  margin-bottom: 1.5rem;
}

.life-section .section-description {
  margin-bottom: 0;
}
.life-section-border-end {
  border-bottom: 1px solid rgb(28 28 132 / 20%);
  border-right: 0;
}
.life-image-title-description {
  margin-bottom: 1.25rem;
}
.life-image-title-description > h3 {
  font-size: 1.25rem;
}
.life-image-title-description > h3 > span {
  display: inline;
}

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

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

.contact-us-section {
  padding-bottom: 0;
  padding-top: 0;
}
.contact-us-section .section-description {
  margin-bottom: 1.5rem;
}
.contact-us-section .section-description span {
  display: inline;
}
.contact-us-employers-candidates-card {
  margin-bottom: 1.5rem;
  min-height: auto;
  padding: 1.5rem;
}
.contact-us-employers-candidates-card-title {
  margin-bottom: 1.25rem;
}
.contact-us-employers-candidates-card-title img {
  padding-right: 1rem;
}
.contact-us-employers-candidates-card-title > h3 {
  font-size: 1.25rem;
}
.contact-us-employers-candidates-card > h4 {
  margin-bottom: 1rem;
}
.contact-us-employers-candidates-card > p {
  margin-bottom: 1.25rem;
}
.form-group {
  margin-bottom: 1.5rem;
}
.form-group-requirement {
  min-height: auto;
}

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

.file-content {
  flex-direction: column;
}

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

  /*------- Contact Us Section Ends -------*/

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

.footer-description > p,
.footer-heading > h3,
.footer-links > li:last-child,
.footer-contact-us-listing > li:last-child {
  margin-bottom: 1.25rem;
}
.footer-contact-us-listing {
  margin-bottom: 0;
}
.footer-social-listing > li > a {
  width: 2.5rem;
}
.footer-border-top {
  margin-top: 1.5rem;
  padding-top: 1.5rem;
}
.copyright-info > p,
.footer-legal-links {
  margin-bottom: 0.5rem;
}
.copyright-info > p {
  text-align: center;
}
.footer-legal-links {
  justify-content: center;
}
.footer-credit > p {
  text-align: center;
}
  
  /*------- Footer Section Ends -------*/

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

}

@media only screen and (min-width: 576px) and (max-width: 767px) {

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

.coming-soon-section { position: relative; z-index: 1; }
.coming-soon-section::before {
  background-color: #000000;
  content: "";
  height: 100%;
  left: 0;
  opacity: 0.7;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 0;
}
.coming-soon {
  left: 50%;
  position: absolute;
  top: 50%;
  -webkit-transform: translate(-50%,-50%);
  -moz-transform: translate(-50%,-50%);
  -ms-transform: translate(-50%,-50%);
  -o-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
  width: 95%;
  z-index: 1;
}
.coming-soon > h1 {
  color: #ffffff;
}
.coming-soon > p {
  font-size: 1.25rem;
  color: #e7e7e7;
}

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

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

.container-fluid {
  padding-bottom: 0;
  padding-top: 1.5rem;
}
.section-heading > h2 {
  font-size: 1.5rem;
  margin-bottom: 1.25rem;
}
.section-heading > h2 > span {
  display: inline;
}
.btn-primary > a,
button.btn-primary,
.btn-white-outline > a,
button.btn-outline-primary {
  padding: 0.75rem 1rem;
}

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

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

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

.header-section {
  display: none;
}
.site-header-menu {
  align-items: center;
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: center;
}
.site-header-menu > li {
  margin: 0 0 1rem 0;
}
.site-header-menu > li:last-child {
  margin: 0;
}
.site-header-menu > li > a {
  font-size: 1.25rem;
}

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

  /*------- Mobile Logo and Burger Menu Section Starts -------*/

.header-section-mobile { background-color: #ffffff; display: block; left: 0; padding: 5px 15px; position: fixed; top: 0; width: 100%; z-index: 10; }

    /*------- Mobile Hamburger Menu Section Starts -------*/

.burger-menu { background-color: transparent; cursor: pointer; height: 50px; position: relative; width: 50px; }
.burger-menu span { background-color: #1C1C84; height: 2px; left: 50%; position: absolute; top: 50%; -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); transform: translate(-50%,-50%); -webkit-transition: 0.5s linear 0.5s; -moz-transition: 0.5s linear 0.5s; -ms-transition: 0.5s linear 0.5s; -o-transition: 0.5s linear 0.5s; transition: 0.5s linear 0.5s; width: 25px; }
.burger-menu span::before,
.burger-menu span::after { background-color: #1C1C84; content: ""; height: 2px; position: absolute; top: 10px; -webkit-transition: 0.5s linear; -moz-transition: 0.5s linear; -ms-transition: 0.5s linear; -o-transition: 0.5s linear; transition: 0.5s linear; width: 25px; }
.burger-menu span::before { top: -10px; }
.burger-menu.active span { background-color: transparent; -webkit-transition: 0s linear; -moz-transition: 0s linear; -ms-transition: 0s linear; -o-transition: 0s linear; transition: 0s linear; }
.burger-menu.active span::before { top: 0; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); }
.burger-menu.active span::after { top: 0; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); }

	  /*------- Mobile Hamburger Menu Section Ends -------*/

  /*------- Mobile Logo and Burger Menu Section Ends -------*/

  /*------- Mobile Navbar Menu Section Starts -------*/

.navbar-menu-mobile { background-color: #fff; bottom: 0; display: block; clip-path: circle(100px at 90% -15%); height: 100%; left: 0; position: fixed; right: 0; top: 0; -webkit-transition: 1s ease; -moz-transition: 1s ease; -ms-transition: 1s ease; -o-transition: 1s ease; transition: 1s ease; width: 100%; z-index: 9; }
.navbar-menu-mobile.active { clip-path: circle(1000px at 90% -10%); }
.menu-listing-mobile { left: 50%; opacity: 0; position: absolute; top: 40%; -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); transform: translate(-50%,-50%); -webkit-transition: 1s ease; -moz-transition: 1s ease; -ms-transition: 1s ease; -o-transition: 1s ease; transition: 1s ease; visibility: hidden; width: 100%; z-index: 10; }
.menu-listing-mobile.active { opacity: 1; top: 50%; -webkit-transition: 1s ease 0.25s; -moz-transition: 1s ease 0.25s; -ms-transition: 1s ease 0.25s; -o-transition: 1s ease 0.25s; transition: 1s ease 0.25s; visibility: visible; }

  /*------- Mobile Navbar Menu Section Ends -------*/

  /*------- Slider Section CSS Starts -------*/

.hero-section {
  margin-top: 3.75rem;
  padding: 0;
}
.hero-slider-info {
  padding: 1.5rem 0.75rem;
}
.hero-slider-info > h1 {
  font-size: 2rem;
  margin-bottom: 1.25rem;
}
.hero-slider-info > h1 > span {
  display: inline;
}
.hero-slider-info > p {
  margin-bottom: 1.5rem;
  max-width: 100%;
}
.hero-slider-info-button .btn-primary {
  margin-bottom: 1.5rem;
}
.hero-slider-info-button .btn-primary a,
.hero-slider-info-button .btn-white-outline a {
  display: block;
  text-align: center;
}
.hero-slider-info-card {
  margin-top: 0;
}

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

.hero-section .slick-dots {
  bottom: 1rem;
}

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

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

.hero-section .slick-arrow {
  background-color: rgb(27 12 45 / 80%);
  border: 1px solid rgb(214 217 232 / 80%);
  bottom: 65%;
}
.hero-section .slick-arrow {
  bottom: 65%;
}
.hero-section .slick-prev {
  left: 2%;
}
.hero-section .slick-next {
  right: 2%;
}

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

  /*------- Slider Section CSS Ends -------*/

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

.key-highlights-section {
  margin-top: 0;
}
.key-highlights-banner > .row > [class^=col] {
  border-right: 0;
}
.key-highlights-banner {
  padding: 1.25rem 1.25rem 0.25rem;
}
.key-highlights-image-title {
  margin-bottom: 1rem;
}

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

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

.career-opportunity-banner {
  padding: 1.25rem;
}
.career-opportunity-banner-image {
  margin-bottom: 1rem;
  text-align: center;
}
.career-opportunity-banner-description > p:first-child {
  font-size: 1.25rem;
  margin-bottom: 1.25rem;
  padding-right: 0;
}
.career-opportunity-banner-description > p:last-child {
  align-items: start;
  gap: 0.75rem;
}

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

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

.about-us-section-sub-heading {
  margin-top: 1.5rem;
}

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

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

.services-section .bg-surface-1 {
  padding: 1.5rem;
}
.services-section .section-heading > h2 {
  margin-bottom: 1.5rem;
}
.service-card {
  margin-bottom: 1.5rem;
  padding: 1.5rem;
}
.service-card-image > img {
  margin-bottom: 1.25rem;
}
.service-card-title > h3 {
  font-size: 1.25rem;
  margin-bottom: 1.25rem;
}

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

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

.work-opportunity-section .section-description {
  margin-bottom: 1.5rem;
}
.work-opportunity-section .section-description span {
  display: inline;
}
.work-opportunity-card {
  min-height: 23.0625rem;
  padding: 1.5rem;
}
.work-opportunity-card-image > img {
  margin: 0 auto 1.5rem;
}
.work-opportunity-card-description > p {
  margin-bottom: 1.5rem;
}

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

.work-opportunity-section .slick-prev {
  left: 25%;
}
.work-opportunity-section .slick-next {
  right: 25%;
}

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

.work-opportunity-description > p > span {
  display: inline;
}
.work-opportunity-banner-title-description {
  border-right: 0;
  padding-right: 0;
}
.work-opportunity-banner-title-description > h3 {
  font-size: 1.25rem;
  margin-bottom: 1.25rem;
}
.work-opportunity-banner-title-description > p > span {
  display: inline;
}

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

  /*------- Mining and Industrial Talent Section Starts -------*/

.mining-industrial-talent-image > img {
  margin-bottom: 1.5rem;
}

  /*------- Mining and Industrial Talent Section Ends -------*/

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

.communities-section .bg-surface-2 {
  padding: 1.5rem;
}
.communities-image > img {
  margin-bottom: 1.5rem;
}

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

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

.relocation-dream-section {
  padding-bottom: 1.5rem;
}
.relocation-dream-sub-heading {
  margin-top: 1.5rem;
}

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

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

.purpose-section .section-description {
  margin-bottom: 1.5rem;
}
.purpose-card {
  margin-bottom: 1.5rem;
  min-height: auto;
  padding: 1.5rem;
}
.vision-purpose-card {
  margin-bottom: 0;
}
.purpose-card-image > img {
  margin-bottom: 1.5rem;
}
.purpose-card-title > h3 {
  font-size: 1.25rem;
  margin-bottom: 1.25rem;
}

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

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

.why-choose-us-section {
  padding-bottom: 0;
}
.why-choose-us-section .section-description {
  margin: 0 auto 1.5rem;
  max-width: 100%;
}
.why-choose-us-card {
  margin-bottom: 1.5rem;
  padding: 1.5rem;
}
.why-choose-us-card-image > img {
  margin-bottom: 1.5rem;
}
.why-choose-us-card-title > h3 {
  font-size: 1.25rem;
  margin-bottom: 1.25rem;
}
.why-choose-us-card-title > h3 > span {
  display: inline;
}
.why-choose-us-card-description > p {
  min-height: 9rem;
}
.why-choose-us-card-dark {
  margin-bottom: 1.5rem;
  padding-top: 1.5rem;
}
.why-choose-us-card-dark > .why-choose-us-card-description > p {
  min-height: auto;
}
.compliance-banner {
  margin: 0 0 1.5rem;
  padding: 1.5rem 1.5rem 0;
}
.compliance-banner-image > img {
  margin-bottom: 1.5rem;
}
.compliance-banner-description > p {
  margin-bottom: 1.25rem;
}
.trust-us-card {
  margin-bottom: 1.5rem;
  min-height: auto;
  padding: 1.5rem;
}
.trust-us-card-title > h3 {
  font-size: 1.25rem;
}
.trust-us-card-title > h3 > span {
  display: inline;
}
.trust-us-card-listing > li {
  margin-bottom: 1.5rem;
}
.trust-us-card-listing > li figure::before {
  top: 1.65rem;
}

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

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

.recruitment-section .section-description > .btn-primary {
  margin-bottom: 2rem;
}
.recruitment-section {
  padding-bottom: 0;
}
.recruitment-banner {
  -webkit-border-radius: 1rem;
  -moz-border-radius: 1rem;
  -ms-border-radius: 1rem;
  -o-border-radius: 1rem;
  border-radius: 1rem;
  height: auto !important;
  margin-bottom: 1rem;
  padding: 1.5rem;
}
.recruitment-banner-title-description > h3 {
  font-size: 1.25rem;
  margin-bottom: 1.5rem;
}
.recruitment-banner-image > img {
  -webkit-border-radius: 1rem;
  -moz-border-radius: 1rem;
  -ms-border-radius: 1rem;
  -o-border-radius: 1rem;
  border-radius: 1rem;
  margin-bottom: 1.5rem;
}
.recruitment-image-title {
  padding: 1.5rem 0;
}
.recruitment-image-title > img {
  margin-bottom: 1.25rem;
}
.recruitment-image-title > h4 > span {
  display: inline;
}

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

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

.how-we-work-section {
  padding-bottom: 0;
}
.how-we-work-section .bg-surface-2 {
  padding: 1.5rem 1.5rem 0;
}
.how-we-work-section .section-description {
  margin-bottom: 1.5rem;
}
.how-we-work-card {
  min-height: auto;
  padding: 1.5rem;
}
.how-we-work-card-title > h3 {
  font-size: 1.25rem;
  margin-bottom: 1.25rem;
}
.how-we-work-card-title > h3 > span {
  display: inline;
}
.how-we-work-right-direction-arrow {
  bottom: -1.5rem;
  left: 50%;
  right: auto;
  top: auto !important;
  transform: translateX(-50%) rotate(90deg) !important;
}

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

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

.life-section {
  padding-bottom: 1.5rem;
}
.life-image > img { 
  margin-bottom: 1.5rem;
}
.life-section .section-description {
  margin-bottom: 2rem;
}
.life-image-title-description {
  margin-bottom: 1.25rem;
}
.life-image-title-description > h3 {
  font-size: 1.25rem;
}
.life-image-title-description > h3 > span {
  display: inline;
}

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

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

.contact-us-section {
  padding-bottom: 0;
  padding-top: 0;
}
.contact-us-section .section-description {
  margin-bottom: 1.5rem;
}
.contact-us-section .section-description span {
  display: inline;
}
.contact-us-employers-candidates-card {
  margin-bottom: 1.5rem;
  min-height: auto;
  padding: 1.5rem;
}
.contact-us-employers-candidates-card-title {
  margin-bottom: 1.25rem;
}
.contact-us-employers-candidates-card-title img {
  padding-right: 1rem;
}
.contact-us-employers-candidates-card-title > h3 {
  font-size: 1.25rem;
}
.contact-us-employers-candidates-card > h4 {
  margin-bottom: 1rem;
}
.contact-us-employers-candidates-card > p {
  margin-bottom: 1.25rem;
}
.form-group {
  margin-bottom: 1.5rem;
}
.form-group-requirement {
  min-height: auto;
}

  /*------- Contact Us Section Ends -------*/

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

.footer-section {
  padding-bottom: 1.5rem;
}
.footer-description > p,
.footer-heading > h3,
.footer-links > li:last-child,
.footer-contact-us-listing > li:last-child {
  margin-bottom: 1.25rem;
}
.footer-contact-us-listing {
  margin-bottom: 0;
}
.footer-social-listing > li > a {
  width: 2.5rem;
}
.footer-border-top {
  margin-top: 1.5rem;
  padding-top: 1.5rem;
}
.copyright-info > p,
.footer-legal-links {
  margin-bottom: 0.5rem;
}
.copyright-info > p {
  text-align: center;
}
.footer-legal-links {
  justify-content: center;
}
.footer-credit > p {
  text-align: center;
}
  
  /*------- Footer Section Ends -------*/

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

}

@media only screen and (min-width: 768px) and (max-width: 991px) {

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

.coming-soon {
  padding: 0 1.25rem;
}
.coming-soon > picture > img {
  max-width: 370px;
}
.coming-soon > h1 {
  font-size: 2.5rem;
}
.coming-soon > p {
  font-size: 1.25rem;
}

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

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

.container-fluid {
  padding-bottom: 0;
  padding-top: 1.5rem;
}
.section-heading > h2 {
  font-size: 1.5rem;
  margin-bottom: 1.25rem;
}
.section-heading > h2 > span {
  display: inline;
}
.btn-primary > a,
button.btn-primary,
.btn-white-outline > a,
button.btn-outline-primary {
  padding: 0.75rem 1rem;
}

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

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

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

.header-section {
  display: none;
}
.site-header-menu {
  align-items: center;
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: center;
}
.site-header-menu > li {
  margin: 0 0 1rem 0;
}
.site-header-menu > li:last-child {
  margin: 0;
}
.site-header-menu > li > a {
  font-size: 1.25rem;
}

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

  /*------- Mobile Logo and Burger Menu Section Starts -------*/

.header-section-mobile { background-color: #ffffff; display: block; left: 0; padding: 5px 15px; position: fixed; top: 0; width: 100%; z-index: 10; }

    /*------- Mobile Hamburger Menu Section Starts -------*/

.burger-menu { background-color: transparent; cursor: pointer; height: 50px; position: relative; width: 50px; }
.burger-menu span { background-color: #1C1C84; height: 2px; left: 50%; position: absolute; top: 50%; -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); transform: translate(-50%,-50%); -webkit-transition: 0.5s linear 0.5s; -moz-transition: 0.5s linear 0.5s; -ms-transition: 0.5s linear 0.5s; -o-transition: 0.5s linear 0.5s; transition: 0.5s linear 0.5s; width: 25px; }
.burger-menu span::before,
.burger-menu span::after { background-color: #1C1C84; content: ""; height: 2px; position: absolute; top: 10px; -webkit-transition: 0.5s linear; -moz-transition: 0.5s linear; -ms-transition: 0.5s linear; -o-transition: 0.5s linear; transition: 0.5s linear; width: 25px; }
.burger-menu span::before { top: -10px; }
.burger-menu.active span { background-color: transparent; -webkit-transition: 0s linear; -moz-transition: 0s linear; -ms-transition: 0s linear; -o-transition: 0s linear; transition: 0s linear; }
.burger-menu.active span::before { top: 0; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); }
.burger-menu.active span::after { top: 0; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); }

	  /*------- Mobile Hamburger Menu Section Ends -------*/

  /*------- Mobile Logo and Burger Menu Section Ends -------*/

  /*------- Mobile Navbar Menu Section Starts -------*/

.navbar-menu-mobile { background-color: #fff; bottom: 0; display: block; clip-path: circle(100px at 90% -15%); height: 100%; left: 0; position: fixed; right: 0; top: 0; -webkit-transition: 1s ease; -moz-transition: 1s ease; -ms-transition: 1s ease; -o-transition: 1s ease; transition: 1s ease; width: 100%; z-index: 9; }
.navbar-menu-mobile.active { clip-path: circle(1000px at 90% -10%); }
.menu-listing-mobile { left: 50%; opacity: 0; position: absolute; top: 40%; -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); transform: translate(-50%,-50%); -webkit-transition: 1s ease; -moz-transition: 1s ease; -ms-transition: 1s ease; -o-transition: 1s ease; transition: 1s ease; visibility: hidden; width: 100%; z-index: 10; }
.menu-listing-mobile.active { opacity: 1; top: 50%; -webkit-transition: 1s ease 0.25s; -moz-transition: 1s ease 0.25s; -ms-transition: 1s ease 0.25s; -o-transition: 1s ease 0.25s; transition: 1s ease 0.25s; visibility: visible; }

  /*------- Mobile Navbar Menu Section Ends -------*/

  /*------- Slider Section CSS Starts -------*/

.hero-section {
  height: 115vh;
  margin-top: 3.75rem;
  padding: 0;
}
.hero-slider-1,
.hero-slider-2,
.hero-slider-3,
.hero-slider-4 { 
  height: 115vh;
}
.hero-slider-info {
  padding: 1.5rem 0.75rem 4.5rem;
}
.hero-slider-info > h1 {
  font-size: 2rem;
  margin-bottom: 1.25rem;
}
.hero-slider-info > h1 > span {
  display: inline;
}
.hero-slider-info > p {
  margin-bottom: 1.5rem;
  max-width: 100%;
}
.hero-slider-info-button .btn-primary {
  margin-bottom: 1.5rem;
}
.hero-slider-info-button .btn-primary a,
.hero-slider-info-button .btn-white-outline a {
  display: block;
  text-align: center;
}
.hero-slider-info-card {
  margin-top: 0;
}

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

.hero-slider.slick-dotted.slick-slider {
  margin-bottom: 0;
}
.hero-section .slick-dots {
  bottom: 1rem;
}

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

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

.hero-section .slick-arrow {
  bottom: 0;
}
.hero-section .slick-prev {
  left: 35%;
}
.hero-section .slick-next {
  right: 35%;
}

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

  /*------- Slider Section CSS Ends -------*/

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

.key-highlights-section {
  margin-top: 0;
}
.key-highlights-banner > .row > [class^=col] {
  border-right: 0;
}
.key-highlights-banner {
  padding: 1.25rem 1.25rem 0.25rem;
}
.key-highlights-image-title {
  margin-bottom: 1rem;
}

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

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

.career-opportunity-banner {
  padding: 1.25rem;
}
.career-opportunity-banner-image {
  margin-bottom: 1rem;
  text-align: center;
}
.career-opportunity-banner-description > p:first-child {
  font-size: 1.25rem;
  margin-bottom: 1.25rem;
  padding-right: 0;
}
.career-opportunity-banner-description > p:last-child {
  align-items: start;
  gap: 0.75rem;
}

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

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

.about-us-section-sub-heading {
  margin-top: 1.5rem;
}

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

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

.services-section .bg-surface-1 {
  padding: 1.5rem;
}
.services-section .section-heading > h2 {
  margin-bottom: 1.5rem;
}
.service-card {
  margin-bottom: 1.5rem;
  padding: 1.5rem;
}
.service-card-image > img {
  margin-bottom: 1.25rem;
}
.service-card-title > h3 {
  font-size: 1.25rem;
  margin-bottom: 1.25rem;
}

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

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

.work-opportunity-section .section-description {
  margin-bottom: 1.5rem;
}
.work-opportunity-section .section-description span {
  display: inline;
}
.work-opportunity-card {
  min-height: 20rem;
  padding: 1.5rem;
}
.work-opportunity-card-image > img {
  margin: 0 auto 1.5rem;
}
.work-opportunity-card-description > p {
  margin-bottom: 1.5rem;
}

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

.work-opportunity-section .slick-prev {
  left: 35%;
}
.work-opportunity-section .slick-next {
  right: 35%;
}

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

.work-opportunity-description > p > span {
  display: inline;
}
.work-opportunity-banner-title-description {
  border-right: 0;
  padding-right: 0;
}
.work-opportunity-banner-title-description > h3 {
  font-size: 1.25rem;
  margin-bottom: 1.25rem;
}
.work-opportunity-banner-title-description > p > span {
  display: inline;
}

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

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

.communities-section .bg-surface-2 {
  padding: 1.5rem;
}

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

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

.relocation-dream-section {
  padding-bottom: 1.5rem;
}

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

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

.purpose-section {
  padding-bottom: 1.5rem;
}
.purpose-section .section-description {
  margin-bottom: 1.5rem;
}
.purpose-card {
  min-height: 29.125rem;
  padding: 1.5rem;
}
.purpose-card-image > img {
  margin-bottom: 1.5rem;
}
.purpose-card-title > h3 {
  font-size: 1.25rem;
  margin-bottom: 1.25rem;
}

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

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

.why-choose-us-section {
  padding-bottom: 0;
}
.why-choose-us-section .section-description {
  margin: 0 auto 1.5rem;
  max-width: 100%;
}
.why-choose-us-card {
  margin-bottom: 1.5rem;
  padding: 1.5rem;
}
.why-choose-us-card-image > img {
  margin-bottom: 1.5rem;
}
.why-choose-us-card-title > h3 {
  font-size: 1.25rem;
  margin-bottom: 1.25rem;
}
.why-choose-us-card-title > h3 > span {
  display: inline;
}
.why-choose-us-card-description > p {
  min-height: 6rem;
}
.why-choose-us-card-dark {
  margin-bottom: 1.5rem;
  padding-top: 1.5rem;
}
.why-choose-us-card-dark > .why-choose-us-card-description > p {
  min-height: auto;
}
.compliance-banner {
  margin: 0 0 1.5rem;
  padding: 1.5rem 1.5rem 0;
}
.compliance-banner-image > img {
  margin-bottom: 1.5rem;
}
.compliance-banner-description > p {
  margin-bottom: 1.25rem;
}
.trust-us-card {
  margin-bottom: 1.5rem;
  min-height: auto;
  padding: 1.5rem;
}
.trust-us-card-title > h3 {
  font-size: 1.25rem;
}
.trust-us-card-title > h3 > span {
  display: inline;
}
.trust-us-card-listing > li {
  margin-bottom: 1.5rem;
}
.trust-us-card-listing > li figure::before {
  top: 1.65rem;
}

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

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

.recruitment-section .section-description > .btn-primary {
  margin-bottom: 2rem;
}
.recruitment-section {
  padding-bottom: 0;
}
.recruitment-banner {
  -webkit-border-radius: 1rem;
  -moz-border-radius: 1rem;
  -ms-border-radius: 1rem;
  -o-border-radius: 1rem;
  border-radius: 1rem;
  height: auto !important;
  margin-bottom: 1rem;
  padding: 1.5rem;
}
.recruitment-banner-title-description > h3 {
  font-size: 1.25rem;
  margin-bottom: 1.5rem;
}
.recruitment-banner-image > img {
  -webkit-border-radius: 1rem;
  -moz-border-radius: 1rem;
  -ms-border-radius: 1rem;
  -o-border-radius: 1rem;
  border-radius: 1rem;
  margin-bottom: 1.5rem;
}
.recruitment-image-title {
  padding: 1.5rem 0;
}
.recruitment-image-title > img {
  margin-bottom: 1.25rem;
}
.recruitment-image-title > h4 > span {
  display: inline;
}

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

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

.how-we-work-section {
  padding-bottom: 0;
}
.how-we-work-section .bg-surface-2 {
  padding: 1.5rem 1.5rem 0;
}
.how-we-work-section .section-description {
  margin-bottom: 1.5rem;
}
.how-we-work-card {
  min-height: auto;
  padding: 1.5rem;
}
.how-we-work-card-title > h3 {
  font-size: 1.25rem;
  margin-bottom: 1.25rem;
}
.how-we-work-card-title > h3 > span {
  display: inline;
}
.how-we-work-right-direction-arrow {
  bottom: -1.5rem;
  left: 50%;
  right: auto;
  top: auto !important;
  transform: translateX(-50%) rotate(90deg) !important;
}

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

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

.life-section {
  padding-bottom: 1.5rem;
}
.life-image > img { 
  margin-bottom: 1.5rem;
}
.life-section .section-description {
  margin-bottom: 2rem;
}
.life-image-title-description {
  margin-bottom: 1.25rem;
}
.life-image-title-description > h3 {
  font-size: 1.25rem;
}
.life-image-title-description > h3 > span {
  display: inline;
}

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

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

.contact-us-section {
  padding-bottom: 0;
  padding-top: 0;
}
.contact-us-section .section-description {
  margin-bottom: 1.5rem;
}
.contact-us-section .section-description span {
  display: inline;
}
.contact-us-employers-candidates-card {
  margin-bottom: 1.5rem;
  padding: 1.5rem;
}
.contact-us-employers-candidates-card-title {
  margin-bottom: 1.25rem;
}
.contact-us-employers-candidates-card-title img {
  padding-right: 1rem;
}
.contact-us-employers-candidates-card-title > h3 {
  font-size: 1.25rem;
}
.contact-us-employers-candidates-card > h4 {
  margin-bottom: 1rem;
}
.contact-us-employers-candidates-card > p {
  margin-bottom: 1.25rem;
}
.form-group {
  margin-bottom: 1.5rem;
}
.form-group-requirement {
  min-height: 28.125rem;
}

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

.file-content {
  flex-direction: column;
}

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

  /*------- Contact Us Section Ends -------*/

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

.footer-description > p,
.footer-heading > h3,
.footer-links > li:last-child,
.footer-contact-us-listing > li:last-child,
.copyright-info > p,
.footer-legal-links {
  margin-bottom: 1.25rem;
}
.footer-contact-us-listing {
  margin-bottom: 0;
}
.footer-social-listing > li > a {
  width: 2.5rem;
}
.footer-border-top {
  margin-top: 1.5rem;
  padding-top: 1.5rem;
}
.copyright-info > p {
  text-align: center;
}
  
  /*------- Footer Section Ends -------*/

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

}

@media only screen and (min-width: 992px) and (max-width: 1199px) {

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

.coming-soon {
  padding: 0 1.25rem;
}
.coming-soon > picture > img {
  max-width: 430px;
}
.coming-soon > h1 {
  font-size: 2.5rem;
}
.coming-soon > p {
  font-size: 1.25rem;
}

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

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

.container-fluid {
  padding-bottom: 0.375rem;
  padding-top: 2rem;
}
.section-heading > h2 {
  font-size: 2rem;
}
.section-heading > h2 > span {
  display: inline;
}
.btn-primary > a,
button.btn-primary,
.btn-white-outline > a,
button.btn-outline-primary {
  padding: 0.75rem 1rem;
}

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

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

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

.site-header-menu > li {
  margin: 0 1.25rem 0 0;
}
.site-header-menu > li > a {
  font-size: 0.875rem;
}

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

  /*------- Slider Section CSS Starts -------*/

.hero-section {
  padding: 0;
}
.hero-slider-info > h1 {
  font-size: 2rem;
  margin-bottom: 1.25rem;
}
.hero-slider-info > h1 > span {
  display: inline;
}
.hero-slider-info > p {
  margin-bottom: 1.5rem;
  max-width: 100%;
}

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

.hero-slider.slick-dotted.slick-slider {
  margin-bottom: 0;
}
.hero-section .slick-dots {
  bottom: 1rem;
}

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

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

.hero-section .slick-arrow {
  bottom: 0;
}
.hero-section .slick-prev {
  left: 35%;
}
.hero-section .slick-next {
  right: 35%;
}

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

  /*------- Slider Section CSS Ends -------*/

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

.key-highlights-section {
  margin-top: 0;
}
.key-highlights-banner > .row > [class^=col] {
  border-right: 0;
}
.key-highlights-banner {
  padding: 1.25rem 1.25rem 0.25rem;
}
.key-highlights-image-title {
  margin-bottom: 1rem;
}

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

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

.career-opportunity-banner {
  padding: 1.25rem;
}
.career-opportunity-banner-image {
  margin-bottom: 1rem;
  text-align: center;
}
.career-opportunity-banner-description > p:first-child {
  font-size: 1.25rem;
  margin-bottom: 1.25rem;
  padding-right: 0;
}
.career-opportunity-banner-description > p:last-child {
  align-items: start;
  gap: 0.75rem;
}

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

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

.services-section .bg-surface-1 {
  padding: 2rem;
}
.services-section .section-heading > h2 {
  margin-bottom: 1.5rem;
}
.service-card {
  margin-bottom: 1.5rem;
  padding: 1.5rem;
}
.service-card-image > img {
  margin-bottom: 1.25rem;
}
.service-card-title > h3 {
  font-size: 1.25rem;
  margin-bottom: 1.25rem;
}

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

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

.work-opportunity-section .section-description {
  margin-bottom: 1.5rem;
}
.work-opportunity-section .section-description span {
  display: inline;
}
.work-opportunity-card {
  min-height: 20rem;
  padding: 1.5rem;
}
.work-opportunity-card-image > img {
  margin: 0 auto 1.5rem;
}
.work-opportunity-card-description > p {
  margin-bottom: 1.5rem;
}

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

.work-opportunity-section .slick-prev {
  left: 35%;
}
.work-opportunity-section .slick-next {
  right: 35%;
}

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

.work-opportunity-description > p > span {
  display: inline;
}
.work-opportunity-banner-title-description {
  border-right: 0;
  padding-right: 0;
}
.work-opportunity-banner-title-description > h3 {
  font-size: 1.25rem;
  margin-bottom: 1.25rem;
}
.work-opportunity-banner-title-description > p > span {
  display: inline;
}

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

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

.communities-section .bg-surface-2 {
  padding: 2rem;
}

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

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

.relocation-dream-section {
  padding-bottom: 2rem;
}

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

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

.purpose-section {
  padding-bottom: 2rem;
}
.purpose-section .section-description {
  margin-bottom: 1.5rem;
}
.purpose-card {
  min-height: 34.125rem;
}

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

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

.why-choose-us-section {
  padding-bottom: 0;
}
.why-choose-us-section .section-description {
  margin: 0 auto 1.5rem;
  max-width: 100%;
}
.why-choose-us-card {
  padding: 2rem;
}
.why-choose-us-card-image > img {
  margin-bottom: 1.5rem;
}
.why-choose-us-card-title > h3 {
  font-size: 1.25rem;
  margin-bottom: 1.25rem;
}
.why-choose-us-card-title > h3 > span {
  display: inline;
}
.why-choose-us-card-description > p {
  min-height: 7.5rem;
}
.why-choose-us-card-dark {
  padding-top: 2rem;
}
.why-choose-us-card-dark > .why-choose-us-card-description > p {
  min-height: auto;
}
.compliance-banner {
  margin: 0 0 1.5rem;
  padding: 1.5rem 1.5rem 0;
}
.compliance-banner-image > img {
  margin-bottom: 1.5rem;
}
.compliance-banner-description > p {
  margin-bottom: 1.25rem;
}
.trust-us-card {
  margin-bottom: 2rem;
  min-height: 59.25rem;
  padding: 1.5rem;
}
.trust-us-card-title > h3 {
  font-size: 1.25rem;
}
.trust-us-card-title > h3 > span {
  display: inline;
}
.trust-us-card-listing > li {
  margin-bottom: 1.5rem;
}
.trust-us-card-listing > li figure::before {
  top: 1.65rem;
}

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

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

.recruitment-banner {
  padding: 2rem;
}

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

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

.how-we-work-section {
  padding-bottom: 0;
}
.how-we-work-section .bg-surface-2 {
  padding: 2rem 2rem 0;
}
.how-we-work-card {
  min-height: 30rem;
  padding: 1.5rem;
}
.how-we-work-card-title > h3 {
  margin-bottom: 1.5rem;
}
.how-we-work-card-title > h3 > span {
  display: inline;
}

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

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

.life-section {
  padding-bottom: 1.5rem;
}
.life-section .section-description {
  margin-bottom: 2rem;
}
.life-image-title-description > h3 {
  font-size: 1.5rem;
}
.life-image-title-description > h3 > span {
  display: inline;
}

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

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

.contact-us-section {
  padding-bottom: 2rem;
  padding-top: 0;
}
.contact-us-section .section-description {
  margin-bottom: 1.5rem;
}
.contact-us-section .section-description span {
  display: inline;
}
.contact-us-employers-candidates-card {
  padding: 1.5rem;
}
.contact-us-employers-candidates-card-title {
  margin-bottom: 1.25rem;
}
.contact-us-employers-candidates-card-title img {
  padding-right: 1rem;
}
.contact-us-employers-candidates-card-title > h3 {
  font-size: 1.25rem;
}
.contact-us-employers-candidates-card > h4 {
  margin-bottom: 1rem;
}
.contact-us-employers-candidates-card > p {
  margin-bottom: 1.25rem;
}
.form-group {
  margin-bottom: 1.5rem;
}
.form-group-requirement {
  min-height: 28.125rem;
}

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

.file-content {
  flex-direction: column;
}

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

  /*------- Contact Us Section Ends -------*/

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

.footer-description > p,
.footer-heading > h3,
.footer-links > li:last-child,
.footer-contact-us-listing > li:last-child,
.copyright-info > p,
.footer-legal-links {
  margin-bottom: 1.25rem;
}
.footer-contact-us-listing {
  margin-bottom: 0;
}
.footer-social-listing > li > a {
  width: 2.5rem;
}
.footer-border-top {
  margin-top: 1.5rem;
  padding-top: 1.5rem;
}
.copyright-info > p {
  text-align: center;
}
.footer-legal-links {
  justify-content: flex-end;
}
.footer-credit > p {
  text-align: left;
}
  
  /*------- Footer Section Ends -------*/

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

}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {

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

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

.service-card {
  min-height: 37.125rem;
}

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

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

.how-we-work-card {
  min-height: 28.125rem;
}

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

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

}

@media only screen and (min-width: 1400px) {

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

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

.service-card {
  min-height: 27.8125rem;
}

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

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

}