/* 
Theme Name: Devhub
Theme URI: https://github.com/elementor/hello-theme-child/
Description: This is a child theme of Hello Elementor
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* add border efect */
.video-bg-hero .elementor-background-video-container,
.video-bg-hero iframe{
    pointer-events: none !important;
}
.stats-section .border-effect{
    width:fit-content;
}
.border-effect,
.career-icon .elementor-icon{
    position:relative;
}
.border-effect::after, 
.career-icon .elementor-icon::after{
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 2px;
    background: #3EEA00;
    box-shadow: 0px 0px 10.267px #53EC1B, 
                0px 0px 20.535px #53EC1B, 
                0px 0px 71.871px #53EC1B, 
                0px 0px 143.743px #53EC1B, 
                0px 0px 246.416px #53EC1B, 
                0px 0px 250px #53EC1B;
}
.border-effect.white::after{
    background: #FFF;
    box-shadow: 0px 0px 9.17px #FFF, 
                0px 0px 18.339px #FFF,
                0px 0px 64.187px #FFF,
                0px 0px 128.375px #FFF,
                0px 0px 220.071px #FFF,
                0px 0px 250px #FFF;
}
.career-icon.reverse .elementor-icon::after{
    top:0 !important;
}
.header.border-effect::after{
    height: 1px;
    box-shadow: 0px 0px 250px 0px #4BDE22,
                0px 0px 175.757px 0px #4BDE22,
                0px 0px 102.525px 0px #4BDE22,
                0px 0px 51.263px 0px #4BDE22,
                0px 0px 14.646px 0px #4BDE22,
                0px 0px 7.323px 0px #4BDE22;
    z-index: 1;
}
.career-icon .elementor-icon{
    padding:15px 25px;
    background: #1A181D;
}

/* add elements before headings */
.headings-container .heading-faded .icon{
    background-image: url('/wp-content/uploads/2025/04/DevHub-heading-arrow.png');
    background-repeat: no-repeat;
    /* width: 55px;
    height: 60px; */
    width:80px;
    height:90px;
    display: inline-block;
    left: -35px;
    position: relative;
    background-size: cover;
    vertical-align: middle;
}
.headings-container .heading-faded .icon.white{
    background-image: url('/wp-content/uploads/2025/04/Devhub-arrow-white-1.png') !important;
}
.icon.heart{
    background-image: url('/wp-content/uploads/2025/04/Devhub-heart-icon-1.png');
    background-repeat: no-repeat;
    width:80px;
    height:90px;
    display: inline-block;
    position: relative;
    background-size: cover;
    vertical-align: middle;
}
.headings-container.reverse .heading-faded .icon{
    rotate:180deg;
    left:unset !important;
    right:0;
    left: 0;
}
.accent-text{
    color:#36DA08 !important;
} 
.benefit-box{
    backdrop-filter: blur(9.728957176208496px);
    border-radius:14px;
}
.overview-card .elementor-widget-container::before{
    content: "";
    position: absolute;
    width: 100%;
    height: 70%;
    border: 0.778px solid rgba(255, 255, 255, 0.75);
    background: linear-gradient(304deg, rgba(38, 38, 38, 0.10) 30.44%, rgba(43, 43, 43, 0.14) 87.94%);
    box-shadow: 0px 3.113px 18.68px -0.778px rgba(0, 0, 0, 0.20);
    backdrop-filter: blur(9.728957176208496px);
    opacity: 0.2;
    left: 0;
    bottom: 0;
    border-radius: 14px;
    z-index:-1;
}
.overview-card .elementor-widget-container h3{
    max-width:125px;
    margin-inline:auto;
}
.overview-card  .elementor-image-box-img{
    display: flex;
    justify-content: center;
    margin-inline:auto !important;
}
.job-details:before{
    content: "";
    position: absolute;
    top: 0;
    left: -25px;
    width: 3px;
    height: 100%;
    /* stroke-width: 3px; */
    /* stroke: #FFF; */
    filter: drop-shadow(0px 0px 8.64px #FFF);
    color: white;
    background-color: white;
    rotate: 8deg;
    vertical-align: middle;
}
.filter-container .elementor-shortcode form,
.article-category-filter form{
  display: flex;
  flex-direction: row;
  gap:15px;
}
.other-articles .article-category-filter form{
    display: flex;
    flex-direction: column !important;
}
.filter-container .elementor-shortcode form input, 
.filter-container .elementor-shortcode form select,
.article-category-filter form select,
.article-category-filter form input{ 
    border-radius: 8px;
    border: 1px solid rgba(255, 255, 255, 0.30);
    background: #19161C !important;
    color: rgba(255, 255, 255, 0.50);
    font-family: Poppins;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px; /* 142.857% */
    padding:10px;
}

.filter-container .elementor-shortcode .search-container, 
.department-container, .experience-container, 
.location-container  {
  flex: 1; /* all 4 divs take equal width */
}

.article-category-filter .search-article-container,
.article-category-filter .category-article-dropdown{
    width:100%;
}
.city-card img{
    height:200px;
}
.terms-job li .elementor-post-info__item{
    border:1px solid #36DA08;
    border-radius: 8px;
    padding:5px 10px;
}
.quick-links a{
    color:#36DA08 !important;
}
.why-us-section .elementor-icon-box-wrapper{
    align-items: center !important;
}
.value-icon-box:before{
    content:"";
    position: absolute;
    width:100%;
    height:80%;
    bottom:0;
    background-color: #1A181D;
    z-index: -1;
}
.filter-container select,
.apply-form select{
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  box-shadow: none;
  background: none;
}

/*  cookie banner  */
.cky-notice-btn-wrapper{
    flex-direction: row !important;
    flex-wrap: nowrap !important;
}
.cky-notice-btn-wrapper .cky-btn{
    padding: 10px 20px !important;
    font-size: 14px !important;
    
}
.cky-consent-container .cky-btn.cky-btn-accept{
    background-color: #36DA08 !important; 
    border-color: #36DA08!important;
    color: black !important;
}
.cky-consent-container .cky-btn:not(.cky-btn-accept){
    color: black!important;
    border-color: #36DA08!important;
}
.centered-carousel .swiper-slide img {
    text-align: center;
    transition: transform 0.4s ease, opacity 0.3s ease, filter 0.3s ease;
    filter: saturate(0.1) brightness(1) contrast(1);
    transform: scale(0.9);
    opacity:0.5;
    padding: 0;
    width: 100%;
    height: 100%;
    border-radius: 10px;
}
.centered-carousel .swiper-slide.swiper-slide-next img {
    text-align: center;
    transition: transform 0.4s ease, opacity 0.3s ease, filter 0.3s ease;
    filter: saturate(1) brightness(1) contrast(1.1);
    transform: scale(1);
    opacity:1;
    padding: 0;
 }
.other-articles .elementor-post__thumbnail__link,
.blog-posts .elementor-post__thumbnail__link{
    border-radius:15px;
    border:1px solid #36DA08;
    margin-bottom:16px !important;
}

.blog-posts .elementor-post__read-more{
    margin-top:auto !important;
}
.blog-posts  .elementor-post__text{
    display:flex !important
}
/* NEW */
#filter-text{
    padding-top: 20px !important;   /* extra space above */
    margin-top: -10px !important;   /* shift scroll up by 10px */
}
@media(max-width:1366px){
    .headings-container.reverse .heading-faded .icon{
        right:0 !important;
    }
}

