/*
Theme Name: Hello Elementor Child
Theme URI: https://elementor.com/
Description: A child theme for Hello Elementor.
Author: Your Name
Author URI: Your Website URL
Template: hello-elementor
Version: 1.0
Text Domain: hello-elementor-child
*/

@import url('../hello-elementor/style.css'); /* Optional, best practice is enqueue in functions.php */

h1 span,
h2 span,
h3 span,
h4 span{
    color: #3F6AB0;
}


sup {
    font-size: 12px;
    top:-0.75em !important
}

.dual-purple-title h1 span,
.dual-purple-title h2 span,
.dual-purple-title h3 span,
.dual-purple-title h4 span{
    color: #3F6AB0;
}

a:hover{
   cursor: pointer;
}

.eael-dual-header{
    margin-bottom: 0px !important;
}

#breadcrumbs a {
    font-size: 18px;
    color:#ffffff !important;
    margin-right:5px;
   
}

#breadcrumbs a:hover {
    color: #3F6AB0 !important;
}

#breadcrumbs>span span{
    margin-left: 5px;
    margin-right: 5px;
}

/* Testimonail CSS */
.elementor-widget-eael-testimonial::before,
.elementor-widget-eael-testimonial::after {
    font-family: 'Libre Franklin', Sans-serif !important;
    font-weight: 700 !important;
}


/* Team Section CSS */
.other-team-section .e-con-inner{
    margin: 0 220px 0 0 !important;
}

@media screen and (max-width: 1159px) {
    .other-team-section .e-con-inner{
        margin: 0 0 0 0 !important;
    }
}
/* Mega Menu CSS */

.desktop-main-menu .e-n-menu-heading .e-n-menu-item a:hover span{
   /* font-weight: 600 !important;*/
}


.mgmenu ul li{
    padding:5px !important;
}

.mgmenu ul li.menu-active,
.mgmenu ul li:hover {
    background-color: #10272C;
    font-weight: 600 !important;
    border-radius: 6px;
    cursor: pointer;
    position: relative;
    padding-right: 20px; /* Space for the arrow if needed */
}

.jet-mobile-menu__item-inner{
    justify-content: start !important;
}

/* Only add arrow image after the text span on hover/active */
.mgmenu ul li.menu-active > a .elementor-icon-list-text::after,
.mgmenu ul li:hover > a .elementor-icon-list-text::after {
    content: "";
    display: inline-block;
    width: 12px;
    height: 12px;
    background-image: url('/wp-content/uploads/2025/05/mrenu-right-arrow-on-hover.png');
    background-size: contain;
    background-repeat: no-repeat;
    margin-left: 8px;
    vertical-align: middle;
}

selector ul li{
    color:#81848A;
    font-weight: 400;
    font-family: "Libre Franklin", sans-serif;
}
.menuourapp .eael-adv-accordion .eael-accordion-list .eael-accordion-header.active .fa-toggle{
    transform: rotate(180deg);
}

.menuourapp .elementor-icon-list-items {
    list-style-type: disc !important;  /* Apply circular bullets */
    padding-left: 20px !important;  /* Add left padding */
}
  
.menuourapp .elementor-icon-list-item {
    display: list-item !important;
    list-style-position: outside;  /* Position bullets inside */
    margin-bottom: 10px; /* Adjust spacing between items */
    font-size: 16px;  /* Set text size */
    color: #ffffff;  /* Set text color */
   
}

.mega-content {
    display: none;
}

.contact-head-btn{
    width:155px;
    height: 40px;
}

.menu-bg-blur{
    
    border-top: 1px solid rgba(255, 255, 255, 0.24) !important; 
    border-bottom: 1px solid rgba(255, 255, 255, 0.24) !important; 
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.86) 0%, rgba(8, 15, 34, 0.86) 100%);
    box-shadow: 0px 5px 13.2px 0px rgba(0, 0, 0, 0.25);
    backdrop-filter: blur(7.5px);
}

