/**
Theme Name: mako-child
Author: 
Author URI: 
Description:
Version: 1.0.0
License: 
License URI:
Text Domain: mako-child
Template: mako
*/
rs-dotted {background:#20202045 !important;}
.angle {
    clip-path: polygon(0% 0%, 79% 0, 100% 20%, 100% 100%, 0% 100%) !important;
}
.angle2 img{
    clip-path: polygon(0% 0%, 95% 0, 100% 20%, 100% 100%, 0% 100%) !important;
}
.angle3{
    clip-path:polygon(0% 0%, 100% 0, 100% 0%, 95% 100%, 4% 100%) !important;
}
.a3{
    clip-path:polygon(10% 0%, 100% 0, 100% 0%, 100% 100%, 0% 100%) !important;

}
.cs .elementor-counter-title {
    text-align: center;
    margin-top:5px;
}
.news img {
    height: 270px !important;
    object-fit: fill;
}
.news .elementskit-post-image-card:hover .elementskit-entry-thumb>img{
    -webkit-transform: scale(1.05) rotate(0deg) !important;
    transform: scale(1.05) rotate(0deg) !important;
    opacity: 9 !important;
}
.news .elementskit-entry-header {
    overflow: hidden;
    padding: 20px 20px 20px 20px;
}

.pnews img {
    height: 100px !important;
    object-fit: fill;
}
.pnews .elementskit-post-image-card:hover .elementskit-entry-thumb>img{
    -webkit-transform: scale(1.05) rotate(0deg) !important;
    transform: scale(1.05) rotate(0deg) !important;
    opacity: 9 !important;
}
.pnews .elementskit-entry-header {
    overflow: hidden;
    padding: 20px 20px 20px 20px;
}
.pnews .elementskit-post-image-card {
    display: grid !important;
    grid-template-columns: 4fr 8fr;
    align-items: top;	
}
.pnews .elementskit-post-body {
    padding:20px 30px 30px 10px!important;
}
.right-gradient-bdr{
    border-width: 1px;
    border-style: solid;
    border-left:0;
    border-image: 
    linear-gradient(rgba(0, 0, 0, 0), rgb(94 94 94), rgba(0, 0, 0, 0)) 0 100%
}
.angle4{
    clip-path: polygon(0% 0%, 95% 0, 100% 20%, 100% 100%, 0% 100%) !important;
}
.mp #mailpoet_form_1 input {
    height: 54px;
    border-radius: 0px;
    padding:12px 15px 15px !important;
    color: #464646;
    box-shadow: 4px 4px 0px #efefef;
}
.mp .mailpoet_form .mailpoet_submit {
white-space: normal;
    word-wrap: break-word;
    background-color: #FFC000;
    font-family: "Space Grotesk", Sans-serif;
    color: #222 !important;
    font-size: 20px;
    font-weight: 600;
    box-shadow: none !important;
    margin-top: 2px !important;
}
.mp #mailpoet_form_1 form.mailpoet_form {
    padding: 0;
    margin-top: 22px;
}
.outline{
    outline: 1px dashed #ffc000;
    outline-offset: -10px;
}
.cf .hw{
width:calc((100% / 2) - 30px);
margin:15px !important;	
float:left;	
}
.cf .fw{
width:calc((100% / 1) - 30px);
margin:15px !important;
float:left;	
}
.cf .wpcf7 form>div, .wpcf7 form>p {
    margin-bottom: 0;
}
.cf label {
    display: block;
    margin-bottom: 15px !important;
    float: left;
    width: 100%;
}
.cf select {
  -webkit-appearance: none;
  -moz-appearance: none;
  background: transparent;
  background-image: url("data:image/svg+xml;utf8,<svg fill='black' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/><path d='M0 0h24v24H0z' fill='none'/></svg>");
  background-repeat: no-repeat;
  background-position-x: 99%;
  background-position-y: 12px;
}
.cf span.notes {
    padding: 6px 13px;
    background: #222;
    color: #fff;
    margin: 10px 15px 0px;
    display: inline-block;
}
.ib .premium-blog-post-container {
align-items: flex-start;
}
.ib .premium-blog-thumbnail-container {
    margin-top: 5px;
    border: 1px solid #e3e3e3;
    padding: 6px;
}
.sidebar-title {
    font-size: 17px !important;
    color: #000000;
    background-image: url(https://workprogress.co.in/mako_mining/wp-content/uploads/2026/05/sidebar.png);
    background-position: left center;
    background-repeat: no-repeat;
    padding-left: 20px;
    padding-top: 18px;
    padding-bottom: 33px;
    position: absolute;
    width: 101%;
    margin-left: -31px;
    margin-top: -142px;
    font-family: "Space Grotesk", Sans-serif;
}
.ast-separate-container #primary{
margin:0px;	
}
.single-post div#primary {
    background: #f7f7f7;
    padding: 80px 20px;
}
.single-post div#primary main {
    max-width: 1200px;
    margin: 0px auto;
}
.single-post .entry-content h2 {
    margin-top: 0px;
    margin-bottom: 10px;
    color: #222;
    font-size: 30px;
}
.single-post .entry-content p{
margin-bottom:10px;	
}
.single-post .entry-header {
    margin-bottom: 00;
}
.single-post h4 {
    margin-bottom: 8px;
    font-size: 22px;
    line-height: 32px;
margin-top: 20px;	
}
.single-post .post-navigation a .ast-post-nav {
    font-weight: 600;
    display: block;
    text-transform: none;
    font-size: 18px;
    letter-spacing: 0.05em;
    color: #222;
}

