/*
Theme Name: Avada Child
Description: Child theme for Avada theme
Author: ThemeFusion
Author URI: https://theme-fusion.com
Template: Avada
Version: 1.0.0
Text Domain:  Avada
*/

img {
    -webkit-user-drag: none;
}

textarea {
    resize: none;
}

.disable-scroll {
    overflow: hidden;
}

.team-image img {
    filter: grayscale(1);
    opacity: 0.6;
    transition: 0.3s;
}

.team-image img:hover {
    filter: initial;
    opacity: 1;
}

.single-portfolio #content,
.single-post #content,
.page-id-21844 #content,
.search-results #content,
.post-type-archive-portfolio #content,
.single-study-case #content,
.single-jobs #content,
.post-type-archive-jobs #content {
    margin-bottom: 0!important;
}

.contact-footer input, .contact-footer select, .contact-footer textarea,
.oferta-input input, .oferta-input textarea {
    border: 1px solid #ffffff!important;
    background-color: transparent!important;
    color: #ffffff!important;
    padding: 16px!important;
    font-size: 15px!important;
    font-family: Roboto!important;
    font-weight: 700!important;
}

.form-notice .fusion-alert {
    font-family: Roboto!important;
    border: none;
}

.form-notice .fusion-alert .close {
    border: none;
}

.contact-footer textarea::placeholder,
.contact-footer select::placeholder {
    color: #ffffff!important;
    font-family: Roboto!important;
    font-weight: 700!important;
}

.contact-footer input:focus::placeholder,
.contact-footer textarea:focus::placeholder {
    color: transparent!important;
}

.contact-footer input::placeholder,
.contact-select select::placeholder,
.oferta-input input::placeholder,
.oferta-input textarea::placeholder {
    color: #ffffff!important;
    font-weight: 700!important;
}

.oferta-input input::placeholder,
.oferta-input textarea::placeholder {
    font-family: Roboto!important;
    font-weight: 400!important;
    color: rgba(128, 128, 153, 1)!important;
}

.services-box .content-wrapper-background {
    transition: 0.3s;
    cursor: pointer;
}

.services-box .content-wrapper-background:hover {
    box-shadow: -8px 8px 0px #6900FF;
}

.services-box .fusion-column-inner-bg .fusion-column-anchor .fusion-column-inner-bg-image {
    transition: 0.3s;
}

.services-box .fusion-column-inner-bg .fusion-column-anchor .fusion-column-inner-bg-image:hover {
    box-shadow: -8px 8px 0px #6900FF;
}

.services-box .fusion-column-wrapper .services-title h1 {
    transition: 0.3s!important;
}

.services-box:hover .fusion-column-wrapper .services-title h1 {
    color: #6900FF!important;
}

.portfolio-card .fusion-column-wrapper .portfolio-name {
    z-index: 99;
    padding: 8px;
    background: #000033;
    transition: 0.3s;
    width: 90%;
    left: 50%;
    transform: translateX(-50%);
}

.job-card .fusion-column-wrapper .fusion-title {
    z-index: 99;
    margin-left: 16px!important;
    margin-right: 16px!important;
    padding: 8px 24px 8px 24px;
    background: #000033;
}

.portfolio-card .fusion-column-wrapper {
    transition: 0.3s!important;
}

.portfolio-card .fusion-column-wrapper:hover {
    box-shadow: -8px 8px 0 #9747FF;
}

.portfolio-card .fusion-column-wrapper.portfolio-name:hover {
    box-shadow: none!important;
}

.portfolio-card .fusion-column-wrapper:hover .portfolio-keys{
    visibility: visible;
}