.tt-product-menu .elementor-icon-list-item{
    padding:0 20px;
}

/* Mega Menu CSS ends here  */
  

.circle-menu li {
    list-style: none;
    display: inline;
}

.circle-menu {
    position: relative;
    width: 35em;
    height: 35em;
    border: dashed 2px #CCCCCC;
    border-radius: 50%;
    margin: 5em auto 7em;
}


.circle-menu a:hover {
    background: unset;
    opacity: 1.0;
    filter: invert(0);
}

.eael-tab-inline-icon li:hover svg {
    fill: #fff !important;
}

.eael-tab-inline-icon li.active svg {
    fill: #fff !important;
}

.eael-advanced-search-widget .eael-advanced-search-form .eael-advanced-search-wrap .icon{
    right: 20px !important;
    left: unset !important;
}

.eael-advanced-search-widget .eael-advanced-search-form .eael-advanced-search-wrap .icon+.eael-advanced-search{
    padding-right: 40px !important;
    padding-left: 40px !important;
}
#awsm-job-container{
    display: flex;
    gap: 20px;
}
#awsm-job-list{
    width: 40%; border-right: 1px solid #ddd; padding-right: 20px;
}
#awsm-job-content{
    width: 60%; padding-left: 20px;
}
.awsm-job-title, .awsm-job-item {
    padding: 20px;
    margin-bottom: 20px;
    border: 1px solid transparent;
    border-radius: 10px;
    cursor: pointer;
}
.awsm-job-title.active, .awsm-job-item.active {
    font-weight: bold;
    border: 1px solid #1797C5;
    border-radius: 10px;
}
.awsm-job-title:hover, .awsm-job-item:hover{
    border: 1px solid #1797C5;
    border-radius: 10px;
}
.awsm-job-title.active h3,.awsm-job-item.active h3 {
    color: var(--e-global-color-accent) !important;
}
#awsm-job-list p,.awsm-job-item p {
    /*color: #4F5665;*/
    font-family: var(--e-global-typography-781f28d-font-family), Sans-serif;
    font-size: var(--e-global-typography-781f28d-font-size);
    font-weight: var(--e-global-typography-781f28d-font-weight);
    line-height: var(--e-global-typography-781f28d-line-height);
    color: var(--e-global-color-d1271af);
}
#awsm-job-list h3 {
    font-family: var(--e-global-typography-5c64425-font-family), Sans-serif;
    font-size: var(--e-global-typography-5c64425-font-size);
    font-weight: var(--e-global-typography-5c64425-font-weight);
    line-height: var(--e-global-typography-5c64425-line-height);
	color: var(--e-global-color-dd8654d);
}
#awsm-job-list h3:hover {
     color: var(--e-global-color-accent);
}
#awsm-job-content h2,.single-job-list .awsm-job-entry-content h2,.single-job-list .awsm-job-form-inner h2 {
    font-family: var(--e-global-typography-5c64425-font-family), Sans-serif;
    font-size: var(--e-global-typography-5c64425-font-size);
    font-weight: var(--e-global-typography-5c64425-font-weight);
    line-height: var(--e-global-typography-5c64425-line-height);
	color: var(--e-global-color-dd8654d);
}
#awsm-job-content h3,.single-job-list .awsm-job-entry-content h3 {
   font-family: var(--e-global-typography-c63d2c5-font-family), Sans-serif;
    font-size: var(--e-global-typography-c63d2c5-font-size);
    font-weight: var(--e-global-typography-c63d2c5-font-weight);
    line-height: var(--e-global-typography-c63d2c5-line-height);
    color: var(--e-global-color-d1271af);
    margin-top:15px;
    margin-bottom:8px;
}
#awsm-job-content h4,.single-job-list .awsm-job-entry-content h4,.single-job-list .awsm-job-form-group label {
    font-size: 18px;
    line-height: 24px;
    color: var(--e-global-color-d1271af);
    font-family: Libre Franklin;
}
#awsm-job-content li,.single-job-list .awsm-job-entry-content li {
    font-size: 17px;
    font-weight: 400;
    line-height: 24px;
    color: var(--e-global-color-d1271af);
    font-family: Libre Franklin;
}
#awsm-job-content p,.single-job-list .awsm-job-entry-content p {
    font-size: 17px;
    font-weight: 400;
    line-height: 24px;
    color: var(--e-global-color-d1271af);
    font-family: Libre Franklin;
     margin-bottom:8px;
}
a.awsm-apply-button,.single-job-list input#awsm-application-submit-btn {
    padding: 12px 29px 12px 25px;
    background: #3F6AB0;
    color: #fff;
    font-size: 18px;
    line-height: 24px;
    border-radius: 15px;
    font-family: Libre Franklin;
    font-weight: 400;
	    margin-top: 20px;
    display: inline-block;
}
.single-job-list input#awsm-application-submit-btn{
    border:none;
}
a:hover.awsm-apply-button,.single-job-list input#awsm-application-submit-btn:hover {
    background: #3f6ab0;
    color: #fff
}