.res .ot{
width:calc((100% / 3) - 30px);
margin:15px !important;	
float:left;	
}
.res .fw{
width:calc((100% / 1) - 30px);
margin:15px !important;
float:left;	
}
.res .wpcf7 form>div, .wpcf7 form>p {
    margin-bottom: 0;
}
.res label {
    display: block;
    margin-bottom: 15px !important;
    float: left;
    width: 100%;
}
.res select {
  -webkit-appearance: none;
  -moz-appearance: none;
  background: transparent;
  background-image: url("data:image/svg+xml;utf8,<svg fill='black' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/><path d='M0 0h24v24H0z' fill='none'/></svg>");
  background-repeat: no-repeat;
  background-position-x: 95%;
  background-position-y: 12px;
}
.res input.wpcf7-file {
    padding-top: 10px !important;
}
.clist ul.elementor-icon-list-items {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
}
.clist ul.elementor-icon-list-items li {
    background: #f7f7f7;
    padding: 20px 20px;
}
.job-item {
    display: flex;
    justify-content: space-between;
}
.job-left {
    display: flex;
    gap: 30px;
	align-items:center;
}
.job-category-wrapper {
    display: grid;
    gap: 50px;
}
h3.job-title a {
    text-decoration: none !important;
    color: #222;
    font-size: 25px;
    line-height: 35px;
    margin-bottom: 10px !important;
    padding-bottom: 10px !important;
}
h3.job-title {
    margin:0px !important;
    padding-bottom: 10px !important;
}
a.job-btn {
    background-color: #FFC000;
    font-family: "Space Grotesk", Sans-serif;
    font-size: 18px;
    font-weight: 500;
    fill: #222222;
    color: #222222;
    border-radius: 0px 0px 0px 0px;
    padding:10px 20px 10px 20px;
    text-decoration: none !important;
    float: left;
    margin-bottom: 7px;
}
.job-category-title h2 {
    font-size: 35px;
    line-height: 45px;
    margin-bottom: 40px;
    background: #222;
    padding: 20px 28px;
	color:#fff;
    font-weight: 500;	
border-left: 12px solid #FFC000;	
}
.job-item {
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid #dfdfdf;
    margin-bottom: 30px;
    padding-bottom: 30px;
    gap: 30px;	
}
.job-item:last-child{
border-bottom:0px;	
 margin-bottom: 0px;
    padding-bottom:0px;	
}
.single-job div#primary {
    background: #f7f7f7;
    padding: 0px 20px;
}
.single-job-wrapper {
    max-width: 1200px;
    margin: 0px auto;
    padding: 80px 0px;
    display: flow-root;
}
.sjm {
    display: flex;
    gap: 40px;
    align-items: center;
    margin-bottom: 40px;
    background: #222;
    padding: 20px 40px;
    color: #fff;
border-left: 12px solid #FFC000;	
}
.single-job h1.job-single-title {
    font-size: 30px;
    line-height: 40px;
    margin-bottom: 10px;
    color: #fff;	
}
.job-single-content p {
margin-top: 15px;
    margin-bottom: 0;
}
.job-single-content h5 {
    font-size: 30px;
    line-height: 40px;
    margin-bottom: 18px;
    background: #fff;
    clip-path: polygon(0% 0%, 98% 0, 100% 98%, 100% 100%, 0% 100%) !important;
    padding: 10px 20px;
    margin-top: 40px;
    display: inline-block;
}
.job-single-content ul {
    margin:0px 0px 0px 18px;
    padding: 0px;
}
.job-single-content ul li {
    border-bottom: 1px solid #e5e5e5;
    padding: 7px 0px;
}
.job-single-content ul li:last-child{
border-bottom:0px;	
}

