/*
Theme Name: eOne Infotech
Theme URI: https://eoneinfotech.com/
Description:  eOne Infotech
Version: 1.0
Author: Amarendra
Author URI:https://eoneinfotech.com/

*/

/* Normalize CSS
http://github.com/necolas/normalize.css */
article,aside,details,figcaption,figure,footer,header,hgroup,nav,section{display:block}
audio,canvas,video{display:inline;zoom:1px}
html{font-size:100%;overflow-y:scroll;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}
body,button,input,select,textarea{font-family:sans-serif}
a:focus{outline:thin dotted}
a, a:hover,a:active{outline:0}
h1{font-size:2em}
abbr[title]{border-bottom:1px dotted}
b,strong{font-weight:700}
blockquote{margin:1em 40px}
dfn{font-style:italic}
mark{background:#ff0;color:#000}
pre,code,kbd,samp{font-family:monospace,serif;_font-family:'courier new',monospace;font-size:1em}
pre{white-space:pre-wrap;word-wrap:break-word}
q{quotes:none}
q:before,q:after{content:none}
small{font-size:75%}
sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}
sup{top:-0.5em}
sub{bottom:-0.25em}
ul,ol{margin:0;padding:0}
dd{margin:0 0 0 40px}
nav ul,nav ol{list-style:none;list-style-image:none}
img{border:0;-ms-interpolation-mode:bicubic}
svg:not(:root){overflow:hidden}
fieldset{border:1px solid silver;margin:0 2px;padding:0.35em 0.625em 0.75em}
legend{border:0;margin-left:-7px}
button,input,select,textarea{font-size:100%;vertical-align:middle;margin:0}
button,input{line-height:normal}
button,input[type="button"],input[type="reset"],input[type="submit"]{cursor:pointer;-webkit-appearance:button;overflow:visible}
input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0}
input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}
input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}
button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}
textarea{overflow:auto;vertical-align:top}
table{border-collapse:collapse;border-spacing:0}
td{vertical-align:top}
audio:not([controls]),[hidden]{display:none}
body,figure,form{margin:0}

/* let's clear some floats */
.clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; overflow: hidden; }  
.clearfix:after { clear: both; }  
.clearfix { zoom: 1; }

#top-nav {
	margin-left:auto;
}
#top-nav .menu-header ul, div.menu ul { 
	font-size: 15px;
	list-style: none; 
	margin: 0; 
	padding: 0;
}
#top-nav .menu-header li, div.menu li {
	float: left;
	position: relative;
	
}
#top-nav a {
	color: #fff;
	display: block;
	padding: 10px 12px;
	text-decoration: none;
	
}
#top-nav ul li a:hover, 
#top-nav ul li.current_page_item a,
#top-nav ul li.current_page_parent a,
#top-nav ul li.current_page_ancestor a,
#top-nav ul li.current-menu-ancestor a, 
#top-nav ul li.current-menu-item a,
#top-nav ul li.current-menu-parent a {
	/*background: #000;*/
	color: #1f7fbb;
}
#top-nav ul ul {/* Drop down menu */
	box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
	-moz-box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
	-webkit-box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
	display: none;
	float: left;
	left: 0;
	position: absolute;
	top: 40px; 
	min-width: 120px;
	z-index: 99999;
	white-space: nowrap;
}
#top-nav ul ul li {
	border-bottom: 1px solid #d4d4d4;
	width: 100%;	
	white-space: nowrap;
}
#top-nav ul ul ul {/* Third Level drop down menu */
	left: 100%;
	top: 0;
}
#top-nav ul ul a,
#top-nav ul li.current_page_item ul li a,
#top-nav ul li.current-menu-ancestor ul li a {
	background: #FFF;
	color: #000;
	height: auto;
	line-height: 1em;
	padding: 10px;
	width: auto;
    font-size: 13px;
    text-transform: capitalize;
	    white-space: nowrap;
}
#top-nav ul ul a:hover,
#top-nav ul li.current_page_item ul li a:hover,
#top-nav ul li.current-menu-ancestor ul li a:hover {
	color: #fff;
	background: #1f7fbb;
}