#awsm-job-filters {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
    align-items: center;
    justify-content: center;
    margin-bottom: 60px;
}

.filter-group {
    display: flex;
    flex-direction: column;
    margin-right: 60px;
}

#awsm-job-filters label {
    font-family: var(--e-global-typography-781f28d-font-family), Sans-serif !important;
    font-size: var(--e-global-typography-781f28d-font-size) !important;
    font-weight: var(--e-global-typography-781f28d-font-weight) !important;   
    line-height: var(--e-global-typography-781f28d-line-height) !important;
    margin-bottom: 5px;
    color:var(--e-global-color-text) !important;
    font-style: var(--e-global-typography-781f28d-font-style) !important;
}

#awsm-job-filters select
{
    font-family: var(--e-global-typography-8b8eea6-font-family), Sans-serif;
    font-size: var(--e-global-typography-8b8eea6-font-size);
    font-weight: var(--e-global-typography-8b8eea6-font-weight);
    line-height: var(--e-global-typography-8b8eea6-line-height);
    letter-spacing: var(--e-global-typography-8b8eea6-letter-spacing);
    word-spacing: var(--e-global-typography-8b8eea6-word-spacing);
    color: var(--e-global-color-dd8654d);
    padding: 8px 12px;
    border: 1px solid #ccc;
    border-radius: 5px;
    min-width: 210px;
}
select#job-category,
select#job-type,
select#job-location {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    font-family: var(--e-global-typography-8b8eea6-font-family), Sans-serif;
    font-size: var(--e-global-typography-8b8eea6-font-size);
    font-weight: var(--e-global-typography-8b8eea6-font-weight);
    line-height: var(--e-global-typography-8b8eea6-line-height);
    letter-spacing: var(--e-global-typography-8b8eea6-letter-spacing);
    word-spacing: var(--e-global-typography-8b8eea6-word-spacing);
    color: var(--e-global-color-dd8654d);
    padding: 8px 12px;
    border: 1px solid #ccc;
    border-radius: 5px;
    min-width: 210px;
    background: url('/wp-content/uploads/2025/05/jobs-dropdown-arrow.png') no-repeat right 12px center;
    background-size: auto;
}
#awsm-job-filters button {
    font-family:DM Sans, Sans-serif !important;
    font-weight: 400;
    padding: 8px 12px ;
    border: 1px solid #ccc;
    border-radius: 15px;
    min-width: 180px;
    font-size: 16px;
    margin-top: 25px;
    background: #3F6AB0;
    color: #fff;
    cursor: pointer;}



#awsm-job-filters button:hover {
    background: #3f6ab0;
    color: #fff;
}
.job-location .job-location-item,.job-category span.job-category-item {
    background: #E7EBF1;
    padding: 7px;
    font-family: var(--e-global-typography-8b8eea6-font-family), Sans-serif;
    font-size: var(--e-global-typography-8b8eea6-font-size);
    font-weight: var(--e-global-typography-8b8eea6-font-weight);
    line-height: var(--e-global-typography-8b8eea6-line-height);
    color: var(--e-global-color-d1271af);
}