.job-card .fusion-column-wrapper:hover {
    box-shadow: -8px 8px 0 #9747FF;
    background: linear-gradient(180deg, rgba(0, 0, 51, 0) 0%, #000033 100%);
}

.portfolio-card .fusion-column-wrapper:hover .portfolio-name {
    background: transparent!important;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.job-card .fusion-column-wrapper:hover .fusion-title {
    background: transparent!important;
    position: relative;
    bottom: 55px;
}

.portfolio-search .searchform .fusion-search-form-content .fusion-search-button input[type=submit] {
    background: #ffffff;
    color: rgba(0, 0, 51, 1);
}

.portfolio-search .searchform .fusion-search-form-content .fusion-search-button input[type=submit]:hover {
    background: #000033!important;
    color: #ffffff!important;
}

.portfolio-search input[type=search]::placeholder {
    font-size: 16px!important;
}

.portfolio-search .searchform.fusion-search-form-classic .fusion-search-form-content {
    border: 1px solid #000033;
    box-shadow: -8px 8px 0 #000033;
}

.portfolio-search input.s {
    font-family: Roboto, sans-serif!important;
    font-size: 16px!important;
    color: #808099!important;
}

.widget_wpc_filters_widget {
    margin-bottom: 0!important;
}

.wpc-chip-reset-all {
    display: none!important;
}

.wpc-filter-chips-list li {
    background: #CCCCD6!important;
    padding: 1px 16px!important;
}

.wpc-filter-chips-list li a {
    border: none!important;
    color: #666685!important;
    font-size: 12px!important;
    font-family: Inter!important;
    font-weight: 600!important;
}

.customer-border {
    border: 2px solid #000033;
    transform: rotate(45deg)!important;
}

.oferta-faq .fusion-accordian .panel-heading,
.oferta-faq .fusion-accordian .toggle-content {
    border: 1px solid rgba(0, 0, 51, 1);
    box-shadow: -8px 8px 0 #000033;
    margin-bottom: 16px;
    padding-left: 16px;
    padding-right: 16px;
}

.oferta-faq .fusion-accordian .toggle-content {
    margin-top: -10px;
    padding: 16px!important;
}

.oferta-faq .fusion-accordian .toggle-content p{
    margin-bottom: 0!important;
}

.fusion-show-pagination-text .pagination .current{
    width: 32px;
    height: 32px;
    background-color: rgba(0, 0, 51, 1);
    font-family: Roboto;
    border: 1px solid #E6E6EB;
}

.fusion-show-pagination-text .pagination .inactive {
    width: 32px;
    height: 32px;
    background-color: #ffffff;
    color: rgba(0, 0, 51, 1);
    font-family: Roboto;
    border: 1px solid #E6E6EB;
}

.fusion-show-pagination-text .pagination .inactive:hover {
    background-color: #9747FF;
    color: white;
    border: 1px solid #E6E6EB!important;
}

.fusion-show-pagination-text .pagination .pagination-next {
    margin-left: 20px;
}

.fusion-show-pagination-text .pagination .pagination-prev {
    margin-right: 20px;
}

.fusion-show-pagination-text .pagination .pagination-next .page-text,
.fusion-show-pagination-text .pagination .pagination-prev .page-text {
    display: none;
}

.fusion-show-pagination-text .pagination .pagination-next:after,
.fusion-show-pagination-text .pagination .pagination-prev:before {
    background-color: #ffffff;
    color: rgba(0, 0, 51, 1);
    border: 1px solid #E6E6EB;
    width: 32px;
    height: 32px;
    display: flex;
    justify-content: center;
}

.fusion-show-pagination-text .pagination .pagination-next:hover::after,
.fusion-show-pagination-text .pagination .pagination-prev:hover::before {
    background-color: #9747FF;
    color: white;
    border: 1px solid #E6E6EB;
}

.owl-carousel .item {
    background: #ffffff;
    box-shadow: -8px 8px 0 #000033;
    padding: 48px;
}

.gallery-owl-carousel .item,
.packaging-gallery-owl-carousel .item {
    padding: 0!important;
    box-shadow: none!important;
}

.gallery-owl-carousel .owl-dots,
.packaging-gallery-owl-carousel .owl-dots {
    display: block!important;
}

.gallery-owl-carousel .owl-dots .owl-dot span,
.packaging-gallery-owl-carousel .owl-dots .owl-dot span {
    width: 96px;
    height: 8px;
    border-radius: 90px;
    background: #E6E6EB!important;
}

.gallery-owl-carousel .owl-dots .owl-dot.active span,
.packaging-gallery-owl-carousel .owl-dots .owl-dot.active span {
    width: 96px;
    height: 8px;
    border-radius: 90px;
    background: #000033!important;
}

.offer-benefits .item p {
    font-family: Roboto;
    font-weight: 300!important;
    font-size: 16px!important;
    color: #4D4D70!important;
    line-height: 18.75px;
}

.owl-stage-outer {
    padding: 10px;
}
.owl-carousel h2 {
    color: #000033;
    text-align: left;
    margin-bottom: 12px;
    font-size: 30px!important;
}

.owl-dots {
    display: none;
}

.showcase-carousel .item {
    transition: 0.3s!important;
}

.showcase-carousel .item .owl-title-section {
    margin: 0 16px 0 16px!important;
    background-color: #000033!important;
    padding: 8px!important;
    font-family: "Inter", sans-serif!important;
    font-weight: 700!important;
    color: #ffffff!important;
    font-size: 16px;
}

.showcase-carousel .item .owl-title-section .owl-title {
    margin-bottom: 0;
    line-height: 140%;
}

.showcase-carousel .item .owl-meta {
    padding: 0 7px;
    visibility: hidden;
    text-transform: uppercase;
}

.showcase-carousel .showcase-link-text {
    position: absolute;
    bottom: 16px;
    margin-top: -18%;
    width: 100%;
    transition: all 0.3s ease;
}

.showcase-carousel .owl-dots,
.career-carousel .owl-dots{
    display: block;
}

.career-carousel .owl-dot span {
    border-radius: 90px!important;
}

.career-carousel .owl-nav {
    display: none;
}

.showcase-carousel .owl-dots .owl-dot span{
    width: 96px;
    height: 8px;
    border-radius: 0;
    background: #E6E6EB!important;
}

.career-carousel .owl-dots .owl-dot span{
    width: 96px;
    height: 8px;
    border-radius: 0;
    background: #1A1A47!important;
}

.showcase-carousel .owl-dots .owl-dot.active span{
    width: 96px;
    height: 8px;
    border-radius: 0;
    background: #000033!important;
}

.career-carousel .owl-dots .owl-dot.active span{
    width: 96px;
    height: 8px;
    border-radius: 0;
    background: #ffffff!important;
}

.career-carousel .item {
    box-shadow: none!important;
}

.career-carousel .item img{
    height: 300px;
    object-fit: cover;
}

.career-carousel .owl-stage-outer {
    padding: 10px;
}

.career-carousel .career-link-text {
    position: absolute;
    bottom: 12px;
    width: 90%;
    transition: all 0.3s ease;
    left: 50%;
    transform: translateX(-50%);
}

.career-carousel .owl-title {
    text-align: center;
    background: #000033;
    color: white;
    padding: 8px 24px;
    font-family: Inter;
    font-weight: 700;
    font-size: 16px;
}

.career-carousel .item hr {
    display: none;
    color: rgba(255, 255, 255, 0.50)!important;
    margin-top: 16px;
    margin-bottom: 16px;
}

.career-carousel .item .owl-meta {
    display: none;
    text-align: center;
    font-family: Roboto;
    font-size: 16px;
    color: white;
}

.career-carousel .item:hover {
    box-shadow: -8px 8px 0 0 #9747FF!important;
}

.career-carousel .item:hover .owl-title {
    margin-bottom: 0!important;
}

.career-carousel .item:hover .owl-meta,
.career-carousel .item:hover hr {
    display: block;
}

.showcase-carousel .item {
    position: relative;
}

.showcase-carousel .item::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg, rgba(0, 0, 51, 0) 0%, #000033 100%);
    opacity: 0;
    transition: opacity 0.5s ease;
    pointer-events: none;
}

.showcase-carousel .item:hover {
    box-shadow: -8px 8px 0 #9747FF;
}

.showcase-carousel .item:hover .owl-title-section {
    background: transparent!important;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.showcase-carousel .item:hover .owl-meta {
    visibility: visible;
}

.showcase-carousel .item:hover .owl-title-section::after {
    content: "\279C";
}

.showcase-carousel .item:hover::before {
    opacity: 1;
}

.career-carousel .item {
    position: relative;
    transition: 0.3s;
}

.career-carousel .item::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg, rgba(0, 0, 51, 0) 0%, #000033 100%);
    opacity: 0;
    transition: opacity 0.5s ease;
    pointer-events: none;
}

.career-carousel .item:hover .owl-title {
    background: transparent!important;
}

.career-carousel .item:hover::before {
    opacity: 1;
}

.portfolio-card .fusion-column-wrapper .fusion-classic-product-image-wrapper .fusion-image-wrapper::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg, rgba(0, 0, 51, 0) 0%, #000033 100%);
    opacity: 0;
    transition: opacity 0.5s ease;
    pointer-events: none;
}

.portfolio-card .fusion-column-wrapper:hover .portfolio-name::after {
    content: "\f061";
    font-family: "Font Awesome 5 Free";
    font-weight: 600;
    color: #ffffff;
    font-size: 13px;
}

.portfolio-card .fusion-column-wrapper:hover .fusion-classic-product-image-wrapper .fusion-image-wrapper::before {
    opacity: 1;
}

