* {
  margin: 0;
  padding: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  line-height: 1.4em;
}
/*Change text in autofill textbox*/
input:-webkit-autofill {
  -webkit-text-fill-color: #3b3a3a;
}
body {
  font-size: 18px;
  text-align: left;
  font-style: normal;
  font-family: Karla, sans-serif;
  color: #51494b;
}

/* .scroll {
  width: 50%;
  background: #3c5b9b;
 

}

::-webkit-scrollbar {
   width: 5px;
   background: #ffffff;
  
}
                   
::-webkit-scrollbar-track {
   border-radius: 1px;
 
}
                   
::-webkit-scrollbar-thumb {
   border-radius: 2px;
   background: #3c5b9b;
} */
/* Set styles for all scrollbars */
body::-webkit-scrollbar {
  width: 5px;
  background: #ffffff;
}

body::-moz-scrollbar {
  width: 5px;
  background: #ffffff;
}

body::-ms-scrollbar {
  width: 5px;
  background: #ffffff;
}

/* Set styles for scrollbar track */
body::-webkit-scrollbar-track {
  border-radius: 1px;
}

body::-moz-scrollbar-track {
  border-radius: 1px;
}

body::-ms-scrollbar-track {
  border-radius: 1px;
}

/* Set styles for scrollbar thumb */
body::-webkit-scrollbar-thumb {
  border-radius: 2px;
  background: #3c5b9b;
}

body::-moz-scrollbar-thumb {
  border-radius: 2px;
  background: #3c5b9b;
}

body::-ms-scrollbar-thumb {
  border-radius: 2px;
  background: #3c5b9b;
}
.row::after {
  content: "";
  clear: both;
  display: table;
}
a,
a:focus,
a:hover {
  text-decoration: none;
}
img {
  max-width: 100%;
  width: auto;
}
ul {
  margin: 0;
}
ul li {
  list-style-type: none;
}
textarea {
  resize: none;
}
/* check box hide */
/* input[type="checkbox"],
select {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
} */
input[type="file"]::file-selector-button {
  visibility: hidden;
  width: 0;
  padding: 0;
  border: 0;
}
button {
  border: none;
  box-shadow: none;
}
button:disabled {
  cursor: not-allowed !important;
  position: relative;
  opacity: 0.5;
}
input[type="checkbox"]::-ms-expand,
select::-ms-expand {
  display: none;
}
.card-wrapper {
  position: relative;
  float: left;
  padding: 0 15px;
  margin: 50px 0;
}
.card-wrapper .ui-heading {
  font-size: 5.3em;
  letter-spacing: 0;
  color: #e3edff;
  padding-left: 38px;
  text-shadow: -1px -1px 0 #244589, 1px -1px 0 #244589, -1px 1px 0 #244589,
    1px 1px 0 #244589;
  position: absolute;
  top: -0.88em;
}
.card-box {
  position: relative;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
  padding: 40px;
  background-color: #fff;
}
.card-box::before {
  content: "";
  position: absolute;
  width: 99%;
  height: 99%;
  border: 1px solid #b4ccff;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
  top: -7px;
  left: -6px;
  transition: all 1s ease-in-out;
}
.card-wrapper h2 {
  font-size: 1.33em;
  line-height: 1.2em;
  color: #244589;
}
.card-wrapper p,
.card-wrapper ul {
  font-size: 1em;
  color: #8e8e8e;
  position: relative;
  margin-top: 30px;
  word-wrap: break-word;
}
.thumbnail-images {
  position: absolute;
  bottom: -30px;
  white-space: nowrap;
}
.thumbnail-images img {
  width: 68.83px;
  height: 68.83px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  padding-right: 9.2px;
}
.team-icon {
  margin-bottom: 30px;
}
.card-wrapper span {
  position: relative;
  float: right;
  top: 0;
}
.card-wrapper small {
  font-size: 1.125em;
  color: #8e8e8e;
}
.card-wrapper span .open-btn {
  display: none;
}
.btn-group a:first-child {
  padding-right: 23px;
}
.card-box h2 a {
  z-index: 3;
  position: relative;
  color: #244589 !important;
}
.carousel-container::-webkit-scrollbar {
  width: 0;
  display: none;
}
.carousel-container::-webkit-scrollbar-track {
  background: 0 0;
}
.carousel-container::-webkit-scrollbar-thumb {
  background: 0 0;
  border: none;
}
.carousel-container {
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.carousel-container {
  -webkit-display: flex;
  -ms-display: flex;
  -moz-display: flex;
  display: flex;
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  scroll-behavior: smooth;
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: none;
  align-items: stretch;
  justify-content: stretch;
  padding: 10px;
  scroll-behavior: smooth;
}
.carousel-item {
  scroll-snap-align: start;
  flex-shrink: 0;
  -webkit-display: flex;
  -ms-display: flex;
  -moz-display: flex;
  display: flex;
  justify-content: flex-start;
  text-align: left;
  max-width: 100%;
  scroll-behavior: smooth;
}
.carousel-inside-card-wrapper {
  position: relative;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
  padding: 41px 40px 41px 38px;
  background-color: #fff;
  position: relative;
  z-index: 9;
}
.carousel-inside-card-wrapper .carousel-inside-card {
  max-width: 333px !important;
}
.carousel-inside-card-wrapper::before {
  content: "";
  position: absolute;
  width: 99%;
  height: 99%;
  border: 1px solid #b4ccff;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
  top: -7px;
  left: -6px;
}
.carousel-inside-card {
  position: inherit;
}
.carousel-inside-card .card-box,
.carousel-inside-card .card-box::before,
.carousel-inside-card .card-wrapper,
.carousel-inside-card .carousel-container {
  background: 0 0;
  padding: 0 !important;
  border: 0;
  width: 100%;
  position: relative;
}
.carousel-inside-card .card-wrapper {
  padding: 0 2px !important;
  margin: 0;
}
.carousel-inside-card-wrapper .btn-group {
  margin-top: 25px;
}
.flex-container {
  display: -ms-flexbox;
  -webkit-display: flex;
  -ms-display: flex;
  -moz-display: flex;
  display: flex;
}
.no-wrap {
  white-space: nowrap;
}
.alokin-btn {
  position: relative;
  display: inline-block;
  height: 52px;
}
.alokin-btn span {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 18px;
  white-space: nowrap;
  cursor: pointer;
}
ul.list-with-style-type li {
  list-style-image: url("../images/sprite_images/Ellipse_bg.32b22a91c2fd.svg");
}
.apply-job-btn a,
.card-wrapper .ui-heading,
.card-wrapper h2,
.card-wrapper p b,
.form-btn-group button,
.leadership-team-card h2,
.learn-more-about-us-btn a,
.learn-more-btn a,
.load-more-btn a,
.meet-the-team-desc-card h2,
.more-btn span,
.morelink,
.no-matching-openings-text h2,
.our-team-btns a,
.page-banner a,
.partner-with-us-btn a,
.privacy-policy-block h3,
.section-contact-info h3,
.see-openings-btn a,
footer .footer-nav li:first-of-type {
  font-family: Karla, sans-serif;
  font-weight: 700;
  font-style: normal;
}
.about-alokin-header,
.about-job-header,
.be-part-of-our-team-header,
.employee-testimonial-wrap,
.expertise-list,
.expertise-list .main-features,
.expertise-list .sub-features,
.impact-tab-details,
.impact-tab-details .impact-desc,
.impact-tab-details .impact-img,
.join-alokin-merit,
.join-alokin-wrap,
.leadership-testimonial-wrap,
.no-matching-openings,
.our-expertise-header,
.our-teams-container,
.section-mission-vision,
.section-partner-us .why-partner-us,
.section-what-we-believe-in,
.section-what-we-believe-in .key-features,
.selection-process-header,
.team-features-wrap,
.team-features-wrap .team-merit,
.team-members-container,
.tech-logos,
footer .footer-nav,
footer .inner-container,
footer .terms-conditions {
  display: -ms-flexbox;
  -webkit-display: flex;
  -ms-display: flex;
  -moz-display: flex;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.outer-container {
  width: 100%;
  margin: 0 auto;
  padding: 70px;
  overflow-x: hidden;
}
.outer-container .inner-container {
  margin: 0 auto;
  padding: 0 70px;
}
.business-banner {
  z-index: 100 !important;
}
header {
  -webkit-display: flex;
  -ms-display: flex;
  -moz-display: flex;
  display: flex;
  justify-content: left;
  align-items: center;
}
header * {
  line-height: 1.17em;
}
header nav {
  margin-left: auto;
  order: 2;
}
header a {
  color: #51494b;
  padding: 0 0 0 50px;
}
header a.logo-img {
  padding-left: 10px;
}
nav ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
nav ul li {
  display: inline;
  position: relative;
}
nav .nav-toggle {
  display: none;
  padding-right: 20px;
  cursor: pointer;
}
nav ul:first-of-type li a {
  color: #51494b;
  background: #fff;
  border-radius: 30px;
  padding: 16px 25px;
  margin-left: 20px;
}
nav ul:first-of-type li a:hover {
  color: #212121;
  background: #e5e5e5;
  border-radius: 30px;
  padding: 16px 25px;
  margin-left: 20px;
}
.template-about nav ul li a.about-active,
.template-career nav ul li a.career-active,
.template-contact nav ul li a.contact-active,
.template-home nav ul li a.home-active,
.template-privacy nav ul li a.privacy-active {
  color: #fff;
  background: #3c5b9b;
}
nav ul:first-of-type li a:hover {
  transition: 0.5s;
}
.nav-bar-toggle .nav-toggle,
.nav-bar-toggle .social-media a {
  display: none;
}
.page-synopsis h1 {
  font-family: Exo, sans-serif;
  font-style: italic;
  color: #244589;
  font-size: 3.56em;
  line-height: 1.52em;
  position: relative;
}
.page-synopsis h2 {
  font-family: Karla, sans-serif;
  font-weight: 400;
  font-size: 2.67em;
  line-height: 1.15em;
  max-width: 762px;
}
.page-synopsis h1 span {
  position: relative;
  display: inline-block;
}
.page-synopsis h1 span:first-of-type::after {
  content: "";
  background: #3c5b9b;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
  left: 0;
  bottom: -8px;
  width: 68px;
  height: 9px;
  position: absolute;
}
.section-down-arrow {
  text-align: center;
  margin-bottom: 40px;
  position: relative;
  z-index: 99999999;
}
.outer-container.page-banner {
  width: 100%;
  background-color: #3c5b9b;
  min-height: 462px;
  max-height: unset;
  position: relative;
}
.outer-container.page-banner .banner-content {
  position: relative;
  z-index: 4;
}
.banner-img {
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  min-width: 1000px;
  background: #3c5b9b;
  background: -moz-linear-gradient(
      to right,
      #3c5b9b 16.76%,
      rgba(60, 91, 155, 0) 100%
    ),
    url("../images/common/homepage-banner.9983ca4fcaec.png") right no-repeat;
  background: -webkit-linear-gradient(
      to right,
      #3c5b9b 16.76%,
      rgba(60, 91, 155, 0) 100%
    ),
    url("../images/common/homepage-banner.9983ca4fcaec.png") right no-repeat;
  background: linear-gradient(
      to right,
      #3c5b9b 16.76%,
      rgba(60, 91, 155, 0) 100%
    ),
    url("../images/common/homepage-banner.9983ca4fcaec.png") right no-repeat;
  background-size: contain !important;
}
.banner-overlay {
  position: absolute;
  width: 50%;
  height: 100%;
  left: 0;
  top: 0;
  background: linear-gradient(
    to right,
    #3c5b9b 30.76%,
    rgba(60, 91, 155, 0) 100%
  );
  background: -moz-linear-gradient(
    to right,
    #3c5b9b 30.76%,
    rgba(60, 91, 155, 0) 100%
  );
  background: -webkit-linear-gradient(
    to right,
    #3c5b9b 30.76%,
    rgba(60, 91, 155, 0) 100%
  );
  background: linear-gradient(
    to right,
    #3c5b9b 30.76%,
    rgba(60, 91, 155, 0) 100%
  );
  z-index: 1;
}
.page-banner h2 {
  font-family: Exo, sans-serif;
  font-style: italic;
  color: #fff;
  font-size: 3.1em;
  line-height: 1.53em;
  margin-bottom: 5px;
}
.page-banner p {
  color: #fff;
  font-size: 1.1em;
  line-height: 1.62em;
  max-width: 533px;
  padding-left: 5px;
}
.page-banner a {
  margin-top: 25px;
  background: #fff;
  border-radius: 30px;
  padding: 12px 33px;
  display: block;
  max-width: 310px;
  line-height: 1.6em;
  text-align: center;
  font-weight: 700;
  color: #212121;
  margin-left: 7px;
}
.page-banner a:hover {
  background-color: #dddee0;
  color: #212121;
}
.partner-header-wrap.outer-container {
  padding-right: 0;
  margin-top: 100px;
}
.section-partner-us .partner-header {
  display: -ms-flexbox;
  -webkit-display: flex;
  -ms-display: flex;
  -moz-display: flex;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0 10px;
}
.section-partner-us .partner-text h2 {
  letter-spacing: -0.05em;
  font-size: 2em;
  font-weight: 400;
  max-width: 365px;
}
.section-partner-us .partner-text h2.ui-heading {
  max-width: unset;
}
.section-partner-us .partner-logos {
  margin-left: auto;
  order: 2;
}
.section-partner-us .partner-logos img {
  padding: 10px;
}
.why-partner-us-wrap.outer-container {
  padding-top: 20px;
}
.why-partner-us-wrap.outer-container .inner-container {
  padding: 0 10px;
}
.section-partner-us .why-partner-us {
  justify-content: center;
}
.section-partner-us .why-partner-us .partner-with-us-card {
  padding: 0 30px;
}
.section-partner-us
  .why-partner-us
  .partner-with-us-card:nth-child(3)
  .card-box {
  max-width: 340px;
}
.section-partner-us .why-partner-us .partner-with-us-card .card-box {
  min-height: 415px;
  background-color: #f4f8ff;
  max-width: 365px;
}
.btn-group a,
.form-btn-group button {
  cursor: pointer;
}
.view-in-mob.btn-group {
  text-align: center;
  display: none;
}
.partner-testimonial-mob,
.view-in-mob {
  display: none;
}
.why-partner-us .partner-testimonial-card {
  display: block;
}
.section-partner-us .partner-testimonial-card img.quote-img {
  width: 81px;
  margin-left: 34px;
}
.section-partner-us .partner-testimonial-card p:first-of-type {
  font-size: 0.9em;
}
.section-partner-us .partner-testimonial-card p {
  color: #51494b;
}
.section-partner-us .partner-testimonial-card p b {
  color: #244589;
}
.partner-testimonial-card,
.why-partner-us .partner-testimonial-card {
  display: block;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  max-width: 333px;
  margin-top: 0;
}
.partner-testimonial-card .img-group,
.why-partner-us .partner-testimonial-card .img-group {
  display: flex;
}
.partner-testimonial-card .quote-img {
  align-self: center;
}
.partner-testimonial-card .partner-name {
  align-self: flex-end;
}
.partner-with-us-btn {
  text-align: center;
  margin: 0 auto;
  padding-bottom: 50px;
  z-index: 999999;
}
.alokin-blue-btn a,
.form-btn-group button,
.learn-more-about-us-btn a,
.learn-more-btn a,
.load-more-btn span,
.our-team-btns a,
.partner-with-us-btn a,
.section-interested-in-role .apply-job-btn a,
.see-openings-btn a {
  color: #fff;
  background: #3c5b9b;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px;
  padding: 11px 17px;
  line-height: 1.6em;
  display: inline-block;
  min-width: 217px;
  text-align: center;
  height: 52px;
  cursor: pointer;
  transition: all 0.3s linear;
}
.alokin-blue-btn a:hover,
.form-btn-group button:hover,
.learn-more-about-us-btn a:hover,
.learn-more-btn a:hover,
.load-more-btn span:hover,
.our-team-btns a:hover,
.partner-with-us-btn a:hover,
.section-interested-in-role .apply-job-btn a:hover,
.see-openings-btn a:hover {
  background-color: #dddee0;
  color: #212121;
}
.load-more-btn span:hover {
  background-color: #fff;
  color: #3c5b9b;
}
.why-partner-us .carousel-inside-card-wrapper::before {
  border: none;
}
.why-partner-us .carousel-inside-card-wrapper {
  padding: 41px 30px 0;
}
.section-meet-leadership-team .inner-section,
.section-meet-our-team .inner-section,
.section-our-expertise .inner-section {
  padding: 140px 70px;
  background-color: #e8efff;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
}
.section-be-part-of-our-team.outer-container {
  padding-bottom: 0;
  overflow-y: hidden;
}
.section-be-part-of-our-team .inner-section {
  padding: 140px 0 100px;
  position: relative;
  z-index: 9999;
}
.section-be-part-of-our-team .inner-section::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #e8efff;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
  z-index: -1;
}
body.has-current-openings .section-be-part-of-our-team .inner-section::before {
  height: 125%;
}
.be-part-of-our-team-header {
  padding: 0 70px;
}
.be-part-of-our-team-text {
  flex: 40%;
  padding-right: 20px;
}
.about-alokin-text h3,
.about-job-text h3,
.be-part-of-our-team-text h3,
.current-openings-header h3,
.impact-stories-header h3,
.meet-leadership-team-header h3,
.meet-our-team-header h3,
.our-expertise-text h3,
.section-header-text h3,
.selection-process-text h3 {
  font-weight: 400;
  font-size: 2em;
  letter-spacing: -0.05em;
  line-height: 1.1em;
}
.about-alokin-text .ui-heading,
.about-job-text .ui-heading,
.be-part-of-our-team-text .ui-heading,
.current-openings-header .ui-heading,
.impact-stories-header .ui-heading,
.meet-leadership-team-header h1,
.meet-our-team-header .ui-heading,
.modal-content h1,
.our-expertise-text .ui-heading,
.section-header-text .ui-heading,
.section-interested-in-role .ui-heading,
.section-partner-us .partner-text .ui-heading,
.selection-process-text .ui-heading {
  font-family: Exo, sans-serif;
  font-style: italic;
  font-size: 3.1em;
  color: #244589;
  line-height: 1.53em;
}
.be-part-of-our-team-desc {
  flex: 60%;
  line-height: 1.6em;
  max-width: 688px;
}
.employee-testimonial-wrap {
  margin: 0;
  align-items: center;
}
.employee-testimonial-wrap .quote-img {
  flex: 20%;
  text-align: center;
}
.employee-testimonial-wrap .quote-img img {
  min-width: 140px;
}
.employee-testimonial-wrap .employee-testimonial {
  flex: 80%;
  text-align: right;
  margin-left: auto;
  position: relative;
  max-width: 613px;
}
.employee-img {
  position: relative;
  isolation: isolate;
}
.employee-testimonial-wrap
  .carousel-container
  .partner-testimonial-card:first-of-type
  p:first-of-type {
  max-height: 110px;
  overflow-y: auto;
}
.card-wrapper span.img-with-blend {
  float: none;
}
.img-with-blend img {
  position: relative;
  box-shadow: 0 0 38px #999;
  border-radius: 15px;
  background: #c4c4c4;
}
.employee-testimonial .testimonial {
  position: absolute;
  left: -10%;
  bottom: 10%;
  text-align: left;
}
.employee-testimonial-wrap .testimonial .carousel-inside-card-wrapper {
  max-width: 395px !important;
  padding: 30px;
}
.employee-testimonial-wrap .testimonial .card-wrapper p {
  margin-top: 5px;
  color: #3c5b9b;
  margin-bottom: 10px;
}
.employee-testimonial-wrap .testimonial .card-wrapper p:last-of-type {
  color: #182f5e;
  line-height: 1.2em;
  margin-bottom: 30px;
}
.employee-testimonial-wrap .btn-group {
  position: relative;
  z-index: 99999999999999;
}
.employee-testimonial-wrap .testimonial-item .testimonial-image-wrap {
  background: 0 0;
  width: 48%;
  max-width: 613px;
}
.employee-testimonial-wrap .testimonial-item .testimonial-content-wrap {
  width: 50%;
  right: -368px;
  bottom: -49px;
}
.employee-testimonial-wrap
  .testimonial-item
  .testimonial-content-wrap
  .card-box {
  max-width: 397px;
  padding: 27px 26px 27px 36px;
}
.employee-testimonial-wrap
  .carousel-container
  .partner-testimonial-card:first-of-type
  p:first-of-type {
  margin-top: 0;
}
.employee-testimonial-wrap .inner-section {
  padding: 0;
}
.employee-testimonial-wrap .btn-group-inner {
  margin-top: 10px;
  padding-left: 0;
  text-align: left;
}
.employee-testimonial-wrap .testimonial-content-wrap .employee-name {
  margin-top: 15px;
}
.employee-testimonial-wrap .testimonial-content-wrap p {
  color: #3c5b9b;
}
.employee-testimonial-wrap .testimonial-content-wrap p.employee-name b {
  color: #182f5e;
}
.employee-testimonial-wrap
  .testimonial-item
  .testimonial-content-wrap
  .quote-image {
  width: 140px;
  left: -201px;
  top: 31px;
}
.employee-testimonial-wrap .testimonial-wrap {
  margin: 0 auto;
  padding: 70px 30px 34px;
  width: 100%;
}
.employee-testimonial-wrap .employee-testimonial-item {
  padding-left: 150px;
}
.team-features {
  position: relative;
}
.team-features-wrap {
  padding: 70px 0 30px;
  justify-content: center;
  align-items: stretch;
}
.team-features-wrap .card-wrapper p {
  margin-top: 0;
}
.team-features-wrap .card-wrapper {
  text-align: center;
  padding: 0;
}
.team-features-wrap .card-box {
  padding: 23px;
  -webkit-display: flex;
  -ms-display: flex;
  -moz-display: flex;
  display: flex;
  justify-content: center;
  align-items: center;
}
.template-home .team-features-wrap .card-box::before {
  top: -3.4px;
  left: 2px;
}
.team-features-wrap .team-merit {
  margin: 15px 0 0;
  height: 100%;
  align-items: center;
}
.team-features-wrap .team-merit .card-wrapper,
.team-features-wrap .team-merit .img-with-blend {
  margin: 0 30px 0 0;
}
.team-features-wrap .team-merit:nth-of-type(1) .card-box,
.team-features-wrap .team-merit:nth-of-type(4) .card-box {
  min-height: 131px;
  width: 204px;
}
.team-features-wrap .team-merit:nth-of-type(2) .card-box,
.team-features-wrap .team-merit:nth-of-type(3) .card-box {
  width: 326px;
}
.team-features-wrap .team-merit:nth-of-type(2) .team-merits-card {
  align-self: flex-end;
  margin-right: 0;
}
.team-features-wrap .team-merit:nth-of-type(3) .card-box {
  padding: 25px 55px;
}
.team-features-wrap .team-merit:nth-of-type(3) .img-with-blend,
.team-features-wrap .team-merit:nth-of-type(4) .img-with-blend {
  order: 2;
}
.team-features-wrap .team-merit:nth-of-type(4) {
  align-items: end;
}
.team-features-wrap .team-merit:nth-of-type(3),
.team-features-wrap .team-merit:nth-of-type(4) {
  position: relative;
  top: -30px;
}
.team-features-wrap .team-merit:nth-of-type(4) .img-with-blend {
  margin-right: 0;
}
.team-features-wrap + .btn-group {
  display: none;
}
.team-features-wrap .card-wrapper p {
  color: #51494b;
}
.our-team-btns {
  text-align: center;
  position: relative;
  z-index: 999999;
}
.our-team-btns a {
  min-height: 52px;
  min-width: 217px;
  text-align: center;
}
.our-team-btns a:first-of-type {
  margin-right: 25px;
}
.our-team-btns a:last-of-type {
  color: #3c5b9b;
  background-color: transparent;
  border: 2px solid #3c5b9b;
  position: relative;
  padding-left: 62px;
}
.our-team-btns a:last-of-type:hover {
  color: #212121;
  border: 2px solid #dddee0;
}
.our-team-btns a:last-of-type img {
  position: absolute;
  top: 5px;
  left: 6px;
}
.section-our-expertise .inner-section {
  background: #fff;
  position: relative;
  padding: 100px 0 100px;
}
.section-about-alokin .inner-section::before,
.section-about-job .inner-section::before,
.section-our-expertise .inner-section::before,
.section-selection-process .inner-section::before {
  content: "";
  position: absolute;
  width: 87%;
  height: 100%;
  box-shadow: 0 0 40px rgba(0, 0, 0, 0.1);
  top: 0;
  left: 13%;
  z-index: 1;
}
.section-our-expertise .inner-section::before {
  width: 88%;
  left: 12%;
}
.section-our-expertise .inner-section .expertise-list,
.section-our-expertise .inner-section .learn-more-btn,
.section-our-expertise .inner-section .our-expertise-header {
  padding: 0 70px;
}
.section-our-expertise .inner-section .tech-logos {
  padding: 35px 70px;
}
.our-expertise-text {
  flex: 25%;
  padding-right: 30px;
}
.our-expertise-desc {
  flex: 75%;
  line-height: 1.6em;
}
.expertise-list {
  flex: 75%;
  margin-left: 23%;
  margin-top: 70px;
}
.expertise-list .main-features {
  flex: 35%;
}
.expertise-list .sub-features {
  flex: 65%;
  padding-left: 20px;
}
.expertise-list ul li img {
  position: absolute;
  top: 0;
}
.expertise-list ul.sub-features li span {
  float: left;
}
.expertise-list ul.main-features li span {
  float: left;
  max-width: 200px;
}
.expertise-list .main-features li {
  font-size: 1.1em;
  line-height: 1.72em;
  margin-bottom: 35px;
  position: relative;
  padding-left: 77px;
  display: flex;
  align-items: center;
}
.expertise-list .sub-features li {
  font-size: 0.9em;
  line-height: 1.4em;
  flex: 50%;
  padding-left: 37px;
  position: relative;
}
.expertise-list ul li span.feature-icon {
  position: absolute;
  left: 0;
  float: none !important;
  padding-left: 0 !important;
  text-align: center;
}
.expertise-list .main-features li span.feature-icon {
  height: 55px;
  width: 55px;
}
.expertise-list .sub-features li span.feature-icon {
  height: 20px;
  width: 20px;
}
.feature-icon img {
  position: relative !important;
  height: 100%;
}
.expertise-list .more-btn {
  display: none;
}
.expertise-list .more-btn,
.learn-more-btn {
  z-index: 2;
  position: relative;
}
.more-btn span {
  border: 1px solid #3c5b9b;
  border-radius: 30px;
  padding: 5px;
  text-align: center;
  color: #3c5b9b;
  font-size: 12px;
  line-height: 1em;
  width: 85px;
  height: 25px;
  margin: 40px 0 0;
  cursor: pointer;
  float: left;
}
.expertise-list .more-btn span {
  margin-top: 25px;
}
.learn-more-btn a {
  width: 217px;
  display: block;
  text-align: center;
  margin: auto;
}
.learn-more-btn,
.tech-logos {
  margin-left: 24%;
  margin-top: 50px;
}
.tech-logos {
  background: #fcfcfc;
  margin-left: 15%;
}
.learn-more-btn {
  margin-bottom: 30px;
}
.section-our-expertise .learn-more-btn {
  margin-bottom: 0;
}
.tech-logos img {
  padding: 20px 0;
  opacity: 1;
  mix-blend-mode: normal;
}
.tech-logos img:nth-child(1) {
  width: 189px;
}
.tech-logos img:nth-child(1):after {
  content: "";
  position: absolute;
  right: 0;
  width: 1px;
  height: 100%;
  background-color: #fff;
}
.tech-logos img:nth-child(1),
.tech-logos img:nth-child(2) {
  padding-right: 50px;
}
.tech-logos img:nth-child(3) {
  padding-right: 38px;
}
.tech-logos img:nth-child(4) {
  padding-right: 40px;
}
.tech-logos img:nth-child(5) {
  padding-right: 37px;
  margin-top: -7px;
}
.tech-logos img:nth-child(6) {
  padding-right: 29px;
}
.tech-logos img:nth-child(7) {
  padding-right: 30px;
}
.tech-logos img:nth-child(8) {
  padding-right: 54px;
}
.tech-logos img:nth-child(9) {
  padding-right: 49px;
}
.tech-logos img:nth-child(10),
.tech-logos img:nth-child(11) {
  padding-right: 47px;
}
.section-impact-stories {
  padding: 0 140px 100px;
}
.impact-stories-header {
  margin-bottom: 30px !important;
}
.tab-title {
  padding: 35px 40px;
  max-width: 488px;
  cursor: pointer;
}
.tab-title p {
  max-width: 400px;
  font-size: 1.11em;
  position: relative;
  color: #a6a4a4;
  top: -8px;
}
.tab-title.active-tab {
  background: #f6f9ff;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  outline: 0;
}
.tab-title:active,
.tab-title:focus {
  outline: 0;
  border: none;
}
.tab-title.active-tab:active,
.tab-title.active-tab:focus {
  outline: 0;
  border: none;
}
.tab-title.active-tab p {
  color: #51494b;
}
.tab-title.active-tab p::after {
  content: "";
  background: #3c5b9b;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
  bottom: -9px;
  left: 0;
  width: 48px;
  height: 5px;
  position: absolute;
}
.impact-stories-wrap {
  position: relative;
}
.impact-stories-wrap .btn-group {
  text-align: center;
  display: none;
}
.impact-stories-tab,
.impact-stories-tab + .btn-group {
  margin-bottom: 35px;
}
.impact-tab-details .impact-desc,
.impact-tab-details .impact-img {
  flex: 50%;
}
.impact-tab-details .impact-img {
  justify-content: center;
  margin-bottom: 20px;
  padding-right: 20px;
}
.learn-more-about-us-btn {
  margin: 50px 0 0 0;
  text-align: center;
}
.learn-more-about-us-btn a {
  width: 243px;
  height: 52px;
}
.page-banner.reach-out-to-us-banner {
  padding: 70px 180px;
  background: #3c5b9b;
  text-align: center;
}
.page-banner.reach-out-to-us-banner p {
  max-width: 100%;
  margin-top: 0;
}
.page-banner.reach-out-to-us-banner a {
  max-width: 353px;
  height: 60px;
  margin: 24px auto;
}
footer.outer-container {
  width: 100%;
  max-width: 100%;
}
footer .inner-container {
  padding: 0 20px !important;
}
footer {
  padding: 100px 100px 50px;
  background-color: #f9f9f9;
}
footer .logo-img {
  -ms-flex: 0 0 30%;
  flex: 0 0 30%;
  height: 100%;
}
footer .footer-nav {
  -ms-flex: 0 0 50%;
  flex: 0 0 50%;
  justify-content: flex-start;
}
footer .footer-nav li:first-of-type {
  line-height: 1.23em;
  margin-bottom: 20px;
}
footer .footer-nav ul:first-of-type {
  max-width: 243px;
  width: 243px;
  margin-left: 50px;
}
footer .footer-nav li {
  font-size: 0.9em;
  color: #51494b;
  line-height: 1.7em;
}
footer .footer-nav li a {
  color: #51494b;
}
footer .social-media {
  -ms-flex: 0 0 20%;
  flex: 0 0 20%;
  -webkit-display: flex;
  -ms-display: flex;
  -moz-display: flex;
  display: flex;
  justify-content: flex-end;
}
footer .social-media li {
  padding-left: 18px;
}
footer .social-media li a {
  display: inline-block;
}
footer .terms-conditions {
  margin-top: 55px;
  padding: 40px 0 20px;
  border-top: 0.4px solid #b6b6b6;
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  font-size: 0.8em;
}
footer .terms-conditions .all-rights-reserved {
  margin-left: auto;
  line-height: 1.75em;
}
footer .terms-conditions ul li {
  line-height: 1.75em;
  display: inline-block;
  padding-right: 20px;
}
footer .terms-conditions ul li a {
  color: #51494b;
}
.toggle-display-btn {
  cursor: pointer;
}
.show-details .toggle-display-btn.open-btn,
.toggle-display-btn.close-btn,
.toggle-item {
  display: none;
}
.show-details .toggle-display-btn.close-btn,
.show-details.toggle-item {
  display: block !important;
}
.partner-testimonial-card p.partner-name,
.partner-testimonial-mob .partner-testimonial-card p {
  margin-top: 14px;
}
.page-banner.about-us-banner .banner-img {
  background: -moz-linear-gradient(
      to right,
      #3c5b9b 32.76%,
      rgba(97, 119, 161, 0.1) 100%
    ),
    url("../images/common/aboutus-banner.908723b8f196.png") right no-repeat;
  background: -webkit-linear-gradient(
      to right,
      #3c5b9b 32.76%,
      rgba(60, 91, 155, 0.1) 100%
    ),
    url("../images/common/aboutus-banner.908723b8f196.png") right no-repeat;
  background: linear-gradient(
      to right,
      #3c5b9b 32.76%,
      rgba(60, 91, 155, 0.1) 100%
    ),
    url("../images/common/aboutus-banner.908723b8f196.png") right no-repeat;
}
.outer-container.page-banner.page-banner.about-us-banner {
  max-height: 507px;
}
.outer-container.page-banner.page-banner.about-us-banner p {
  max-width: 603px;
}
.join-alokin-header .ui-heading,
.page-synopsis.about-us-synopsis h1,
.page-synopsis.careers-synopsis h1 {
  color: #51494b;
  font-family: Rubik, sans-serif;
  font-weight: 400;
  font-style: italic;
}
.alokin-blue {
  color: #3c5b9b;
  font-family: Exo, sans-serif;
  font-style: italic;
}
.page-synopsis.about-us-synopsis p {
  max-width: 840px;
  margin: 30px auto 0;
  padding-left: 70px;
}
.we-are-alokin-card .card-box {
  padding: 45px;
  max-width: 540px;
  background-color: #f6f9ff;
}
.we-are-alokin-card .card-box::before {
  left: -3px;
  top: 4px;
}
.we-are-alokin-card p {
  font-size: 1.1em;
}
.section-mission-vision {
  justify-content: center;
}
.section-mission-vision .we-are-alokin-card {
  flex: 50%;
  max-width: 540px;
}
.section-mission-vision .we-are-alokin-card:first-of-type {
  position: relative;
  top: -30px;
}
.section-mission-vision .we-are-alokin-card:last-of-type {
  position: relative;
  top: 100px;
  margin-bottom: 180px;
}
.section-mission-vision .card-wrapper {
  margin: 30px 0;
  padding: 0 35px;
}
.section-meet-leadership-team .inner-section {
  padding: 70px 0;
}
.leadership-testimonial-wrap {
  margin: 40px 0 0;
  align-items: center;
}
.meet-leadership-team-text {
  padding: 0 70px;
}
.leader-testimonial {
  margin-left: auto;
  position: relative;
}
.leader-testimonial .testimonial {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 5px;
  left: -30%;
}
.leader-testimonial .testimonial .carousel-inside-card-wrapper {
  max-width: 649px !important;
}
.leadership-team-card .card-box {
  max-width: 649px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  padding: 49px 41px 78px 46px;
}
.leadership-team-card h2,
.leadership-team-card small {
  font-size: 1.1em;
  color: #182f5e;
  line-height: 1.05em;
}
.leadership-team-card.card-wrapper {
  margin: 0;
}
.leadership-team-card h2 {
  margin-bottom: 8px;
}
.leadership-team-card.card-wrapper p {
  margin-top: 23px;
  line-height: 1.6em;
  color: #51494b;
  max-height: 300px;
  overflow-y: auto;
}
.leadership-team-card.card-box::before {
  left: auto;
  right: -8px;
}
.testimonial-item {
  width: 100%;
}
.leadership-testimonial-wrap .btn-group {
  display: block;
  width: 100%;
  text-align: center;
  margin-top: 10px;
  padding: 10px;
}
.leadership-testimonial-wrap .quote-img {
  align-self: center;
}
.leadership-testimonial-wrap .carousel-container {
  padding: 0;
}
.leadership-testimonial-wrap .testimonial-wrap {
  padding-bottom: 60px;
  margin-top: 30px;
  width: 100%;
}
.testimonial-item .testimonial-content-wrap {
  position: relative;
  right: -175px;
  bottom: -27px;
  z-index: 999;
  max-width: 649px;
  width: 50%;
  padding: 0;
}
.testimonial-item .testimonial-content-wrap .quote-image {
  position: absolute;
  left: -111px;
  top: 50px;
}
.testimonial-item .testimonial-image-wrap {
  max-width: 785px;
  height: auto;
  border-radius: 10px;
  background-color: #8e8e8e;
  width: 50%;
  float: right;
  position: relative;
  left: -70px;
  background-image: url("../images/common/Rajeev_Photo.ad209975426f.svg");
  background-size: contain;
  background-position: left;
  box-shadow: 5px 6px 38px rgba(0, 0, 0, 0.3);
}
.testimonial-item .testimonial-image-wrap:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  background: #3c5b9b;
  mix-blend-mode: hard-light;
  opacity: 0.2;
  border-radius: 10px;
}
.testimonial-item .testimonial-image-wrap img {
  float: right;
  border-radius: 10px;
}
.section-what-we-believe-in {
  padding: 0 70px;
}
.section-what-we-believe-in .section-header-text {
  flex: 40%;
}
.section-what-we-believe-in .key-features {
  flex: 60%;
  padding-left: 20px;
}
.section-what-we-believe-in .key-features li {
  flex: 33.33%;
  margin-bottom: 30px;
}
.section-what-we-believe-in .key-features li img,
.section-what-we-believe-in .key-features li span {
  display: block;
  margin-bottom: 9px;
  font-weight: 700;
}
.section-header-text p {
  margin-top: 20px;
  font-size: 1em;
  max-width: 380px;
}
.key-milestones-container.outer-container {
  background: #f6f9ff;
  width: 100%;
  max-width: 100%;
  padding-right: 0;
}
.key-milestones-container.outer-container .inner-container {
  padding-right: 0;
  padding-left: 38px;
}
.key-milestones-container.outer-container .section-header-text {
  margin-bottom: 20px;
}
.milestone-card {
  margin-bottom: 60px;
  padding: 0 22.5px;
}
.milestone-card:first-of-type {
  padding-left: 0;
}
.milestone-card h1 {
  font-size: 4em;
}
.milestone-card .card-box {
  min-height: 208px;
  padding: 22px 13px 22px 31px;
  max-width: 423px;
}
.milestone-card .card-box::before {
  left: auto;
  right: -6px;
}
.milestone-card p {
  font-size: 1.11em;
  color: #000;
}
.milestone-card p::before {
  content: "";
  background: #3c5b9b;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
  top: -8px;
  width: 60px;
  height: 5px;
  position: absolute;
}
.milestone-card p span {
  float: none;
  display: inline-block;
  margin-top: 6px;
}
.milestone-card:last-of-type {
  padding-right: 70px;
}
.key-milestones-wrap .btn-group {
  text-align: center;
  margin-right: 70px;
}
.key-milestones-wrap .carousel-container {
  padding: 10px 0;
}
.see-openings-btn {
  margin-top: 45px;
  min-width: 183px;
}
.see-openings-btn a {
  padding: 12px 36px;
}
.section-why-join-alokin .join-alokin-header .ui-heading {
  text-align: center;
  font-size: 3.1em;
  line-height: 0.9em;
  margin-bottom: 20px;
}
.join-alokin-card {
  width: 50%;
}
.join-alokin-card h2 {
  color: #3c5b9b;
}
.join-alokin-card .card-box {
  padding: 30px 0;
}
.join-alokin-card .ui-heading {
  padding: 0;
}
.join-alokin-card p {
  line-height: 1.8em;
}
.join-alokin-card .card-box::before {
  border: 0;
}
.join-alokin-wrap {
  align-items: stretch;
  justify-content: flex-start;
}
.join-alokin-merit {
  margin: 40px 0;
  align-items: center;
  justify-content: center;
  position: relative;
}
.join-alokin-merit .img-wrap,
.join-alokin-merit .join-alokin-card {
  flex: 50%;
}
.join-alokin-merit .img-wrap img {
  min-height: 370px;
}
.join-alokin-merit:nth-child(2n) .img-wrap {
  order: 2;
  margin-left: auto;
}
.join-alokin-merit .img-wrap {
  padding: 20px;
  text-align: center;
}
.show-more-content .hidecontent {
  display: none;
  float: none !important;
}
.morelink {
  display: none;
  font-size: 15px;
  color: #3c5b9b;
  position: absolute;
  bottom: 30px;
  right: 5px;
  padding-left: 10px;
  width: 80px;
  z-index: 2;
  background-color: #fff;
}
.hidecontent,
.show-more-content + .morelink {
  display: inline;
  float: none !important;
}
.more-text-wrap.auto-width {
  height: auto !important;
}
.section-why-join-alokin.outer-container {
  padding-bottom: 0;
  overflow-y: hidden;
}
.section-meet-our-team.outer-container {
  padding-top: 50px;
}
.join-alokin-features .btn-group {
  display: none;
}
.section-meet-our-team .inner-section {
  padding: 84px 0;
}
.current-openings-wrap .carousel-container,
.our-teams-container {
  justify-content: flex-end;
  padding: 0;
}
.current-openings-card,
.our-teams-card {
  padding: 0 36.5px;
  margin: 33px 0;
}
.our-teams-card .card-box {
  padding: 50px 44px;
  max-width: 355px;
}
.our-teams-container .meet-our-team-header {
  width: 420px;
  padding: 200px 0 0 80px;
}
.meet-the-team-desc-card {
  margin: 0;
}
.meet-the-team-desc-card .card-box {
  min-height: 60px;
  padding: 15px 20px;
  background: #f4f8ff;
}
.meet-the-team-desc-card p {
  padding-bottom: 15px;
  margin-top: 10px;
}
.meet-the-team-desc-card h2 {
  line-height: 1.4em;
}
.meet-the-team-desc-card small {
  font-size: 1em;
}
.team-members-container {
  justify-content: flex-end;
}
.team-member.carousel-item {
  position: relative;
  padding: 30px 2.5%;
}
.meet-the-team-desc-card .card-box {
  position: absolute;
  right: -12px;
  bottom: 16px;
  width: 340px;
}
.meet-the-team-desc-card .card-box::before {
  top: -5px;
  left: -5px;
}
.meet-the-team-desc-card img.member-img {
  max-width: 330px;
  min-height: 353px;
  border-radius: 15px;
  max-height: 353px;
  min-width: 330px;
}
.member-info {
  position: relative;
  padding-right: 40px;
}
.member-details {
  position: absolute;
  top: 50%;
  right: 10px;
  transform: translate(0, -50%);
  height: 12px;
}
.member-details.show-details {
  height: 20px;
}
.meet-the-team-desc-card .show-details.toggle-item {
  max-height: 200px;
  overflow-y: auto;
}
.card-wrapper span.toggle-display-btn {
  float: none;
}
.card-wrapper span.toggle-display-btn {
  max-height: 25px;
  height: 24px;
}
.outer-container.page-banner.contact-us-banner,
.outer-container.page-banner.privacy-policy-banner {
  min-height: 462px;
}
.outer-container.page-banner.contact-us-banner .banner-img {
  background: #3c5b9b;
  background: -moz-linear-gradient(
    to right,
    #3c5b9b 37.76%,
    rgba(60, 91, 155, 0) 100%
  );
  /* url("../images/common/contactus-banner.a6563f220055.png") right no-repeat;
  background: -webkit-linear-gradient(
      to right,
      #3c5b9b 37.76%,
      rgba(60, 91, 155, 0) 100%
    ),
    url("../images/common/contactus-banner.a6563f220055.png") right no-repeat;
  background: linear-gradient(
      to right,
      #3c5b9b 37.76%,
      rgba(60, 91, 155, 0) 100%
    ),
    url("../images/common/contactus-banner.a6563f220055.png") right no-repeat;
} */
}
.page-banner.contact-us-banner p {
  max-width: 100%;
  margin: 0;
}
.div-centering {
  position: absolute !important;
  margin: 0;
  top: 50%;
  text-align: center;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
}
.section-contact-info {
  margin: 0 76px;
  background: #fff;
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
  border-radius: 15px;
  position: relative;
  top: -120px;
  padding: 70px 85px 70px 90px;
  display: -ms-flexbox;
  -webkit-display: flex;
  -ms-display: flex;
  -moz-display: flex;
  display: flex;
}
.privacy-policy-block h3,
.section-contact-info h2,
.section-contact-info h3 {
  font-size: 1.23em;
  line-height: 1.17em;
  margin-bottom: 20px;
  text-align: left;
}
.section-contact-info .company-address h3 {
  text-align: left;
}
.contact-form-container {
  flex: 44%;
  padding-right: 30px;
}
.contact-form-container .form-group {
  margin-bottom: 25px;
  position: relative;
}
.contact-form-container .form-group label {
  position: absolute;
  left: 17px;
  top: 24px;
  transform: translateY(-50%);
  color: #b4b4b4;
  transition: all 0.2s ease-in;
  cursor: text;
}
#id_github-main label,
#id_linkedin-main label,
#id_googledrive-main label {
  /* text-indent: 15px; */
  padding-left: 15px;
}
#id_github-main label.active,
#id_linkedin-main label.active,
#id_googledrive-main label.active {
  /* text-indent: 0px; */
  padding-left: 5px;
}
.contact-form-container .form-group label.active {
  font-size: 15px;
  top: 1.5px;
  color: #151515;
  background-color: white;
  padding: 0 5px 0 5px;
  outline: none;

  /* display: none; */
}