@media(max-width:1024px){
    .filter-container .elementor-shortcode form{
        display: flex;
        flex-direction: column;
        gap:15px;
    }
    .filter-container .elementor-shortcode form input, 
    .filter-container .elementor-shortcode form select{
        padding:9px;
    }
    .icon.heart{
        display: none;
    } 
    /* NEW */
    .icon.heart.careers {        
        width: 50px;
        height: 55px;
        display: inline-block;
        position: relative;
        background-size: cover;
        vertical-align: middle;
        background-position-y: center;
        background-position-x: left;
    }
    .hiring-process-grid .elementor-image-box-img{
        display: flex;
        justify-content: center;
        margin-inline:auto ;
    }
    /* END NEW */
}

@media(max-width:767px){
    .job-details:before{
        left:0px;
    }
    .cky-notice-btn-wrapper .cky-btn{
        font-size: 12px !important;
        margin-top: 10px !important;
    }
    .cky-notice-btn-wrapper{
        gap:5px !important;
        flex-wrap: wrap;
    }
    .centered-carousel .swiper-slide-active img{
        transition: transform 0.4s ease, opacity 0.3s ease, filter 0.3s ease;
        filter: saturate(1) brightness(1) contrast(1.1);
        opacity:1;
        padding: 0;
    }
    .office-perks-grid .elementor-widget-image-box .elementor-image-box-wrapper{
        display: flex;
        align-items: center;
    }
    .contact-menu-mobile-btn{
        background-color: #0171E8;
        color:white;
        border-radius: 25pc;
        text-align: center;
        width: 90%;
        margin-inline: auto;
    }

    .contact-menu-mobile-btn a{
        display: flex;
        justify-content: center;
    }
    .article-category-filter form{
        display: flex;
        flex-direction: column !important;
    }
}


/* File upload wrapper styles */
.frm-fluent-form .ff-el-input--content .ff_file_upload_holder {
  display: block;
  position: relative;
  background: linear-gradient(304deg, rgba(38, 38, 38, 0.10) 30.44%, rgba(43, 43, 43, 0.14) 87.94%);
  padding: 0 !important;
  box-shadow: none !important;
  border: none !important;
}