/*.portfolio-card .fusion-column-wrapper .portfolio-title {*/
/*    position: absolute;*/
/*    bottom: 16px;*/
/*}*/

.portfolio-card .fusion-column-wrapper .portfolio-name {
    position: absolute;
    bottom: 16px;
}

.portfolio-card .fusion-column-wrapper .portfolio-keys {
    position: absolute;
    bottom: 95px;
    margin: 0;
    width: 82%;
    padding: 0 8px;
    left: 50%;
    transform: translateX(-50%);
}

.portfolio-title h1 {
    width: 80%;
}

.job-card .fusion-column-wrapper .fusion-classic-product-image-wrapper .fusion-image-wrapper{
    position: relative;
}

.job-card .fusion-column-wrapper .fusion-classic-product-image-wrapper .fusion-image-wrapper::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg, rgba(0, 0, 51, 0) 0%, #000033 100%);
    opacity: 0;
    transition: opacity 0.5s ease;
    pointer-events: none;
}

.job-card .fusion-column-wrapper:hover .fusion-classic-product-image-wrapper .fusion-image-wrapper::before {
    opacity: 1;
}

.author-name {
    display: flex;
    justify-content: center;
    align-items: center;
}

.text-border {
    width: 12px;
    height: 2px;
    background-color: #6900FF;
    margin-right: 9px;
}

.client-feedback {
    display: flex;
    justify-content: space-around;
}

.client-feedback p {
    width: 85%;
}

.border-before,
.border-after {
    width: 12px;
    height: 12px;
    background-color: #000033;
}

.border-after {
    margin-top: auto;
}

.planning-steps .nav,
.tools-tabs .nav,
.technologies-tabs .nav {
    border: none!important;
    border-bottom: 1px solid #000033!important;
}

.planning-steps .nav .nav-tabs,
.tools-tabs .nav .nav-tabs,
.technologies-tabs .nav .nav-tabs {
    border: none!important;
}

.planning-steps .nav .nav-tabs .active a h4{
    font-weight: 700!important;
}

.fusion-tabs .tab-content>.active {
    border: none!important;
}

.planning-steps .nav ul li .tab-link {
    border-top: none!important;
}

.planning-steps .nav ul li:hover {
    border-bottom: 4px solid #000033!important;
}

.planning-steps .nav ul li.active {
    border-bottom: 4px solid #000033!important;
    border-top-width: 0!important;
    border-top-style: hidden!important;
}

.planning-steps .tab-content>.active {
    font-family: Roboto;
}

.tools-tabs .nav ul li .tab-link {
    border-top: none!important;
}

.tools-tabs .nav ul li.active {
    border-bottom: 0;
    background-color: #000033!important;
}

.tools-tabs .nav ul li:hover {
    border-bottom: 4px solid #ffffff!important;
}

.tools-tabs .nav ul li.active {
    border-bottom: 4px solid #ffffff!important;
    border-top-width: 0!important;
    border-top-style: hidden!important;
}

.tools-tabs .tab-content>.active {
    color: #ffffff;
    font-family: Inter;
    font-weight: 700;
    font-size: 16px;
}

.technologies-tabs .nav ul li .tab-link {
    border-top: none!important;
}

.technologies-tabs .nav ul li:hover {
    border-bottom: 4px solid #000033!important;
}

.technologies-tabs .nav ul li.active {
    border-bottom: 4px solid #000033!important;
    border-top-width: 0!important;
    border-top-style: hidden!important;
}

.technologies-tabs .tab-content>.active {
    font-family: Roboto;
}

.showcase-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 24px;
}

.showcase-grid .showcase-grid-item {
    box-shadow: -8px 8px 0 #000033;
    transition: 0.3s;
    position: relative;
}

.showcase-grid .showcase-grid-item::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg, rgba(0, 0, 51, 0) 0%, #000033 100%);
    opacity: 0;
    transition: opacity 0.5s ease;
    pointer-events: none;
}

.showcase-grid .showcase-grid-item:hover {
    box-shadow: -8px 8px 0 #9747FF;
}

.showcase-grid .showcase-grid-item:hover::before {
    opacity: 1;
}

.showcase-grid .showcase-grid-item:last-child:hover::before {
    opacity: 0;
}

.showcase-grid .showcase-grid-item:hover a h2{
    background: transparent;
}

.showcase-grid .showcase-grid-item:hover a h2:after{
    content: "\279C";
}

.showcase-grid .showcase-grid-item a h2{
    background-color: #000033;
    color: white;
    font-family: Roboto;
    font-weight: 700;
    padding: 8px;
    position: absolute;
    font-size: 16px;
    transition: 0.3s;
    display: flex;
    justify-content: space-between;
    width: 90%;
    left: 50%;
    transform: translateX(-50%);
    bottom: 0;
}

.showcase-grid .grid-meta {
    font-family: Roboto;
    font-weight: 400!important;
    color: #B3B3C2!important;
    font-size: 13.5px!important;
    background: transparent!important;
    margin: -15% 16px 0 16px;
    padding: 0 8px;
    visibility: hidden;
    position: absolute;
    bottom: 50px;
}

.showcase-grid .showcase-grid-item:hover .grid-meta {
    visibility: visible;
}

.showcase-grid .showcase-link-text {
    position: absolute;
    bottom: 8px;
    width: 100%;
    transition: all 0.3s ease;
}

.search-grid {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-gap: 24px;
}

.search-grid .search-grid-item {
    box-shadow: -8px 8px 0 #000033;
    transition: 0.3s;
    position: relative;
}

.search-grid .search-grid-item img {
    width: 100%;
}

.search-grid .search-grid-item::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg, rgba(0, 0, 51, 0) 0%, #000033 100%);
    opacity: 0;
    transition: opacity 0.5s ease;
    pointer-events: none;
}

.search-grid .search-grid-item:hover {
    box-shadow: -8px 8px 0 #9747FF;
}

.search-grid .search-grid-item:hover::before {
    opacity: 1;
}

.search-grid .search-grid-item:hover a h2{
    background: transparent;
}

.search-grid .search-grid-item:hover a h2:after{
    content: "\279C";
}

.search-grid .search-grid-item a h2{
    background-color: #000033;
    color: white;
    font-family: Inter, sans-serif;
    font-weight: 700;
    padding: 8px;
    position: absolute;
    font-size: 16px;
    transition: 0.3s;
    display: flex;
    justify-content: space-between;
    width: 90%;
    left: 50%;
    transform: translateX(-50%);
    bottom: 0;
}