.apply-job-btn-wrap a {
    background-color: #FFC000;
    font-family: "Space Grotesk", Sans-serif;
    font-size: 18px;
    font-weight: 500;
    fill: #222222;
    color: #222222;
    border-radius: 0px 0px 0px 0px;
    padding: 10px 20px 10px 20px;
    text-decoration: none !important;
    float: left;
    margin-top:40px;
}
.jinfo {
    font-size: 20px;
    font-weight: 600;
    color: #222;
    margin-bottom: 30px;
}
.jinfo ul {
    list-style-type: none;
    margin: 0px;	
}
.jinfo ul li{
border: 0px;
    padding: 3px 0px;	
}
.ast-article-single img{
box-shadow:none;	
}

@media(max-width:1024px){
.right-gradient-bdr {
    border-width: 0;
    border-image: linear-gradient(rgba(0, 0, 0, 0), rgb(94 94 94), rgba(0, 0, 0, 0)) 0 100%;
border-bottom: 1px solid transparent;
    border-image: linear-gradient(0.25turn, rgb(36 36 36 / 0%), rgb(103 103 103), rgba(56, 2, 155, 0));
    border-image-slice: 1;
    width: 100%;
}	
ul#menu-1-5fcacd2 {
    align-items: center;
    justify-content: center !important;
    display: grid;
    text-align: center;
}	
	.hfe-nav-menu li.menu-item {
    position: relative;
    text-align: center;
    align-items: center;
    justify-content: center;
    display: flex;
}
}

@media(max-width:768px){
.brn br{
display:none;	
}
.pnews .elementskit-post-image-card {
    display: grid !important;
    grid-template-columns: 1fr;
}	
.pnews img {
    height: auto !important;
}	
.pnews .elementskit-post-body {
    padding: 0px 20px 30px 20px !important;
}
.a3 {
    clip-path: none !important;
    position: inherit;
    top: initial !important;
}	
.cf .hw {
    width: calc((100% / 1) - 30px);
}
.ib .premium-blog-post-container {
height:auto;
}	
.sidebar-title {
    margin-top: -172px;
}	
.single-post div#primary {
    padding: 50px 20px;
}
.clist ul.elementor-icon-list-items {
    grid-template-columns: 1fr;
}	
.job-category-title h2 {
        font-size: 26px;
        line-height: 36px;
        text-align: center;
        border-left: 10px solid #FFC000;
        border-right: 10px solid #FFC000;
    padding: 12px 28px;	
}
.job-item {
    flex-direction: column;
    gap:0px;	
}
.job-left {
    gap: 20px;
    flex-direction: column;
    justify-content: center;
    text-align: center;
}	
h3.job-title {
    margin: 0px !important;
    padding-bottom: 5px !important;
}
	h3.job-title a{
font-size: 20px;
    line-height: 30px;		
	}
.job-right {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: 20px;
}
.job-category-wrapper {
    display: grid;
    gap: 40px;
}
.single-job-wrapper {
    padding:50px 0px;
}
.sjm {
    gap: 20px;
    padding: 30px 20px;
    border-left: 10px solid #FFC000;
    flex-direction: column;
    text-align: center;
    border-right: 10px solid #FFC000;
margin-bottom: 30px;	
}	
.job-single-content h5 {
    font-size: 25px;
    line-height: 35px;
    padding: 14px 20px;
    margin-top: 30px;
}	
.apply-job-btn-wrap a {
    margin-top: 30px;
}	
.single-job h1.job-single-title {
    font-size: 25px;
    line-height: 35px;
}
.job-single-content p {
    margin-top: 10px;
    margin-bottom: 0;
}
.jinfo {
    font-size: 18px; 
margin-bottom: 20px;	
}	
}

@media(max-width:640px){
.angle3 {
    clip-path:none !important;
}
.res .ot {
    width: calc((100% / 1) - 30px);
}	
}