.job-meta {
    display: flex;
    align-items: center;
    gap: 15px; /* Space between category and location */
    flex-wrap: wrap; /* Ensures responsiveness */
    margin-bottom: 15px;
}

.job-category, .job-location {
    display: flex;
    align-items: center;
    gap: 5px; /* Space between individual tags */
    font-size: 14px;
}

.job-category-item, .job-location-item {
    background: #e3f2fd;
    color: #4F5665;
    padding: 5px 8px;
    border-radius: 5px;
    display: inline-block;
    font-weight: 500;
}

/* Stock Price Widget CSS */

.stock-container, .stock-card {
    display: none; /* Initially hide elements */
}

.titomic-share-price span{
    font-size: 24px;
    margin: 8px 0;
    color:#ffffff !important;
    line-height: 30px;;
}
h3.titomic-share-symbol,
h3.titomic-share-symbol span{
    font-size: 16px !important;
    font-weight: 400;
    line-height: 18px !important;
    color:#3F6AB0;
}
.stock-card h3.titomic-share-symbol, 
.stock-card h3.titomic-share-symbol span{
    color:#3F6AB0;
        font-family: Verdana;
}
.stock-card {
  color: #3F6AB0;
  padding: 16px 24px;
  width: 350px;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
  display: flex;
  flex-direction: column;
  gap: 8px;
  border-radius: 10px;
  border: 1px solid #1E3A5F; /* Fallback directly used */
  background-color: #F5F7FA; /* Explicit background-color */
  backdrop-filter: blur(35px); /* Ensure parent has transparency */
 
}


.stock-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: #3F6AB0;
}
.stock-card h3 {
    margin: 0;
    font-size: 16px;
    font-weight: normal;
}
.stock-card .price {
    font-size: 21px;
    margin: 8px 0;
    font-family: libre Franklin;
    font-weight: 400;
}
.stock-card .update-time {
    font-size: 16px;
    color: #3F6AB0;
}
.stock-card .titomic-share-price-change {
   padding: 4px 8px;
    border-radius: 10px;
    font-size: 14px;
    background: #3F6AB0;
}
.yourir-change .yourir-positive,
span.yourir-number.yourir-pct-change,
span.yourir-decimal-part.yourir-has-integer-part {
    color: #28D578;
}

.yourir-pct-change .yourir-negative,
.yourir-pct-change .yourir-negative .yourir-integer-part,
.yourir-pct-change .yourir-negative .yourir-decimal-part.yourir-has-integer-part,
.yourir-pct-change .yourir-negative .yourir-decimal-point {
    color: #e70000;
}


/* Header stock widget */
.stock-container {
    align-items: center;
    color: #fff;
    font-size: 21px;
    font-family: Libre Franklin;
    font-weight: 600;
    justify-content: center;
}
.stock-name {
    font-weight: 600;
    margin-right: 8px;
    text-transform: capitalize;
}
.stock-price {
    font-size: 21px;
    margin-right: 8px;
}
.stock-change {
    padding: 4px 8px;
    border-radius: 8px;
    font-size: 12px;
}

/* Stock price CSS ends here   */

.btn_with_arrow_icon .elementor-button-icon{
    
 }
.btn_with_arrow_icons svg{
        width: 30px;
    height: 25px;
}
.btn_with_arrow_icon .elementor-button-icon svg{
    transform: rotate(55deg);
    width: 30px;
    height: 30px;
    fill:#3F6AB0;
}

.btn_with_arrow_icon .elementor-button-text{
    align-content: center;
}

/* Google Translate Widget CSS */
.gtranslate_wrapper { 
    margin-top:-2.5px  
    
}