.search-grid .grid-meta {
    font-family: Roboto, sans-serif;
    font-weight: 400!important;
    color: #B3B3C2!important;
    font-size: 13.5px!important;
    background: transparent!important;
    margin: -15% 16px 0 16px;
    padding: 0 8px;
    visibility: hidden;
    position: absolute;
    bottom: 50px;
}

.search-grid .search-grid-item:hover .grid-meta {
    visibility: visible;
}

.search-grid .search-link-text {
    position: absolute;
    bottom: 8px;
    width: 100%;
    transition: all 0.3s ease;
}

.search-results[data-awb-post-id="2193"] .search-grid,
.search-results[data-awb-post-id="2460"] .career-grid,
.search-no-results .fusion-text-3 {
    display: none!important;
}

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

.career-grid .career-grid-item {
    box-shadow: -8px 8px 0 0 #000033;
}

.career-grid .career-grid-item img{
    height: 300px;
    width: 100%;
    object-fit: cover;
}

.career-grid .career-link-text {
    position: absolute;
    bottom: 12px;
    width: 90%;
    transition: all 0.3s ease;
    left: 50%;
    transform: translateX(-50%);
}

.career-grid .grid-title {
    text-align: center;
    background: #000033;
    color: white;
    padding: 8px 24px;
    font-family: Inter, sans-serif;
    font-weight: 700;
    font-size: 16px;
}

.career-grid .career-grid-item hr {
    display: none;
    color: rgba(255, 255, 255, 0.50)!important;
    margin-top: 16px;
    margin-bottom: 16px;
}

.career-grid .career-grid-item .grid-meta {
    display: none;
    text-align: center;
    font-family: Roboto, sans-serif;
    font-size: 16px;
    color: white;
}

.career-grid .career-grid-item:hover {
    box-shadow: -8px 8px 0 0 #9747FF!important;
}

.career-grid .career-grid-item:hover .grid-title {
    margin-bottom: 0!important;
}

.career-grid .career-grid-item:hover .grid-meta,
.career-grid .career-grid-item:hover hr {
    display: block;
}

.career-grid .career-grid-item {
    position: relative;
    transition: 0.3s;
}

.career-grid .career-grid-item::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg, rgba(0, 0, 51, 0) 0%, #000033 100%);
    opacity: 0;
    transition: opacity 0.5s ease;
    pointer-events: none;
}

.career-grid .career-grid-item:hover .grid-title {
    background: transparent!important;
}

.career-grid .career-grid-item:hover::before {
    opacity: 1;
}

.all-projects-button {
    border: 2px solid #000033;
    background: #ffffff;
}

.all-projects-button a {
    color: #000033;
    font-weight: 700;
    font-size: 20px;
    text-align: center;
    height: 100%;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
}

.all-projects-button a:hover {
    color: #000033;
}

.portfolio-keys {
    z-index: 99;
    visibility: hidden;
    padding: 0 4px;
}

.our-views .custom .tp-bullet,
.other-activities .custom .tp-bullet,
.events .custom .tp-bullet,
.technologies-slider .custom .tp-bullet,
.activities-slider .custom .tp-bullet,
.project-gallery .flex-control-nav li a {
    width: 96px!important;
    height: 8px!important;
    background: #CCCCD6!important;
}

.activities-slider .custom .tp-bullet {
    border-radius: 90px;
}

.our-views .custom .tp-bullet.selected,
.other-activities .custom .tp-bullet.selected,
.events .custom .tp-bullet.selected,
.technologies-slider .custom .tp-bullet.selected,
.activities-slider .custom .tp-bullet.selected,
.project-gallery .flex-control-nav li a.flex-active {
    background: #000033!important;
}

.job-card .jobs-separator {
    position: absolute;
    z-index: 99;
    bottom: 84px;
    visibility: hidden;
}

.job-card .jobs-meta {
    position: absolute;
    z-index: 99;
    bottom: 24px;
    visibility: hidden;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
}

.job-card .fusion-column-wrapper:hover .jobs-separator,
.job-card .fusion-column-wrapper:hover .jobs-meta {
    visibility: visible;
}

.project-gallery .flex-direction-nav {
    display: none;
}

.project-gallery .flex-control-nav li a {
    border-radius: 0;
    border: none;
    box-shadow: none;
}

.portfolio-link:after {
    content: "\f0c1";
    font-family: "Font Awesome 5 Free";
    font-weight: 600;
    position: absolute;
    top: 50%;
    right: 16px;
    transform: translateY(-50%);
    color: #000033;
}

.job-apply .fusion-fullwidth {
    padding: 0;
}

.job-apply .fusion-form-field {
    margin: 0!important;
}

.job-apply input {
    border: 1px solid #000033!important;
    padding: 0 16px!important;
    height: 55px!important;
    text-align: left!important;
    color: #000033!important;
    font-weight: 700!important;
    font-size: 16px!important;
}

.job-apply textarea {
    border: 1px solid #000033!important;
    padding: 16px!important;
    text-align: left!important;
    color: #000033!important;
    font-weight: 700!important;
    font-size: 16px!important;
}

.job-apply input::placeholder,
.job-apply textarea::placeholder {
    color: #000033!important;
}

.wpc-filters-section {
    margin-bottom: 0!important;
}

.career-filter .wpc-posts-found,
.career-filter .wpc-edit-filter-set,
.career-filter .wpc-filter-header,
.job-type-filter .wpc-posts-found,
.job-type-filter .wpc-edit-filter-set,
.job-type-filter .wpc-filter-header,
.education-level-filter .wpc-posts-found,
.education-level-filter .wpc-edit-filter-set,
.education-level-filter .wpc-filter-header,
.career-level-filter .wpc-posts-found,
.career-level-filter .wpc-edit-filter-set,
.career-level-filter .wpc-filter-header,
.technology-filter .wpc-posts-found,
.technology-filter .wpc-edit-filter-set,
.technology-filter .wpc-filter-header,
.industry-filter .wpc-posts-found,
.industry-filter .wpc-edit-filter-set,
.industry-filter .wpc-filter-header,
.project-type-filter .wpc-posts-found,
.project-type-filter .wpc-edit-filter-set,
.project-type-filter .wpc-filter-header,
.blog-category-filter .wpc-posts-found,
.blog-category-filter .wpc-edit-filter-set,
.blog-category-filter .wpc-filter-header{
    display: none;
}