.contact-form-container .form-group .form-control {
  background: #fff;
  border: 1px solid #dadada;
  border-radius: 5px;
  height: 50px;
  width: 100%;
  font-size: 1em;
  line-height: 1.4em;
  padding: 12px 15px;
  font-family: Karla, sans-serif;
  color: #706366;
  outline: 0 !important;
}
.custom-select {
  position: relative;
  background-color: #fff;
}
.contact-form-container .form-group select.form-control {
  padding-right: 50px;
  background-color: transparent;
  z-index: 2;
  position: relative;
}
.attach-resume.form-group .form-control {
  border: 1px dashed #dadada;
  color: transparent;
  position: relative;
  cursor: pointer;
  background-color: transparent;
  z-index: 2;
  padding-right: 113px;
}
.custom-select:after {
  /* content: url("../images/sprite_images/select_down_arrow.c6719cbaa965.svg"); */
  position: absolute;
  width: 20px;
  top: 50%;
  right: 20px;
  transform: translate(0, -50%);
  z-index: 1;
}
.custom-file-input {
  position: relative;
  height: 50px;
  background-color: #fff;
}
.custom-file-input input::-webkit-file-upload-button {
  visibility: hidden;
  width: 0;
  padding: 0;
  border: 0;
}
#custom-file-input::before {
  content: "Resume";
  background: #fff url("../images/sprite_images/file_new.b0c6e13bf712.svg") left center
    no-repeat;
  background-size: 14px 18px;
  cursor: pointer;
  padding-left: 25px;
  color: #b4b4b4;
  position: absolute;
  top: 50%;
  transform: translate(0, -50%);
  z-index: 1;
  left: 15px;
}
.custom-file-input::before {
  content: "Attach a file";
  background: #fff url("../images/sprite_images/file_new.b0c6e13bf712.svg") left center
    no-repeat;
  background-size: 14px 18px;
  cursor: pointer;
  padding-left: 25px;
  color: #b4b4b4;
  position: absolute;
  top: 50%;
  transform: translate(0, -50%);
  z-index: 1;
  left: 15px;
}
.custom-file-input::after {
  content: "Browse";
  right: 15px;
  position: absolute;
  color: #3c5b9b;
  border: 1px solid #3c5b9b;
  border-radius: 30px;
  top: 50%;
  transform: translate(0, -50%);
  width: 93px;
  height: 30px;
  text-align: center;
  line-height: 1.6em;
  z-index: 1;
}
.custom-file-input.selected-files input {
  color: #51494b !important;
  text-align: left;
}
.custom-file-input.selected-files::before {
  display: none;
}
.outer-container.contact-container {
  padding-bottom: 0;
}
.contact-form-container .form-group textarea.form-control,
.text-area-wrap {
  height: 120px;
}
.contact-form-container .form-group .control-info {
  display: inline-block;
  margin-top: 10px;
  font-size: 0.78em;
  line-height: 1.4em;
  color: #8e8e8e;
}
.map-container {
  flex: 56%;
  padding-left: 30px;
}
.contact-form-container .form-group:last-of-type {
  margin-bottom: 0;
}
.contact-form-container .form-group .form-control.error-msg {
  border: 1px solid #950202 !important;
}
.error-msg + span,
span.error-msg {
  color: #950202;
  margin-top: 10px;
  font-size: 14px;
  line-height: 1.4em;
  display: block;
  text-align: left;
}
span.error-msg {
  margin-bottom: 21px;
}
.company-address {
  background: #fff;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
  border-radius: 15px;
  position: absolute;
  top: 45%;
  left: 50%;
  padding: 30px 50px 30px 30px;
  max-width: 400px;
  width: 400px;
  transform: translate(-50%, 0);
}
.map-location {
  margin: 0 auto;
  position: relative;
}
.company-address ul li {
  margin-bottom: 30px;
  position: relative;
}
.company-address ul li img {
  position: absolute;
  top: 5px;
}
.company-address ul li p {
  padding-left: 30px;
  font-size: 0.9em;
}
.job-detail-banner p:first-of-type {
  max-width: 613px;
  margin-top: 7px;
}
.job-detail-banner p {
  max-width: 340px;
  display: -ms-flexbox;
  -webkit-display: flex;
  -ms-display: flex;
  -moz-display: flex;
  display: flex;
}
.job-detail-banner p:last-of-type {
  margin-top: 0;
}
.job-detail-banner p span {
  width: 66%;
}
.job-detail-banner p span:first-of-type {
  width: 34%;
}
.apply-job-btn a {
  margin-top: 30px;
}
.job-detail-banner .banner-img {
  background: #3c5b9b;
  background: -moz-linear-gradient(
      to right,
      #3c5b9b 11.76%,
      rgba(60, 91, 155, 0) 100%
    ),
    url("../images/common/jobdetails-banner.b42c5e32fd9f.png") right no-repeat;
  background: -webkit-linear-gradient(
      to right,
      #3c5b9b 11.76%,
      rgba(60, 91, 155, 0) 100%
    ),
    url("../images/common/jobdetails-banner.b42c5e32fd9f.png") right no-repeat;
  background: linear-gradient(
      to right,
      #3c5b9b 11.76%,
      rgba(60, 91, 155, 0) 100%
    ),
    url("../images/common/jobdetails-banner.b42c5e32fd9f.png") right no-repeat;
}
.section-about-alokin .inner-section,
.section-about-job .inner-section,
.section-selection-process .inner-section {
  position: relative;
  background: #fff;
  margin: 80px 0 0;
  padding: 70px;
}
.about-alokin-text,
.about-job-text,
.selection-process-text {
  width: 21%;
  position: relative;
}
.about-alokin-desc,
.about-job-desc,
.selection-process-desc {
  width: 79%;
}
.section-about-alokin .learn-more-btn,
.section-selection-process .learn-more-btn {
  width: 79%;
  margin-left: 21%;
  margin-top: 40px;
  margin-bottom: 0;
}
.load-more-btn span,
.section-about-alokin .learn-more-btn a,
.section-selection-process .learn-more-btn a {
  border: 1.5px solid #3c5b9b;
  color: #3c5b9b;
  background: #fff;
}
.section-selection-process .inner-section {
  margin-top: 0;
}
.career-selection.section-selection-process .inner-section {
  padding-left: 30px;
  padding-right: 30px;
}
.career-selection.section-selection-process .inner-section::before {
  left: 10%;
  width: 90%;
}
.section-selection-process ul {
  width: 79%;
  margin-left: 21%;
}
.selection-process-desc p {
  margin-bottom: 15px;
}
.section-selection-process ul li {
  padding-left: 30px;
}
.section-selection-process ul li:first-of-type {
  margin-bottom: 22px;
}
.section-selection-process ul li b {
  font-weight: 700;
  color: #3c5b9b;
}
.section-selection-process ul.list-with-style-type {
  padding-left: 20px;
}
.section-selection-process ul.list-with-style-type li {
  padding-left: 30px;
}
.about-alokin-desc span:last-of-type {
  margin-top: 20px;
  display: inline-block;
}
.btn-inactive {
  position: relative;
  opacity: 0.5;
  z-index: -1;
}
.apply-job-btn a.btn-inactive {
  display: inline-block;
  width: 310px;
  margin-right: 23px;
  margin-bottom: 10px;
}
.position-closed-msg {
  background: #950202;
  border-radius: 5px;
  color: #e1e9fa;
  padding: 6px 11px;
  display: inline-block;
}
.position-closed-msg img {
  padding-right: 8px;
}
.section-about-job {
  display: -ms-flexbox;
  -webkit-display: flex;
  -ms-display: flex;
  -moz-display: flex;
  display: flex;
}
.section-about-job .inner-section {
  margin-top: 0;
  flex: 68%;
  float: left;
  border-radius: 15px;
  margin-bottom: 30px;
}
.section-about-job .inner-section ul {
  margin-top: 60px;
  padding-left: 20px;
}
.section-about-job .inner-section ul li:first-of-type {
  margin-top: 0;
}
.section-about-job .inner-section ul li {
  list-style-image: url("../images/sprite_images/Ellipse_bg.32b22a91c2fd.svg");
  padding-left: 25px;
  margin-top: 23px;
}
.about-job-text {
  width: 35%;
}
.section-about-job .inner-section p,
.section-about-job .inner-section ul {
  margin-left: 37%;
  width: 65%;
  color: #8e8e8e;
}
.section-about-job p.about-job-desc {
  margin-left: 0;
  padding-left: 2%;
  font-size: 1.12em;
}
.section-about-job p.about-job-desc span:first-of-type {
  margin-bottom: 20px;
  display: inline-block;
}
.section-about-job .inner-section::before {
  width: 79%;
  left: 21%;
  border-radius: 15px;
}
.section-about-job .inner-section ul:last-of-type {
  background: #f5f5f5;
  opacity: 0.7;
  border-radius: 5px;
  padding: 30px 21px;
  margin-bottom: 30px;
}
.section-about-job .inner-section ul.bonus li {
  list-style-image: none;
  font-size: 16px;
  margin-top: 17px;
}
.section-about-job .inner-section ul:last-of-type li:first-of-type {
  margin-top: 0;
}
.section-about-job .inner-section ul:last-of-type li span {
  display: block;
  font-weight: 700;
  font-size: 18px;
}
.section-about-job .inner-section ul:last-of-type {
  clear: both;
}
.section-about-job .more-btn {
  float: left;
  width: 100%;
  padding: 0 19px 0 33px;
  margin-bottom: 30px;
  z-index: 3;
  position: relative;
}
.section-about-job .more-btn span {
  margin: 30px 0 0;
}
.job-desc-card ul li {
  margin-bottom: 23px;
  list-style-image: url("../images/sprite_images/Ellipse_bg.32b22a91c2fd.svg");
  padding-left: 20px;
}
.job-desc-card .card-box {
  background: #f4f8ff;
  max-width: 454px;
  padding: 56px 50px 64px 36px;
}
.job-desc-card small {
  margin-bottom: 17px;
  color: #3c5b9b;
  font-size: 1.25em;
  display: block;
}
.job-desc-card ul {
  padding-left: 20px;
}
.job-desc-card-wrap {
  flex: 43%;
}
.job-desc-card-wrap .carousel-container {
  flex-wrap: wrap;
  justify-content: flex-end;
  padding-right: 0;
  z-index: 1;
  position: relative;
  overflow-y: hidden;
}
article.card-wrapper.job-desc-card.carousel-item {
  padding-right: 0;
  margin: 15px 0;
}
.job-desc-card-wrap .job-desc-card.carousel-item:first-of-type {
  margin-top: 0;
}
.job-desc-card-wrap .btn-group {
  display: none;
}
.section-interested-in-role .inner-container {
  position: relative;
  height: 300px;
}
.role-bg-img {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: -1;
  background: #f8f8f8;
  border-radius: 15px;
  overflow: hidden;
}
.role-bg-img img {
  color: #e7e7e7;
  mix-blend-mode: unset;
  opacity: 0.2;
  margin: 2.5px 19px;
  filter: grayscale(100%);
}
.role-bg-img .row {
  white-space: nowrap;
  top: -30px;
  position: relative;
}
.role-bg-img .role-bg-text {
  font-family: Exo, sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 1.35em;
  top: -12px;
  position: relative;
  color: #e7e7e7;
}
.role-bg-img img.img-large {
  position: relative;
  top: 15px;
}
.role-bg-img .row:nth-of-type(3),
.role-bg-img .row:nth-of-type(4) {
  left: -40px;
  position: relative;
}
.section-interested-in-role {
  margin-bottom: 70px !important;
}
.section-interested-in-role .ui-heading {
  line-height: 1.33em;
}
.hide-details {
  display: none;
}
.success-modal {
  text-align: center;
}
.success-modal .modal-content {
  padding: 100px 100px 75px;
  width: 805px;
}
.success-modal img {
  margin-bottom: 20px;
}
.success-modal h1 {
  margin-bottom: 15px;
}
.success-modal p {
  color: #3a3940;
  transform: rotate(0.01deg);
  font-size: 1.33em;
  line-height: 1.25em;
  font-weight: 700;
  margin-bottom: 35px;
}
.success-modal .modal-close {
  border: 1.5px solid #3c5b9b;
  border-radius: 30px;
  color: #3c5b9b;
  padding: 10px 27px;
  font-size: 1em;
  line-height: 1.2em;
  display: inline-block;
}
.section-current-openings.outer-container .inner-container {
  padding: 0;
}
.current-openings-wrap .carousel-container {
  flex-wrap: wrap;
  margin-bottom: 37px;
}
.current-openings-card .card-box {
  min-height: 383px;
  padding: 57px 58px 50px 68px;
  -moz-box-shadow: 0 4px 40px rgba(0, 0, 0, 0.05);
  -webkit-box-shadow: 0 4px 40px rgba(0, 0, 0, 0.05);
  box-shadow: 0 0 40px rgba(0, 0, 0, 0.05);
  max-width: 350px;
}
.current-openings-card .ui-heading {
  font-size: 2.5em;
  padding-left: 12px;
}
.current-openings-card small {
  font-size: 1.12em;
  color: #51494b;
  font-weight: 700;
  margin-top: 7px;
  line-height: 1.16em;
  display: inline-block;
  opacity: 0.6;
}
.current-openings-card h2 {
  line-height: 1.18em;
}
.current-openings-header {
  padding-left: 48px;
  margin-bottom: 30px;
}
.load-more-btn {
  width: 100%;
  margin: 0 auto;
  height: 52px;
}
.no-matching-openings {
  align-items: center;
  padding: 50px 50px 50px 70px !important;
  box-shadow: 0 0 40px rgba(0, 0, 0, 0.05);
  margin-top: 50px;
  position: relative;
  border-radius: 15px;
}
.no-openings {
  margin-top: 70px;
}
.no-matching-openings-text h2 {
  color: #244589;
  font-size: 1.34em;
}
.no-matching-openings-text p {
  font-size: 1.1em;
  line-height: 1.18em;
  margin-top: 7px;
}
.no-matching-openings-text {
  flex: 70%;
}
.send-resume-btn {
  flex: 30%;
  text-align: right;
  position: relative;
  z-index: 999;
}
.partner-testimonial-mob .card-box {
  background: 0 0;
  padding: 0 !important;
  border: 0;
  width: 100%;
  position: relative;
}
.partner-testimonial-mob .card-box::before {
  display: none;
}
.partner-testimonial-mob .btn-group {
  text-align: center;
}
.carousel-container .partner-testimonial-card:first-of-type p:first-of-type {
  margin-top: -22px;
}
.partner-testimonial-mob
  .carousel-container
  .partner-testimonial-card:first-of-type
  p:first-of-type {
  margin-top: -5px;
}
.current-openings-home.outer-container {
  padding-top: 0;
  padding-bottom: 0;
}
.current-openings-home.outer-container .inner-container {
  padding: 0;
  width: 100%;
}
.current-openings-home .current-openings-header,
.current-openings-home
  .current-openings-wrap
  .current-openings-card:first-of-type {
  padding-left: 70px !important;
}
.current-openings-home .current-openings-wrap .carousel-container {
  flex-wrap: nowrap;
  justify-content: flex-start;
}
.current-openings-home .current-openings-card .card-box {
  min-height: 263px;
  max-width: 620px;
}
.current-openings-home .current-openings-card .card-box::before {
  display: none;
}
.current-openings-home .current-openings-card {
  padding: 0 16px !important;
}
.current-openings-home .btn-group {
  text-align: center;
}
.section-contact-info {
  position: relative;
  z-index: 2;
}
.outer-container.page-banner .banner-content {
  z-index: 3;
}
.section-privacy-policy-info {
  flex-direction: column;
}
.section-privacy-policy-info .privacy-policy-block {
  margin-bottom: 100px;
}
.section-privacy-policy-info .privacy-policy-block:last-of-type {
  margin-bottom: 30px;
}
.privacy-policy-block h3 {
  font-size: 24px;
  color: #3c5b9b;
}
.section-privacy-policy-info .privacy-policy-block p {
  color: #8e8e8e;
  line-height: 1.6em;
}
.outer-container.page-banner.privacy-policy-banner .banner-img {
  background: #3c5b9b;
  background: -moz-linear-gradient(
      to right,
      #3c5b9b 16.76%,
      rgba(60, 91, 155, 0) 100%
    ),
    url("../images/common/privacy-banner.c3132988bd40.png") right no-repeat;
  background: -webkit-linear-gradient(
      to right,
      #3c5b9b 16.76%,
      rgba(60, 91, 155, 0) 100%
    ),
    url("../images/common/privacy-banner.c3132988bd40.png") right no-repeat;
  background: linear-gradient(
      to right,
      #3c5b9b 16.76%,
      rgba(60, 91, 155, 0) 100%
    ),
    url("../images/common/privacy-banner.c3132988bd40.png") right no-repeat;
}
body .section-be-part-of-our-team .inner-section::before {
  content: unset;
}
.section-be-part-of-our-team .inner-section {
  background-color: #e8efff;
  border-radius: 15px;
}
.current-openings-home.outer-container {
  position: relative;
  margin-top: -20px;
}
.has-current-openings .current-openings-header {
  background-color: #e8efff;
  border-bottom-left-radius: 15px;
  border-bottom-right-radius: 15px;
  padding-bottom: 143px;
  padding-top: 20px;
}
.current-openings-home.outer-container .current-openings-wrap {
  position: relative;
  margin-top: -150px;
}
.modal {
  display: none;
  position: fixed;
  z-index: 999999;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: #151515;
  background-color: rgba(21, 21, 21, 0.71);
}
.modal-content {
  background: #fff;
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
  border-radius: 15px;
  width: 80%;
  max-width: 800px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.modal-content {
  cursor: pointer;
}
@media only screen and (min-width: 1441px) {
  .team-features-wrap .team-merit:nth-of-type(1) .img-with-blend {
    position: relative;
    top: 45px;
    margin-right: 28px;
  }
  .team-features-wrap .team-merit:nth-of-type(3) .team-merits-card {
    position: relative;
    top: 38px;
  }
  .outer-container {
    max-width: 1440px;
    padding: 70px;
    margin: 0 auto;
  }
  .outer-container.page-banner {
    max-width: 100%;
  }
  .outer-container .inner-container {
    width: 1300px;
    padding: 0 70px;
    margin: 0 auto;
  }
  .tech-logos img:nth-child(7) {
    padding-right: 0;
  }
  .join-alokin-header {
    margin-top: 100px;
  }
  .partner-header-wrap.outer-container .inner-container {
    padding: 0;
  }
  .join-alokin-merit .img-wrap,
  .join-alokin-merit .join-alokin-card {
    padding: 0 40px;
  }
  .join-alokin-merit {
    margin: 80px 0;
  }
  .tech-logos {
    padding-left: 17% !important;
    padding-right: 0 !important;
    margin-left: 12%;
  }
  .partner-with-us-btn.outer-container {
    padding: 0 70px 10px;
  }
  .why-partner-us-wrap.outer-container {
    padding-bottom: 20px;
  }
  .section-about-job {
    padding-top: 40px;
  }
  span.error-msg {
    white-space: nowrap;
  }
  .outer-container.section-current-openings {
    padding-bottom: 0;
  }
  .section-impact-stories {
    padding-top: 86px;
  }
}
@media only screen and (min-width: 1451px) and (max-width: 1474px) {
  .team-members-container {
    padding: 0;
  }
  .team-member.carousel-item {
    padding: 30px 36px;
  }
}
@media only screen and (min-width: 1445px) and (max-width: 1450px) {
  .team-members-container {
    padding: 0;
  }
  .team-member.carousel-item {
    padding-left: 35px;
    padding-right: 35px;
  }
}
@media only screen and (min-width: 1439px) and (max-width: 1444px) {
  .team-members-container {
    padding: 0;
  }
  .team-member.carousel-item {
    padding-left: 34px;
    padding-right: 34px;
  }
}
@media only screen and (min-width: 1420px) and (max-width: 1439px) {
  .team-members-container {
    padding: 0;
  }
  .team-member.carousel-item {
    padding-left: 2.3%;
    padding-right: 2.3%;
  }
}
@media only screen and (min-width: 1400px) and (max-width: 1419px) {
  .team-members-container {
    padding: 0;
  }
  .team-member.carousel-item {
    padding-left: 2.2%;
    padding-right: 2.2%;
  }
}
@media only screen and (min-width: 1391px) and (max-width: 1399px) {
  .team-members-container {
    padding: 0;
  }
  .team-member.carousel-item {
    padding-left: 26px;
    padding-right: 26px;
  }
}
@media only screen and (min-width: 1367px) and (max-width: 1390px) {
  .team-members-container {
    padding: 0;
  }
  .team-member.carousel-item {
    padding-left: 22px;
    padding-right: 22px;
  }
}
@media only screen and (min-width: 1350px) and (max-width: 1366px) {
  .team-members-container {
    padding: 0;
  }
  .team-member.carousel-item {
    padding-left: 19px;
    padding-right: 19px;
  }
}
@media only screen and (min-width: 1350px) and (max-width: 1440px) {
  .our-expertise-text {
    flex: 35%;
    padding-right: 30px;
    padding-left: 6%;
  }
  .our-expertise-desc {
    flex: 65%;
    line-height: 1.6em;
  }
  .expertise-list {
    flex: 65%;
    margin-left: 33%;
  }
  .learn-more-btn,
  .tech-logos {
    margin-left: 33%;
  }
  .join-alokin-merit .img-wrap,
  .join-alokin-merit .join-alokin-card {
    padding: 0 40px;
  }
  .join-alokin-merit {
    margin: 80px 0 50px;
  }
  .section-our-expertise .inner-section .expertise-list,
  .section-our-expertise .inner-section .learn-more-btn,
  .section-our-expertise .inner-section .our-expertise-header {
    padding: 0 70px 0 0;
  }
  .section-our-expertise .inner-section .tech-logos {
    padding: 35px 70px 35px 0;
  }
  .tech-logos {
    padding-left: 20% !important;
    padding-right: 0 !important;
    margin-left: 12%;
  }
  .partner-with-us-btn.outer-container {
    padding: 0 70px 10px;
  }
  .why-partner-us-wrap.outer-container {
    padding: 20px 0;
  }
  .section-about-job {
    padding-top: 40px;
  }
  .section-about-job .inner-section {
    flex: 62%;
  }
  .our-teams-container .meet-our-team-header {
    width: 387px;
  }
  .current-openings-card,
  .our-teams-card {
    padding: 0 23.5px;
  }
  .current-openings-card .card-box,
  .our-teams-card .card-box {
    max-width: 340px;
  }
  span.error-msg {
    white-space: nowrap;
  }
  .outer-container.section-current-openings {
    padding-bottom: 0;
  }
  .current-openings-header {
    padding-left: 29px;
  }
  .outer-container {
    max-width: 1440px;
    padding: 70px;
    margin: 0 auto;
  }
  .section-about-job .inner-section p.about-job-desc {
    padding-left: 5%;
    margin-left: 0;
  }
  .section-impact-stories {
    padding-top: 86px;
  }
  .section-about-job .inner-section p,
  .section-about-job .inner-section ul {
    margin-left: 39%;
  }
}
@media only screen and (min-width: 1421px) and (max-width: 1440px) {
  .current-openings-card,
  .our-teams-card {
    padding: 0 36.5px !important;
  }
  .current-openings-card .card-box,
  .our-teams-card .card-box {
    max-width: 348px;
  }
}
@media only screen and (min-width: 1401px) and (max-width: 1420px) {
  .current-openings-card .card-box,
  .our-teams-card .card-box {
    max-width: 348px;
  }
  .current-openings-card,
  .our-teams-card {
    padding: 0 33.5px !important;
  }
}
@media only screen and (min-width: 1381px) and (max-width: 1400px) {
  .current-openings-card .card-box,
  .our-teams-card .card-box {
    max-width: 350px;
  }
  .current-openings-card,
  .our-teams-card {
    padding: 0 28.5px !important;
  }
}
@media only screen and (min-width: 1371px) and (max-width: 1380px) {
  .current-openings-card .card-box,
  .our-teams-card .card-box {
    max-width: 345px;
  }
  .current-openings-card,
  .our-teams-card {
    padding: 0 28.5px !important;
  }
}
@media only screen and (min-width: 1350px) and (max-width: 1370px) {
  .current-openings-card .card-box,
  .our-teams-card .card-box {
    max-width: 345px;
  }
  .current-openings-card,
  .our-teams-card {
    padding: 0 26.5px !important;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .page-synopsis h2 {
    max-width: 976px;
  }
  .employee-testimonial-wrap .quote-img {
    text-align: left;
    flex: 20%;
  }
  .employee-testimonial-wrap .employee-testimonial {
    flex: 60%;
    margin-left: 10%;
  }
  .expertise-list,
  .learn-more-btn,
  .tech-logos {
    flex: 100%;
    margin-left: auto;
  }
  .impact-tab-details .impact-desc,
  .impact-tab-details .impact-img {
    flex: 50%;
    padding-right: 0;
  }
  .impact-tab-details .impact-img img {
    max-width: 432px;
  }
  .impact-stories-wrap .bg-dots {
    top: 61%;
    max-width: 300px;
  }
  .our-teams-container,
  .team-members-container {
    align-items: stretch;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    padding: 0;
    justify-content: flex-start;
  }
  .section-meet-our-team .inner-section {
    padding: 25px 0;
  }
  .meet-our-team-header.view-in-mob {
    padding: 0 35px;
  }
  .page-banner h2 {
    font-size: 47px;
  }
  .section-contact-info {
    margin: 0 36px;
    padding: 45px 30px;
  }
  .page-synopsis h2 {
    font-size: 2.1em;
  }
  .page-synopsis h1 {
    font-size: 2.5em;
  }
}
@media only screen and (min-width: 1023px) and (max-width: 1100px) {
  .impact-tab-details .impact-img img {
    max-width: 390px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1022px) {
  .impact-tab-details .impact-img img {
    max-width: 360px;
  }
}
@media only screen and (max-width: 1349px) {
  .section-partner-us .partner-text h2 {
    font-size: 2.5em;
  }
  .section-partner-us .partner-header .partner-logos,
  .section-partner-us .partner-header .partner-text {
    flex: 50%;
  }
  .section-partner-us .partner-testimonial-mob {
    display: -ms-flexbox;
    -webkit-display: flex;
    -ms-display: flex;
    -moz-display: flex;
    display: flex;
    padding-top: 25px;
  }
  .partner-with-us-btn,
  .section-partner-us .partner-testimonial-mob {
    justify-content: center;
    flex-direction: column;
  }
  .section-partner-us .partner-testimonial-mob .carousel-container {
    padding-bottom: 0;
  }
  .partner-with-us-btn {
    margin: 0;
    padding-top: 20px !important;
  }
  .team-features-wrap .team-merit:nth-of-type(3),
  .team-features-wrap .team-merit:nth-of-type(4) {
    top: 0;
  }
  .section-partner-us .partner-logos img {
    padding: 8px;
  }
  .section-partner-us .storage-partner-logos img {
    max-width: 39%;
  }
  .section-partner-us .other-partner-logos img {
    max-width: 19%;
  }
  .section-partner-us .partner-testimonial-card p:first-of-type {
    font-size: 15px;
    max-width: 241px;
  }
  .section-partner-us .partner-testimonial-card p:last-of-type {
    font-size: 17px;
  }
  .section-partner-us .partner-testimonial-card img {
    width: 66px;
  }
  .section-partner-us .partner-testimonial-card img.quote-img {
    width: 54px;
    margin-left: 23px;
  }
  .section-partner-us .why-partner-us .partner-with-us-card {
    justify-content: stretch;
    padding: 0 15px;
  }
  .partner-testimonial-mob,
  .view-in-mob.btn-group,
  .view-in-mob.meet-our-team-header {
    display: block;
    width: 100%;
  }
  .why-partner-us .carous.section-what-we-believe-inl-inside-card-wrapper,
  .why-partner-us .partner-testimonial-card {
    display: none;
  }
  .section-partner-us .why-partner-us {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    margin-top: 20px;
    justify-content: flex-start;
  }
  .why-partner-us-wrap.outer-container {
    padding-bottom: 25px;
  }
  .why-partner-us.carousel-container .carousel-inside-card-wrapper {
    display: none;
  }
  .partner-testimonial-mob .carousel-inside-card-wrapper {
    padding: 0;
  }
  .partner-testimonial-mob .carousel-inside-card-wrapper::before {
    border: none;
  }
  .partner-testimonial-mob .partner-testimonial-card .card-wrapper {
    margin: 20px 0;
  }
  .expertise-list,
  .learn-more-btn,
  .tech-logos {
    flex: 100%;
    margin-left: 0;
  }
  .team-features-wrap .team-merit:nth-of-type(3) .card-box {
    padding: 15px;
  }
  .team-features {
    margin-bottom: 60px;
  }
  .team-features-wrap {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    padding: 40px 0 0;
    justify-content: flex-start;
  }
  .team-features-wrap .team-merit {
    height: auto;
    padding: 0 5px;
    max-width: 278px;
  }
  .team-features-wrap .card-wrapper {
    order: 2;
    margin: 0 !important;
    position: relative;
    left: 45px;
    top: -45px;
  }
  .team-features-wrap .card-wrapper .card-box {
    min-height: auto !important;
    width: 233px !important;
    padding: 15px;
    border-radius: 12px;
  }
  .team-features-wrap .card-wrapper .card-box::before {
    border-radius: 12px;
    opacity: 0.5;
  }
  .join-alokin-wrap + .btn-group,
  .team-features-wrap + .btn-group {
    text-align: center;
    display: block;
  }
  .team-features-wrap .card-wrapper p {
    font-size: 12px;
    line-height: 1.17em;
  }
  .team-merit .img-with-blend img {
    height: 172px;
  }
  .team-features-wrap .team-merit .card-wrapper,
  .team-features-wrap .team-merit .img-with-blend {
    margin: 0 auto;
  }
  .career-selection.section-selection-process .inner-section::before,
  .section-our-expertise .inner-section::before {
    width: 100%;
    left: 0;
  }
  .our-teams-container .meet-our-team-header {
    display: none;
  }
  .section-meet-our-team .inner-section {
    padding: 54px 0;
  }
  .meet-our-team-header.view-in-mob {
    padding: 0 35px;
  }
  .our-teams-card {
    margin-top: 20px;
    padding: 0 22.5px;
    margin-bottom: 50px;
  }
  .meet-the-team-desc-card h2 {
    font-size: 1.2em;
    line-height: 1.36em;
  }
  .meet-the-team-desc-card p,
  .meet-the-team-desc-card small {
    font-size: 0.83em;
  }
  .meet-the-team-desc-card {
    padding: 0;
  }
  .meet-the-team-desc-card .card-box {
    right: -20px;
    bottom: 16px;
  }
  .member-info {
    padding-right: 30px;
  }
  .current-openings-wrap .carousel-container,
  .join-alokin-wrap,
  .our-teams-container,
  .team-members-container {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    padding: 44px 0 0;
    justify-content: flex-start;
    align-items: stretch;
  }
  .join-alokin-merit .img-wrap img {
    max-width: 100%;
    min-height: 200px;
  }
  .join-alokin-card p {
    line-height: 1.4em;
    margin-top: 16px;
  }
  .current-openings-wrap .carousel-container,
  .our-teams-container {
    padding-top: 0;
  }
  .join-alokin-merit {
    max-width: 395px;
    margin: 0 auto;
    align-items: stretch;
    justify-content: flex-start;
    padding: 25px 40px 25px 30px;
    margin: 0;
    box-shadow: 0 0 40px rgba(0, 0, 0, 0.15);
    border-radius: 10px;
    height: 640px;
    overflow: hidden;
  }
  .join-alokin-wrap {
    padding-bottom: 50px;
  }
  .join-alokin-wrap .join-alokin-card {
    order: 2;
    flex: 0 0 100%;
    padding: 0;
  }
  .join-alokin-wrap .auto-width .join-alokin-card {
    margin-bottom: 0;
  }
  .join-alokin-wrap .img-wrap {
    padding: 0;
    height: 200px;
  }
  .join-alokin-wrap .img-wrap img {
    max-height: 200px;
  }
  .team-features::after,
  .team-features::before {
    content: "";
    position: absolute;
    width: 56px;
    height: 100%;
    top: 0;
    background: #e8efff;
    background: -moz-linear-gradient(
      90deg,
      rgba(232, 239, 255, 0.569546568627451) 16.8%,
      #e8efff 84.6%
    );
    background: -webkit-linear-gradient(
      90deg,
      rgba(232, 239, 255, 0.569546568627451) 16.8%,
      #e8efff 84.6%
    );
    background: linear-gradient(
      90deg,
      rgba(232, 239, 255, 0.569546568627451) 16.8%,
      #e8efff 84.6%
    );
    z-index: 9999;
  }
  .team-features::before {
    left: 0;
    z-index: 9999;
    background: linear-gradient(
      to right,
      #e8efff 0.6%,
      rgba(232, 239, 255, 0.1) 83%
    );
  }
  .team-features::after {
    right: 0;
    background: linear-gradient(
      to left,
      #e8efff 0.6%,
      rgba(232, 239, 255, 0.1) 83%
    );
  }
  .section-what-we-believe-in {
    padding: 0 40px 20px;
    align-items: center;
  }
  .about-alokin-desc,
  .about-alokin-text,
  .about-job-desc,
  .about-job-text,
  .section-about-alokin .inner-section::before,
  .section-about-alokin .learn-more-btn,
  .section-about-job .inner-section::before,
  .section-about-job ul,
  .section-selection-process .inner-section::before,
  .section-selection-process .learn-more-btn,
  .section-selection-process ul,
  .selection-process-desc,
  .selection-process-text {
    width: 100%;
    left: 0;
    margin-left: 0;
  }
  .section-selection-process ul {
    margin-top: 14px;
  }
  .section-selection-process ul li {
    padding-left: 0;
  }
  .about-alokin-text .ui-heading,
  .about-job-text .ui-heading,
  .current-openings-header .ui-heading,
  .meet-leadership-team-text h1,
  .meet-our-team-header .ui-heading,
  .section-header-text .ui-heading,
  .selection-process-text .ui-heading {
    margin-bottom: 20px;
  }
  .section-selection-process ul li:first-of-type {
    margin-bottom: 14px;
  }
  .section-about-job .inner-section,
  .section-about-job .inner-section p,
  .section-about-job .inner-section ul {
    width: 100%;
    margin-left: 0;
  }
  .section-about-job .inner-section p.about-job-desc {
    padding-left: 0;
    width: 100%;
  }
  .section-about-job .inner-section ul li {
    margin-top: 14px;
  }
  .section-about-job .inner-section ul {
    margin-top: 20px;
  }
  .job-desc-card-wrap {
    flex: 100%;
    margin-top: 70px;
  }
  .job-desc-card-wrap .carousel-container {
    flex-wrap: nowrap;
    justify-content: flex-start;
    padding-right: 0;
  }
  .section-about-job {
    flex-wrap: wrap;
  }
  article.card-wrapper.job-desc-card.carousel-item {
    padding-right: 15px;
    margin: 15px 0;
  }
  .job-desc-card-wrap .job-desc-card.carousel-item:first-of-type {
    margin-top: 15px;
  }
  .section-about-job {
    display: block;
  }
  .job-desc-card-wrap .btn-group {
    display: block;
    margin-top: 30px;
    text-align: center;
  }
  .outer-container.section-selection-process {
    padding-top: 25px;
  }
  .section-what-we-believe-in .key-features li {
    margin: 15px 0;
  }
  .current-openings-card {
    padding: 0 22.5px;
    margin-bottom: 50px;
  }
  .current-openings-header {
    padding-left: 22.5px;
  }
  .load-more-btn {
    display: none;
  }
  .outer-container {
    padding: 50px;
  }
  .current-openings-wrap .carousel-container {
    margin-bottom: 0;
  }
  .section-no-matching-openings,
  .section-no-openings {
    padding-top: 0;
  }
  .job-detail-banner .banner-img {
    background: #3c5b9b;
    background: -moz-linear-gradient(
        to right,
        #3c5b9b 22.76%,
        rgba(60, 91, 155, 0) 100%
      ),
      url("../images/common/jobdetails-banner.b42c5e32fd9f.png") right no-repeat;
    background: -webkit-linear-gradient(
        to right,
        #3c5b9b 22.76%,
        rgba(60, 91, 155, 0) 100%
      ),
      url("../images/common/jobdetails-banner.b42c5e32fd9f.png") right no-repeat;
    background: linear-gradient(
        to right,
        #3c5b9b 22.76%,
        rgba(60, 91, 155, 0) 100%
      ),
      url("../images/common/jobdetails-banner.b42c5e32fd9f.png") right no-repeat;
  }
  .why-partner-us-wrap.outer-container .inner-container {
    padding: 0 30px 0 20px;
  }
  .partner-testimonial-card,
  .why-partner-us .partner-testimonial-card {
    padding: 0 35px;
    max-width: 395px;
  }
  .current-openings-home .current-openings-header,
  .current-openings-home
    .current-openings-wrap
    .current-openings-card:first-of-type {
    padding-left: 35px !important;
  }
  body.has-current-openings
    .section-be-part-of-our-team
    .inner-section::before {
    height: 125%;
  }
  .team-member.carousel-item {
    padding: 6px 29.5px 50px;
  }
  .our-teams-card .card-box {
    max-width: 347px;
  }
  .key-milestones-wrap .btn-group {
    margin-right: 50px;
  }
  .milestone-card:last-of-type {
    padding-right: 50px;
  }
  .employee-testimonial-wrap .testimonial-item .testimonial-content-wrap {
    right: -250px;
    width: 40%;
  }
  .employee-testimonial-wrap .testimonial-item .testimonial-image-wrap {
    width: 60%;
    left: -20px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1349px) {
  .join-alokin-wrap .card-wrapper .ui-heading {
    font-size: 3.2em;
  }
  .join-alokin-merit {
    height: 780px;
  }
  .section-contact-info {
    margin: 0 36px;
  }
  .company-address {
    width: 350px;
  }
  .contact-form-container {
    padding-right: 20px;
  }
  .map-container {
    padding-left: 20px;
  }
  .outer-container .inner-container {
    padding: 0 40px;
  }
  .impact-stories-header.inner-container,
  .section-impact-stories .inner-container {
    padding-left: 35px !important;
  }
  .partner-testimonial-mob .carousel-inside-card-wrapper {
    padding-left: 35px;
  }
  .be-part-of-our-team-header,
  .section-our-expertise .inner-section .expertise-list,
  .section-our-expertise .inner-section .learn-more-btn,
  .section-our-expertise .inner-section .our-expertise-header {
    padding: 0 35px;
  }
  .section-our-expertise .inner-section .tech-logos {
    padding: 35px;
  }
  .meet-leadership-team-text {
    padding: 0 40px;
  }
  .leadership-testimonial-wrap .testimonial-image-wrap {
    left: -40px;
  }
  .leadership-testimonial-wrap .testimonial-content-wrap {
    right: -150px;
  }
  .leadership-testimonial-wrap .testimonial-content-wrap .quote-image {
    left: -111px;
  }
  .section-impact-stories.outer-container .inner-container {
    padding: 0;
  }
}
@media only screen and (max-width: 991px) {
  body {
    font-size: 12px;
  }
  .logo-img svg {
    width: 100px;
  }
  .outer-container {
    padding: 20px 35px;
  }
  .outer-container .inner-container {
    padding: 0 5px;
  }
  header a.logo-img {
    padding-left: 0;
  }
  header.outer-container {
    padding-bottom: 0;
  }
  .banner-img {
    min-width: 100%;
  }
  .partner-header-wrap.outer-container {
    margin-top: 29px;
  }
  .page-synopsis h1 span:first-of-type::after {
    width: 22px;
    height: 3px;
    bottom: -2px;
  }
  .card-wrapper .ui-heading {
    font-size: 4.83em;
  }
  .card-wrapper h2 {
    font-size: 1.33em;
  }
  .card-wrapper p,
  .card-wrapper ul {
    font-size: 1.25em;
  }
  .page-banner.reach-out-to-us-banner {
    padding: 20px 35px;
  }
  .page-synopsis-wrap.outer-container {
    padding-right: 23px;
    overflow-x: hidden;
    overflow-y: hidden;
  }
  .section-what-we-believe-in {
    padding: 0 5px 20px;
    align-items: center;
  }
  header nav ul {
    display: none;
  }
  nav .nav-toggle {
    display: inline-block;
    padding-right: 0;
    width: 30px;
    height: 30px;
  }
  .page-banner h2,
  .page-synopsis h1 {
    font-size: 1.5em;
  }
  .page-synopsis h2 {
    font-size: 1.34em;
    margin-bottom: 5px;
  }
  .page-banner p {
    font-size: 1.25em;
    margin-top: 2px;
  }
  .page-banner a {
    padding: 5px 21px;
    max-width: 161px;
  }
  .outer-container.page-banner {
    padding: 35px 20px;
    overflow-x: hidden;
  }
  .see-openings-btn {
    margin-top: 20px;
  }
  .team-features-wrap {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    padding: 34px 0 0;
    justify-content: flex-start;
  }
  .partner-testimonial-mob .carousel-inside-card-wrapper {
    padding: 0 5px;
  }
  .section-partner-us .partner-text h2 {
    font-size: 1.4em;
    line-height: 1.25em;
  }
  .section-partner-us .partner-text h2 {
    font-size: 1.8em;
  }
  .why-partner-us-wrap.outer-container {
    padding: 10px 35px 20px;
  }
  .section-partner-us .why-partner-us,
  .why-partner-us-wrap.outer-container .inner-container {
    padding: 0;
  }
  .section-partner-us .why-partner-us {
    margin-top: 0;
  }
  .partner-with-us-btn {
    padding-left: 40px;
  }
  .learn-more-btn {
    padding: 0;
    text-align: left;
    margin: 35px 0 35px auto;
  }
  .current-openings-home.outer-container,
  .section-be-part-of-our-team,
  .section-impact-stories,
  .section-meet-leadership-team,
  .section-our-expertise {
    padding: 30px 20px;
  }
  .section-meet-leadership-team .inner-section {
    padding: 50px 0;
  }
  .meet-leadership-team-text {
    padding: 0 20px;
  }
  .leadership-testimonial-wrap .testimonial-content-wrap {
    right: -118px;
  }
  .leadership-testimonial-wrap .testimonial-content-wrap .quote-image {
    left: -103px;
  }
  .leadership-team-card .card-box {
    padding: 40px;
  }
  .leadership-team-card.card-wrapper p {
    max-height: 200px;
    overflow-y: auto;
  }
  .leadership-testimonial-wrap .testimonial-image-wrap {
    left: -20px;
  }
  .section-our-expertise .inner-section {
    padding: 50px 0;
  }
  .section-our-expertise .inner-section .expertise-list,
  .section-our-expertise .inner-section .learn-more-btn,
  .section-our-expertise .inner-section .our-expertise-header,
  .tab-content {
    padding: 0 20px;
  }
  .section-our-expertise .inner-section .tech-logos,
  .tab-content {
    padding: 35px 20px;
  }
  .section-be-part-of-our-team .inner-section {
    padding: 50px 0;
    border-radius: 7px;
  }
  .section-partner-us .partner-testimonial-mob {
    padding-top: 15px;
  }
  .be-part-of-our-team-desc,
  .be-part-of-our-team-text,
  .our-expertise-desc,
  .our-expertise-text {
    flex: 100%;
  }
  .about-alokin-text h3,
  .about-job-text h3,
  .be-part-of-our-team-text h3,
  .current-openings-header h3,
  .impact-stories-header h3,
  .meet-leadership-team-text h3,
  .meet-our-team-header h3,
  .our-expertise-text h3,
  .privacy-policy-block h3,
  .section-header-text h3,
  .selection-process-text h3 {
    font-size: 1.34em;
  }
  .about-alokin-text .ui-heading,
  .about-job-text .ui-heading,
  .be-part-of-our-team-text .ui-heading,
  .current-openings-header .ui-heading,
  .impact-stories-header .ui-heading,
  .meet-leadership-team-text h1,
  .meet-our-team-header .ui-heading,
  .our-expertise-text .ui-heading,
  .section-header-text .ui-heading,
  .section-interested-in-role .ui-heading,
  .selection-process-text .ui-heading {
    font-size: 1.5em;
    margin-bottom: 20px;
  }
  .be-part-of-our-team-desc,
  .our-expertise-desc {
    font-size: 1.25em;
  }
  .employee-testimonial-wrap .quote-img {
    display: none;
  }
  .employee-testimonial-wrap .employee-testimonial {
    flex: 80%;
  }
  .employee-testimonial-wrdarkenap .employee-testimonial .img-with-blend {
    float: right;
    width: 90%;
  }
  .employee-testimonial-wrap .employee-testimonial .testimonial {
    left: -10px;
    top: 50px;
    max-width: 211px;
  }
  .testimonial .carousel-inside-card-wrapper {
    padding: 15px;
  }
  .testimonial .card-wrapper p {
    font-size: 1.25em;
  }
  .employee-testimonial-wrap .testimonial .card-wrapper p:last-of-type {
    font-size: 1.1em;
    margin-bottom: 10px;
  }
  .page-synopsis.careers-synopsis {
    padding: 0 6px;
  }
  .section-why-join-alokin .join-alokin-header .ui-heading {
    text-align: left;
    font-size: 1.5em;
    line-height: 0.9em;
    padding-left: 10px;
  }
  .our-team-btns a {
    margin-bottom: 11px !important;
    font-size: 1em;
    min-height: 30px;
    padding: 6px;
    height: 30px;
  }
  .our-team-btns a:last-of-type {
    padding: 4px 12px 5px 22px;
  }
  .our-team-btns a:last-of-type img {
    width: 22px;
    top: 2px;
    left: 3px;
  }
  .expertise-list .main-features li {
    font-size: 1.2em;
  }
  .expertise-list .sub-features li {
    font-size: 1em;
  }
  .tab-title {
    max-width: 480px;
    padding: 20px;
  }
  .impact-tab-details .impact-desc,
  .impact-tab-details .impact-img {
    flex: 100%;
    padding-right: 0;
  }
  .impact-stories-wrap p {
    font-size: 1.25em;
  }
  .impact-desc p {
    line-height: 1.6em;
  }
  .learn-more-about-us-btn {
    margin: 40px 0;
  }
  .page-banner.reach-out-to-us-banner {
    margin-top: 0;
  }
  .page-banner.reach-out-to-us-banner a {
    max-width: 100%;
    width: 177px;
    height: 30px;
    padding: 5px;
    margin-top: 12px;
    margin-bottom: 0;
  }
  .page-synopsis.about-us-synopsis p {
    padding-left: 0;
    margin-left: 0;
    margin-top: 12px;
    font-size: 1.25em;
  }
  .page-synopsis.about-us-synopsis p:last-of-type {
    margin-top: 0;
  }
  .leader-testimonial .testimonial {
    left: -20px;
    bottom: -10px;
  }
  .section-what-we-believe-in .key-features li {
    margin: 15px 0;
  }
  .section-what-we-believe-in .key-features li img,
  .section-what-we-believe-in .key-features li span {
    display: inline-block;
  }
  .section-what-we-believe-in .key-features li img {
    width: 30px;
    height: 30px;
    position: absolute;
    margin-bottom: 0;
  }
  .section-what-we-believe-in .key-features li span {
    margin-left: 40px;
    top: 27%;
    position: relative;
  }
  .carousel-container.team-members-container {
    min-height: 300px;
  }
  .team-member.carousel-item {
    padding: 6px 30.5px 50px;
  }
  .outer-container.page-banner.contact-us-banner,
  .outer-container.page-banner.contact-us-banner .banner-img,
  .outer-container.page-banner.privacy-policy-banner,
  .outer-container.page-banner.privacy-policy-banner .banner-img {
    min-height: 140px;
    max-height: 140px;
  }
  .outer-container.contact-container {
    padding: 13px 25px;
  }
  .section-contact-info {
    padding: 20px;
    margin: 20px 0;
    top: 0;
  }
  .section-contact-info h2,
  .section-contact-info h3 {
    font-size: 1.67em;
  }
  .section-contact-info .map-container h3 {
    padding-left: 25px;
  }
  .company-address h3 {
    font-size: 1.5em;
  }
  .company-address ul li p {
    font-size: 1.17em;
  }
  .contact-form-container {
    padding-right: 15px;
  }
  .company-address {
    width: 350px;
  }
  .contact-form-container .form-group .form-control {
    font-size: 1.25em;
    padding-right: 20px;
  }
  .contact-form-container .form-group .control-info,
  .contact-form-container .form-group label {
    font-size: 1.1em;
  }
  .contact-form-container .form-group .custom-file-input.form-control {
    font-size: 1.17em;
  }
  .custom-file-input::after {
    height: 23px;
  }
  .map-container {
    padding-left: 15px;
  }
  header a {
    padding: 0;
  }
  .section-down-arrow {
    display: none;
  }
  .tech-logos img {
    padding: 10px 10px 10px 0;
  }
  .be-part-of-our-team-header {
    padding: 0 20px;
  }
  .impact-stories-header {
    margin-bottom: 6px !important;
    padding-left: 20px !important;
  }
  .impact-stories-header .ui-heading {
    margin-bottom: 0;
  }
  .tech-logos img,
  .tech-logos img:nth-child(n) {
    max-width: 32%;
    padding: 20px 10px;
  }
  .tech-logos img:nth-child(1) {
    max-width: 165px;
  }
  .tech-logos img:nth-child(2) {
    padding: 20px;
  }
  .tech-logos img:nth-child(4) {
    padding-right: 40px;
  }
  .tech-logos img:nth-child(5) {
    padding: 20px 14px;
  }
  .tech-logos img:nth-child(10),
  .tech-logos img:nth-child(7) {
    padding: 20px 5px;
  }
  .tech-logos img:nth-child(12) {
    padding: 20px 7px;
  }
  .alokin-blue-btn a,
  .form-btn-group button,
  .learn-more-about-us-btn a,
  .learn-more-btn a,
  .load-more-btn a,
  .our-team-btns a,
  .partner-with-us-btn a,
  .section-interested-in-role .apply-job-btn a,
  .see-openings-btn a {
    height: 30px;
    padding: 6px 12px;
    min-width: 217px;
    margin-left: auto;
    margin-right: auto;
  }
  .form-btn-group button {
    min-width: 100px;
  }
  .tech-logos {
    margin-top: 30px;
  }
  .learn-more-btn {
    margin-top: 30px;
    margin-bottom: 0;
  }
  .expertise-list .main-features li span.feature-icon {
    width: 30px;
    height: 30px;
  }
  .expertise-list ul.main-features li span {
    max-width: 150px;
  }
  .expertise-list .main-features li {
    margin-bottom: 31px;
    padding-left: 43px;
  }
  .job-detail-banner p span {
    width: 71%;
  }
  .job-detail-banner p span:first-of-type {
    width: 29%;
  }
  .apply-job-btn a {
    margin-top: 15px;
  }
  .section-about-alokin .inner-section,
  .section-about-job .inner-section,
  .section-selection-process .inner-section {
    margin: 22px 0;
    padding: 33px 19px 33px 33px;
  }
  .section-about-alokin .learn-more-btn,
  .section-selection-process .learn-more-btn {
    width: 100%;
    left: 0;
    margin-left: 0;
    margin-top: 20px;
  }
  .load-more-btn a,
  .section-about-alokin .learn-more-btn a,
  .section-selection-process .learn-more-btn a {
    width: 110px;
    min-width: 110px;
    border: 1px solid #3c5b9b;
    height: 32px;
  }
  .position-closed-msg img {
    height: 13px;
    position: relative;
    top: 2px;
  }
  .section-about-alokin p,
  .section-about-alokin ul,
  .section-about-alokin ul li,
  .section-about-job p,
  .section-about-job ul li,
  .section-selection-process p,
  .section-selection-process ul,
  .section-selection-processul li {
    font-size: 15px !important;
  }
  .section-selection-process ul.list-with-style-type li {
    padding-left: 11px;
  }
  .section-about-job .inner-section {
    padding: 33px 0 33px;
  }
  .section-about-job .inner-section .about-job-header,
  .section-about-job .inner-section p,
  .section-about-job .inner-section ul:first-of-type {
    padding: 0 19px 0 33px;
  }
  .section-about-job .inner-section p.about-job-desc {
    padding: 0;
  }
  .section-about-job .inner-section ul:first-of-type {
    padding-left: 52px;
    padding-right: 15px;
  }
  .section-about-job .inner-section ul li {
    padding-left: 8px;
  }
  .section-about-job .inner-section ul:last-of-type {
    margin-bottom: 15px;
    border-radius: 0;
    padding-left: 25px;
  }
  .job-desc-card .card-box {
    max-width: 265px;
    padding: 30px 20px 30px 30px;
  }
  .job-desc-card .card-box ul li {
    padding-left: 8px;
  }
  article.card-wrapper.job-desc-card.carousel-item {
    padding: 0 10px;
  }
  .section-interested-in-role.outer-container {
    padding: 40px 0 0 0;
    margin-bottom: 0 !important;
  }
  .section-interested-in-role .ui-heading {
    margin-bottom: 10px;
  }
  .section-interested-in-role .apply-job-btn a {
    margin-top: 0;
    width: 136px;
    min-width: 136px;
  }
  .section-interested-in-role .inner-container {
    height: 180px;
  }
  .success-modal .modal-content {
    width: 304px;
    min-height: 268px;
    padding: 45px 25px 25px;
  }
  .success-modal img {
    max-width: 54px;
    margin-bottom: 20px;
  }
  .success-modal h1 {
    margin-bottom: 5px;
    font-size: 2em;
    line-height: 1.5em;
  }
  .success-modal .ui-heading {
    margin-bottom: 5px;
    font-size: 2em;
    line-height: 1.5em;
  }
  .success-modal p {
    font-size: 1.17em;
    line-height: 1.2em;
    margin-bottom: 20px;
  }
  .custom-file-input::after,
  .custom-file-input::before {
    font-size: 14px;
  }
  .contact-form-container .form-group:last-of-type {
    margin-bottom: 25px;
  }
  .alokin-btn {
    height: 30px;
  }
  .alokin-btn span {
    font-size: 12px;
  }
  .team-features {
    margin-bottom: 30px;
  }
  .section-what-we-believe-in .section-header-text .ui-heading {
    margin-bottom: 15px;
  }
  .section-what-we-believe-in .key-features li {
    height: 30px;
  }
  .section-what-we-believe-in .key-features li span {
    display: flex;
    align-items: center;
    height: 30px;
    top: 0;
  }
  .section-header-text p {
    margin-top: 0;
    max-width: 100%;
    font-size: 1.25em;
  }
  .we-are-alokin-card p {
    margin-top: 13px;
  }
  .we-are-alokin-card img {
    margin-bottom: 13px;
    max-width: 35px;
  }
  .section-mission-vision .we-are-alokin-card:last-of-type {
    margin-bottom: 150px;
  }
  .section-mission-vision .card-wrapper {
    padding: 0 25px;
  }
  .current-openings-card.card-wrapper .ui-heading {
    font-size: 3em;
  }
  .current-openings-card.card-wrapper .card-box {
    padding: 25px 20px;
    min-height: auto;
  }
  .current-openings-header {
    margin-bottom: 0;
  }
  .join-alokin-card p {
    margin-top: 15px;
  }
  .current-openings-card small {
    font-size: 1.18em;
  }
  .our-teams-card .card-box {
    padding: 30px;
  }
  .current-openings-card .ui-heading {
    padding-left: 20px;
  }
  .see-openings-btn a {
    max-width: 120px;
    min-width: 120px;
  }
  .no-matching-openings {
    padding: 33px 30px !important;
  }
  .no-openings {
    margin-top: 50px;
  }
  .no-matching-openings-text {
    flex: 100%;
    margin-bottom: 25px;
  }
  .no-matching-openings-text p {
    font-size: 1.25em;
  }
  .send-resume-btn {
    flex: 100%;
    text-align: center;
  }
  .send-resume-btn a {
    max-width: 110px;
    min-width: 110px;
    line-height: 1.6em;
  }
  .section-partner-us .partner-text h2 {
    margin-top: 5px;
  }
  .section-partner-us .partner-header .partner-text {
    padding-top: 15px;
  }
  .partner-testimonial-card,
  .why-partner-us .partner-testimonial-card {
    padding: 0 10px;
  }
  .section-partner-us .why-partner-us .partner-with-us-card .card-box {
    min-height: 341px;
  }
  .meet-the-team-desc-card h2 {
    font-size: 1.2em;
    line-height: 1.36em;
  }
  .meet-the-team-desc-card p,
  .meet-the-team-desc-card small {
    font-size: 1em;
  }
  .toggle-display-btn img {
    width: 20px;
  }
  .role-bg-img {
    border-radius: 0;
  }
  .role-bg-img .row {
    margin-left: -180px;
    top: 0;
  }
  .role-bg-img img {
    margin: 4px 15px;
    max-width: 18%;
    max-height: 21px;
  }
  .role-bg-img img.img-large {
    max-height: 29px;
    top: 0;
  }
  .role-bg-img .row:nth-of-type(3),
  .role-bg-img .row:nth-of-type(4) {
    left: -30px;
  }
  footer .footer-nav ul:first-of-type {
    margin-left: 0;
    max-width: 160px;
    width: 160px;
  }
  footer.outer-container .inner-container {
    padding-top: 20px !important;
  }
  footer .terms-conditions {
    margin-top: 40px;
  }
  footer .logo-img {
    position: relative;
    top: -20px;
  }
  .key-milestones-wrap .btn-group {
    margin-bottom: 20px;
    margin-right: 35px;
  }
  .key-milestones-container.outer-container {
    padding-top: 45px;
  }
  .milestone-card:last-of-type {
    padding-right: 35px;
  }
  .key-milestones-container.outer-container .inner-container {
    padding-left: 5px;
  }
  .milestone-card .card-box {
    max-width: 256px;
  }
  .key-milestones-container.outer-container .section-header-text {
    margin-bottom: 0;
  }
  .key-milestones-container .section-header-text .ui-heading {
    margin-bottom: 0;
  }
  .card-wrapper.milestone-card h1 {
    font-size: 4em;
  }
  .milestone-card {
    padding: 0 12.5px;
  }
  .key-milestones-wrap .carousel-container {
    padding: 0;
  }
  .employee-testimonial-wrap .testimonial-item .testimonial-content-wrap {
    right: -113px;
    width: 44%;
  }
  .employee-testimonial-wrap .testimonial-item .testimonial-image-wrap {
    width: 56%;
    left: -30px;
  }
  .employee-testimonial-wrap
    .testimonial-item
    .testimonial-content-wrap
    .quote-image {
    width: 69px;
    left: -105px;
  }
  .employee-testimonial-wrap .testimonial-wrap {
    padding: 50px 45px 14px;
  }
  .section-contact-info.section-privacy-policy-info {
    padding: 30px;
  }
  .section-privacy-policy-info .privacy-policy-block p {
    font-size: 16px;
  }
  .section-privacy-policy-info .privacy-policy-block {
    margin-bottom: 45px;
  }
  .section-privacy-policy-info .privacy-policy-block:last-of-type {
    margin-bottom: 15px;
  }
  .section-contact-info {
    position: relative;
    z-index: 0;
  }
  body.has-current-openings
    .section-be-part-of-our-team
    .inner-section::before {
    height: 119%;
  }
  .current-openings-home .current-openings-card .card-box {
    max-width: 272px;
  }
  .current-openings-home .current-openings-header,
  .current-openings-home
    .current-openings-wrap
    .current-openings-card:first-of-type {
    padding-left: 20px !important;
  }
  .current-openings-home .current-openings-card {
    padding: 0 8px !important;
  }
  .current-openings-home.outer-container {
    padding-top: 0;
    padding-bottom: 0;
  }
  .meet-the-team-desc-card .show-details.toggle-item {
    max-height: 120px;
    overflow-y: auto;
  }
  .template-about nav ul li a.about-active,
  .template-career nav ul li a.career-active,
  .template-contact nav ul li a.contact-active,
  .template-home nav ul li a.home-active,
  .template-privacy nav ul li a.privacy-active {
    color: #3c5b9b;
    background: 0 0;
    border-radius: 0;
    padding: 0;
  }
  .mobile-nav.nav-bar-toggle {
    width: 270px;
    z-index: 9999999999;
  }
  .nav-bar-toggle {
    height: 100%;
    position: fixed;
    width: 0;
    z-index: 5;
    top: 0;
    right: 0;
    background-color: #f6f9ff;
    overflow-x: hidden;
    transition: 0.5s;
    padding: 105px 0 25px;
  }
  .nav-bar-toggle ul {
    display: block;
  }
  nav ul:first-of-type li a {
    color: #3c5b9b;
    display: block;
    transition: 0.3s;
    font-size: 1.5em;
    line-height: 2.6em;
    padding: 0 30px !important;
    border-radius: 0;
    margin-left: 0;
    background: 0 0;
  }
  nav ul li a,
  nav ul li a:hover {
    border-radius: 0;
    margin-left: 0;
    background: 0 0;
  }
  .nav-bar-toggle .social-media {
    margin-top: 50px;
  }
  .nav-bar-toggle .social-media a {
    display: inline-block;
    padding: 6px;
  }
  .nav-bar-toggle .social-media a img {
    max-width: 25px;
  }
  .nav-bar-toggle .social-media li:first-of-type a {
    padding-left: 30px;
  }
  .nav-bar-toggle .nav-toggle {
    position: absolute;
    top: 34px;
    left: 30px;
    font-size: 36px;
    margin-left: 0;
  }
  .nav-bar-toggle ul:first-of-type a:hover,
  .template-about nav ul li a.about-active,
  .template-career nav ul li a.career-active,
  .template-contact nav ul li a.contact-active,
  .template-home nav ul li a.home-active,
  .template-privacy nav ul li a.privacy-active {
    background-color: #3c5b9b;
    color: #fff;
    border-radius: 0;
    margin-left: 0;
  }
  .mobile-nav.nav-bar-toggle .nav-toggle {
    display: block;
  }
  .is-mobile .nav-bar-toggle .social-media,
  .nav-bar-toggle ul li a {
    white-space: nowrap;
  }
  .section-about-alokin .learn-more-btn a,
  .section-selection-process .learn-more-btn a {
    margin: 0 auto;
  }
  .section-about-job .more-btn span {
    display: inline-block;
    margin: 30px auto 0;
    float: none;
  }
  .section-about-job .more-btn {
    text-align: center;
  }
}
@media only screen and (max-width: 767px) {
  .section-partner-us .why-partner-us .partner-with-us-card {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 365px;
    padding: 0 15px;
  }
  .expertise-list {
    margin-top: 30px;
  }
  .expertise-list .main-features li {
    margin-bottom: 11px;
  }
  .expertise-list .main-features li img {
    width: 30px;
  }
  .expertise-list .main-features {
    flex: 100%;
    flex-direction: column;
  }
  .expertise-list .sub-features li span.feature-icon {
    height: 30px;
    width: 30px;
  }
  .impact-stories-wrap .btn-group {
    display: block;
  }
  .expertise-list .sub-features li span.feature-icon {
    height: auto;
  }
  .expertise-list .sub-features {
    flex: 100%;
    display: none;
    margin-top: 30px;
    padding-left: 0;
  }
  .expertise-list .sub-features li {
    padding: 7.5px 0 7.5px 43px;
  }
  .expertise-list .more-btn {
    display: block;
  }
  .our-teams-card {
    margin-top: 20px;
  }
  .current-openings-card {
    margin-top: 35px;
  }
  .map-location,
  .map-location .map-img {
    width: 100%;
  }
  .expertise-list ul.sub-features li span {
    float: none;
  }
  .learn-more-btn a {
    margin: 0 auto;
  }
  .section-partner-us .why-partner-us .partner-with-us-card:first-of-type {
    padding-left: 15px;
  }
  .why-partner-us-wrap.outer-container {
    padding: 10px 35px 20px;
  }
  .outer-container.contact-container {
    padding: 20px 13px;
  }
  .section-contact-info {
    flex-wrap: wrap;
    padding: 20px 0;
    padding-top: 0;
  }
  .map-container {
    flex: 100%;
    padding: 0;
  }
  .contact-form-container {
    flex: 100%;
    padding: 25px 19px 25px 19px;
  }
  .contact-form-container .form-group .form-control {
    max-width: 100%;
  }
  .company-address {
    width: 90%;
  }
  .page-banner.contact-us-banner p {
    max-width: 253px;
    margin: 0 auto;
  }
  .contact-form-container .form-btn-group {
    text-align: center;
  }
  .contact-form-container .form-group:last-of-type {
    margin-bottom: 0;
  }
  .our-team-btns a {
    display: block;
    max-width: 200px;
    margin-right: auto !important;
  }
  .section-what-we-believe-in .key-features,
  .section-what-we-believe-in .section-header-text {
    flex: 100%;
    padding-left: 0;
  }
  .section-what-we-believe-in .key-features {
    margin-top: 20px;
    max-width: 100%;
  }
  .section-what-we-believe-in .key-features li {
    flex: 50%;
  }
  .milestone-card .card-box {
    min-height: 191px;
  }
  .section-mission-vision .we-are-alokin-card {
    flex: 100%;
    margin: 15px auto;
    padding: 0;
  }
  .section-mission-vision .we-are-alokin-card:first-of-type {
    top: 0;
    margin-top: 0;
  }
  .section-mission-vision .we-are-alokin-card:last-of-type {
    top: 0;
    margin-bottom: 35px;
  }
  .section-mission-vision .we-are-alokin-card .card-box {
    padding: 25px;
    max-width: 280px;
    margin: 0 auto;
  }
  .current-openings-card .card-box {
    min-height: 227px;
    padding: 23px 25px 26px 19px;
    border-radius: 10px;
  }
  .current-openings-card .card-box p {
    margin-top: 15px;
  }
  .section-partner-us .partner-header {
    justify-content: center;
    align-items: flex-start;
    flex-direction: column;
  }
  .section-partner-us .partner-logos {
    margin: 20px 0;
  }
  .section-partner-us .storage-partner-logos img {
    max-width: 20%;
  }
  .section-partner-us .other-partner-logos img {
    max-width: 12%;
  }
  .section-partner-us .partner-header .partner-text {
    padding-top: 0;
  }
  .partner-testimonial-card,
  .why-partner-us .partner-testimonial-card {
    flex: 0 0 100%;
    max-width: 365px;
  }
  .current-openings-home .current-openings-card .card-box {
    max-width: 272px;
  }
  .current-openings-home .current-openings-header .ui-heading {
    margin-bottom: 10px;
  }
  body.has-current-openings
    .section-be-part-of-our-team
    .inner-section::before {
    height: 116%;
  }
  .meet-the-team-desc-card img.member-img {
    max-width: 190px;
    min-height: 192px;
    max-height: 192px;
    min-width: auto;
  }
  .meet-the-team-desc-card .card-box {
    position: absolute;
    left: 10px;
    bottom: 10px;
    width: 213px;
  }
  .meet-the-team-desc-card .card-box::before {
    top: -4px;
    left: -3px;
  }
  .member-details {
    height: 10px;
  }
  .member-details.show-details {
    height: 15px;
  }
  footer .footer-nav {
    display: none;
  }
  footer {
    padding: 25px 40px;
  }
  footer .logo-img,
  footer .social-media {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
  }
  footer .social-media {
    margin-left: auto;
    align-self: center;
  }
  footer .terms-conditions {
    text-align: center;
    margin-top: 10px;
    padding: 10px 0;
  }
  footer .terms-conditions .all-rights-reserved,
  footer .terms-conditions ul {
    display: block;
    width: 100%;
    font-size: 10px;
    line-height: 18px;
  }
  footer .terms-conditions ul li {
    padding-right: 5px;
  }
  footer.outer-container .inner-container {
    padding-top: 0 !important;
  }
  footer .logo-img {
    top: 0;
  }
  .leadership-testimonial-wrap .testimonial-content-wrap {
    right: -50px;
    width: 53%;
  }
  .leadership-testimonial-wrap .testimonial-content-wrap .quote-image {
    left: -34px;
    width: 58px;
    top: -28px;
  }
  .leadership-team-card .card-box {
    padding: 20px;
  }
  .leadership-team-card .card-box h2,
  .leadership-team-card .card-box small {
    font-size: 1.25em;
    line-height: 1.18em;
    margin-bottom: 0;
  }
  .leadership-team-card.card-wrapper p {
    max-height: 200px;
    overflow-y: auto;
    margin-top: 9px;
    line-height: 1.6em;
  }
  .leadership-team-card .linkedin-logo {
    width: 17px;
  }
  .leadership-testimonial-wrap .testimonial-image-wrap {
    width: 47%;
  }
  .meet-leadership-team-text h1 {
    margin-bottom: 0;
  }
  .leadership-testimonial-wrap {
    margin: 0;
  }
  .leadership-testimonial-wrap .testimonial-wrap {
    padding-bottom: 50px;
  }
  .section-meet-leadership-team .inner-section {
    padding: 30px 0;
  }
  .employee-testimonial-wrap .testimonial-item .testimonial-image-wrap {
    left: 0;
  }
  .employee-testimonial-wrap .testimonial-content-wrap p {
    margin-top: 10px;
  }
  .employee-testimonial-wrap
    .testimonial-item
    .testimonial-content-wrap
    .card-box {
    padding: 30px 30px 25px;
  }
  .employee-testimonial-wrap .testimonial-content-wrap p:last-of-type {
    font-size: 1.1em;
    line-height: 1.15em;
  }
}
@media only screen and (min-width: 560px) and (max-width: 991px) {
  .banner-img {
    background-size: contain !important;
  }
  .homepage-banner .banner-img {
    background: -moz-linear-gradient(
        to right,
        #3c5b9b 55.76%,
        rgba(60, 91, 155, 0) 100%
      ),
      url("../images/common/homepage-banner.9983ca4fcaec.png") right no-repeat;
    background: -webkit-linear-gradient(
        to right,
        #3c5b9b 55.76%,
        rgba(60, 91, 155, 0) 100%
      ),
      url("../images/common/homepage-banner.9983ca4fcaec.png") right no-repeat;
    background: linear-gradient(
        to right,
        #3c5b9b 55.76%,
        rgba(60, 91, 155, 0) 100%
      ),
      url("../images/common/homepage-banner.9983ca4fcaec.png") right no-repeat;
  }
  .page-banner.about-us-banner .banner-img {
    background: -moz-linear-gradient(
        to right,
        #3c5b9b 63.76%,
        rgba(97, 119, 161, 0.1) 100%
      ),
      url("../images/common/aboutus-banner.908723b8f196.png") right no-repeat;
    background: -webkit-linear-gradient(
        to right,
        #3c5b9b 63.76%,
        rgba(60, 91, 155, 0.1) 100%
      ),
      url("../images/common/aboutus-banner.908723b8f196.png") right no-repeat;
    background: linear-gradient(
        to right,
        #3c5b9b 63.76%,
        rgba(60, 91, 155, 0.1) 100%
      ),
      url("../images/common/aboutus-banner.908723b8f196.png") right no-repeat;
  }
  .job-detail-banner .banner-img {
    background: #3c5b9b;
    background: -moz-linear-gradient(
        to right,
        #3c5b9b 53.76%,
        rgba(60, 91, 155, 0) 100%
      ),
      url("../images/common/jobdetails-banner.b42c5e32fd9f.png") right no-repeat;
    background: -webkit-linear-gradient(
        to right,
        #3c5b9b 53.76%,
        rgba(60, 91, 155, 0) 100%
      ),
      url("../images/common/jobdetails-banner.b42c5e32fd9f.png") right no-repeat;
    background: linear-gradient(
        to right,
        #3c5b9b 53.76%,
        rgba(60, 91, 155, 0) 100%
      ),
      url("../images/common/jobdetails-banner.b42c5e32fd9f.png") right no-repeat;
  }
  .outer-container.page-banner.contact-us-banner .banner-img {
    background: #3c5b9b;
    background: -moz-linear-gradient(
        to right,
        #3c5b9b 76.76%,
        rgba(60, 91, 155, 0) 100%
      ),
      url("../images/common/contactus-banner.a6563f220055.png") right no-repeat;
    background: -webkit-linear-gradient(
        to right,
        #3c5b9b 76.76%,
        rgba(60, 91, 155, 0) 100%
      ),
      url("../images/common/contactus-banner.a6563f220055.png") right no-repeat;
    background: linear-gradient(
        to right,
        #3c5b9b 76.76%,
        rgba(60, 91, 155, 0) 100%
      ),
      url("../images/common/contactus-banner.a6563f220055.png") right no-repeat;
  }
  .outer-container.page-banner.privacy-policy-banner .banner-img {
    background: #3c5b9b;
    background: -moz-linear-gradient(
        to right,
        #3c5b9b 76.76%,
        rgba(60, 91, 155, 0) 100%
      ),
      url("../images/common/privacy-banner.c3132988bd40.png") right no-repeat;
    background: -webkit-linear-gradient(
        to right,
        #3c5b9b 76.76%,
        rgba(60, 91, 155, 0) 100%
      ),
      url("../images/common/privacy-banner.c3132988bd40.png") right no-repeat;
    background: linear-gradient(
        to right,
        #3c5b9b 76.76%,
        rgba(60, 91, 155, 0) 100%
      ),
      url("../images/common/privacy-banner.c3132988bd40.png") right no-repeat;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .section-partner-us .partner-text h2 {
    font-size: 2em;
  }
  .section-partner-us .partner-text h2 {
    font-size: 1.8em;
    max-width: 100%;
    line-height: 1.25em;
  }
}
@media only screen and (min-width: 768px) and (max-width: 800px) {
  .homepage-banner .banner-img {
    background: -moz-linear-gradient(
        to right,
        #3c5b9b 41.76%,
        rgba(60, 91, 155, 0) 100%
      ),
      url("../images/common/homepage-banner.9983ca4fcaec.png") right no-repeat;
    background: -webkit-linear-gradient(
        to right,
        #3c5b9b 41.76%,
        rgba(60, 91, 155, 0) 100%
      ),
      url("../images/common/homepage-banner.9983ca4fcaec.png") right no-repeat;
    background: linear-gradient(
        to right,
        #3c5b9b 41.76%,
        rgba(60, 91, 155, 0) 100%
      ),
      url("../images/common/homepage-banner.9983ca4fcaec.png") right no-repeat;
  }
  .page-banner.about-us-banner .banner-img {
    background: -moz-linear-gradient(
        to right,
        #3c5b9b 53.76%,
        rgba(97, 119, 161, 0.1) 100%
      ),
      url("../images/common/aboutus-banner.908723b8f196.png") right no-repeat;
    background: -webkit-linear-gradient(
        to right,
        #3c5b9b 53.76%,
        rgba(60, 91, 155, 0.1) 100%
      ),
      url("../images/common/aboutus-banner.908723b8f196.png") right no-repeat;
    background: linear-gradient(
        to right,
        #3c5b9b 53.76%,
        rgba(60, 91, 155, 0.1) 100%
      ),
      url("../images/common/aboutus-banner.908723b8f196.png") right no-repeat;
  }
  .job-detail-banner .banner-img {
    background: #3c5b9b;
    background: -moz-linear-gradient(
        to right,
        #3c5b9b 40.76%,
        rgba(60, 91, 155, 0) 100%
      ),
      url("../images/common/jobdetails-banner.b42c5e32fd9f.png") right no-repeat;
    background: -webkit-linear-gradient(
        to right,
        #3c5b9b 40.76%,
        rgba(60, 91, 155, 0) 100%
      ),
      url("../images/common/jobdetails-banner.b42c5e32fd9f.png") right no-repeat;
    background: linear-gradient(
        to right,
        #3c5b9b 40.76%,
        rgba(60, 91, 155, 0) 100%
      ),
      url("../images/common/jobdetails-banner.b42c5e32fd9f.png") right no-repeat;
  }
  .outer-container.page-banner.contact-us-banner .banner-img {
    background: #3c5b9b;
    background: -moz-linear-gradient(
        to right,
        #3c5b9b 70.76%,
        rgba(60, 91, 155, 0) 100%
      ),
      url("../images/common/contactus-banner.a6563f220055.png") right no-repeat;
    background: -webkit-linear-gradient(
        to right,
        #3c5b9b 70.76%,
        rgba(60, 91, 155, 0) 100%
      ),
      url("../images/common/contactus-banner.a6563f220055.png") right no-repeat;
    background: linear-gradient(
        to right,
        #3c5b9b 70.76%,
        rgba(60, 91, 155, 0) 100%
      ),
      url("../images/common/contactus-banner.a6563f220055.png") right no-repeat;
  }
  .outer-container.page-banner.privacy-policy-banner .banner-img {
    background: #3c5b9b;
    background: -moz-linear-gradient(
        to right,
        #3c5b9b 70.76%,
        rgba(60, 91, 155, 0) 100%
      ),
      url("../images/common/privacy-banner.c3132988bd40.png") right no-repeat;
    background: -webkit-linear-gradient(
        to right,
        #3c5b9b 70.76%,
        rgba(60, 91, 155, 0) 100%
      ),
      url("../images/common/privacy-banner.c3132988bd40.png") right no-repeat;
    background: linear-gradient(
        to right,
        #3c5b9b 70.76%,
        rgba(60, 91, 155, 0) 100%
      ),
      url("../images/common/privacy-banner.c3132988bd40.png") right no-repeat;
  }
}
@media only screen and (max-width: 580px) {
  .section-contact-info {
    min-height: 700px;
  }
  .tab-title {
    max-width: 245px;
  }
  .company-address {
    position: relative;
    transform: translate(-50%, -40%);
  }
  .contact-form-container {
    z-index: 2;
  }
  .current-openings-card .card-box,
  .our-teams-card .card-box {
    max-width: 252px;
  }
  .current-openings-card.card-wrapper .ui-heading {
    font-size: 2.5em;
  }
  .banner-img {
    background-size: cover !important;
  }
  .outer-container.page-banner.contact-us-banner .banner-img {
    background-size: contain !important;
    background: #3c5b9b;
    background: -moz-linear-gradient(
        to right,
        #3c5b9b 58.76%,
        rgba(60, 91, 155, 0) 100%
      ),
      url("../images/common/contactus-banner.a6563f220055.png") right no-repeat;
    background: -webkit-linear-gradient(
        to right,
        #3c5b9b 58.76%,
        rgba(60, 91, 155, 0) 100%
      ),
      url("../images/common/contactus-banner.a6563f220055.png") right no-repeat;
    background: linear-gradient(
        to right,
        #3c5b9b 58.76%,
        rgba(60, 91, 155, 0) 100%
      ),
      url("../images/common/contactus-banner.a6563f220055.png") right no-repeat;
  }
  .outer-container.page-banner.privacy-policy-banner .banner-img {
    background-size: contain !important;
    background: #3c5b9b;
    background: -moz-linear-gradient(
        to right,
        #3c5b9b 40.76%,
        rgba(60, 91, 155, 0) 100%
      ),
      url("../images/common/privacy-banner.c3132988bd40.png") right no-repeat;
    background: -webkit-linear-gradient(
        to right,
        #3c5b9b 40.76%,
        rgba(60, 91, 155, 0) 100%
      ),
      url("../images/common/privacy-banner.c3132988bd40.png") right no-repeat;
    background: linear-gradient(
        to right,
        #3c5b9b 40.76%,
        rgba(60, 91, 155, 0) 100%
      ),
      url("../images/common/privacy-banner.c3132988bd40.png") right no-repeat;
  }
  .section-partner-us .storage-partner-logos img {
    max-width: 26%;
  }
  .section-partner-us .other-partner-logos img {
    max-width: 15%;
  }
  .page-banner a {
    margin: 20px auto 0;
  }
  .partner-testimonial-card,
  .why-partner-us .partner-testimonial-card {
    margin: 0 20px 30px 0;
  }
  .partner-testimonial-mob
    .carousel-container
    .partner-testimonial-card:first-of-type
    p:first-of-type {
    margin-top: -12px;
  }
  .team-member.carousel-item {
    padding: 6px 30.5px 50px;
  }
  .key-milestones-container.outer-container .inner-container {
    padding-right: 5px;
  }
  .employee-testimonial-wrap
    .testimonial-item
    .testimonial-content-wrap
    .quote-image {
    width: 43px;
    left: -56px;
  }
  .employee-testimonial-wrap .testimonial-item .testimonial-image-wrap {
    width: 226.37px;
    height: 196px;
    position: absolute;
    left: auto;
    right: 0;
  }
  .employee-testimonial-wrap .testimonial-image-wrap img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  .employee-testimonial-wrap .testimonial-item .testimonial-content-wrap {
    width: 210px;
    height: 209px;
    right: -14px;
    bottom: -55px;
    min-height: 197px;
    margin: 0;
  }
  .employee-testimonial-wrap .testimonial-wrap {
    padding: 30px 0 70px;
    margin-top: 0;
    position: relative;
    max-width: 340px;
    width: 95%;
    min-height: 319px;
  }
  .employee-testimonial-wrap .carousel-container {
    width: 100%;
    padding: 0;
  }
  .employee-testimonial-wrap .testimonial-item .quote-image {
    width: 43px;
    left: -76px;
  }
  .employee-testimonial-wrap .testimonial-item {
    width: 100%;
    margin-right: 40px;
  }
  .employee-testimonial-wrap
    .testimonial-item
    .testimonial-content-wrap
    .quote-image {
    display: none;
  }
  .section-contact-info.section-privacy-policy-info {
    padding: 30px 20px;
  }
  .section-privacy-policy-info .privacy-policy-block {
    margin-bottom: 30px;
  }
  .section-privacy-policy-info .privacy-policy-block:last-of-type {
    margin-bottom: 10px;
  }
}
@media only screen and (max-width: 450px) {
  .section-partner-us .storage-partner-logos img {
    max-width: 36%;
  }
  .section-partner-us .other-partner-logos img {
    max-width: 19%;
  }
  .current-openings-card .card-box,
  .our-teams-card .card-box {
    max-width: 100%;
  }
}
.error-msg + span,
.errorMsg,
span.error-msg {
  display: none;
}
.contact-form-container .form-group textarea.form-control,
.text-area-wrap {
  height: auto;
}
.contact-form-container .form-group .control-info.error-msg {
  color: #950202;
}
.custom-file-input {
  border: 1px dashed #dadada;
}
.attach-resume.form-group .form-control {
  border: none;
}
footer .terms-conditions .all-rights-reserved {
  text-align: center;
  margin: auto;
}
#submitBtn,
#submitBtn:active,
#submitBtn:focus,
#submitBtn:hover {
  border: none;
  outline: 0;
}
.position-closed-msg img {
  float: left;
  margin-top: 5px;
}
.position-closed-msg {
  margin-top: 42px;
}
.template-career .banner-img {
  background-size: cover !important;
}
#submitBtn,
#submitBtn:active,
#submitBtn:focus,
#submitBtn:hover {
  padding: 0;
}
.alokin-btn span {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 30px;
}
.load-more-btn {
  width: 217px;
  min-width: 217px;
  margin: 40px auto auto;
  display: block;
}
body .section-be-part-of-our-team .inner-section::before {
  content: unset;
}
.section-be-part-of-our-team .inner-section {
  background-color: #e8efff;
  border-radius: 15px;
}
.current-openings-home.outer-container {
  position: relative;
  margin-top: -20px;
}
.template-home .current-openings-header {
  background-color: #e8efff;
  border-bottom-left-radius: 15px;
  border-bottom-right-radius: 15px;
  padding-bottom: 143px;
  padding-top: 20px;
}
.current-openings-home.outer-container .current-openings-wrap {
  position: relative;
  margin-top: -150px;
}
#submitBtn.errors {
  opacity: 0.2;
}
.carousel-container {
  -ms-overflow-style: none;
  scrollbar-width: none;
  overflow: -moz-scrollbars-none;
}
.carousel-container::-webkit-scrollbar {
  display: none;
}
.section-about-job .inner-section ul:last-of-type {
  background: unset;
  opacity: unset;
  border-radius: unset;
  padding: unset;
  margin-bottom: unset;
}
.section-about-job .inner-section ul.bonus {
  background: #f5f5f5;
  opacity: 0.7;
  border-radius: 5px;
  padding: 30px 21px;
  margin-bottom: 30px;
}
.section-about-job .inner-section ul.job-detail-list {
  padding-bottom: 20px;
  padding-left: 20px;
}
.file-size-error {
  padding: 0 0 15px;
  color: #950202;
  font-size: 14px;
  line-height: 1.4em;
}
.section-selection-process ul.selection-process-list {
  margin-bottom: 15px;
}
.section-selection-process ul.selection-process-list li:first-of-type {
  margin-bottom: 0;
}
.section-selection-process ul.selection-process-list li {
  line-height: 1.7;
}
.selection-header {
  width: 79%;
  margin-bottom: 10px;
  font-weight: 700;
  color: #3c5b9b;
}
.selection-process-desc {
  margin-block-start: 0;
  margin-block-end: 0;
  width: 100%;
  margin-bottom: 15px;
}
.section-selection-process .learn-more-btn-sel {
  margin-left: 0;
  width: 100%;
}
.template-career .section-selection-process ul {
  margin-left: 0;
}
.selection-process-header {
  display: flex;
  flex-wrap: nowrap;
}
.selection-process-header .left-side-content {
  width: 21%;
}
.selection-process-header .right-side-content {
  width: 79%;
}
#explore-alokin {
  cursor: pointer;
  position: relative;
  z-index: 9999999999999;
}
#explore-alokin img {
  cursor: pointer;
  position: relative;
  z-index: 9999999999999;
}
.selection-process-desc ul li {
  word-wrap: break-word;
}
.section-selection-process .selection-process-desc ul li:first-of-type {
  margin-bottom: 0;
}
.section-selection-process .selection-process-desc p {
  padding-left: 40px;
  margin-bottom: 0;
  line-height: 1.7;
  word-wrap: break-word;
}
.section-selection-process .selection-process-desc p:first-child {
  padding-left: 0;
  margin-bottom: 20px;
}
.section-selection-process .learn-more-btn {
  margin-left: 0;
}
.section-selection-process .selection-process-desc ul li {
  line-height: 1.7;
}
.outer-container {
  position: relative;
}
.why-partner-us {
  position: relative;
}
.scroll_shade {
  position: absolute;
  width: calc(100% - 70px);
  height: 25px;
  bottom: 36px;
  background-color: #fff;
  z-index: 99;
}
.bounce {
  -moz-animation: bounce 2s infinite;
  -webkit-animation: bounce 2s infinite;
  animation: bounce 2s infinite;
  padding: 0 30px;
}
.section-be-part-of-our-team .scroll_shade {
  background-color: #e8efff;
  bottom: 16px;
  width: 100%;
}
.current-openings-wrap .carousel-container,
.our-teams-container {
  justify-content: flex-start;
}
.job-detail-banner p {
  max-width: 100%;
}
.job-detail-banner p span {
  width: auto;
}
.job-detail-banner p span:first-of-type {
  width: auto;
  min-width: 120px;
}
.job-detail-banner p span.span_right {
  padding-left: 5px;
}
.current-openings-home .scroll_shade {
  bottom: 18px;
}
.join-alokin-features .scroll_shade {
  bottom: 18px;
}
.banner-img:before {
  position: absolute;
  content: "";
  left: -11px;
  top: 0;
  width: 200px;
  height: 100%;
  background: linear-gradient(
    to right,
    #3c5b9b 11.76%,
    rgba(60, 91, 155, 0) 100%
  );
}
.section-meet-our-team .scroll_shade {
  bottom: 93px;
  background-color: #e8efff;
  width: calc(100% - 90px);
}
.current-openings-wrap {
  position: relative;
}
.section-current-openings .scroll_shade {
  bottom: 18px;
  width: 100%;
}
.section-about-job .scroll_shade {
  bottom: 55px;
}
.section-partner-us .scroll_shade {
  width: calc(100% - 70px);
}
.current-openings-home .scroll_shade {
  width: calc(100%);
}
.impact-tab-details .impact-img {
  display: inline-block;
}
.contact-form-container .form-group select.form-control {
  cursor: pointer;
}
.selection-process-desc ul li {
  list-style-image: url("../images/sprite_images/Ellipse_bg.32b22a91c2fd.svg");
  padding-left: 10px;
  margin-top: 23px;
}
.selection-process-desc {
  position: relative;
  z-index: 999999;
}
.section-about-job .inner-section ul:last-of-type {
  padding-left: 20px;
}
.template-career .section-selection-process .selection-process-desc ul {
  margin-left: 20px;
}
.template-contact .section-selection-process .selection-process-desc ul {
  margin-left: 10px;
  word-wrap: break-word;
}
.section-about-job .inner-section ul:first-of-type {
  padding-right: 20px;
}
.template-home .current-openings-wrap .current-openings-card a {
  width: 100%;
}
.current-openings-home.outer-container {
  padding: 0;
  max-width: unset;
}
.template-home .current-openings-header {
  max-width: 1440px;
  margin: auto;
  padding: 0 70px !important;
  background-color: transparent;
}
.template-home .current-openings-header .current-openings-header-inner {
  padding: 20px 70px 165px;
  background-color: #e8efff;
}
.current-openings-card .card-box {
  height: 100%;
}
.current-openings-home .current-openings-wrap .carousel-container {
  justify-content: flex-start;
  max-width: 1600px;
  margin-left: auto;
  margin-right: auto;
}
.carousel-inside-card-wrapper .carousel-container {
  align-items: flex-start;
}
.carousel-inside-card-wrapper
  .carousel-container
  .partner-testimonial-card
  p:first-of-type.client-testimonial-content {
  margin-top: 26px;
}
.carousel-inside-card-wrapper .carousel-inside-card .btn-group {
  width: 100%;
}
.join-alokin-merit-inner {
  display: flex;
  align-items: center;
  justify-content: center;
}
.role-bg-img .row {
  top: 0;
  display: flex;
  align-items: center;
  height: 60px;
}
.role-bg-img img {
  height: 29px;
  width: auto;
  opacity: 0;
  visibility: visible;
  transition: all 1s linear;
}
.role-bg-img img.img-large {
  top: 0;
}
.role-bg-img .role-bg-text {
  top: 0;
}
.current-openings-card.card-wrapper .card-box {
  z-index: 999;
}
.page-synopsis {
  position: relative;
}
.bg-dots {
  position: absolute;
  left: 69px;
  width: auto;
  height: auto;
  top: 50%;
  transform: translateY(-50%);
}
.bg-dots .dot {
  width: 6px;
  height: 6px;
  background-color: #e7ecf7;
  border-radius: 100%;
}
.page-synopsis.inner-container {
  position: relative;
  z-index: 2;
}
.tiny-dots-bottom {
  margin-top: -8px;
}
.section-about-alokin {
  position: relative;
}
.section-about-alokin .inner-section {
  position: relative;
  z-index: 2;
  background-color: transparent;
}
.section-about-alokin .inner-section::before {
  background-color: #fff;
  z-index: 2;
  border-radius: 15px;
}
.section-about-alokin .about-alokin-header {
  position: relative;
  z-index: 3;
}
.template-career .bg-dots {
  top: 50%;
  transform: translateY(-50%);
}
.template-about .bg-dots {
  top: 37%;
}
.html,
body {
  overflow-x: hidden !important;
}
.bg-dots-sm {
  display: none;
  width: 196px;
}
.circle {
  position: absolute;
  border-radius: 100%;
}
.circle-green {
  width: 329px;
  height: 329px;
  background: #f5fae8;
  top: 533px;
  right: 195px;
  animation: moveUp 300s linear;
  z-index: -1;
}
.circle-blue {
  background: #f7f9ff;
  mix-blend-mode: multiply;
  z-index: -1;
}
.circle-blue.circle-banner {
  top: -157px;
  right: 50%;
  animation: moveDown 300s linear;
  width: 231px;
  height: 231px;
}
.circle-blue.circle-reach {
  top: -70px;
  right: 0;
  animation: moveUpCircle 120s linear;
  width: 231px;
  height: 231px;
  z-index: -1;
}
header nav {
  z-index: 99999;
  margin-top: -5px;
}
nav ul:first-of-type li a {
  background: 0 0;
}
.logo-svg {
  position: absolute;
  top: 0;
  left: 0;
  height: 80%;
  height: 100%;
  z-index: 2;
  width: 100%;
  opacity: 0;
  visibility: hidden;
  transition: all 2s linear;
}
.logo-svg.active {
  opacity: 1;
  visibility: visible;
}
.section-our-expertise .bg-dots-lg,
.section-our-expertise .bg-dots-sm {
  top: 105px;
  z-index: 1;
  left: 8px;
}
.impact-stories-wrap .bg-dots-lg,
.impact-stories-wrap .bg-dots-sm {
  z-index: -1;
}
.impact-stories-wrap .bg-dots-sm {
  top: 211px;
}
.section-our-expertise .inner-section::before {
  z-index: 20;
  background-color: #fff;
  border-radius: 15px;
}
.section-our-expertise .inner-section .expertise-list,
.section-our-expertise .inner-section .learn-more-btn,
.section-our-expertise .inner-section .our-expertise-header,
.section-our-expertise .inner-section .tech-logos {
  position: relative;
  z-index: 20;
}
.reach-out-container {
  position: relative;
  overflow: unset !important;
}
.reach-out-to-us-banner h1 {
  position: relative;
  z-index: 3;
}
.page-banner.reach-out-to-us-banner p {
  position: relative;
  z-index: 3;
}
.page-banner.reach-out-to-us-banner a {
  position: relative;
  z-index: 3;
}
.page-banner.reach-out-to-us-banner a:hover {
  background-color: #dddee0;
}
.section-impact-stories .line3,
.section-impact-stories .line4,
.section-impact-stories .line5,
.section-impact-stories .line6 {
  visibility: hidden;
}
.section-impact-stories .line2 {
  position: absolute;
  bottom: 0;
  left: 20%;
}
.section-impact-stories .line7 {
  position: absolute;
  bottom: 0;
  right: 10%;
}
.section-impact-stories .animated-lines-container {
  z-index: -1;
}
.line1,
.line2,
.line3,
.line4,
.line5,
.line6 {
  overflow: hidden;
}
.section-about-job .animated-lines-container {
  padding-left: 0;
  justify-content: flex-start;
  z-index: 99;
}
.section-about-job .animated-lines-container .line1 {
  margin-top: 400px;
  margin-right: 73px;
}
.section-about-job .animated-lines-container .line2 {
  margin-top: 300px;
  margin-right: 50%;
}
.section-about-job .animated-lines-container .line3 {
  margin-top: 0;
  z-index: -1;
}
.about-alokin-job-wrap {
  position: relative;
  overflow: hidden;
}
.about-alokin-job-wrap .animated-lines-container .line1 {
  margin-top: 0;
}
.about-job-inner {
  display: block;
  position: relative;
  width: 100%;
}
.impact-stories-wrap .bg-dots {
  top: 66%;
  left: -77px;
}
.logo-svg-main .logo-l3 {
  position: absolute;
  right: 0;
  top: 200px;
}
.animated-lines-container {
  position: absolute;
  width: 100%;
  height: 100%;
  display: flex;
  top: 0;
  justify-content: space-evenly;
  padding-left: 200px;
}
.section-impact-stories .animated-lines-container {
  padding-left: 0;
  justify-content: flex-start;
}
.line1 {
  margin-top: -100px;
}
.line3 {
  margin-top: 164px;
}
.line4,
.line5 {
  margin-top: 30px;
}
.line6 {
  margin-top: 232px;
}
.line7 {
  margin-top: 17px;
}
.page-banner.reach-out-to-us-banner {
  position: relative;
  overflow-x: hidden;
  overflow-y: hidden;
}
.section-what-we-believe-in .section-header-text {
  z-index: 5;
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.section-what-we-believe-in .key-features {
  z-index: 5;
  display: flex;
  align-items: center;
  padding-top: 20px;
}
.template-about .bg-dots {
  top: 51%;
}
.template-about .banner-lines .line2 {
  visibility: hidden;
}
.template-about .animated-lines-container {
  padding-left: 0;
  margin-left: -96px;
}
.section-impact-stories {
  overflow: hidden;
}
.mob-line {
  display: none;
  padding-left: 80px;
  padding-right: 70px;
}
.expertise-impact-wrap {
  position: relative;
  overflow-x: hidden;
  overflow-y: hidden;
  margin-top: 127px;
}
.has-current-openings .expertise-impact-wrap {
  margin-top: 0;
}
.expertise-impact-wrap .animated-lines-container {
  justify-content: space-between;
  padding-left: 143px;
  padding-right: 127px;
  align-items: flex-start;
}
.expertise-impact-wrap .animated-lines-container .line1 {
  margin-top: 680px;
  position: relative;
  z-index: 99;
}
.expertise-impact-wrap .animated-lines-container .line2 {
  align-self: flex-end;
  margin-top: 0;
  margin-bottom: -150px;
}
.expertise-impact-wrap .animated-lines-container .line7 {
  align-self: flex-end;
  margin-top: 0;
  margin-bottom: -50px;
}
.expertise-impact-wrap .animated-lines-container .line3,
.expertise-impact-wrap .animated-lines-container .line5,
.expertise-impact-wrap .animated-lines-container .line6 {
  visibility: hidden;
}
.outer-container.contact-container {
  overflow-x: unset;
}
header a.logo-img {
  position: relative;
}
.section-our-expertise {
  position: relative;
  z-index: 9;
}
.section-impact-stories {
  position: relative;
  z-index: 9;
}
.expertise-impact-wrap .animated-lines-container.mob-line {
  z-index: 1;
}
.animated-lines-container.mob-line.banner-line-mob .line1,
.animated-lines-container.mob-line.banner-line-mob .line2 {
  margin-top: 0;
}
.animated-lines-container.mob-line.banner-line-mob .line3,
.animated-lines-container.mob-line.banner-line-mob .line4 {
  margin-top: 55px;
}
.animated-lines-container.mob-line.banner-line-mob .line5 {
  margin-top: 20px;
}
.animated-lines-container.mob-line.banner-line-mob .line6 {
  margin-top: 70px;
}
.animated-lines-container.mob-line.banner-line-mob .line7 {
  margin-top: 70px;
}
.section-partner-us {
  position: relative;
  overflow: hidden;
}
.section-partner-us .animated-lines-container {
  padding-left: 0;
}
.section-partner-us .animated-lines-container .line3,
.section-partner-us .animated-lines-container .line4,
.section-partner-us .animated-lines-container .line5 {
  visibility: hidden;
}
.section-partner-us .animated-lines-container .line1 {
  margin-top: -180px;
  z-index: -1;
}
.section-partner-us .animated-lines-container .line2 {
  margin-top: -290px;
  z-index: -1;
}
.section-partner-us .animated-lines-container .line4 {
  margin-top: 0;
  z-index: -1;
}
.section-partner-us .animated-lines-container .line6 {
  margin-top: -65px;
  z-index: -1;
}
.section-be-part-of-our-team .animated-lines-container {
  padding-right: 30%;
  justify-content: flex-end;
}
.section-be-part-of-our-team .animated-lines-container .line6 {
  margin-top: 0;
  z-index: -1;
}
.mob-logo {
  display: none;
}
.yellow-circle {
  position: absolute;
  top: 0;
  right: 8%;
}
.yellow-circle-2 {
  width: 240px;
  height: 240px;
  background-color: #f5fae8;
  right: -150px;
  top: 80px;
  animation: moveDownCircle 120s linear;
}
.what-we-believe-in-outer {
  position: relative;
  width: 100%;
  overflow-x: hidden;
  overflow-y: hidden;
}
.mission-circle {
  z-index: -1;
  animation: moveDownCircle 120s linear;
}
.logo-outer {
  position: relative;
}
.logo-outer .logo-svg {
  top: 180px;
  z-index: -1;
}
.section-selection-process .bg-dots {
  z-index: 1;
}
.selection-process-header {
  position: relative;
  z-index: 3;
}
.section-selection-process .inner-section::before {
  z-index: 2;
  background-color: #fff;
  border-radius: 15px;
}
.circle-yellow-detail {
  position: absolute;
  top: -51px;
  right: 36px;
  animation: moveDownCircle 120s linear;
}
.section-about-job {
  padding-top: 50px;
}
.animated-lines-container.career {
  padding-left: 0;
  padding-left: 94px;
  padding-right: 147px;
  z-index: -1;
}
.animated-lines-container.career .line1 {
  position: absolute;
  left: 94px;
  margin-top: 178px;
}
.animated-lines-container.career .line7 {
  position: absolute;
  right: 147px;
}
.career-circle {
  position: absolute;
  right: 106px;
  top: 600px;
}
.section-meet-our-team .bg-dots {
  z-index: 1;
  top: 380px;
}
.meet-our-team-header {
  z-index: 2;
}
.section-meet-our-team .bg-dots .dot {
  width: 9px;
  height: 7px;
  background-color: #fff;
}
.section-meet-our-team .bg-dots-meet-round {
  border-radius: 100%;
  background: #eee8fa;
  display: grid;
  grid-template-columns: repeat(19, 1fr);
  grid-template-rows: repeat(19, 1fr);
  bottom: 250px;
  top: unset;
  overflow: hidden;
}
.section-meet-our-team .bg-dots-meet-round-sm {
  display: none;
}
.section-selection-process.career-selection .bg-dots {
  top: 240px;
}
header.outer-container {
  overflow-x: visible;
  overflow-y: visible;
}
.our-teams-wrap .carousel-item {
  position: relative;
  z-index: 2;
}
.current-openings-wrap .current-openings-card a,
.current-openings-wrap .current-openings-card a:active,
.current-openings-wrap .current-openings-card a:focus,
.current-openings-wrap .current-openings-card a:hover {
  border: none;
  outline: 0;
  text-decoration: none;
  border-color: transparent;
  color: #b4ccff;
}
#sectionCurrentOpenings .inner-container {
  padding-bottom: 28px;
}
header a.logo-img {
  z-index: 1001;
}
.join-alokin-merit .carousel-item {
  position: relative;
}
.slanding-line {
  position: absolute;
  bottom: -150px;
  left: 0;
  right: 0;
  margin: auto;
  text-align: center;
}
.storage-partner-logos {
  display: flex;
  align-items: flex-start;
}
.career-circle {
  width: 202px;
  height: 202px;
}
.career-circle.blue {
  background-color: #f7f9ff;
  border-radius: 100%;
}
.career-circle.blue.top {
  top: -101px;
  left: 50%;
  transform: translateX(-50%);
  animation: moveDownCircle 120s linear;
}
.career-circle.green {
  background-color: #f5fae8;
  border-radius: 100%;
  top: 589px;
  right: 10%;
  animation: moveDownCircle 120s linear;
}
.selection-reachout-wrap {
  position: relative;
  overflow-x: hidden;
  overflow-y: visible;
}
.career-circle.blue.bottom-cr {
  top: unset;
  bottom: 225px;
  left: unset;
  right: -55px;
  transform: translateX(-50%);
  animation: moveUpCircle 120s linear;
}
.interested-reachout-wrap {
  position: relative;
  overflow-x: hidden;
  overflow-y: hidden;
}
.interested-reachout-wrap .animated-lines-container {
  z-index: -1;
}
.interested-reachout-wrap .animated-lines-container.career .line1 {
  left: 20%;
  top: 166px;
}
.interested-reachout-wrap .inner-container {
  position: relative;
  z-index: 1;
}
.outer-container.page-synopsis-wrap {
  overflow-y: hidden;
}
.animated-lines-container .line:nth-child(odd) {
  animation: lineDown 100s linear infinite;
}
.animated-lines-container .line:nth-child(even) {
  animation: lineUp 100s linear infinite;
}
.outer-container {
  overflow-y: hidden;
}
.banner-partner-with-us-wrap {
  position: relative;
  overflow-x: hidden;
  overflow-y: hidden;
}
.banner-partner-with-us-wrap .al-logo-main {
  position: absolute;
  top: 0;
  right: 0;
}
.template-home .card-wrapper .ui-heading {
  top: -0.78em;
}
.template-home .card-wrapper.active .ui-heading {
  top: -0.8em;
}
.join-alokin-wrap .card-wrapper .ui-heading {
  top: -0.78em;
}
.join-alokin-wrap .card-wrapper.active .ui-heading {
  top: -0.8em;
}
.template-home .card-wrapper .card-box::before {
  top: -7px;
  left: -6px;
}
.template-home .card-wrapper.active .card-box::before {
  top: -7px;
  left: -6px;
}
.section-partner-us .bg-dots {
  top: 16%;
  left: 0;
}
.section-partner-us .bg-dots-lg {
  width: 350px;
}
.section-partner-us .bg-dots-sm {
  width: 64px;
  top: 4%;
  left: 6px;
}
.section-mission-vision .card-wrapper {
  transition: all 0.8s ease-in-out;
  position: relative;
}
.section-mission-vision .card-wrapper .scroll-trig {
  position: absolute;
  bottom: 0;
  visibility: hidden;
}
.section-mission-vision .card-wrapper:nth-child(1) {
  transform: translateX(-20px);
}
.section-mission-vision .card-wrapper:nth-child(2) {
  transform: translateX(20px);
}
.section-mission-vision.active .card-wrapper:nth-child(1) {
  transform: translate(0);
}
.section-mission-vision.active .card-wrapper:nth-child(2) {
  transform: translate(0);
}
.template-about .logo-svg svg {
  position: absolute;
  right: 0;
  top: 143px;
}
.template-about .about-us-banner .logo-svg svg,
.template-about .reach-out-to-us-banner .logo-svg svg {
  top: 0;
}
.template-about .animated-lines-container {
  padding-right: 8%;
}
.template-about .animated-lines-container .line7 {
  margin-top: 487px;
}
.outer-container.contact-container {
  overflow-y: unset;
}
.template-career .bg-dots {
  left: 13%;
}
.template-career .bg-dots-sm {
  left: 10%;
  top: 28%;
  width: 110px;
}
.template-career .section-meet-our-team .bg-dots {
  left: 7%;
}
.section-meet-our-team .bg-dots-meet-sm {
  display: none;
}
.template-career .section-selection-process .bg-dots {
  left: 4%;
}
.template-career .section-selection-process .bg-dots-sm {
  left: 1%;
  top: 71px;
}
.template-career .bg-dots-lg-job {
  left: 3%;
  top: 41%;
}
.template-career .bg-dots-sm-job {
  left: 1%;
  top: 16%;
}
.bg-dots-lg-selection {
  top: 62%;
}
.partner-testimonial-mob .carousel-container,
.partner-testimonial-mob .carousel-outside-card {
  overflow-y: hidden;
}
.banner-lines.banner-lines-sm {
  display: none;
  padding-right: 0;
  margin-left: 0;
}
.banner-lines.banner-lines-sm .line1 {
  margin-top: -50px;
}
.template-about .banner-lines.banner-lines-sm .line2 {
  visibility: visible;
  margin-top: 0;
}
.template-about .banner-lines.banner-lines-sm .line3 {
  margin-top: 0;
}
.meet-our-team-header .ui-heading,
.meet-our-team-header h3 {
  position: relative;
  z-index: 2;
}
.template-about .reach-out-to-us-banner .logo-svg.mob-logo svg {
  width: 100%;
}
.hov {
  display: none;
}
.carousel-btn:hover .def {
  display: none;
}
.carousel-btn:hover .hov {
  display: inline;
}
.role-bg-img img {
  height: 29px;
  width: auto;
  opacity: 0.2;
}
.role-bg-img img.img-med {
  max-width: 132px;
}
.role-bg-img img.img-lg {
  height: 40px;
}
.role-bg-img .odd.active img,
.role-bg-img .odd.active span {
  opacity: 0.2;
  visibility: visible;
  transform: translate(0) scale(1);
}
.role-bg-img .even.active img,
.role-bg-img .even.active span {
  opacity: 0.2;
  visibility: visible;
  transform: translate(0) scale(1);
}
.template-about .what-we-believe-in-outer .bg-dots {
  left: -76px;
}
.template-about .bg-dots-sm {
  top: 31%;
}
.template-career .section-selection-process .bg-dots {
  top: 40%;
}
.page-banner h1.ui-heading {
  font-family: Exo, sans-serif;
  font-style: italic;
  color: #fff;
  font-size: 3.1em;
  line-height: 1.53em;
}
.job-desc-card-wrap .animated-lines-container {
  justify-content: flex-end;
  z-index: -1;
}
.job-desc-card-wrap .animated-lines-container .line1 {
  margin-top: 150px;
}
.template-career {
  position: relative;
}
.template-career .circle-blue.circle-banner {
  top: -176px;
  animation: moveDownCircle 120s linear;
}
.template-about .animated-lines-container .line1 {
  margin-top: 200px;
}
.template-about .our-vision-al .line1 {
  position: absolute;
  bottom: -100px;
  left: 15%;
}
.outer-container.believe-in {
  padding: 123px 50px 108px 50px;
}
.template-about .animated-lines-container.believe-in-al {
  padding-left: 32%;
  justify-content: flex-start;
}
.template-about .animated-lines-container.believe-in-al .line1 {
  margin-right: 8%;
  margin-top: 275px;
}
.template-about .animated-lines-container.believe-in-al .line2 {
  margin-top: -250px;
}
.template-about .animated-lines-container.believe-in-al .line3 {
  position: absolute;
  right: 40px;
  bottom: -250px;
}
.animated-lines-container.career-al .line2 {
  margin-top: 650px;
}
.animated-lines-container.career-al .line3 {
  margin-top: -75px;
}
.animated-lines-container.career-al .line4 {
  margin-top: -75px;
}
.animated-lines-container.career-al .line6 {
  margin-top: 50px;
}
.animated-lines-container.career-al .line8 {
  margin-top: 200px;
}
.openings-meet-our-team-wrap {
  position: relative;
}
.openings-meet-our-team-wrap .animated-lines-container {
  padding-left: 0;
}
.openings-meet-our-team-wrap .animated-lines-container .line1 {
  margin-top: 1000px;
  z-index: -1;
}
.openings-meet-our-team-wrap .animated-lines-container .line2 {
  margin-top: 1000px;
  z-index: -1;
}
.template-contact .logo-svg svg {
  position: absolute;
  right: 0;
}
.expertise-impact-wrap .animated-lines-container.mob-line {
  justify-content: flex-end;
}
.expertise-impact-wrap .animated-lines-container.mob-line .line1 {
  margin-top: -100px;
}
.section-be-part-of-our-team .animated-lines-container.mob-line .line6 {
  margin-top: -200px;
}
.learn-more-btn-sel a {
  margin: unset;
}
.section-our-expertise .learn-more-btn a {
  margin: unset;
}
.view-in-mob.btn-group {
  position: relative;
  z-index: 999999999;
}
.team-features-wrap + .btn-group {
  position: relative;
  z-index: 99999999;
}
.join-alokin-merit {
  height: auto;
  box-shadow: none;
}
.join-alokin-merit .carousel-item-inner {
  display: flex;
  border-radius: 10px;
  height: auto;
  max-width: 100%;
  padding: 25px;
}
.join-alokin-merit .img-wrap {
  display: block;
}
.join-alokin-wrap .join-alokin-card {
  display: block;
  width: 100%;
}
.select-box-label {
  opacity: 0;
}
.file-upload-label {
  opacity: 0;
}
.current-openings-wrap .current-openings-card a {
  position: relative;
  z-index: 999999;
}
.current-openings-card .learn-more-btn {
  margin-left: 0;
  max-width: 122px;
  margin-bottom: 0;
  margin-top: 25px;
}
.current-openings-card .learn-more-btn a {
  min-width: 100%;
  width: 100%;
  height: 39px;
}
.current-openings-card .learn-more-btn span {
  font-size: 14px;
  color: #fff;
}
.current-openings-card .learn-more-btn a:hover {
  background-color: #dddee0;
  color: #212121;
}
.current-openings-card .card-box p {
  min-height: 99px;
}
.reach-out-to-us-banner .mob-logo {
  top: -24px;
}
.template-career .card-wrapper .ui-heading {
  top: -0.78em;
}
.section-about-alokin .learn-more-btn a {
  display: inline-block;
}
.template-home .section-partner-us .outer-container .inner-container {
  padding-left: 10px;
}
.section-impact-stories.outer-container .inner-container {
  padding: 0;
}
.impact-tab-details .impact-desc {
  display: inline-block;
}
.impact-tab-details .impact-desc p {
  margin-bottom: 20px;
}
.mob {
  display: none;
}
.desk {
  display: block;
}
.template-home .team-features-wrap .card-box::before {
  top: -3.4px;
  left: 2px;
}
@media (max-width: 1500px) {
  .expertise-impact-wrap .animated-lines-container {
    padding-left: 8%;
  }
}
@media (max-width: 1366px) {
  .expertise-impact-wrap .animated-lines-container {
    padding-left: 5%;
  }
}
@media (max-width: 1350px) {
  .our-teams-container {
    flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
  }
  .view-in-mob.btn-group {
    display: block;
  }
}
@media (max-width: 1349px) {
  .template-home .current-openings-header {
    padding: 0 50px !important;
  }
  .about-job-inner {
    flex-wrap: wrap;
  }
  .section-about-job .animated-lines-container {
    z-index: -1;
  }
  .slanding-line {
    display: none;
  }
  .career-circle {
    right: 20%;
    width: 100px;
    height: 100px;
  }
  .career-circle.blue.top {
    top: -50px;
  }
  .career-circle.green {
    top: 400px;
  }
  .career-circle svg {
    width: 100px;
    height: 100px;
  }
  .section-our-expertise .bg-dots-lg,
  .section-our-expertise .bg-dots-sm {
    left: -38px;
  }
  .partner-testimonial-mob .btn-group {
    display: none;
  }
  .template-career .section-meet-our-team .bg-dots {
    left: 2%;
    top: 175px;
  }
  .template-career .bg-dots-lg-job {
    left: 1%;
    top: 37%;
  }
  .bg-dots-lg-selection {
    left: 1%;
    top: 39%;
  }
  .template-career .section-meet-our-team .bg-dots-meet-lg {
    width: 343px;
    left: 4%;
  }
  .join-alokin-merit {
    padding: 25px 20px 25px 20px;
  }
  .join-alokin-merit .carousel-item-inner {
    box-shadow: 0 0 40px rgba(0, 0, 0, 0.15);
    display: block;
  }
  .join-alokin-wrap .card-wrapper {
    margin-bottom: 0;
  }
  .template-career .section-selection-process .bg-dots {
    left: 1%;
    top: 7%;
  }
}
@media (max-width: 1348px) {
  .ui-load-more-jobs {
    display: none;
  }
  .current-openings-card .card-box,
  .current-openings-card .ui-heading {
    width: 100%;
  }
  .current-openings-wrap .current-openings-card {
    min-width: 425px;
  }
  .selection-header {
    margin-left: 0;
    margin-bottom: 0;
  }
  .selection-process-desc {
    margin-bottom: 20px;
    position: relative;
    z-index: 999999;
  }
  .selection-process-header {
    flex-direction: column;
  }
  .selection-process-header .left-side-content,
  .selection-process-header .right-side-content {
    width: 100%;
  }
  .section-selection-process .selection-process-desc p {
    padding-left: 0;
  }
  .section-what-we-believe-in .key-features {
    padding-top: 0;
  }
}
@media (max-width: 1099px) {
  .template-about .animated-lines-container .line7 {
    margin-top: 148px;
  }
}
@media (max-width: 1200px) {
  .impact-stories-wrap .bg-dots {
    top: 52%;
  }
  .impact-tab-details .impact-desc p {
    margin-bottom: 20px;
  }
  .impact-tab-details .impact-desc p:last-child {
    margin-bottom: 0;
  }
}
@media (max-width: 991px) {
  .load-more-btn {
    width: 110px;
    min-width: 110px;
    margin-top: 20px;
  }
  .load-more-btn span {
    width: 110px;
    min-width: 110px;
  }
  .section-about-job .inner-section ul:first-of-type {
    padding-left: 52px;
  }
  .outer-container.page-banner {
    min-height: unset;
  }
  .section-about-job .inner-section ul:first-of-type {
    padding-left: 52px;
  }
  .template-home .current-openings-header {
    padding: 0 20px !important;
  }
  .section-why-join-alokin.outer-container {
    padding: 20px 15px;
  }
  .section-why-join-alokin.outer-container .join-alokin-header {
    padding: 0;
  }
  .role-bg-img .row {
    height: 36px;
  }
  .template-home .current-openings-header .current-openings-header-inner {
    padding: 20px 70px 165px 20px;
  }
  .bg-dots-sm {
    top: 52px;
    display: block;
    left: 15px;
  }
  .bg-dots-lg {
    display: none;
  }
  .animated-lines-container {
    padding-left: 0;
  }
  .circle-green {
    width: 55px;
    height: 55px;
    animation: moveDownTab 30s linear;
    right: 24%;
    top: 200px;
  }
  .circle-blue.circle-banner {
    width: 55px;
    height: 55px;
    animation: moveUpTab 30s linear;
    right: 43%;
    top: -27px;
  }
  .desk-line {
    z-index: -1 !important;
    position: absolute;
    width: 100%;
    height: 100%;
    display: flex;
    top: 0;
    justify-content: space-evenly;
    padding-left: 200px;
  }

  .animated-lines-container.mob-line {
    display: flex;
    padding-left: 53px;
    padding-right: 70px;
  }
  .mob-logo {
    display: block;
  }
  .desk-logo {
    display: none;
  }
  .yellow-circle-2 {
    width: 119px;
    height: 119px;
    right: -70px;
  }
  .banner-line-mob {
    z-index: -1;
  }
  .career-circle {
    top: 196px;
  }
  .career-circle.green {
    top: 118px;
    right: 20%;
  }
  .career-circle.blue.bottom-cr {
    display: none;
  }
  .outer-container.page-synopsis-wrap {
    padding: 20px 15px 45px 25px;
    padding-bottom: 45px;
  }
  .template-home .outer-container.page-synopsis-wrap {
    padding: 20px 15px 45px 25px;
    padding-bottom: 45px;
  }
  header.outer-container {
    padding: 20px 15px 0 20px;
  }
  .impact-stories-wrap .bg-dots {
    left: -6px;
  }
  .section-meet-our-team .bg-dots-meet-sm {
    display: block;
  }
  .template-career .section-meet-our-team .bg-dots-meet-lg {
    width: 138px;
    top: 127px;
    left: 5%;
  }
  .banner-lines.banner-lines-lg {
    display: none;
  }
  .banner-lines.banner-lines-sm {
    display: flex;
  }
  .template-about .logo-outer .logo-svg {
    display: block;
    top: 0;
  }
  .no-matching-openings {
    padding-bottom: 25px !important;
  }
  .page-banner h1.ui-heading {
    font-size: 1.5em;
  }
  .carousel-btn .hov {
    display: none;
  }
  .carousel-btn:hover .hov {
    display: none;
  }
  .carousel-btn:hover .def {
    display: inline;
  }
  #we-are-alokin .logo-svg {
    visibility: visible;
    opacity: 1;
  }
  .section-why-join-alokin.outer-container {
    padding: 20px 0;
  }
  .template-home .card-wrapper .ui-heading {
    top: -0.78em;
  }
  .template-home .card-wrapper .card-box::before {
    top: -7px;
    left: -6px;
  }
  .section-mission-vision .card-wrapper:nth-child(1) {
    transform: translate(0);
  }
  .section-mission-vision .card-wrapper:nth-child(2) {
    transform: translate(0);
  }
  .join-alokin-wrap .card-wrapper .ui-heading {
    top: -0.78em;
  }
  .circle-yellow-detail {
    top: 367px;
    right: -111px;
  }
  .template-career.is-mobile .job-desc-card-wrap {
    margin-top: 0;
  }
  .template-career.is-mobile .section-about-job {
    padding-top: 15px;
  }
  .openings-meet-our-team-wrap .animated-lines-container {
    display: none;
  }
  .join-alokin-wrap {
    padding-top: 0;
  }
  .learn-more-btn a {
    min-width: 129px;
    width: 129px;
  }
  .current-openings-card .learn-more-btn {
    max-width: 99px;
  }
  .current-openings-card .learn-more-btn a {
    min-width: unset;
    width: 100%;
    padding: 5px 12px;
    height: 28px;
    color: #fff;
  }
  .position-closed-msg img {
    margin-top: -1px;
  }
  .current-openings-card .card-box p {
    min-height: 26px;
  }
  .current-openings-card .learn-more-btn span {
    font-size: 12px;
  }
  .section-about-job .scroll_shade {
    bottom: 17px;
  }
  .template-about .bg-dots-sm {
    top: 46%;
  }
  .template-about .bg-dots-about {
    left: unset;
    right: -35px;
    top: 135px;
  }
  .outer-container.believe-in {
    padding: 123px 50px 83px 50px;
  }
  .template-about .page-synopsis-wrap {
    padding: 35px 15px 30px 20px;
  }
  .impact-tab-details .impact-img img {
    max-width: 100%;
  }
  .impact-stories-wrap .bg-dots {
    top: 32%;
  }
  .impact-tab-details .impact-desc p {
    margin-bottom: 20px;
    padding-left: 8px;
  }
  .impact-tab-details .impact-desc p:last-child {
    margin-bottom: 0;
  }
  .template-career .section-selection-process .bg-dots {
    left: 1%;
    top: 18%;
  }
  .template-home .team-features-wrap .card-box::before {
    top: -3.4px;
    left: 2px;
  }
  .template-career .outer-container.section-about-job .inner-section {
    margin-top: 0;
  }
  .template-career .section-about-alokin .inner-section {
    margin-bottom: 0;
  }
  .template-career .outer-container.section-about-job {
    padding-bottom: 0;
  }
  .job-desc-card-wrap .carousel-container {
    padding-bottom: 0;
  }
  .template-career .interested-reachout-wrap .outer-container {
    padding: 0;
  }
  .section-selection-process .inner-section {
    margin-bottom: 18px;
  }
  .template-career .outer-container {
    padding: 20px 45px 0;
  }
  .interested-reachout-wrap {
    margin-top: 22px;
  }
}
@media (max-width: 767px) {
  .partner-testimonial-mob .partner-testimonial-card p {
    text-align: justify;
  }
  .partner-testimonial-mob .partner-testimonial-card {
    justify-content: center;
    flex-direction: column;
    align-items: center;
    max-width: 100%;
  }
  .partner-testimonial-card .partner-name {
    align-self: unset;
  }
  .partner-testimonial-card .img-group {
    margin-bottom: 14px;
  }
  .partner-testimonial-mob .partner-testimonial-card p.test-brief {
    margin-top: 0;
  }
  .page-synopsis h1 span:first-of-type::after {
    width: 36px;
  }
  .outer-container.believe-in {
    padding-top: 50px;
  }
  .template-career .section-selection-process .selection-process-desc ul {
    margin-left: 20px;
    padding-right: 20px;
  }
  .template-career .section-selection-process .selection-process-desc ul li {
    padding-left: 10px;
  }

  .join-alokin-merit .img-wrap img {
    min-height: unset;
    max-height: unset;
    height: auto;
    width: 100%;
  }
  .outer-container {
    padding: 20px;
  }
  .template-career .outer-container {
    padding: 20px 20px 0;
  }
  .template-career .outer-container.section-about-alokin {
    padding: 20px;
  }
  .template-career .outer-container.page-banner {
    padding: 20px 30px;
  }
  .template-career .outer-container.section-about-job {
    padding: 20px 0;
  }
  .template-career .outer-container.section-about-job .about-job-inner {
    padding: 0 20px;
  }
  .template-career .outer-container.section-about-job .circle-yellow-detail {
    top: 367px;
    right: 0;
  }
  .template-home .current-openings-header {
    padding: 0 20px !important;
  }
  .current-openings-card .card-box {
    box-shadow: 0 0 22px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: 0 0 22px rgba(0, 0, 0, 0.05);
    box-shadow: 0 0 22px rgba(0, 0, 0, 0.05);
  }
  .section-our-expertise .inner-section::before {
    box-shadow: 0 0 22px rgb(0 0 0 / 10%);
  }
  .current-openings-card {
    margin-bottom: 35px;
  }
  .mission-circle {
    right: 18%;
    top: 27px;
  }
  .outer-container-mission-vision {
    padding: 20px 54px;
    padding-top: 0;
  }
  .outer-container .inner-container.section-mission-vision {
    padding: 0;
    padding-top: 50px;
  }
  .logo-outer .logo-svg {
    display: none;
  }
  .section-selection-process.career-selection .bg-dots {
    top: 0;
  }
  .section-selection-process.career-selection {
    padding-top: 18px;
  }
  .section-selection-process.career-selection .inner-section {
    margin-top: 0;
  }
  .career-circle {
    right: 27%;
    width: 55px;
    height: 55px;
  }
  .career-circle.blue.top {
    top: -27px;
  }
  .career-circle svg {
    width: 55px;
    height: 55px;
  }
  .career-circle.green {
    top: 184px;
    right: 24%;
  }
  .impact-stories-wrap .bg-dots {
    top: 38%;
  }
  .partner-testimonial-mob,
  .partner-testimonial-mob .carousel-container,
  .partner-testimonial-mob .img-group,
  .partner-testimonial-mob .partner-testimonial-card {
    display: block;
  }
  .partner-testimonial-mob .partner-testimonial-card {
    width: 100%;
    margin-bottom: 0;
  }
  .partner-testimonial-mob .partner-testimonial-card:first-child {
    margin-bottom: 53px;
  }
  .partner-testimonial-mob .img-group {
    text-align: center;
  }
  .partner-testimonial-mob .partner-testimonial-card p:first-of-type {
    margin: auto;
    max-width: 418px;
    line-height: 1;
    text-align: justify;
    line-height: 1.4;
  }
  .partner-testimonial-mob .partner-testimonial-card p:last-of-type {
    text-align: center;
    margin-top: 20px;
    line-height: 1;
  }
  .partner-testimonial-mob .partner-testimonial-card .partner-name b {
    line-height: 1;
  }
  .banner-partner-with-us-wrap .al-logo-main.mob-logo {
    right: unset;
    left: 0;
  }
  .section-mission-vision .card-wrapper:nth-child(1) {
    transform: translate(0);
  }
  .section-mission-vision .card-wrapper:nth-child(2) {
    transform: translate(0);
  }
  .template-career .section-selection-process .bg-dots-sm {
    left: 1%;
    top: 71px;
  }
  .template-about .logo-outer .logo-svg {
    display: block;
    top: 0;
  }
  #sectionCurrentOpenings {
    padding-bottom: 0;
  }
  .outer-container.believe-in {
    padding: 20px 15px 20px 20px;
    padding-top: 75px;
  }
  .circle-blue.circle-reach {
    display: none;
  }
  .outer-container.page-banner.page-banner.about-us-banner {
    padding: 35px 20px;
  }
  .section-contact-info .map-container h3 {
    margin-top: 45px;
  }
  .outer-container.contact-container {
    margin-bottom: 55px;
  }
  .section-contact-info {
    box-shadow: none;
    padding-bottom: 0;
  }
  .contact-form-container {
    box-shadow: 0 0 15px rgb(0 0 0 / 10%);
    border-radius: 15px;
  }
  .company-address {
    position: relative !important;
    transform: unset !important;
    top: 0 !important;
    left: 0 !important;
    margin: auto;
    margin-top: -85px;
  }
  .section-contact-info .map-container h3 {
    padding-left: 31px;
  }
  .join-alokin-wrap {
    display: block;
  }
  .join-alokin-merit {
    margin: auto;
  }
  .join-alokin-card .card-box {
    padding-bottom: 10px;
  }
  .section-why-join-alokin .btn-group {
    display: none;
  }
  .join-alokin-wrap {
    padding-bottom: 0;
  }
  .section-meet-our-team.outer-container {
    padding-top: 20px;
  }
  .job-desc-card-wrap .carousel-container {
    display: block;
  }
  article.card-wrapper.job-desc-card.carousel-item {
    padding: 0 10px;
    display: block;
    width: 100%;
    max-width: 450px;
    margin: auto;
    float: unset;
  }
  .job-desc-card .card-box {
    max-width: 100%;
  }
  .job-desc-card .card-box {
    margin-bottom: 30px;
  }
  .job-desc-card:last-child .card-box {
    margin-bottom: 0;
  }
  .job-desc-card-wrap .btn-group {
    display: none;
  }
  .job-desc-card-wrap .scroll_shade {
    display: none;
  }
  .job-detail-banner .banner-img {
    background: -moz-linear-gradient(
        to right,
        rgba(60, 91, 155, 0.7) 90.76%,
        rgba(60, 91, 155, 0.7) 9.24%
      ),
      url("../images/common/jobdetails-banner.b42c5e32fd9f.png") right no-repeat;
    background: -webkit-linear-gradient(
        to right,
        rgba(60, 91, 155, 0.7) 90.76%,
        rgba(60, 91, 155, 0.7) 9.24%
      ),
      url("../images/common/jobdetails-banner.b42c5e32fd9f.png") right no-repeat;
    background: linear-gradient(
        to right,
        rgba(60, 91, 155, 0.7) 90.76%,
        rgba(60, 91, 155, 0.7) 9.24%
      ),
      url("../images/common/jobdetails-banner.b42c5e32fd9f.png") right no-repeat;
  }
  .current-openings-wrap .current-openings-card {
    min-width: 272px;
  }
  .current-openings-card .card-box p {
    min-height: 124px;
  }
  .job-brief {
    margin-bottom: 15px;
  }
  .learn-more-about-us-btn {
    text-align: left;
    padding-left: 20px;
  }
  .template-about .bg-dots-sm {
    top: 30%;
  }
  .template-about .bg-dots-about {
    left: unset;
    right: -46px;
    top: 96px;
    max-width: 100%;
    height: 129px;
  }
  .impact-tab-details .impact-desc,
  .impact-tab-details .impact-img {
    flex: 100%;
  }
  .impact-tab-details .impact-img img {
    max-width: 100%;
  }
  .mob {
    display: block;
  }
  .desk {
    display: none;
  }
  .template-about .circle-blue.circle-banner {
    display: none;
  }
  .template-career .section-meet-our-team .bg-dots-meet-lg {
    width: 138px;
    top: 96px;
    left: 4%;
  }
  .template-career .bg-dots-sm-career-why-join {
    left: 10%;
    top: 22%;
  }
  .template-career .outer-container.section-about-job {
    padding-bottom: 0;
  }
  .job-desc-card-wrap .carousel-container {
    padding-bottom: 0;
  }
  .template-career .interested-reachout-wrap .outer-container {
    padding-top: 0;
  }
  .join-alokin-merit {
    padding: 20px 40px;
  }
  .template-career header.outer-container {
    padding: 20px 15px 0 20px;
  }
}
@media (max-width: 600px) {
  .page-synopsis h2 {
    max-width: 245px;
    line-height: 1.3;
  }
  .template-about .logo-outer .logo-svg {
    display: none;
  }
}
@media (max-width: 576px) {
  .outer-container.contact-container {
    margin-bottom: 0;
  }
  .template-career .section-meet-our-team .bg-dots-meet-lg {
    width: 138px;
    top: 93px;
    left: 6%;
  }
}
@media (max-width: 580px) {
  .partner-testimonial-mob
    .carousel-container
    .partner-testimonial-card:first-of-type
    p:first-of-type {
    margin-top: 0;
  }
  .impact-stories-wrap .bg-dots {
    top: 28%;
  }
}
@media (max-width: 548px) {
  .current-openings-card .card-box {
    max-width: 100%;
  }
}
@media (max-width: 500px) {
  .partner-testimonial-mob .partner-testimonial-card p:first-of-type {
    max-width: 341px;
  }
  .template-career .bg-dots-sm-job {
    top: 14%;
    width: 121px;
  }
  .team-features::after,
  .team-features::before {
    background: 0 0;
  }
  .section-be-part-of-our-team .scroll_shade {
    display: none;
  }
}
@media (max-width: 479px) {
  .join-alokin-merit {
    max-width: 100%;
  }
  .mission-circle {
    right: 5%;
  }
  .tech-logos img:nth-child(1) {
    max-width: 106px;
  }
  .template-career .section-meet-our-team .bg-dots-meet-lg {
    width: 138px;
    top: 93px;
    left: 8%;
  }
  .impact-stories-wrap .bg-dots {
    top: 256px;
  }
  .company-address {
    margin-top: -199px;
  }
}
@media (max-width: 450px) {
  .join-alokin-merit {
    margin-left: 0;
    padding: 20px;
    height: auto;
  }
  .join-alokin-merit-inner {
    box-shadow: 0 0 40px rgba(0, 0, 0, 0.05);
    padding: 25px 40px 25px 30px;
    border-radius: 10px;
  }
  .join-alokin-merit-inner .join-alokin-card {
    width: 100%;
  }
  .section-why-join-alokin.outer-container {
    padding: 20px 0;
  }
  .section-mission-vision .we-are-alokin-card .card-box {
    max-width: 100%;
  }
  .section-why-join-alokin.outer-container .join-alokin-header {
    padding: 0 20px;
  }
}
@media (max-width: 399px) {
  .join-alokin-merit {
    max-width: 100%;
  }
  .company-address {
    margin-top: -180px;
  }
}
@media (max-width: 350px) {
  .outer-container-mission-vision {
    padding: 20px;
    padding-top: 0;
  }
}
@media (min-width: 768px) {
  .template-home .current-openings-wrap .current-openings-card {
    width: 659px;
    max-width: 659px;
  }
  .template-home .current-openings-wrap .current-openings-card .card-box {
    max-width: 100%;
  }
}
@media (min-width: 768px) and (max-width: 1348px) {
  .partner-testimonial-mob .carousel-container {
    justify-content: center;
  }
  .section-partner-us
    .partner-testimonial-mob
    .partner-testimonial-card
    p:first-of-type {
    text-align: justify;
  }
  .section-partner-us
    .partner-testimonial-mob
    .partner-testimonial-card
    p:last-of-type {
    width: 100%;
    max-width: 241px;
    text-align: left;
  }
  .partner-testimonial-mob .carousel-container .partner-testimonial-card {
    justify-content: center;
  }
}
@media (min-width: 768px) and (max-width: 1349px) {
  .partner-testimonial-mob .partner-with-us-btn.tab-hide {
    display: none;
  }
}
@media (min-width: 991px) {
  .scroll_shade {
    bottom: 43px;
  }
  .partner-testimonial-mob .scroll_shade {
    bottom: 68px;
  }
  .section-be-part-of-our-team .scroll_shade {
    bottom: 18px;
  }
  .current-openings-home .scroll_shade {
    bottom: 18px;
  }
  .section-meet-our-team .scroll_shade {
    bottom: 124px;
    width: calc(100% - 100px);
  }
  .section-about-job .scroll_shade {
    bottom: 19px;
  }
  .section-partner-us .scroll_shade {
    width: calc(100% - 150px);
  }
  .current-openings-home .scroll_shade {
    width: calc(100% - 100px);
  }
  .partner-testimonial-mob .scroll_shade {
    width: calc(100% - 100px);
  }
}
@media (min-width: 992px) and (max-width: 1299px) {
  .page-synopsis h1 {
    font-size: 45px;
  }
  .page-synopsis h2 {
    font-size: 40px;
  }
}
@media (min-width: 1348px) {
  .section-about-job .inner-section {
    flex: auto;
    min-width: 68%;
    width: 68%;
  }
  .job-desc-card-wrap {
    flex: auto;
    min-width: 32%;
  }
  .template-career .job-desc-card .card-box,
  .template-career article.card-wrapper.job-desc-card.carousel-item {
    width: 100%;
  }
  .section-about-job .scroll_shade {
    display: none;
  }
  .page-synopsis.about-us-synopsis p {
    max-width: 100%;
    padding-left: 216px;
  }
}
@media (min-width: 1349px) {
  .scroll_shade {
    display: none;
  }
  .section-about-job.outer-container {
    padding-bottom: 0;
  }
  .expertise-impact-wrap .animated-lines-container .line1 {
    margin-left: -36px;
  }
  .template-career .section-meet-our-team.outer-container {
    padding-top: 0;
  }
  .section-what-we-believe-in .section-header-text {
    padding-left: 20px;
  }
}
@media (min-width: 1350px) {
  .our-teams-container {
    justify-content: flex-end;
  }
}
@media (min-width: 1366px) {
  .expertise-impact-wrap .animated-lines-container .line1 {
    margin-left: -66px;
  }
}
@keyframes bounce {
  0%,
  100%,
  20%,
  50%,
  80% {
    transform: translateY(0);
  }
  40% {
    transform: translateY(-30px);
  }
  60% {
    transform: translateY(-15px);
  }
}
@keyframes moveDown {
  100% {
    top: 500px;
  }
}
@keyframes moveUp {
  0% {
    top: 548px;
  }
  100% {
    top: -120px;
    right: 50%;
  }
}
@keyframes moveDownCircle {
  0% {
    transform: translateY(0);
  }
  100% {
    transform: translateY(200px);
  }
}
@keyframes moveUpCircle {
  0% {
    transform: translateY(0);
  }
  100% {
    transform: translateY(-200px);
  }
}
@keyframes lineUp {
  0% {
    transform: translate(0);
  }
  50% {
    transform: translateY(-200px);
  }
  100% {
    transform: translate(0);
  }
}
@keyframes lineDown {
  0% {
    transform: translate(0);
  }
  50% {
    transform: translateY(200px);
  }
  100% {
    transform: translate(0);
  }
}
@keyframes leftToRight {
  0% {
    left: 0;
  }
  50% {
    left: 100%;
  }
  100% {
    left: 0;
  }
}
@keyframes leftToRight2 {
  0% {
    left: 0;
  }
  50% {
    left: 200px;
  }
  100% {
    left: 0;
  }
}
@keyframes upanddown1 {
  0% {
    height: 50%;
  }
  30% {
    transform: translateY(100%);
    height: 80%;
  }
  100% {
    transform: translate(0);
    height: 100%;
  }
}
@keyframes upanddown2 {
  0% {
    height: 50%;
  }
  30% {
    transform: translateY(-50%);
    height: 80%;
  }
  100% {
    transform: translate(0);
    height: 100%;
  }
}
@keyframes upanddown3 {
  30% {
    transform: translateY(-200px);
  }
  100% {
    transform: translate(0);
    height: 100%;
  }
}
@keyframes appear {
  0% {
    top: 50%;
    transform: translateY(-50%) scale(0);
    opacity: 0;
  }
  100% {
    top: 50%;
    transform: translateY(-50%) scale(1);
    opacity: 1;
  }
}
.contact-form-container .form-group .info-text {
  display: none;
}
.testimonials-dots {
  position: absolute;
  left: 100px;
  margin-top: 13px;
}
.template-about .testimonials-dots {
  margin-top: 9px;
}
.template-about .desk-hide {
  position: absolute;
  left: 100px;
  margin-top: 13px;
  display: none;
}
.team-members-wrap {
  position: relative;
}
.team-members-wrap .team-members-dots {
  position: absolute;
  top: 228px;
}
.team-members-wrap .team-members-circle {
  position: absolute;
  top: 265px;
  left: 223px;
  width: 400px;
  height: 400px;
  background: #d9d9fa;
  border-radius: 100%;
}
.team-members-wrap .line1 {
  position: absolute;
  top: 247px;
  left: 57%;
}
.team-members-wrap .line2 {
  position: absolute;
  top: 264px;
  left: 38%;
}
.team-members-wrap .line3 {
  position: absolute;
  top: 264px;
  left: 24%;
}
.team-members-wrap .line4 {
  position: absolute;
  top: 264px;
  left: 13%;
}
.openings-meet-our-team-wrap .animated-lines-container {
  z-index: -1;
}
.meet-the-team-desc-card .card-box {
  bottom: 24px;
}
.meet-the-team-desc-card .card-box.toggle-card {
  bottom: 24px;
  min-height: 85%;
}
.meet-the-team-desc-card .card-box.toggle-card::before {
  content: "";
  display: none;
}
.meet-the-team-desc-card.toggle-card-parent::before {
  content: "";
  position: absolute;
  width: 93%;
  height: 83%;
  border: 1px solid #b4ccff;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
  top: 3%;
  left: 7%;
  transition: all 1s ease-in-out;
}
@media (max-width: 1348px) {
  .testimonials-dots {
    position: absolute;
    left: 38px;
    margin-top: 20px;
  }
  .template-about .testimonials-dots {
    left: 59px;
  }
  .team-members-wrap .tm-hide {
    display: none;
  }
  .meet-the-team-desc-card.toggle-card-parent::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 83%;
    border: 1px solid #b4ccff;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    top: 3%;
    left: 2%;
    transition: all 1s ease-in-out;
  }
}
@media (max-width: 991px) {
  .testimonials-dots {
    display: none;
  }
  .template-about .desk-hide {
    display: block;
    left: 12px;
    margin-top: 0;
  }
  .section-meet-leadership-team .testimonial-item .testimonial-content-wrap {
    bottom: -15px;
  }
  .section-meet-leadership-team .card-box::before {
    top: -3px;
    left: 3px;
  }
  .section-meet-leadership-team
    .leadership-testimonial-wrap
    .testimonial-content-wrap
    .quote-image {
    top: -11px;
  }
  .key-milestones-container.outer-container .section-header-text {
    margin-bottom: 15px;
  }
}
@media (max-width: 767px) {
  .section-meet-our-team .scroll_shade {
    bottom: 74px;
    width: calc(100% - 40px);
  }
  .meet-the-team-desc-card .card-box {
    bottom: -23px;
  }
  .meet-the-team-desc-card .card-box::before {
    top: -4px;
    left: -4px;
    height: 94%;
  }
  .meet-the-team-desc-card .card-box.toggle-card {
    bottom: -7px;
    min-height: 96%;
  }
  .meet-the-team-desc-card.toggle-card-parent::before {
    width: 109%;
  }
}