#top-nav ul li:hover > ul {display:block;}

figure.photo {
  font-family: 'Raleway', Arial, sans-serif;
  position: relative;
  overflow: hidden;
  margin: 10px;
  /*min-width: 220px;
  max-width: 310px;
  max-height: 220px;*/
  width: 100%;
  background: #000000;
  color: #ffffff;
  text-align: center;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
}

figure.photo * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}

figure.photo img {
  max-width: 100%;
  position: relative;
  opacity: 0.4;
  display: block;
}

figure.photo figcaption {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}

figure.photo h2 {
  position: absolute;
  left: 40px;
  right: 40px;
  display: inline-block;
  background: #000000;
  -webkit-transform: skew(-10deg) rotate(-10deg) translate(0, -50%);
  transform: skew(-10deg) rotate(-10deg) translate(0, -50%);
  padding: 12px 5px;
  margin: 0;
  top: 50%;
  text-transform: uppercase;
  font-weight: 400;
}

figure.photo h2 span {
  font-weight: 800;
}

figure.photo:before {
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  content: '';
  background: #ffffff;
  position: absolute;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  -webkit-transform: rotate(110deg) translateY(-50%);
  transform: rotate(110deg) translateY(-50%);
}

figure.photo a {
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  position: absolute;
  z-index: 1;
}

figure.photo.blue {
  background: #123851;
}

figure.photo.blue h2 {
  background: #0a212f;
}

figure.photo.red {
  background: #581a14;
}

figure.photo.red h2 {
  background: #36100c;
}

figure.photo.yellow {
  background: #7f5006;
}

figure.photo.yellow h2 {
  background: #583804;
}

figure.photo:hover img,
figure.photo.hover img {
  opacity: 1;
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}

figure.photo:hover h2,
figure.photo.hover h2 {
  -webkit-transform: skew(-10deg) rotate(-10deg) translate(-150%, -50%);
  transform: skew(-10deg) rotate(-10deg) translate(-150%, -50%);
}

figure.photo:hover:before,
figure.photo.hover:before {
  -webkit-transform: rotate(110deg) translateY(-150%);
  transform: rotate(110deg) translateY(-150%);
}

/* added css */
.about-section{
	position:relative;
	padding:45px 0px 0px 0px;
}

.about-section .content-column{
	position:relative;
	margin-bottom:40px;
}

.about-section .content-column .inner-column{
	position:relative;
	padding-top:50px;
	padding-right:10px;
}

.about-section .content-column .text{
	position:relative;
	color: #636363;;
	font-size:15px;
	line-height:2em;
	margin-bottom:40px;
	text-align: justify;
}

.about-section .content-column .email{
	position:relative;
	color:#252525;
	font-weight:700;
	margin-bottom:50px;
}

.about-section .image-column{
	position:relative;
	margin-bottom:50px;
}

.about-section .image-column .inner-column{
	position:relative;
	padding:40px 40px 0px 0px;
	margin-left:50px;
}

.about-section .image-column .inner-column:after{
	position:absolute;
	content:'';
	right:0px;
	top:0px;
	left:40px;
	bottom:100px;
	z-index:-1;
	border:2px solid #1374b8;
}

.about-section .image-column .inner-column .image{
	position:relative;
}

.about-section .image-column .inner-column .image:before{
	position:absolute;
	content:'';
	left:-50px;
	bottom:-50px;
	width:299px;
	height:299px;
	background:url(img/pattern-2.png) no-repeat;
}

.about-section .image-column .inner-column .image img{
	position:relative;
	width:100%;
	display:block;
}

.about-section .image-column .inner-column .image .overlay-box{
	position:absolute;
	left:40px;
	bottom:48px;
}

.about-section .image-column .inner-column .image .overlay-box .year-box{
	position:relative;
	color:#252525;
	font-size:24px;
	font-weight:700;
	line-height:1.4em;
	padding-left:125px;
}