.career-filter .wpc-horizontal-layout.wpc-horizontal-cols-4 .wpc-filters-section:not(.wpc-filter-layout-submit-button),
.job-type-filter .wpc-horizontal-layout.wpc-horizontal-cols-4 .wpc-filters-section:not(.wpc-filter-layout-submit-button),
.education-level-filter .wpc-horizontal-layout.wpc-horizontal-cols-4 .wpc-filters-section:not(.wpc-filter-layout-submit-button),
.career-level-filter .wpc-horizontal-layout.wpc-horizontal-cols-4 .wpc-filters-section:not(.wpc-filter-layout-submit-button),
.technology-filter .wpc-horizontal-layout.wpc-horizontal-cols-4 .wpc-filters-section:not(.wpc-filter-layout-submit-button),
.industry-filter .wpc-horizontal-layout.wpc-horizontal-cols-4 .wpc-filters-section:not(.wpc-filter-layout-submit-button),
.project-type-filter .wpc-horizontal-layout.wpc-horizontal-cols-4 .wpc-filters-section:not(.wpc-filter-layout-submit-button),
.blog-category-filter .wpc-horizontal-layout.wpc-horizontal-cols-4 .wpc-filters-section:not(.wpc-filter-layout-submit-button) {
    width: 100%!important;
    max-width: 100%!important;
}

.career-filter .wpc-filters-scroll-container,
.job-type-filter .wpc-filters-scroll-container,
.education-level-filter .wpc-filters-scroll-container,
.career-level-filter .wpc-filters-scroll-container,
.technology-filter .wpc-filters-scroll-container,
.industry-filter .wpc-filters-scroll-container,
.project-type-filter .wpc-filters-scroll-container,
.blog-category-filter .wpc-filters-scroll-container {
    background: #ffffff;
    box-shadow: -8px 8px 0 0 #000033;
    border: 2px solid #000033;
    font-family: Roboto;
    font-size: 16px;
    display: none;
}

.career-filter .wpc-term-item-content-wrapper label a,
.job-type-filter .wpc-term-item-content-wrapper label a,
.education-level-filter .wpc-term-item-content-wrapper label a,
.career-level-filter .wpc-term-item-content-wrapper label a,
.technology-filter .wpc-term-item-content-wrapper label a,
.industry-filter .wpc-term-item-content-wrapper label a,
.project-type-filter .wpc-term-item-content-wrapper label a,
.blog-category-filter .wpc-term-item-content-wrapper label a {
    color: #000033!important;
}