@media (max-width: 500px) {
  .contact-form-container .form-group label.active {
    font-size: 10px;
    top: 1.5px;
    color: #151515;
    background-color: white;
    padding: 0 5px 0 5px;
    outline: none;
  }
}
/* google drive link */
#id_googledrive-main {
  position: relative;
}
#id_github-main {
  position: relative;
}
#id_linkedin-main {
  position: relative;
}
#id_googledrive-main #google-url {
  position: absolute;
  top: 16px;
  left: 10px;
  width: 1.2rem;
  height: 1.2rem;
  opacity: 0.5;
  color: black;
  z-index: 1000;
  overflow: hidden;
}
#id_linkedin-main #linkedin-url {
  position: absolute;
  top: 14px;
  left: 10px;
  width: 1.2rem;
  height: 1.2rem;
  opacity: 0.8;
  color: black;
  z-index: 1000;
  overflow: hidden;
}
#id_github-main #git-url {
  position: absolute;
  top: 14px;
  left: 10px;
  width: 1.2rem;
  height: 1.2rem;
  opacity: 0.8;
  z-index: 1000;
  overflow: hidden;
}
#id_googledrive-main #help-text {
  /* text-align: right; */
  position: absolute;
  right: 0;
  cursor: pointer;
  overflow: auto;
}
#id_googledrive {
  text-indent: 15px;
}
#id_github {
  text-indent: 15px;
}
#id_linkedin {
  text-indent: 15px;
}
/* check box for relocate to trivandrum */
#relocate-check {
  width: 1rem;
  height: 1rem;
}
#url-main {
  display: inline-flex;
  flex-direction: row;
  justify-content: space-between;
  width: 100%;
  /* flex-wrap: wrap; */
}
#url-main #id_github-main,
#id_linkedin-main {
  width: 47%;
}
/* #relocate-check:checked{
    box-shadow: 1px 2px 5.2px  rgb(86, 106, 214);
  } */