.tm-translate-widget select {
  display: inline-block;
  width: 80px;
  color: rgb(255, 255, 255);
  font-size: 15px;
  padding:0px;
  background:#00000000;
  border:0px;
}
.gt_selector {
    margin-bottom: 5px;
}

.tm-translate-widget select option {
    color:#000;
}

/* Countdown Timer CSS */

/* Each Time Block */
.time-block {
  text-align: center;
}

/* Digits Wrapper */
.digits {
  display: flex;
  gap: 5px;
  justify-content: center;
}

/* Individual Digit Box */
.digit-box {
  width: 50px;
  height: 80px;
  background: linear-gradient(to bottom, #2c2c2c, #1a1a1a);
  border-radius: 6px;
  box-shadow: inset 0 1px 0 #555, 0 2px 6px rgba(0, 0, 0, 0.6);
  display: flex;
  align-items: center;
  justify-content: center;
}

/* Digit Style */
.digit {
  font-size: 48px;
  font-weight: 700;
  color: #fff;
  text-shadow: 0 0 5px rgba(255, 255, 255, 0.4);
  font-family: 'Courier New', monospace;
}

/* Label (Days, Hours, etc.) */
.label {
  margin-top: 10px;
  font-size: 14px;
  color: #fff;
  letter-spacing: 1px;
}

/* Countdown Timer CSS Ends Here */

.eael-advanced-search-widget .eael-advanced-search-form .eael-advanced-search-wrap .eael-adv-search-close{
  right:50px !important;
}

/* Google Translate Widget CSS ends Here*/

/* Responsive Adjustment for containers */
@media screen and (max-width: 1440px) {

}

@media screen and (max-width: 1280px) {
    .elementor-widget-n-menu .e-n-menu-heading {
        justify-content:flex-start !important;
    }
    .elementor-widget-n-menu .e-n-menu-title{
        padding:8px 9px !important
    }
}


@media screen and (max-width: 1024px) {
    .elementor-widget-n-menu .e-n-menu[data-layout=dropdown] .e-n-menu-wrapper{
        background-color: #000 !important; 
    }
}
@media screen and (max-width: 767px) and (min-width: 395px) {
    div#awsm-job-container {
        margin-top: 70px;
    }
}
@media screen and (max-width: 767px) {
    #awsm-job-filters {
        flex-wrap: wrap;
        justify-content: center;
    }

    #awsm-job-filters select,
    #awsm-job-filters button {
        flex: 1 1 auto;
        min-width: 210px;
    }

    @media screen and (max-width: 767px) {
        #awsm-job-container {
            flex-direction: column; /* Stack items vertically */
            gap: 10px;
        }
        div#awsm-job-content {
            margin-left: 10px;
            margin-right: 10px;
        }
        #awsm-job-list, #awsm-job-content {
            width: 100%;
            padding: 0;
            border: none;
        }
    
        #awsm-job-list {
            margin-bottom: 20px;
        }
    
        .awsm-job-title {
            padding: 15px;
            font-size: 18px;
        }
    
        .awsm-job-title h3 {
            font-size: 20px;
            line-height: 28px;
        }
    
        .awsm-job-title p {
            font-size: 16px;
            line-height: 22px;
        }
    
        #awsm-job-content h2 {
            font-size: 22px;
            line-height: 30px;
        }
    
        #awsm-job-content h3 {
            font-size: 19px;
            line-height: 26px;
        }
    
        #awsm-job-content p {
            font-size: 16px;
            line-height: 22px;
        }
    
        a.awsm-apply-button {
            font-size: 16px;
            padding: 10px 20px;
            border-radius: 10px;
        }
    }
    


}

@media screen and (max-width: 480px) {

 .stock-card {
  width: 100%;
}

    #awsm-job-filters {
        display: block;
        margin-bottom: 0px;
       
    }
    div#awsm-job-container{
        margin-top: 30px;
    }

    #awsm-job-filters select,
    #awsm-job-filters button {
        width: auto;
        margin-bottom: 20px; /* Add space between elements */
    }


}