.career-filter .heading,
.job-type-filter .heading,
.education-level-filter .heading,
.career-level-filter .heading,
.technology-filter .heading,
.industry-filter .heading,
.project-type-filter .heading,
.blog-category-filter .heading {
    margin: 0 0 8px 0;
    box-shadow: -8px 8px 0 0 #000033;
    background: #ffffff;
    border: 2px solid #000033;
    padding: 13px 16px;
    cursor: pointer;
    transition: 0.3s;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.career-filter .widget-title,
.job-type-filter .widget-title,
.education-level-filter .widget-title,
.career-level-filter .widget-title,
.technology-filter .widget-title,
.industry-filter .widget-title,
.project-type-filter .widget-title,
.blog-category-filter .widget-title {
    font-family: Inter, sans-serif;
    font-weight: 700;
    font-size: 16px!important;
    margin: 0;
    width: 75%;
    text-align: center;
}

.career-filter .heading::after,
.job-type-filter .heading::after,
.education-level-filter .heading::after,
.career-level-filter .heading::after,
.technology-filter .heading::after,
.industry-filter .heading::after,
.project-type-filter .heading:after,
.blog-category-filter .heading:after {
    content: "\f078";
    font-family: "Font Awesome 5 Free";
    font-weight: 600;
    width: 25%;
    display: flex;
    justify-content: flex-end;
    font-size: 17px;
}

.career-filter .heading.up::after,
.job-type-filter .heading.up::after,
.education-level-filter .heading.up::after,
.career-level-filter .heading.up::after,
.technology-filter .heading.up::after,
.industry-filter .heading.up::after,
.project-type-filter .heading.up::after,
.blog-category-filter .heading.up::after {
    content: "\f077";
    font-family: "Font Awesome 5 Free";
    font-weight: 600;
    width: 25%;
    display: flex;
    justify-content: flex-end;
}

.career-filter .heading:hover,
.job-type-filter .heading:hover,
.education-level-filter .heading:hover,
.career-level-filter .heading:hover,
.technology-filter .heading:hover,
.industry-filter .heading:hover,
.project-type-filter .heading:hover,
.blog-category-filter .heading:hover {
    box-shadow: -8px 8px 0 0 #6900FF;
}

.career-filter .wpc-filters-widget-wrapper,
.job-type-filter .wpc-filters-widget-wrapper,
.education-level-filter .wpc-filters-widget-wrapper,
.career-level-filter .wpc-filters-widget-wrapper,
.technology-filter .wpc-filters-widget-wrapper,
.industry-filter .wpc-filters-widget-wrapper,
.project-type-filter .wpc-filters-widget-wrapper,
.blog-category-filter .wpc-filters-widget-wrapper {
    padding: 16px!important;
}

.career-filter .wpc-filter-content ul,
.job-type-filter .wpc-filter-content ul,
.education-level-filter .wpc-filter-content ul,
.career-level-filter .wpc-filter-content ul,
.technology-filter .wpc-filter-content ul,
.industry-filter .wpc-filter-content ul,
.project-type-filter .wpc-filter-content ul,
.blog-category-filter .wpc-filter-content ul {
    padding: 0!important;
}

.technology-filter .wpc-filter-content ul li input[type="checkbox"],
.industry-filter .wpc-filter-content ul li input[type="checkbox"],
.project-type-filter .wpc-filter-content ul li input[type="checkbox"],
.career-filter .wpc-filter-content ul li input[type="checkbox"],
.job-type-filter .wpc-filter-content ul li input[type="checkbox"],
.education-level-filter .wpc-filter-content ul li input[type="checkbox"],
.career-level-filter .wpc-filter-content ul li input[type="checkbox"],
.blog-category-filter .wpc-filter-content ul li input[type="checkbox"] {
    height: 20px;
    width: 20px;
    -webkit-appearance: none;
    -moz-appearance: none;
    -o-appearance: none;
    appearance: none;
    border: 1px solid #B3B3C2;
    border-radius: 2px;
    outline: none;
    transition-duration: 0.3s;
    background-color: #E6E6EB;
    cursor: pointer;
}

.technology-filter .wpc-filter-content ul li input[type="checkbox"]:hover,
.industry-filter .wpc-filter-content ul li input[type="checkbox"]:hover,
.project-type-filter .wpc-filter-content ul li input[type="checkbox"]:hover,
.career-filter .wpc-filter-content ul li input[type="checkbox"]:hover,
.job-type-filter .wpc-filter-content ul li input[type="checkbox"]:hover,
.education-level-filter .wpc-filter-content ul li input[type="checkbox"]:hover,
.career-level-filter .wpc-filter-content ul li input[type="checkbox"]:hover,
.blog-category-filter .wpc-filter-content ul li input[type="checkbox"]:hover {
    background: #E6E6EB;
}

.technology-filter .wpc-filter-content ul li input[type="checkbox"]::before,
.industry-filter .wpc-filter-content ul li input[type="checkbox"]::before,
.project-type-filter .wpc-filter-content ul li input[type="checkbox"]::before,
.career-filter .wpc-filter-content ul li input[type="checkbox"]::before,
.job-type-filter .wpc-filter-content ul li input[type="checkbox"]::before,
.education-level-filter .wpc-filter-content ul li input[type="checkbox"]::before,
.career-level-filter .wpc-filter-content ul li input[type="checkbox"]::before,
.blog-category-filter .wpc-filter-content ul li input[type="checkbox"]::before {
    content: "";
    display: block;
    width: 14px;
    height: 14px;
    opacity: 0;
    border-radius: 2px;
    margin: 2px;
    transition: background-color 0.2s ease-in-out;
}

.technology-filter .wpc-filter-content ul li input[type="checkbox"]:checked,
.industry-filter .wpc-filter-content ul li input[type="checkbox"]:checked,
.project-type-filter .wpc-filter-content ul li input[type="checkbox"]:checked,
.career-filter .wpc-filter-content ul li input[type="checkbox"]:checked,
.job-type-filter .wpc-filter-content ul li input[type="checkbox"]:checked,
.education-level-filter .wpc-filter-content ul li input[type="checkbox"]:checked,
.career-level-filter .wpc-filter-content ul li input[type="checkbox"]:checked,
.blog-category-filter .wpc-filter-content ul li input[type="checkbox"]:checked {
    border: 1px solid #000033;
    background-color: #33335C;
}

.technology-filter .wpc-filter-content ul li input[type="checkbox"]:checked::before,
.industry-filter .wpc-filter-content ul li input[type="checkbox"]:checked::before,
.project-type-filter .wpc-filter-content ul li input[type="checkbox"]:checked::before,
.career-filter .wpc-filter-content ul li input[type="checkbox"]:checked::before,
.job-type-filter .wpc-filter-content ul li input[type="checkbox"]:checked::before,
.education-level-filter .wpc-filter-content ul li input[type="checkbox"]:checked::before,
.career-level-filter .wpc-filter-content ul li input[type="checkbox"]:checked::before,
.blog-category-filter .wpc-filter-content ul li input[type="checkbox"]:checked::before {
    font-family: "Font Awesome 5 Free";
    font-weight: 600;
    content: '\f00c';
    font-size: 10px;
    display: inline-block;
    text-align: center;
    color: #ffffff;
    position: absolute;
    opacity: 1;
    top: 50%;
    transform: translateY(-50%);
}

.active-menu {
    background: #6900FF;
}

.benefits-grid {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
}

.benefits-card {
    padding: 48px;
    border: 1px solid #000033;
    box-shadow: -8px 8px 0 0 #000033;
    margin-left: 18px;
    margin-right: 18px;
    margin-bottom: 26px;
}

.ratings-table .fusion-builder-row .fusion-layout-column .fusion-column-wrapper > * {
    flex-grow: 0;
    flex-shrink: 1;
    flex-basis: auto;
}

.ratings-table .fusion-builder-row .fusion-layout-column .fusion-column-wrapper i {
    margin-right: 0!important;
}

.not-found-text {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 100px;
}

.tab-title {
    font-family: Poppins!important;
    font-weight: 700!important;
    font-size: 20px!important;
    margin-bottom: 0!important;
    color: #000033!important;
}

.education-level {
    padding: 8px 16px;
    background: #6900FF99;
    color: #ffffff;
}

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

.our-solution-list ul li::marker {
    color: #6900FF;
}

.read_button {
    font-family: Poppins;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    color: #6900FF;
    transition: 0.3s;
}

.read_button:hover {
    color: #000033;
}

.tnp-subscription {
    margin: 0;
    max-width: 100%!important;
}

.tnp-subscription .tnp-field-firstname input,
.tnp-subscription .tnp-field-email input {
    border: 1px solid #000033;
    background: #ffffff!important;
}

.tnp-subscription .tnp-field-firstname input::placeholder,
.tnp-subscription .tnp-field-email input::placeholder {
    color: #666685;
}

.tags-list {
    display: flex;
    padding-left: 0;
    gap: 8px;
    margin-top: 0;
}

.tags-list li {
    list-style-type: none;
    background: #E6E6EB;
    padding: 5px 16px;
    font-family: Roboto;
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
}

.tags-list li a,
.career-level-tags p a {
    color: #ffffff;
    pointer-events: none;
}

.career-level-tags p a {
    background: #6900FF99;
    padding: 8px 16px;
    pointer-events: none;
}

.post-info {
    display: flex;
}

.contact-form input,
.contact-form textarea {
    font-family: Roboto;
}

.contact-form input::placeholder,
.contact-form textarea::placeholder {
    font-family: Roboto;
}

.contact-form .address1,
.contact-form .address2 {
    cursor: pointer;
    transition: 0.3s;
}

.contact-form .address1:hover,
.contact-form .address2:hover {
    background: rgba(105, 0, 255, 0.2);
}

.contact-form .address1.active,
.contact-form .address2.active {
    background: rgba(105, 0, 255, 0.10);
}

.contact-form .address1.active .address_title::before,
.contact-form .address2.active .address_title::before {
    content: "\f041";
    font-family: "Font Awesome 5 Free";
    font-weight: 700;
    color: #6900ff;
    margin-right: 16px;
    font-size: 12px;
}

.map2.hidden {
    display: none;
}

.blog-meta,
.post-meta,
.post-meta-2,
.blog-meta .content-box-heading {
    font-family: Roboto;
}

.blog-meta .content-container {
    font-weight: 600;
    font-size: 12px;
    color: #666685;
    text-transform: uppercase;
}

.blog-meta .content-box-column-first-in-row .content-container::before {
    content: "\f007";
    font-family: "Font Awesome 5 Free";
    margin-right: 8px;
}

.blog-meta .content-box-column-last-in-row .content-container a {
    font-weight: 400;
    color: #666685;
    background: #CCCCD6;
    padding: 8px 16px;
    pointer-events: none;
    margin-bottom: 15px!important;
}

.blog-meta .content-box-column-last-in-row .content-container a:before,
.tags-list li:before{
    content: "#";
    color: #666685;
}

.post-meta p a {
    font-size: 12px;
    color: #666685;
    font-weight: 700!important;
    pointer-events: none;
    text-transform: uppercase;
    background-color: #E6E6EB;
    padding: 8px 16px;
}

.post-meta p a::before {
    content: "#";
    color: #666685;
    font-weight: 700;
}

.post-meta-2 .content-box-column-first-in-row .content-container::before {
    content: "\f007";
    font-family: 'Font Awesome 5 Free';
    margin-right: 8px;
}

.post-meta-2 .content-box-column-last-in-row .content-container {
    float: right;
}

.post-meta-2 .content-box-column-last-in-row .content-container::before {
    content: "\f017";
    font-family: 'Font Awesome 5 Free';
    margin-right: 8px;
}

.post-meta .content-box-column-last-in-row .content-container::before {
    content: "\f017";
    font-family: 'Font Awesome 5 Free';
    margin-right: 8px;
}

.tnp-field input::placeholder,
.tnp-field input {
    font-family: Roboto;
    font-weight: 300!important;
    color: #B3B3C2;
    font-size: 16px;
}

.tnp-field-firstname {
    margin-bottom: 36px!important;
}

.tnp-field-email {
    margin-bottom: 24px!important;
}

.tnp-section {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}

.tnp-privacy-field {
    width: 100%;
}

.tnp-field-button {
    width: 50%;
}

.tnp-privacy-field label {
    display: flex;
    align-items: center;
    font-weight: 400!important;
}

.tnp-field-button {
    margin-left: 15px;
}

.tnp-privacy-field {
    font-family: Roboto;
    font-weight: 400!important;
    font-size: 16px;
    line-height: 16.8px;
    color: #000033;
}

.tnp-privacy {
    max-width: 3em!important;
    height: 20px;
    width: 20px;
    -webkit-appearance: none;
    -moz-appearance: none;
    -o-appearance: none;
    appearance: none;
    border: 1px solid #B3B3C2;
    border-radius: 2px;
    outline: none;
    transition-duration: 0.3s;
    background-color: #E6E6EB;
    cursor: pointer;
}

.tnp-privacy:hover {
    background: #E6E6EB;
}

.tnp-privacy::before {
    content: "";
    display: block;
    width: 14px;
    height: 14px;
    opacity: 0;
    border-radius: 2px;
    margin: 2px;
    transition: background-color 0.2s ease-in-out;
}

.tnp-privacy:checked {
    border: 1px solid #000033;
    background-color: #33335C;
}

.tnp-privacy:checked::before {
    font-family: "Font Awesome 5 Free";
    font-weight: 600;
    content: '\f00c';
    font-size: 13px;
    display: inline-block;
    text-align: center;
    color: #ffffff;
    opacity: 1;
    margin-top: 4px;
}

.single-blog .tnp-privacy-field {
    text-transform: uppercase;
}

.tnp-submit {
    width: 100%!important;
    background: #000033!important;
    color: #ffffff!important;
    font-family: Roboto!important;
    font-weight: 400!important;
    border: 1px solid #000033!important;
    cursor: pointer;
    transition: 0.3s;
}

.tnp-submit:hover {
    background: transparent!important;
    color: #000033!important;
    font-weight: 400!important;
    border: 1px solid #000033!important;
}

.single-blog .tnp-submit {
    font-family: Poppins!important;
    font-size: 14px!important;
    font-weight: 700!important;
    text-transform: uppercase;
}

.essb-customizer-toggle {
    display: none;
}

.recommended-blog-date p::before{
    content: "\f017";
    font-family: "Font Awesome 5 Free";
    font-weight: 400;
    margin-right: 8px;
}

.wpml-ls-item-toggle {
    padding-right: 10px!important;
    text-align: center!important;
}

.wpml-ls-item-toggle::after {
    display: none!important;
}

.language-switcher {
    position: absolute!important;
}

.wpml-ls-link {
    text-align: center!important;
}

.last-article-excerpt p {
    font-family: Poppins;
}

#wpc_sorting_widget-2,
#wpc_chips_widget-2 {
    margin-bottom: 0!important;
}

