/*
Theme Name:     Theratio Child
Theme URI:      http://wpdemo.archiwp.com/theratio/
Description:    Make your modifications to [Parent Theme] in this child theme.
Author:         Oceanthemes
Author URI:     http://oceanthemes.net/
Version:        1.0
Template:       theratio
*/

@import url("../theratio/style.css");
 
/* =Theme customization starts here
------------------------------------------------------- */

.cm-para {
/*   position: -webkit-sticky; */
  position: sticky !important;
  top: 78px;
  align-self: flex-start;
}
/* .cm-para .elementor-container{
	background-color: white !important;
	border-radius:8px !important;
	overflow:hidden;
} */
h2, .elementor-widget.elementor-widget-heading h2.elementor-heading-title{
color:#0a4589;	
}
button.octf-btn{
	background:#0a4589;
}
#royal_preloader.complete{
	display:none;
}



.projects-grid .projects-box .portfolio-info h5 a,.portfolio-info-inner a{
	color:#000000 !important;
}
.projects-grid .projects-box .portfolio-info .portfolio-cates{
	color:#fff !important;
}
.portfolio-info-inner a{
	color:#fff !important;
}
/* For Contact Form -- Start */
/* input[type=text], input[type=email], input[type=url],
input[type=password], input[type=search], input[type=number], input[type=tel], input[type=range], input[type=date], input[type=month], input[type=week], input[type=time], input[type=datetime], input[type=datetime-local], input[type=color], textarea , select {
	width:100%;
}
select{
	height:40px;
} */

/* 
input[type=text], input[type=email], input[type=url], input[type=password], input[type=search], input[type=number], input[type=tel], input[type=range], input[type=date], input[type=month], input[type=week], input[type=time], input[type=datetime], input[type=datetime-local], input[type=color], textarea{
	border:1px solid rgba(0, 0, 0, 0.1);
} */
/* For Contact Form -- End */
.main-navigation > ul > li.cm-service-section a:before {
	display: none;
}


.cm-hover1:hover h5.icon-box-title,
.cm-hover2:hover h5.icon-box-title,
.cm-hover3:hover h5.icon-box-title,
.cm-hover4:hover h5.icon-box-title,
.cm-hover5:hover h5.icon-box-title,
.cm-hover6:hover h5.icon-box-title,
.cm-hover7:hover h5.icon-box-title,
.cm-hover8:hover h5.icon-box-title
{
	color:#fff ;
}

.cm-form-text input, textarea {
    font-family: 'Roboto';
}


footer .elementor-icon-list-item {
    display: flex;
    align-items: center;
}

footer .elementor-icon-list-item svg {
    height: 25px;
    width: auto;
}

footer span.elementor-icon-list-icon {display: inline-flex;align-items: center;}
.projects-grid.style-3 .portfolio-info .portfolio-info-inner{
	padding:0px !important;
}
.projects-grid .projects-box .portfolio-info{
	background:rgb(214 214 214 / 45%) !important;
}
/* Fix Font Awesome icon size inside your custom class */
.cm-font-awesome i,
.cm-font-awesome svg,
.cm-font-awesome .elementor-icon,
.cm-font-awesome .elementor-social-icon {
/*     font-size: 30px !important;   /* set the size you want */ */
    width: 30px !important;
    height: 40px !important;
    line-height: 1 !important;
}

/* Ensure icons do NOT stretch automatically */
.cm-font-awesome .elementor-social-icon i,
.cm-font-awesome .elementor-social-icon svg {
    max-width: 100% !important;
    max-height: 100% !important;
    display: inline-block !important;
}

.page-header {
    position: relative;
}

.page-header::after {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, 0.35);
}

.dcell {
    display: table-cell;
    vertical-align: middle;
    z-index: 1;
    position: relative;
}
/* Job Post Start */
.job-listing-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:30px;
    margin:40px 0;
}

.job-listing-card{
    display:flex;
    flex-direction:column;
    background:#fff;
    border:1px solid #e5e7eb;
    border-radius:12px;
    padding:30px;
    transition:.3s;
}