.relocate-main {
  /* border:1px solid #dadada; */
  padding: 13px 0 8px 10px;
  border-radius: 5px;
}
#relocate-check:hover {
  box-shadow: 0px 0px 5 px rgb(69, 134, 255);
  border: 1px double rgb(63, 105, 243);
}

/* check box for back logs */
#back-logs-check {
  width: 1rem;
  height: 1rem;
}
/* #back-logs-check:checked{
    box-shadow: 1px 2px 5.2px  rgb(86, 106, 214);
  } */
.back-logs-main {
  /* border:1px solid #dadada; */
  padding: 13px 0 8px 10px;
  border-radius: 5px;
}
#back-logs-check:hover {
  box-shadow: 0px 0px 5 px rgb(69, 134, 255);
  border: 1px double rgb(63, 105, 243);
}
/* Experience notice period section */
#name-sec {
  display: flex;
  justify-content: space-between;
  width: 100%;
}
#name-sec input {
  padding-right: 130px;
}

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
#name-sec input[type="number"] {
  -moz-appearance: textfield;
}
/* #name-sec .form-group{
  padding:20px;
} */
@media screen and (max-width: 1115px) {
  #name-sec {
    width: 100%;
    margin-top: 0;
    flex-wrap: wrap;
    display: block;
    /* margin-bottom: 30px; */
  }
}
@media screen and (max-width: 540px) {
  #id_googledrive-main {
    position: relative;
  }
  #help-text {
    position: relative;
    top: 70px;
  }
}
@media screen and (max-width: 700px) {
  #url-main {
    flex-wrap: wrap;

    display: block;
  }
  #url-main #id_github-main,
  #id_linkedin-main {
    width: 100%;
  }
}