#wpc_sorting_widget-2 select,
#wpc_sorting_widget-3 select {
    text-align: left;
    padding: 16px 16px 16px 33.5%;
    font-family: Inter;
    font-weight: 700;
    font-size: 16px;
    color: #000033;
    border: 2px solid #000033;
    box-shadow: -8px 8px 0 0 #000033;
    cursor: pointer;
    transition: 0.3s;
    max-width: 100%!important;
    appearance: none;
    background-color: #ffffff;
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="18px" height="18px" viewBox="0 0 384 512"><path fill="000033" d="M192 384c-8.188 0-16.38-3.125-22.62-9.375l-160-160c-12.5-12.5-12.5-32.75 0-45.25s32.75-12.5 45.25 0L192 306.8l137.4-137.4c12.5-12.5 32.75-12.5 45.25 0s12.5 32.75 0 45.25l-160 160C208.4 380.9 200.2 384 192 384z"/></svg>');
    background-repeat: no-repeat;
    background-position: right 1rem center;
}

#wpc_sorting_widget-2 select:hover,
#wpc_sorting_widget-3 select:hover {
    box-shadow: -8px 8px 0 0 #6900FF;
}

.search-results-meta {
    font-family: Roboto;
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
}

.search-image.has-aspect-ratio img {
    width: 400px!important;
}

.essb_links {
    margin: 0;
}

.screens-list {
    padding-left: 15px;
}

.screens-list li {
    margin-bottom: 8px;
}

.screens-list li::marker {
    color: #6900FF;
}

.wp-block-heading {
    color: #4D4D70;
    font-size: 36px;
}

.wpml-tf-feedback-icon.wpml-tf-feedback-icon-left {
    display: none!important;
}

.slider-button {
    text-decoration: none;
    color: #000033;
    font-family: 'Inter';
    font-size: 16px;
    font-weight: 700;
}

.slider-button:hover {
    color: #6900ff;
}

.contact-modal .off-canvas-close {
    right: -70px!important;
    background: #ffffff!important;
    padding: 16px!important;
    box-shadow: -8px 8px 0 0 #000033!important;
    margin-right: 0!important;
    margin-top: 0!important;
}

.contact-modal .off-canvas-close:hover {
    box-shadow: -8px 8px 0 0 #6900ff!important;
}

.contact-modal .footer-form {
    padding-left: 0;
    padding-right: 0;
}

.contact-modal .footer-form input,
.contact-modal .footer-form textarea,
.contact-modal .footer-form select {
    border: 1px solid #000033!important;
    color: #000033!important;
}

.contact-modal .footer-form button {
    border: 1px solid #000033!important;
    background: #000033!important;
}

.contact-modal .footer-form button:hover {
    border: 1px solid #000033!important;
    background: #ffffff!important;
}