.job-listing-card:hover{
    transform:translateY(-5px);
    box-shadow:0 12px 30px rgba(0,0,0,.08);
}

.job-listing-header{
    margin-bottom:20px;
}

.job-listing-badge{
    display:inline-block;
    padding:6px 14px;
    background:#eef5ff;
    color:#004a87;
    border-radius:30px;
    font-size:13px;
    font-weight:600;
    margin-bottom:15px;
}

.job-listing-title{
    margin:0;
    font-size:24px;
    line-height:1.4;
}

.job-listing-title a{
    color:#222;
    text-decoration:none;
}

.job-listing-title a:hover{
    color:#004a87;
}

.job-listing-meta{
    margin-top:auto;
}

.job-listing-meta-item{
    display:flex;
    justify-content:space-between;
    align-items:center;
    padding:14px 0;
    border-top:1px solid #ececec;
    font-size:15px;
    gap:15px;
}

.job-listing-meta-item span{
    color:#666;
}

.job-listing-meta-item strong{
    color:#111;
    font-weight:600;
}

.job-listing-btn{
    display:block;
    text-align:center;
    margin-top:25px;
    padding:14px;
    background:#004a87;
    color:#fff;
    text-decoration:none;
    border-radius:6px;
    font-weight:600;
    transition:.3s;
}

.job-listing-btn:hover{
    background:#00315a;
    color:#fff;
}

.job-listing-empty{
    text-align:center;
    padding:50px;
    background:#f8f8f8;
    border-radius:10px;
}

@media (max-width:991px){

    .job-listing-grid{
        grid-template-columns:repeat(2,1fr);
    }

}

@media (max-width:767px){

    .job-listing-grid{
        grid-template-columns:1fr;
    }

}




/* Single Carrer */
.career-container{
    max-width:1200px;
    margin:auto;
    padding:0 20px;
}

.career-hero{
    background:#0b3d5c;
    color:#fff;
    padding-top:120px;
	padding-bottom:60px;
}

.career-badge{
    display:inline-block;
    background:#ffffff20;
    padding:8px 14px;
    border-radius:30px;
    margin-bottom:20px;
    font-size:14px;
}

.career-hero h1{
	color:#fff;
	text-align:center;
    font-size:42px;
    margin:0;
}

.career-section{
    padding:70px 0;
}

.career-grid{
    display:grid;
    grid-template-columns:2fr 1fr;
    gap:40px;
}

.career-card{
    background:#fff;
    border:1px solid #e5e7eb;
    border-radius:10px;
    padding:35px;
    box-shadow:0 8px 25px rgba(0,0,0,.05);
}

.sticky{
    position:sticky;
    top:120px;
}

.detail-row{
    display:flex;
    justify-content:space-between;
    padding:15px 0;
    border-bottom:1px solid #eee;
    gap:20px;
}

.detail-row:last-child{
    border-bottom:none;
}

.career-btn{
    display:block;
    text-align:center;
    background:#0b3d5c;
    color:#fff;
    padding:15px;
    margin-top:25px;
    border-radius:6px;
    text-decoration:none;
    transition:.3s;
}

.career-btn:hover{
    background:#145a86;
    color:#fff;
}

.career-apply{
    padding:0 0 80px;
}

@media(max-width:991px){

    .career-grid{
        grid-template-columns:1fr;
    }

    .sticky{
        position:static;
    }

    .career-hero{
        padding-top: 100px;
        padding-bottom: 40px;
	}

    .career-hero h1{
        font-size:32px;
    }

}

/* Job Post End */



/* Career form design -- start */

.career-form-grid{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:20px;
}

.full-width{
    grid-column:1 / -1;
}

.form-group label{
    display:block;
    font-weight:600;
    margin-bottom:8px;
}

.form-group input,
.form-group textarea{
    width:100%;
}

@media (max-width:768px){
    .career-form-grid{
        grid-template-columns:1fr;
    }
}

/* Career form design -- end */

.cm-services .elementor-widget-container h4{
	height:80px;
}