/* school-qualification  */
/* hiding dropdown in all form page */
#id_contact_reason {
  display: none;
}
/* page instruction section in jd carrer-page */
#page-instruction #instruction-div {
  margin: 20px auto;
  font-size: 25px;
  line-height: 1.17em;
  text-align: center;
  font-weight: bolder;
  display: flex;
  justify-content: center;
  align-items: center;
}
#relocate-check {
  width: 1rem;
  height: 1rem;
}
/* #relocate-check:checked{
    box-shadow: 1px 2px 5.2px  rgb(86, 106, 214);
  } */

#jd-contact-form input:focus {
  border-color: #3c5b9b;
  box-shadow: none;
}
/* #jd-contact-form input{
    box-shadow: inset 3px 3px 2.8px rgb(255, 255, 255),inset -2px -2px 1.8px rgba(139, 136, 136, 0.187);
    background-color: #f6f6f667;
   }
   #section-contact{
    background: linear-gradient(-50deg,#ffffff73,rgb(255, 255, 255));
    box-shadow: inset -1px -1px 2.8px rgba(22, 22, 22, 0.527),inset -5px -5px 15.8px rgb(255, 255, 255);
   } */

/* form input label transition up */
/* .contact-form input:focus label{
top:0.5rem;
display:block;
color:red;
   } */