.about-section .image-column .inner-column .image .overlay-box .year-box .number{
	position:absolute;
	left:0px;
	top:0px;
	width:110px;
	height:110px;
	color:#d7a449;
	font-size:68px;
	font-weight:700;
	line-height:105px;
	text-align:center;
	background-color:#ffffff;
	border:1px solid #000000;
}
.about-section .btn-style-three:before {
    position: absolute;
    content: '';
    left: 10px;
    top: 10px;
    z-index: -1;
    right: -10px;
    bottom: -10px;
    background: url(https://i.ibb.co/DKn55Qz/pattern-1.jpg) repeat;
}
.about-section .btn-style-three:hover {
    color: #ffffff;
    background: #d7a449;
}
.about-section .btn-style-three {
    position: relative;
    line-height: 24px;
    color: #252525;
    font-size: 15px;
    font-weight: 700;
    background: none;
    display: inline-block;
    padding: 11px 40px;
    background-color: #ffffff;
    text-transform: capitalize;
    border: 2px solid #d7a449;
    font-family: 'Arimo', sans-serif;
}
.sec-title2{
	color:#fff;
}
.sec-title {
    position: relative;
    padding-bottom: 40px;
}
.sec-title .title {
    position: relative;
    color: #1374b8;
    font-size: 18px;
    font-weight: 700;
    padding-right: 50px;
    margin-bottom: 15px;
    display: inline-block;
    text-transform: capitalize;
}
.sec-title .title:before {
    position: absolute;
    content: '';
    right: 0px;
    bottom: 7px;
    width: 40px;
    height: 1px;
    background-color: #bbbbbb;
}

#divercity{
     padding: 30px 0;
}

#divercity h2 {
  font-size: 20px;
  padding: 0px 0px 3px 0px;
  color: #065ca1;
  margin: 0px;
}

#divercity p {
  text-align: justify;
}

.certi {
  padding: 20px;

  background-color: #ffedec;
  border-radius: 12px;
  box-shadow: 0 30px 30px -25px rgba(65, 51, 183, 0.25);
  border: 8px #fff solid;
}

.certi ul {
  list-style: none;
  padding-left: 0px;
  margin-bottom: 0rem;
}

.certi ul li {
  line-height: 37px;
  background: url("../../assets/images/success.png") center left no-repeat;
  padding-left: 35px;
}

#add_benefits {
  background-color: #015784;
  padding: 30px 0px;
}

#add_benefits .benefits_card {
  position: relative;
  min-height: 500px;
  box-shadow: inset 5px 5px 5px rgba(0, 0, 0, 0.2),
    inset -5px -5px 15px rgba(255, 255, 255, 0.1),
    5px 5px 15px rgba(0, 0, 0, 0.3), -5px -5px 15px rgba(255, 255, 255, 0.1);
  border-radius: 15px;
  transition: 0.5s;
  margin: 15px 0px;
}
/* 
#add_benefits .benefits_card:nth-child(1) .benefits_box .benefits_content a {
  background: #2196f3;
} */

#add_benefits .benefits_card .benefits_box {
  position: absolute;
  top: 20px;
  left: 20px;
  right: 20px;
  bottom: 20px;
  background: #ffffff;
  border-radius: 15px;
  overflow: hidden;
  transition: 0.5s;
}

#add_benefits .benefits_card .benefits_box:hover {
  transform: translateY(-20px);
}

#add_benefits .benefits_card .benefits_box:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 50%;
  height: 100%;
  background: rgba(255, 255, 255, 0.03);
}

#add_benefits .benefits_card .benefits_box .benefits_content {
  padding: 20px;
  text-align: center;
}

#add_benefits .benefits_card .benefits_box .benefits_content h2 {
  position: absolute;
  top: -10px;
  right: 30px;
  font-size: 8rem;
  color: rgba(255, 255, 255, 0.1);
}

#add_benefits .benefits_card .benefits_box .benefits_content h3 {
font-size: 1.5rem;
    color: #015784;
    z-index: 1;
    transition: 0.5s;
    margin-bottom: 15px;
}

#add_benefits .benefits_card .benefits_box .benefits_content p {
  font-size: 1rem;
  color: rgba(0, 0, 0, 0.9);
  z-index: 1;
  transition: 0.5s;
}

