.elementor-widget-wcf--blog--search--form svg{height:1em;width:1em}.elementor-widget-wcf--blog--search--form .wcf-search-form button,.elementor-widget-wcf--blog--search--form .wcf-search-form input[type=search]{margin:0;border:0;outline:0;display:inline-block;vertical-align:middle;white-space:normal;background:0 0;line-height:1;min-width:0;font-size:15px;-webkit-appearance:none;-moz-appearance:none}.elementor-widget-wcf--blog--search--form .wcf-search-form__input{flex-basis:100%;padding:10px 20px}.elementor-widget-wcf--blog--search--form .wcf-search-form{display:flex;background:#f1f2f3;border-radius:3px;overflow:hidden;border:0 solid transparent;min-height:50px}.elementor-widget-wcf--blog--search--form .wcf-search-form .wcf-search-form__submit{background-color:#54595f;color:#fff;fill:#fff;min-width:60px;transition:.3s;cursor:pointer}.elementor-widget-wcf--blog--search--form .wcf-search-form button:focus,.elementor-widget-wcf--blog--search--form .wcf-search-form input[type=search]:focus{outline:0;color:inherit}.elementor-widget-wcf--blog--search--form .wcf-search-form__input::-moz-placeholder{color:inherit;font-family:inherit;opacity:.6}.elementor-widget-wcf--blog--search--form .wcf-search-form__input::placeholder{color:inherit;font-family:inherit;opacity:.6}.elementor-widget-wcf--blog--search--form .toggle--close,.elementor-widget-wcf--blog--search--form .toggle--open{line-height:1;cursor:pointer;flex:1;display:flex;align-items:center;justify-content:center}.elementor-widget-wcf--blog--search--form .toggle--close{display:none}.elementor-widget-wcf--blog--search--form .wcf-search-toggle{position:relative;display:inline-flex;justify-content:center;vertical-align:middle;background-color:rgba(0,0,0,.05);border:0 solid #33373d;border-radius:3px;transition:.3s}.elementor-widget-wcf--blog--search--form .search--wrapper.style-dropdown .wcf-search-container{position:absolute;width:300px;top:100%;opacity:0;z-index:99;visibility:hidden;transition:all .5s;transform:translateY(20px)}.elementor-widget-wcf--blog--search--form .search--wrapper.style-dropdown .wcf-search-container.search-position-right{right:0}.elementor-widget-wcf--blog--search--form .search--wrapper.style-dropdown .wcf-search-container.search-position-left{left:0}.elementor-widget-wcf--blog--search--form .search--wrapper.style-dropdown.search-visible .toggle--open{display:none}.elementor-widget-wcf--blog--search--form .search--wrapper.style-dropdown.search-visible .toggle--close{display:flex}.elementor-widget-wcf--blog--search--form .search--wrapper.style-dropdown.search-visible .wcf-search-container{opacity:1;visibility:visible;transform:translateY(0)}.elementor-widget-wcf--blog--search--form .search--wrapper.style-full-screen .wcf-search-container{position:fixed;width:100%;height:100vh;transform:scale(0);background:#ddd;top:0;left:0;z-index:99;display:flex;align-items:center;flex-direction:column;justify-content:center;opacity:0;visibility:hidden;transition:all .5s}.elementor-widget-wcf--blog--search--form .search--wrapper.style-full-screen .wcf-search-container.ajax-fs-wrap{padding-top:15px;flex-direction:unset;align-items:flex-start}.elementor-widget-wcf--blog--search--form .search--wrapper.style-full-screen .wcf-search-container.ajax-fs-wrap .selected-category-display{position:absolute;top:70px}.elementor-widget-wcf--blog--search--form .search--wrapper.style-full-screen .toggle--close{display:flex;cursor:pointer;position:absolute;right:30px;top:30px;transition:.3s}.elementor-widget-wcf--blog--search--form .search--wrapper.style-full-screen .wcf-search-form{width:300px}.elementor-widget-wcf--blog--search--form .search--wrapper.style-full-screen.search-visible .wcf-search-container{opacity:1;visibility:visible;transform:scale(1)}.aae--live-search-results{position:absolute;width:100%;height:auto;display:none;gap:10px;padding:30px;border-radius:5px;background-color:#ddd;z-index:99}.aae--live-search-results .search-item{gap:12px;display:grid;grid-template-columns:90px auto;align-items:center}.aae--live-search-results .thumb{height:60px;overflow:hidden}.aae--live-search-results .thumb img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.aae--live-search-results .title{display:inline-block}.elementor-widget-wcf--blog--search--form .search--wrapper.style-full-screen .wcf-search-container.ajax-search{align-items:flex-start;padding-top:15px}.aae--search-filter{gap:20px;display:flex;align-items:center;margin-right:15px}.aae--search-filter button{cursor:pointer;padding:0}.aae--search-filter .category-container,.aae--search-filter .date-container{position:relative}.aae--search-filter .category-toggle,.aae--search-filter .date-toggle{cursor:pointer;font-size:15px;display:flex;align-items:center;gap:5px}.aae--search-filter .category-toggle .icon,.aae--search-filter .date-toggle .icon{line-height:0}.aae--search-filter .category-dropdown,.aae--search-filter .date-dropdown{display:none;position:absolute;top:40px;right:0;width:300px;background-color:#fff;border:1px solid rgba(18,18,18,.0509803922);z-index:100}.aae--search-filter .category-container.active .category-dropdown,.aae--search-filter .date-container.active .date-dropdown{display:block}.aae--search-filter .category-list,.aae--search-filter .preset-options{list-style:none;padding:0;margin:0}.aae--search-filter .category-list li,.aae--search-filter .preset-options li{padding:8px 15px;cursor:pointer;font-size:14px}.aae--search-filter .category-list li.selected,.aae--search-filter .preset-options li.selected{background:#ddd}.aae--search-filter .category-footer,.aae--search-filter .date-buttons{gap:15px;display:flex;align-items:center;justify-content:flex-end;padding:15px}.aae--search-filter .custom-range{display:flex;flex-direction:column;gap:6px;padding:15px}.aae--search-filter .custom-range .wrap{display:grid}.aae--search-filter .custom-range label{font-size:14px}.aae--search-filter .custom-range input[type=date]{padding:8px;border:1px solid #ddd;border-radius:4px}.active-filter .wcf-search-form{overflow:unset}.selected-category-display .category-pill{font-size:14px}.wc-btn-wrapper {
display: inline-block;
}
.btn-text-flip svg,
.wc-btn-wrapper svg {
width: 1em;
height: 1em;
} .wc-btn-group {
display: flex;
width: fit-content;
}
.wc-btn-group .wc-btn-primary {
padding: 21px 40px;
font-weight: 600;
font-size: 16px;
line-height: 1;
color: #fff;
background-color: #0A1A3D;
text-transform: capitalize;
transition: all 0.3s;
display: inline-flex;
align-items: center;
overflow: hidden;
z-index: 1;
gap: 30px;
white-space: nowrap;
border-radius: 30px;
text-decoration: none;
}
.wc-btn-group .wc-btn-play {
color: #fff;
fill: #fff;
border-radius: 50px;
background-color: #0A1A3D;
border: 1px solid transparent;
height: 60px;
width: 60px;
display: flex;
align-items: center;
justify-content: center;
transition: all 0.5s;
}
.wc-btn-group > *:nth-child(2) {
transform: scale3d(1, 1, 1);
}
.wc-btn-group:hover > *:nth-child(2) {
transform: scale3d(1, 1, 1);
} .style-1 .wc-btn-group > *:nth-child(1) {
transform: scale3d(0.5, 0.5, 1);
margin-right: calc( var(--icon-width, 60px) * -1);
opacity: 0;
}
.style-1 .wc-btn-group > *:nth-child(3) {
transform: scale3d(1, 1, 1);
margin-left: 0;
opacity: 1;
}
.style-1 .wc-btn-group:hover > *:nth-child(1) {
transform: scale3d(1, 1, 1);
margin-right: 0;
opacity: 1;
}
.style-1 .wc-btn-group:hover > *:nth-child(3) {
transform: scale3d(0.5, 0.5, 1);
margin-left: calc( var(--icon-width, 60px) * -1);
opacity: 0;
} .style-2 .wc-btn-group > *:nth-child(1) {
transform: scale3d(1, 1, 1);
margin-right: 0;
opacity: 1;
}
.style-2 .wc-btn-group > *:nth-child(3) {
transform: scale3d(0.5, 0.5, 1);
margin-left: calc( var(--icon-width, 60px) * -1);
opacity: 0;
}
.style-2 .wc-btn-group:hover > *:nth-child(1) {
transform: scale3d(0.5, 0.5, 1);
margin-right: calc( var(--icon-width, 60px) * -1);
opacity: 0;
}
.style-2 .wc-btn-group:hover > *:nth-child(3) {
transform: scale3d(1, 1, 1);
margin-left: 0;
opacity: 1;
} .btn-text-flip {
perspective: 1000px;
text-decoration: none;
}
.btn-text-flip:hover {
color: #fff;
fill: #fff;
}
.btn-text-flip:hover span {
color: #fff;
transform: rotateX(90deg) translateY(-12px);
}
.btn-text-flip span {
position: relative;
display: inline-block;
padding: 0;
color: #121212;
transition: transform 0.3s;
transform-origin: 50% 0;
transform-style: preserve-3d;
}
.btn-text-flip span:before {
position: absolute;
top: 100%;
left: 0;
width: 100%;
height: 100%;
content: attr(data-text);
transition: color 0.3s;
transform: rotateX(-90deg);
transform-origin: 50% 0;
text-align: center;
} .style-4 .btn-border-crop {
display: inline-block;
}
.style-4 .btn-border-crop:before {
position: absolute;
content: "";
width: 100%;
height: 100%;
top: 0;
left: 0;
background-image: linear-gradient(105.52deg, var(--b-color-1, #FF856A) 0%,  var(--b-color-2, #FFED4E) 34%, var(--b-color-3, #4BFFF4) 69%, var(--b-color-4, #7F52FF) 100%);
background-size: cover;
background-position: center;
background-repeat: no-repeat;
mask-image: var(--btn-bg, url(//sfx.in/wp-content/plugins/arolax-essential/assets/images/btn-image.webp));
mask-size: 100% 100%;
mask-repeat: no-repeat;
mask-position: center;
}
.arolax-btn-width-full .wc-btn-wrapper {
width: 100%;
}
.arolax-btn-width-full a {
width: 100%;
justify-content: center;
} .btn-border-divide {
gap: 10px;
display: flex;
align-items: flex-end;
overflow: hidden;
}
.btn-border-divide .text,
.btn-border-divide .icon {
border-bottom: 1px solid;
}
.btn-border-divide .icon {
padding-bottom: 3px;
position: relative;
}
.btn-border-divide .icon i:first-child,
.btn-border-divide .icon svg:first-child {
position: absolute;
transform: translate(-10px, 10px);
transition: all .3s;
opacity: 0;
}
.btn-border-divide .icon i:last-child,
.btn-border-divide .icon svg:last-child {
transition: all .3s;
opacity: 1;
} .btn-border-divide:hover .icon i:first-child,
.btn-border-divide:hover .icon svg:first-child {
transform: translate(0, 0);
opacity: 1;
}
.btn-border-divide:hover .icon i:last-child,
.btn-border-divide:hover .icon svg:last-child {
transform: translate(10px, -10px);
opacity: 0;
}.arolax--post svg {
width: 1em;
height: 1em;
}
.arolax--post img {
object-fit: cover;
}
.arolax--post {
display: grid;
row-gap: 30px;
transition: all 0.3s;
} .arolax--post.post-style-1 .wrapper {
display: flex;
gap: 20px;
}
.arolax--post.post-style-1 .number {
flex-basis: 30px;
}
.arolax--post.post-style-1 .link-wrap {
margin-left: auto;
}
.arolax--post.post-style-1 .post-meta span {
width: 20px;
height: 1px;
display: inline-block;
background: #121212;
margin: 0 5px;
position: relative;
top: -5px;
}
.arolax--post.post-style-1 .link {
min-width: 12px;
display: inline-block;
transition: all 0.3s;
transform: translate(-20px, 20px);
opacity: 0;
}
.arolax--post.post-style-1 .item:hover .link {
opacity: 1;
transform: translate(0, 0);
}
@media (max-width: 1200px) {
.arolax--post.post-style-1 .link {
opacity: 1;
transform: translate(0, 0);
}
} .arolax--post.post-style-2 .wrapper {
display: flex;
}
.arolax--post.post-style-2 .author-wrap {
flex-basis: 300px;
}
.arolax--post.post-style-2 .content {
flex: 1;
}
.arolax--post.post-style-2 .author {
align-items: center;
display: flex;
gap: 10px;
}
.arolax--post.post-style-2 .name {
display: inline-block;
}
@media (max-width: 767px) {
.arolax--post.post-style-2 .wrapper {
flex-wrap: wrap;
}
} .arolax--post.post-style-3 .item {
position: relative;
overflow: hidden;
}
.arolax--post.post-style-3 .thumb img {
width: 100%;
}
.arolax--post.post-style-3 .item::after {
position: absolute;
content: "";
width: 100%;
height: 100%;
left: 0;
bottom: 0;
background-color: #12121222;
}
.arolax--post.post-style-3 .wrapper * {
color: white;
fill: white;
}
.arolax--post.post-style-3 .wrapper {
position: absolute;
bottom: -50px;
left: 0;
width: 100%;
display: flex;
justify-content: space-between;
padding: 30px;
z-index: 5;
opacity: 0;
visibility: hidden;
transition: all 0.5s;
}
.arolax--post.post-style-3 .item:hover .wrapper {
bottom: 0;
opacity: 1;
visibility: visible;
} .arolax--post.post-style-4 .item {
gap: 15px;
display: grid;
align-items: center;
grid-template-columns: 1fr 1.5fr;
}
.arolax--post.post-style-4 .wc-btn-group > *:nth-child(1) {
justify-content: flex-start;
}
.arolax--post.post-style-4 .wc-btn-group > *:nth-child(3) {
justify-content: flex-end;
}
.arolax--post.post-style-4 .post-meta {
display: flex;
align-items: center;
flex-wrap: wrap;
gap: 5px;
}
@media (max-width: 767px) {
.arolax--post.post-style-4 .item {
grid-template-columns: 1fr;
}
} .arolax--post.post-style-5 .post-meta span {
width: 20px;
height: 1px;
display: inline-block;
background: #121212;
margin: 0 5px;
position: relative;
top: -5px;
}
.arolax--post.post-style-5 .item {
position: relative;
overflow: hidden;
}
.arolax--post.post-style-5 .wrapper {
position: absolute;
bottom: 0;
right: 0;
width: 80%;
background: #fff;
}