.contact-modal .footer-form button span {
    color: #ffffff!important;
}

.contact-modal .footer-form button:hover span {
    color: #000033!important;
}

.contact-modal .footer-form input::placeholder,
.contact-modal .footer-form textarea::placeholder,
.contact-modal .footer-form select::placeholder {
    color: #000033!important;
}

.job-form input,
.job-form textarea {
    font-family: Poppins!important;
    font-weight: 400!important;
    color: #666685!important;
}

@media (max-width: 1440px) {
    .showcase-carousel .item .owl-meta {
        top: 45% !important;
    }

    .portfolio-keys {
        margin-top: -42% !important;
    }

    .showcase-grid .grid-meta {
        margin-top: -40.5% !important;
    }

    .job-card .jobs-meta {
        width: 86%;
    }
}

@media (min-width: 1025px) and (max-width: 1440px) {
    .slide-subtitle {
        margin-top: -15px!important;
    }

    .slide-title {
        margin-top: 10px!important;
    }

    .ecommerce-slide-text {
        margin-top: 60px!important;
    }

    .career-slide-text {
        margin-top: 30px!important;
    }

    .career-slide-title {
        margin-top: -20px!important;
    }

    .hp-slider-text {
        margin-top: 150px!important;
    }
}

@media screen and (min-width: 1024px) {
    .fusion-text.text-menu-hover {
        /*display: none!important; !* Change from 'none' to 'block' *!*/
        opacity: 0!important; /* Start invisible */
        transition: transform 0.3s ease-out, opacity 0.3s ease-out!important; /* Add transition for smooth effect */
        position: absolute!important;
        left: 70px!important;
        top: 0!important;
        width: 130px!important;
        color: #ffffff!important;
        visibility: hidden!important; /* Start with the element not being visible */
        text-align: center;
        height: 100%;
        background-color: var(--awb-inner-bg-color-hover);
        border-color: var(--awb-inner-border-color-hover);
        justify-content: center;
        display: flex!important;
        align-items: center;
        padding-bottom: 2px;
        background: linear-gradient(90deg, rgba(0,0,51,1) 0%, rgba(0,0,51,0.6) 100%)!important;
        font-weight: 600;
        font-size: 16px;
    }

    #side-menu-thecon .fusion-row .fusion-flex-column:hover .fusion-text.text-menu-hover {
        opacity: 1!important; /* Make it visible */
        visibility: visible!important;
        display: flex!important;
    }


    #side-menu-thecon {
        overflow: visible!important;
    }

    .blog-meta .content-box-column-first-in-row,
    .blog-meta .content-box-column-2 {
        width: 20%;
    }

    .blog-meta .content-box-column-last-in-row {
        width: 60%;
    }
}

@media (max-width: 1024px) {
    .last-blog-1 {
        order: 2!important;
    }
}

@media (min-width: 426px) and (max-width: 1024px) {
    .benefits-grid {
        display: grid;
        grid-template-columns: 1fr 1fr;
    }

    .search-grid {
        display: grid;
        grid-template-columns: 1fr 1fr;
    }

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

@media (min-width: 1025px) {
    .blog-card .fusion-column-wrapper div:last-child {
        margin-top: auto;
    }
}

@media (max-width: 1024px) {
    .portfolio-column,
    .portfolio-chips,
    .jobs-column,
    .jobs-chips {
        position: initial!important;
    }
}

@media (min-width: 701px) and (max-width: 930px) {
    .blog-card .fusion-column-wrapper div:last-child {
        margin-top: auto;
    }
}

@media (max-width: 750px) {
    .mobile-header {
        position: fixed!important;
        bottom: -1px!important;
        z-index: 99!important;
        width: 100%!important;
    }
}

@media (max-width: 700px) {
    .tech-name {
        width: 90%!important;
        word-break: break-all!important;
    }
}

@media (min-width: 426px) and (max-width: 768px) {
    .hero-slider {
        background-size: cover!important;
    }
}

@media (max-width: 500px) {
    .contact-modal .off-canvas-content {
        padding: 36px 5px!important;
    }
}

@media (max-width: 425px) {
    .showcase-grid {
        grid-template-columns: 1fr;
    }

    .all-projects-button {
        padding: 80px 0;
    }

    .header-logo .fusion-column-wrapper {
        margin-right: 0!important;
    }

    .fusion-content-widget-area .widget {
        margin-bottom: 0!important;
    }

    .hero-slider {
        background-size: cover!important;
    }
    .benefits-grid {
        display: grid;
        grid-template-columns: 1fr;
    }

    .benefits-card {
        margin-bottom: 36px;
    }

    .search-grid {
        display: grid;
        grid-template-columns: 1fr;
    }

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

    .widget_wpc_chips_widget .wpc-custom-selected-terms {
        margin-bottom: 50px!important;
    }

    .post-meta .content-box-column-first-in-row .content-container {
        margin-bottom: 8px;
    }

    .post-meta .content-box-column-last-in-row .content-container {
        text-align: left;
    }

    .blog-meta .content-box-heading {
        font-size: 16px!important;
    }

    .tnp-section {
        flex-direction: column;
    }

    .tnp-section .tnp-privacy-field,
    .tnp-section .tnp-field-button {
        width: 100%;
    }

    .tnp-section .tnp-privacy-field {
        margin-right: 0;
    }

    .tnp-section .tnp-field-button {
        margin-left: 0;
    }

    .contact-address {
        flex-direction: column;
    }

    .address1,
    .address2 {
        width: 100%!important;
    }

    .our-views .custom .tp-bullet,
    .other-activities .custom .tp-bullet,
    .events .custom .tp-bullet,
    .technologies-slider .custom .tp-bullet,
    .activities-slider .custom .tp-bullet,
    .project-gallery .flex-control-nav li a {
        width: 70px!important;
    }

    .not-found-text {
        left: 50px;
        top: 25%;
    }

    #wpc_sorting_widget-2 select {
        padding-left: 29.5%;
    }

    .slider-subtitle {
        font-size: 16px!important;
    }

    .slider-title {
        font-size: 36px!important;
    }

    .slider-paragraph {
        font-size: 14px!important;
    }

    .about-us-title {
        font-size: 60px!important;
    }

    .service-project-image img {
        max-width: 150px;
    }

    .contact-modal .off-canvas-close {
        right: 0!important;
        box-shadow: none!important;
    }

    .awb-off-canvas-wrap.awb-show .awb-off-canvas {
        margin-left: 20px!important;
        margin-right: 20px!important;
    }
}

@media (max-width: 320px) {
    .header-logo .fusion-image-element {
        margin: 25px 15px;
    }
}