.jobform-description {
  display: none;
}

.contact-container .back-log,
.relocate-tvm {
  color: #938d8d;
}
.notice-period {
  margin-bottom: 30px;
}
#toggle-btn {
  display: flex;
}

/* #iframe-alert.active{
  position: fixed;
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px) 
.scroll {
   width: 80%;
   background: white;
   height: 80vh;
   padding: 10px;
}

::-webkit-scrollbar {
    width: 2px;
    background: red;
}
                    
::-webkit-scrollbar-track {
    border-radius: 1px;
  
}
                    
::-webkit-scrollbar-thumb {
    border-radius: 1px;
    background: white;
}!important;
  border: 5px solid red;
} */

/* toggle check box */
.switch {
  position: relative;
  display: inline-block;
  width: 2rem;
  height: 1rem;
}

.switch input {
  opacity: 0;
  width: 0;
  height: 0;
}

.slide {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

.slide:before {
  position: absolute;
  content: "";
  height: 1rem;
  width: 1rem;
  left: 3px;
  bottom: 2.5px;
  background-color: white;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

input:checked + .slide {
  background-color: #2196f3;
}

input:focus + .slide {
  box-shadow: 0 0 1px #2196f3;
}

input:checked + .slide:before {
  -webkit-transform: translateX(10px);
  -ms-transform: translateX(10px);
  transform: translateX(10px);
}

.slide.round {
  border-radius: 34px;
}

.slide.round:before {
  border-radius: 50%;
}
.relocate-checkbox {
  display: none;
}
@media screen and (max-width: 1000px) {
  .relocate-checkbox {
    display: block;
  }
  .relocate-toggle {
    display: none !important;
  }
}
.error-shake {
  animation: shake 0.2s ease-in-out 0s 2;
  /* box-shadow: 0 0 0.5em red; */
}

@keyframes shake {
  0% {
    margin-left: 0rem;
  }
  25% {
    margin-left: 0.5rem;
  }
  75% {
    margin-left: -0.5rem;
  }
  100% {
    margin-left: 0rem;
  }
}

/* Style the pop-up */
.popup {
  z-index: 10000;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(
    -50%,
    -50%
  ); /* This will adjust the position of the element */
  background-color: #fff;
  border-left: 3px solid #50505054;
  border-top: 3px solid #50505054;
  border-bottom: 5px solid #0000000f;
  border-right: 5px solid #0000000f;
  border-radius: 10px;
  box-shadow: 3px 2px 5px 0px #6a5b5b9e;
  font-family: Karla, sans-serif;
  padding: 60px;
}
.popup ol {
  list-style-position: inside;
}
.popup a {
  color: #b4b4b4;
  /* font-weight: bold; */
}

.popup #rmv-popup i :hover {
  color: #182f5e;

  padding: 2px;
  box-shadow: 1px 1px 1.2px gray;
}

.popup #rmv-popup i {
  cursor: pointer;
  position: absolute;
  top: 20px;
  right: 20px;
  color: #4c7cdf;
}
.blur_sec {
  z-index: 1000;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: #2a29291a;
  width: 100vw;
  height: 100vh;

  backdrop-filter: blur(5px);
  box-shadow: rgba(0, 0, 0, 0.3) 2px 8px 8px;
}
.popup h3 {
  font-family: Karla, sans-serif;
  color: #938d8d;
}
/* This was made with GlassGenerator.netlify.app */
.popup .hr-line {
  border-top: 2px solid #3c5b9bcf;
}
.popup ol li {
  padding-left: 5px;
  line-height: 2rem;
  font-size: 1.2rem;
  color: #b4b4b4;
}