.soltop h3 {
  /* font-size: 20px; */
  color: #ffffff;
  text-align: center;
}
/* section {
    padding: 30px 0;
    overflow: hidden;
} */



.section-title {
    /* max-width: 726px; */
    margin: -12px auto 45px;
    text-align: center;
    position: relative;
}

.single-security {
    background-color: rgb(253, 240, 201);
    min-height: 339px;
    box-shadow: rgba(0, 0, 0, 0.4) 0px 2px 4px, rgba(0, 0, 0, 0.3) 0px 7px 13px -3px, rgba(0, 0, 0, 0.2) 0px -3px 0px inset;
    padding: 32px;
    margin: 10px 0px;
    transition: 0.5s;
    border-radius: 10px 20px;
}



.security-area-two::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #090218;
  opacity: 0.9;
  z-index: -1;
}

.single-security {
  background-color: #fef4f8;
  padding: 28px;
  margin-bottom: 30px;
  transition: all 0.5s;
}

.single-security i {
  font-size: 30px;
  color: #ffffff;
  width: 50px;
  height: 50px;
  line-height: 50px;
  background-image: linear-gradient(to bottom right, #d2044d, #ff5e68);
  display: inline-block;
  text-align: center;
  border-radius: 50%;
  margin-bottom: 15px;
  transition: all 0.5s;
}

.single-security h3 {
  font-size: 22px;
  margin-bottom: 9px;
}

/* .single-security:hover {
  transform: translateY(-5px);
} */

.security-area p {
    /* max-width: 500px; */
    margin: auto;
    font-size: 17px;
}

.single-security:hover i {
  transform: rotateY(360deg);
}
.pb-50 {
    padding-bottom: 40px;
}
.pt-50 {
    padding-top: 40px;
}

.security-area p {
    font-size: 17px;
    margin: auto;
}

.single-security {
    position: relative;
}

.single-security {
    background-color: #056db7;
    padding: 32px;
    margin: 10px 0px;
    transition: all 0.5s;
    min-height: 300px;
    box-shadow: rgba(0, 0, 0, 0.4) 0px 2px 4px, rgba(0, 0, 0, 0.3) 0px 7px 13px -3px, rgba(0, 0, 0, 0.2) 0px -3px 0px inset;
    /* border-bottom: 6px solid #816515; */
    border-radius: 10px 20px;
}

.single-security:before {
    content: " ";
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 99%;
    height: 99%;
    border-radius: 1rem;
    background: linear-gradient(to right bottom, #23d6ef, #007e8f);
    transform: rotate(4deg);
    transform-origin: 40% 70%;
    box-shadow: inset 0 1px 1px 0 hsla(0, 0%, 100%, .15), 0 50px 100px -20px rgba(50, 50, 93, .3), 0 30px 60px -30px rgba(0, 0, 0, .5), -10px 10px 60px -10px rgba(103, 178, 111, .3);
    z-index: -1;
}


.cta {
  padding: 0;
  margin-top: 20px;
  margin-bottom: 30px;
}

.cta .container {
  padding: 42px 54px 41px 32px;
  /*background: #eaeef6;*/
  border-radius: 15px;
  /*background: linear-gradient(180deg, #f2f6fa 0%, #fff 100%);*/
  background-image: linear-gradient(to top, #f9fbff, #f8fbff, #ecf4ff, #e7f0ff, #ecf3ff);
}


.cta h2 {
  font-size: 22px;
  padding: 10px 0px 3px 0px;
  color: #013864;
  margin: 0px;
}

.cta h3 {
  font-size: 19px;
  padding: 10px 0px 3px 0px;
  color: #065ca1;
  margin: 0px;
}

.contact .info-container {
  background: #0260a3 !important;
  height: 100%;
  padding: 20px;
  border-radius: 10px 0 0 10px;
  box-shadow: 0px 2px 25px rgba(0, 0, 0, 0.1);
}

.contact .info-item {
  width: 100%;
  background-color: #0f76bf;
  margin-bottom: 20px;
  padding: 20px;
  border-radius: 10px;
  color: #fff;
}

.contact .info-item:last-child {
  margin-bottom: 0;
}

.contact .info-item i {
  font-size: 20px;
  color: #fff;
  float: left;
  width: 44px;
  height: 44px;
  background-color: rgba(255, 255, 255, 0.2);
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50px;
  transition: all 0.3s ease-in-out;
  margin-right: 15px;
}

.contact .info-item h4 {
  padding: 0;
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 5px;
}

.contact .info-item p {
  padding: 0;
  margin-bottom: 0;
  font-size: 14px;
}

.contact .info-item:hover i {
  background: #fff;
  color: #0f76bf;
}

.contact .php-email-form {
  width: 100%;
  height: 100%;
  background: #fff;
  box-shadow: 0px 2px 25px rgba(0, 0, 0, 0.1);
  padding: 30px;
  border-radius: 0 10px 10px 0;
}

.contact .php-email-form .form-group {
  padding-bottom: 8px;
}

.contact .php-email-form .error-message {
  display: none;
  color: #fff;
  background: #df1529;
  text-align: left;
  padding: 15px;
  font-weight: 600;
}

.contact .php-email-form .error-message br+br {
  margin-top: 25px;
}

.contact .php-email-form .sent-message {
  display: none;
  color: #fff;
  background: #059652;
  text-align: center;
  padding: 15px;
  font-weight: 600;
}

.contact .php-email-form .loading {
  display: none;
  background: #fff;
  text-align: center;
  padding: 15px;
}

.contact .php-email-form .loading:before {
  content: "";
  display: inline-block;
  border-radius: 50%;
  width: 24px;
  height: 24px;
  margin: 0 10px -6px 0;
  border: 3px solid #059652;
  border-top-color: #fff;
  animation: animate-loading 1s linear infinite;
}

.contact .php-email-form input,
.contact .php-email-form textarea {
  border-radius: 0;
  box-shadow: none;
  font-size: 14px;
}

.contact .php-email-form input[type=text],
.contact .php-email-form input[type=email],
.contact .php-email-form textarea {
  padding: 12px 15px;
}

.contact .php-email-form input[type=text]:focus,
.contact .php-email-form input[type=email]:focus,
.contact .php-email-form textarea:focus {
  border-color: var(--color-primary);
}

.contact .php-email-form textarea {
  padding: 10px 12px;
}

.contact .php-email-form button[type=submit] {
  background: #0f76bf;
  border: 0;
  padding: 14px 45px;
  color: #fff;
  transition: 0.4s;
  border-radius: 50px;
}

.contact .php-email-form button[type=submit]:hover {
  background: #034676;
}

@keyframes animate-loading {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
  }
}

.contact3 h6 {
  color: #034676;
}

.contact3 p {
  font-size: 15px;
}


.one-ceo {
  position: relative;
  display: inline-block;
  text-decoration: none;
  color: inherit;
  transition: color 0.3s ease;
}

.one-ceo::after {
  content: '';
  position: absolute;
  bottom: -2px;
  left: 0;
  width: 0;
  height: 1px;
  background-color: currentColor;
  transition: width 0.3s ease;
  color: #000;
}

.one-ceo:hover::after {
  width: 100%;
}

.ann-ceo {
  column-gap: 1.5rem;
  padding: 0;
}

.one a {
  color: #444444 !important;
}

.about-ann-title {
  border-top: 3px solid #06aff1;
  width: 13%;
  margin: 10px 0;
}

.leader-img {
  height: 200px !important;
  width: 200px;
  border-radius: 50%;
  object-fit: cover;
}

.text-justify {
  text-align: justify;
}

.designation {
  font-size: 22px;
  color: rgb(0, 153, 216);
}


.one {
  margin-top: 30px !important
}

@media (max-width: 650px) {
  .leader-name {
    font-size: 16px;
    font-weight: 700;
  }
	
	.carousel-item {
    height: 100%;
 
}
}

.leadership{
  margin-top: 120px;
}
.nf-form-content textarea.ninja-forms-field {
    height: 80px!important;
}	
	#nf-form-1-cont input[type=text], input[type=password] {
    margin-bottom: 0px;
    margin-top: 0px;
    width: 100%;
    padding: 8px;
    border: 0px;
    border: 1px solid #E3E3E3!important;
    background: #f9f9f9;
    font-family: Raleway!important;
}	
.nf-form-content .listselect-wrap .nf-field-element div, .nf-form-content input.ninja-forms-field, .nf-form-content select.ninja-forms-field:not([multiple]) {
    height: 36px!important;
}
.nf-form-content .label-above .nf-field-label, .nf-form-content .label-below .nf-field-label, .nf-form-content .label-hidden .nf-field-label {
    margin-bottom: 3px!important;
    padding: 0;
}
.label-above .nf-field-label {
    margin-top: 2px!important;
    margin-bottom: 4px!important;
}
.nf-form-content label {
    font-size: 16px!important;
    line-height: 14px!important;
}

#nf-field-4 {
    width: 100px;
    color: rgb(255, 255, 255);
    font-weight: bold;
    font-size: 13px;
    background: rgb(4, 169, 217);
    padding: 10px;
    border-width: 0px;
    border-style: initial;
    border-color: initial;
    border-image: initial;
}
#nf-field-4:hover{ background:#333;}
.nf-form-content .list-select-wrap .nf-field-element>div, .nf-form-content input:not([type=button]), .nf-form-content textarea {
    background: #f7f7f7;
    border: 1px solid #c4c4c4;
    border-radius: 0;
    box-shadow: none;
    color: rgb(106.75, 106.75, 106.75);
    transition: all .5s;
}

