:root {
	--primary: #000;
	--secondary: #000;
	--black: #000;
	--white: #fff;
	--desert: #D7BAA0;
	--d-green: #525b50;
}
.elementor-heading-title {
    font-family: Carento!important;
}
/* Header */
/* Sticky Header */
.header_bar.sticky {
	position: fixed!important;
	width: 100%;
	background-color: var(--white)!important;
	animation: stickyMenuAnimation 0.7s;
	box-shadow: 0 0 5px 0 #778591;
	left:0;
	right:0;
	top:0;
	z-index: 999;
}
@keyframes stickyMenuAnimation {
    from {
        top: -200px;
    }
    to {
       top: 0px;
    }
}


.article_box {
    background: linear-gradient(135deg, #f8fbff, #fff);
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 4px 15px rgba(25, 118, 210, .08);
    border: 1px solid rgba(135, 206, 235, .2);
    transition: all .3s ease;
    cursor: pointer;
	height: 100%;
}
.article_box:hover {
    transform: translateY(-8px);
    box-shadow: 0 12px 35px rgba(25, 118, 210, .15);
 }
.article_box .elementor-image-box-img {
    height: 200px;
    width: 100%;
}
.article_box img {
    width: 100%;
    height: 200px!important;
    -o-object-fit: cover;
    object-fit: cover;
    transition: transform .4s ease;
 }
.article_box:hover img  {
      transform: scale(1.1);
  }
.article_box .elementor-image-box-content {
    padding: 32px;
}
.btn-readmore {
    background: var(--black);
    color: var(--white);
    border: 2px solid var(--black);
    padding: 11px 24px;
    border-radius: 8px;
    text-decoration: none;
    font-weight: 600;
    transition: all .3s ease;
    text-transform: uppercase;
    letter-spacing: .5px;
    font-size: 14px;
    width: -moz-fit-content;
    width: fit-content;
    display: inline-block;
    margin-top: 20px;
	display: block;
}
.btn-readmore:hover {
    background: var(--desert);
    color: var(--black);
}