@media only screen and (max-width: 480px) {
  .popup {
    padding: 20px;
    width: 90%;
    height: auto;
    border-left: 2px solid #50505054;
    border-top: 2px solid #50505054;
    border-bottom: 4px solid #0000000f;
    border-right: 4px solid #0000000f;
    border-radius: 10px;
    box-shadow: 0px 1px 5px 0px #6a5b5b9e;
    font-family: Karla, sans-serif;
    top: 45%;
    left: 50%;
  }
  .popup h3 {
    font-size: 1.2rem;
  }
  .popup ol li {
    font-size: 1rem;
    line-height: 22px;
  }
  .popup ol {
    padding-right: 0px;
  }
  .footer_rmv {
    display: none;
  }
}
@media only screen and (min-width: 1500px) {
  .popup {
    top: 40%;
    left: 50%;
  }
}

/* business-section */
.business-head {
  /* overflow: hidden; */
  position: relative;
  margin-bottom: 5rem;
}
.business-head::before {
  content: url("/static/images/animation/dots-desk.b77883fc3f77.svg");
  position: absolute;
  bottom: 0;
  z-index: -1;
}
.business-head::after {
  content: url("/static/images/animation/circle-green.cdf1e32ef628.svg");
  position: absolute;
  right: 0;
  top: 80%;
  z-index: -1;
  height: 100px;
  width: 100px;
}
.template-business .business-head {
  /* margin: 4rem 20% 0px 20%; */
}
.business-head > ol,
.business-head > ul {
  margin: 10px 20%;
}