.oneexcel-pro{
     background-color: #dce8ef;
    padding: 40px;
    line-height: 33px;
    border-radius: 40px;
    margin: 20px 0px;
}

.oneexcel-pro p{
 font-size: 20px;
}

.oneexcel-h{
  font-size: 40px;
  color: #065ca1;
  padding: 0px 0px 3px 0px;
}

.oneexcel-ul{
  background-color: #065ca1;
    color: white;
    padding: 32px;
    line-height: 33px;
}

.oneexcel-ul ul{
  /* list-style: none;
  padding-left: 0px; */
  font-size: 20px;
}


.wantToWork-area {
    padding: 20px;
    margin-top: 20px;
}

.wantToWork-area p{
  font-size: 20px;
}

.wantToWork-area h2{
  font-size: 35px;
  text-align: center;
  color: #065ca1;
}

#excel{
  margin-top: 30px;
  margin-bottom: 30px;
}

.card {
    border-radius: 30px !important;
    box-shadow: 24px 24px 80px rgba(0, 0, 0, 0.1);
    padding: 20px 20px 28px 20px;
    box-sizing: border-box;
    margin: 20px 0px;
    display: flex !important;
    flex-direction: column !important;
}
@media (min-width: 576px) {
    .card {
        flex-direction: row !important;
        align-items: center;
    }
}

.card__image {
    width: 100%;
    max-height: 300px;
    border-radius: var(--border-radius-primary);
    object-fit: cover;
    margin-bottom: 18px;
}

@media (min-width: 576px) {
    .card__image {
        width: 45%;
        max-height: none;
        min-height: 250px;
        margin-bottom: 0;
    }
}

@media (min-width: 576px) {
    .card__content {
        width: 55%;
        padding-left: 40px;
    }
}

.card__date {
    display: block;
    font-size: var(--font-size-caption);
    line-height: var(--line-height-caption);
    text-transform: uppercase;
    color: var(--color-text);
    margin-bottom: 6px;
}

@media (min-width: 576px) {
    .card__date {
        margin-bottom: 8px;
    }
}

.card__title {
    font-size: 26px;
    line-height: 1.1;
    color: #222022;
    box-decoration-break: clone;
    background-image: linear-gradient(90deg, #b7f9e9, #ffef7e);
    background-size: 100% 42%;
    background-repeat: no-repeat;
    background-position: 0 85%;
    padding: 0 4px;
    margin-left: -4px;
}

.card__date strong {
    line-height: 25px;
}


.job_description h2 {display:none;}