/* Upload label above field */
.frm-fluent-form .ff_file_upload_holder::before {
  content: "Upload File";
  display: block;
  color: #717171;
  font-family: 'Poppins', sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 275;
  line-height: 20px;
  margin-bottom: 8px;
}

/* Upload button container */
.frm-fluent-form .ff-el-input--content .ff_upload_btn {
	display: flex;
	padding: 4px;
	padding-left: 16px;
	align-items: center;
	align-self: stretch;
	border-radius: 8px;
	border: 1px dashed white;
	background: rgba(255, 255, 255, 0.05);
}

.frm-fluent-form .ff-el-input--content .ff-el-form-check-label.ff_tc_label{
	display: flex;
	align-items: center;
}
.fluentform .ff-el-tc label.ff_tc_label>span {
    vertical-align: middle;
}

/* Custom icon image */
.frm-fluent-form .ff-el-input--content .ff_upload_btn::before {
  content: "";
  display: inline-block;
  background-image: url('/wp-content/uploads/2025/07/Data_Upload-1.png');
  background-repeat: no-repeat;
  width: 24px;
  height: 24px;
  flex-shrink: 0;
  margin-right: 16px;
}

.ff-el-group .ff_upload_btn.ff-btn{
	color: rgba(255, 255, 255, 0.50);
	font-family: Poppins;
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: 20px; /* 142.857% */
}

/* GDPR style text */
.gdpr-404 .fluentform .ff_t_c {
	font-style: normal;
    padding: 6px 0 0 20px;

}

.ff-message-success{
	color: white;
}

.search-icon{
  content: '';
  background-image: url('/wp-content/uploads/2025/08/Fill-187.png');
  background-repeat: no-repeat;
  background-size: 16px 16px;
  width: 16px;
  height: 16px;
  position: absolute;
  right: 14px;
  top: 50%;
  transform: translateY(-50%);
}

.elementor-widget-loop-grid .e-loop-nothing-found-message__text{
  text-align: center !important; 
}

.no-results-message{
	color: #FAF8F8;
	font-family: Poppins;
	font-size: 16px;
	font-weight: 400;
}

.department-container::after,
.experience-container::after, 
.location-container::after,
.article-category-filter .category-article-dropdown::after
{
  content: '';
  background-image: url('/wp-content/uploads/2025/08/Color.png');
  background-repeat: no-repeat;
  background-size: 12px 8px;
  width: 12px;
  height: 8px;
  position: absolute;
  right: 14px;
  top: 50%;
  transform: translateY(-50%);
  pointer-events: none;
}

.home-slider .swiper-pagination-bullet-active{
    background: #229D00 !important;
}

/* csr page */

/* .csr-nr-section::before{
    content:"";
    position: absolute;
    border-radius: 516px;
    opacity: 0.75;
    background: linear-gradient(225deg, #0F0E10 0%, rgba(54, 218, 8, 0.52) 100%);
    box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);
    filter: blur(177.60000610351562px);
    width:496px;
    height: 516px;
    left:-10%;
}
.csr-media-section::before{
    content:"";
    position: absolute;
    border-radius: 516px;
    opacity: 0.75;
    background: linear-gradient(225deg, #0F0E10 0%, rgba(54, 218, 8, 0.52) 100%);
    box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);
    filter: blur(177.60000610351562px);
    width:496px;
    height: 516px;
    left:80%;
    top:0;
} */

@media(min-width:768px){
.country-field::after{
  content: '';
  background-image: url('/wp-content/uploads/2025/08/Color.png');
  background-repeat: no-repeat;
  background-size: 12px 8px;
  width: 12px;
  height: 8px;
  position: absolute;
  right: 10px;
  top: 5%;
  transform: translateY(-50%);
  pointer-events: none;
}
}

@media(max-width:767px){
    .country-field::after{
        content: '';
        background-image: url('/wp-content/uploads/2025/08/Color.png');
        background-repeat: no-repeat;
        background-size: 12px 8px;
        width: 12px;
        height: 8px;
        position: absolute;
        right: 10px;
        top: 33.5%;
        transform: translateY(-50%);
        pointer-events: none;
    }
    .mobile-city-box .elementor-image-box-wrapper{
        display: flex !important;
    }
    /* NEW */
     .icon.heart.careers {        
        width: 50px;
        height: 55px;
        display: inline-block;
        position: relative;
        background-size: cover;
        vertical-align: middle;
        background-position-y: center;
        background-position-x: left;
    }
    /* END NEW */
}

select#ff_4_country-list {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
}

.filter-container .elementor-shortcode .search-container, 
.location-container, .experience-container, 
.department-container,
.article-category-filter .search-article-container,
.article-category-filter .category-article-dropdown{
	position: relative;
}
.article-category-filter .category-article-dropdown select {
    appearance: none; 
}