.business-head h2,
h3,
h4,
h5,
h6,
blockquote,
.hljs-copy-wrapper:not(footer) {
  margin: 10px 20%;
  z-index: 1000 !important;
}
.business-head p {
  margin: 10px 20%;
  padding-bottom: 10px;
}
code {
  display: flex;
  flex-direction: column;
  word-wrap: break-word;
}
.template-business .business-head h1 {
}
.business-line {
  position: absolute;
  z-index: -1;
}
.template-business .business-head h2 {
  font-family: "Exo";
  font-style: italic;
  font-weight: 700;
  font-size: 48px;
  line-height: 152%;
  color: #244589;
  word-wrap: break-word;
  /* identical to box height, or 73px */
}
.template-business .business-head p {
  font-family: "Karla";
  font-style: normal;
  font-weight: 400;
  font-size: 20px;
  line-height: 140%;
  color: #51494b;
  word-wrap: break-word;
  /* margin-top: 24px; */
}

.template-business .business-head h3 {
  font-family: "Karla";
  font-style: normal;
  font-weight: 700;
  font-size: 40px;
  /* line-height: 116%; */
  /* or 46px */
  word-wrap: break-word;
  letter-spacing: -0.01em;
  padding: 10px 0px;
  color: #244589;
}
.template-business .business-head p {
  font-family: "Karla";
  font-style: normal;
  font-weight: 400;
  font-size: 20px;
  line-height: 140%;
}
.template-business .business-head ul li {
  margin-top: 10px;
  font-family: "Karla";
  font-style: normal;
  /* font-weight: 700; */
  font-size: 20px;
  list-style: disc;
  color: #51494b;
  word-wrap: break-word;
}
.business-head ol li {
  margin-top: 10px;
  font-family: "Karla";
  font-style: normal;
  font-weight: 700;
  font-size: 20px;
  list-style: disc;
  color: #51494b;
  word-wrap: break-word;
}

.template-business .business-head h4 {
  font-family: "Karla";
  font-style: normal;
  font-weight: 700;
  font-size: 36px;
  line-height: 140%;
  color: #244589;
  word-wrap: break-word;
}
.template-business .business-head h5 {
  font-family: "Karla";
  font-style: normal;
  font-weight: 700;
  font-size: 28px;
  line-height: 140%;
  color: #244589;
  /* padding: 20px 0px; */
  word-wrap: break-word;
}
.template-business .business-head h6 {
  font-family: "Karla";
  font-style: normal;
  font-weight: 700;
  font-size: 28px;
  line-height: 140%;
  color: #244589;
  padding: 24px 0px;
  word-wrap: break-word;
}
.template-business .business-head a {
  color: rgba(36, 69, 137, 1);
  word-wrap: break-word;
}
.business-section-title {
  margin-bottom: 3rem;
  word-wrap: break-word;
  height: 340px;
}

pre {
  background-color: black;
  /* width: auto;
height: auto; */
  font-family: "Karla";
  font-style: normal;
  font-weight: 400;
  font-size: 20px;
  line-height: 140%;
  flex-wrap: wrap;
  border-radius: 10px;
  padding: 20px;
  word-wrap: break-word;
  margin-bottom: 100px;
  /* or 28px */

  color: #ffffff;
}
pre code {
  word-wrap: break-word;
  line-height: 1.8rem;
  height: 477px;
}
blockquote code::-webkit-scrollbar {
  display: none;
}
blockquote code {
  scrollbar-width: none;
  -ms-overflow-style: none;
}
/* Hide scrollbar for Chrome, Safari and Opera */
blockquote code::-webkit-scrollbar {
  -ms-overflow-style: none !important; /* IE and Edge */
  scrollbar-width: none !important;
  display: none;
}

/* Hide scrollbar for IE, Edge and Firefox */
blockquote code {
  -ms-overflow-style: none !important; /* IE and Edge */
  scrollbar-width: none !important; /* Firefox */
  display: none;
}

blockquote code::-webkit-scrollbar {
  -ms-overflow-style: none !important; /* IE and Edge */
  scrollbar-width: none !important;
  display: none;
}

blockquote code::-moz-scrollbar {
  -ms-overflow-style: none !important; /* IE and Edge */
  scrollbar-width: none !important;
  display: none;
}

blockquote code::-ms-scrollbar {
  -ms-overflow-style: none !important; /* IE and Edge */
  scrollbar-width: none !important;
  display: none;
}

.hljs-tag {
  color: #adb3ba;
  /* display: flex; */
  line-height: 2;
}
.hljs-bullet,
.hljs-deletion,
.hljs-name,
.hljs-selector-tag,
.hljs-template-variable,
.hljs-variable {
  color: #ed5959 !important;
}

.hljs {
  background-color: black !important;
  /* background: #1c2023; */
}

.template-business .business-head blockquote {
  font-size: 3em;
  line-height: 152%;
  color: #51494b;
  font-weight: 100 !important;
  position: relative;
}

.template-business .business-head blockquote::before {
  content: url("/static/images/sprite_images/quote.d9629394d8ea.svg");
  position: absolute;
  left: -100px;
}

.template-business .business-head img {
  width: 1234px;
  max-height: 600px;

  background: #3c5b9b;
  mix-blend-mode: hard-light;
  object-fit: cover;
  /* opacity: 0.3; */
  /* drop shadow */

  box-shadow: 0px 0px 50px #000000;
  border-radius: 15px;
}

.title-sec-img {
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  min-width: 1000px;
  background: #3c5b9b;
  background: -moz-linear-gradient(
      to right,
      #3c5b9b 16.76%,
      rgba(60, 91, 155, 0) 100%
    ),
    url("../images/common/image-alokin-comp.eaaa9ac383c3.png") right no-repeat;
  background: -webkit-linear-gradient(
      to right,
      #3c5b9b 16.76%,
      rgba(60, 91, 155, 0) 100%
    ),
    url("../images/common/image-alokin-comp.eaaa9ac383c3.png") right no-repeat;
  background: linear-gradient(
      to right,
      #3c5b9b 16.76%,
      rgba(60, 91, 155, 0) 100%
    ),
    url("../images/common/image-alokin-comp.eaaa9ac383c3.png") right no-repeat;
  background-size: contain !important;
}

@media only screen and (max-width: 867px) {
  /* CSS rules for small devices */
  h1 {
    font-size: 24px;
    font-family: "Exo";
    font-style: Bold italic;
  }
  h2 {
    font-size: 22px;
    font-family: "Exo";
    font-style: Bold italic;
  }
  h3 {
    font-size: 20px;
    font-family: "Karla";
    font-style: Bold;
  }
  h4 {
    font-size: 18px;
    font-family: "Karla";
    font-style: Bold;
  }
  h5 {
    font-size: 17px;
    font-family: "Karla";
    font-style: Bold;
  }
  h6 {
    font-size: 16px;
    font-family: "Karla";
    font-style: Bold;
  }
  .business-head > ol,
  .business-head > ul {
    margin: 10px 10%;
  }
  
  .business-head h2,
  h3,
  h4,
  h5,
  h6,
  blockquote,
  .hljs-copy-wrapper:not(footer) {
    margin: 10px 10%;
    z-index: 1000 !important;
  }
  .business-head p {
    margin: 10px 10%;
    padding-bottom: 10px;
  }
  pre code {
    word-wrap: break-word;
    line-height: 1.8rem;
    height: 290px;
  }
  .pattern-img-sec img {
    position: absolute;
  }
  .business-head {
    overflow: hidden;
  }
  .pattern-img-sec {
    background-image: url("/static/images/animation/dots-desk.b77883fc3f77.svg");

    position: absolute;
    width: 200px;
    height: 200px;
    top: 0;
    right: 0;
    z-index: -1;
  }

  .template-business .animated-lines-container {
    z-index: -1;
  }
  .circle-img-sec {
    background-image: url("/static/images/animation/circle-green.cdf1e32ef628.svg");
    position: relative;
    width: 100px;
    height: 100px;

    z-index: 0;
    background-position: center;
    object-fit: contain;
    border-radius: 50%;

    background: #f5fae8;
    top: 90px;
    right: 95px;
    animation: moveUp 300s linear;
    z-index: -1;
  }

  .template-business .animated-lines-container {
    z-index: -1;
    position: absolute;
    width: 100vw;
    height: 100vw;
    display: flex;
    background-repeat: repeat-y;
    top: 0;
    padding: 0 !important;
  }
  .business-head::after {
    content: url("/static/images/animation/circle-green.cdf1e32ef628.svg");
    position: absolute;
    right: 0;
    top: 80%;
    z-index: -1;
    height: 30px;
    width: 30px;
  }
}

.code-block {
  margin: 0 20%;
}
.reach-out-container {
  position: absolute;
}

.pattern-img-sec img {
  position: absolute;
}
.pattern-img-sec {
  background-image: url("/static/images/animation/dots-desk.b77883fc3f77.svg");

  position: absolute;
  width: 100px;
  height: 100px;
  top: 0;
  right: 0;
  z-index: -1;
  overflow: hidden;
}

.template-business .animated-lines-container {
  z-index: -1;
}
.circle-img-sec {
  background-image: url("/static/images/animation/circle-green.cdf1e32ef628.svg");
  position: relative;
  width: 100px;
  height: 100px;
  overflow: hidden;
  z-index: 0;
  background-position: center;
  object-fit: contain;
  border-radius: 50%;

  background: #f5fae8;
  top: 533px;
  right: 95px;
  animation: moveUp 300s linear;
  z-index: -1;
}

@media only screen and (min-width: 1442px) {
  .template-business .business-section-title .outer-container .inner-container {
    padding-left: 0px !important;
    width: 65%;
  }
}

@media only screen and (max-width: 967px) {
  /* CSS rules for small devices */

  .business-section-title {
    height: 100%;
  }
}