/* @import url('http://example.com/example_style.css'); */

/***********************************************/
/* CSS @imports must be at the top of the file */
/* Add them above this section                 */
/***********************************************/

/*****************************************/
/* Start your style declarations here    */
/*****************************************/



/* header styling */

.header__menu .header__navigation .menu-link {
    color: #fff !important;
    font-size: 16px !important;
}

.submenu.level-1, .submenu.level-1>li {
    padding: 0px 05px !important;
}

.header__main-bar {
    padding: 10px 0px !important;
}

.header__logo img {
    max-width: 200px;
}
  .header {
    background-color: #05063b66 ;
    backdrop-filter: blur(5px);
  }
  .header .container-fluid {
    display: none ;
  }
  .header ul li a {
    color: #fff ;
    font-size: 16px ;
  }
  .header ul li a::after {
    background-color: #ffffff;
  }
.header.sticky {
    background-color: #07083dab;
}

.header__navigation-toggle {
    color: #fff;
}


.submenu.level-1, .submenu.level-1>li {
    display: flex;
    gap: 35px;
    
}

.header.mobile-nav-open {
    background-color: #07083d7d;
}


 /*header mobile  css start  */

@media only screen and (max-width: 767px) {
.header__menu ul {
    display: flex !important;
    flex-direction: column !important;
    gap: 10px !important;
}
.header__logo img {
    max-width: 150px;
}
.header.sticky .header__navigation-toggle .header__mobile-menu-icon {
    background-color: #fff;
}
.header.sticky .header__mobile-menu-icon:before {
    background-color: #fff;
}
.header.sticky .header__mobile-menu-icon:after {
    background-color: #fff;
}
.header__menu .header__navigation nav {
    background-color: #00d664f5 !important;
    border-radius: 20px 0px 20px 20px !important;
    padding: 20px !important;
    box-shadow: inset 0px 0px 20px #000000a8 !important;
}
.header__navigation {
    background-color: #0000 !important;
}
.header__menu .header__navigation nav li {
    padding: 0px !important;
}
.header__menu .header__navigation nav li a {
    font-family: 'Inter' !important;
    font-size: 18px !important;
    font-weight: 500 !important;
    padding: 5px 0px !important;
    transition: 0.3s ease !important;
}
.header__menu .header__navigation nav li a:hover {
    border-bottom: 2px solid #06073d !important;
    width: fit-content !important;
    animation: auto !important;
    transition: 0.3s ease !important;
    color: #06073d !important;
    padding: 5px 0px !important;
}
}


/*footer styling*/

.footer {
    background-color: #030326;
}
.footer .container-fluid {
    display: none ;
}

.footer .footer__container .footer__top-section {
    padding: 0px ;
    margin: 0px ;
}
.footer .footer__container .footer__top-section .footer__info .footer__logo  img {
    width: 300px !important ;
}

.footer .footer__container .footer__top-section .footer__address span {
    font-size: 22px ;
    font-family: 'Inter' ;
}
 
.footer__top-section .footer__navigation:last-Child {
    display: none ;
}

.footer__top-section .row-fluid {
    display: flex ;
    gap: 10px ;
    justify-content: space-between ;
    width: 100% ;
}

.footer__top-section .row-fluid .footer__info {
    width: 50% ;
}

.footer__top-section .row-fluid .footer__navigation {
    width: 30% ;
    margin: 0px ;
    padding: 0px ;
}

.footer__top-section .row-fluid h3 {
    font-size: 25px ;
    font-family: 'Inter' ;
    margin: 0px ;
}

.footer__top-section .footer__navigation ul li {
    display: flex ;
    justify-content: flex-start ;
    text-align: left ;
    width: 100% ;
    margin: 05px 0px ;
    padding: 0px ;
    min-width: 100% ;
    max-width: 100% ;
    flex-direction: column;
}

.footer__top-section .footer__navigation ul li a {
    padding: 0px !important;
    margin: 0px ;
    font-size: 16px ;
}

.footer #hs_cos_wrapper_footer_copyright span {
    font-size: 18px ;
    font-weight: 500 ;
    font-family: 'Inter' ;
    color: #fff ;
}

.footer__address {
    margin: 0px ;
    display: none ;
}

.footer #hs_cos_wrapper_footer_copyright {
    border-top: 1px solid #ffffff8c ;
    padding: 20px 0px ;
}

.footer .social-links {
    display: flex ;
    justify-content: flex-start ;
    gap: 20px ;
    width: auto ;
}
.footer .social-links span {
    margin: 0px ;
    background-color: #ffffff2b ;
}

.footer .social-links span svg {
    width: 20px ;
    height: 20px ;
}

/* footer responsive  */

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

    .footer .footer__container {
    padding: 20px !important;
}
.footer .footer__container .footer__top-section .row-fluid {
    display: block !important;
}
.footer__top-section .row-fluid .footer__navigation {
    width: 100% !important;
}

.footer__top-section .footer__navigation ul li a {
    padding: 0px !important;
}
.footer  span {
    font-size: 18px !important;
    font-family: 'Inter' !important;
    color: #fff !important;
}
.footer #hs_cos_wrapper_footer_copyright {
    padding: 20px 0px 0px 0px !important;
}

.footer .footer__container .footer__top-section .footer__info .footer__logo img {
    width: 300px !important;
}
}

#hs_cos_wrapper_footer_social .social-links__icon {
    background-color: rgb(0 214 100) !important;
    border-radius: 50px;
}






/* career page styling start */

 
body .navigation-primary .submenu.level-1 > li > a.active-item:after {
 background-color: #00d664;
}
body {
    background-color: #07083d ;
  }

.hero-section-overlay:after {
    background-color: #030326 !important;
    opacity: 0.8 !important;
}  
html .hero-section {
    background-position: center center !important;
    background-size: cover !important;
    background-attachment: unset !important;
}  
.hero-section.interior {
    padding-bottom: 90px !important;
    padding-top: 200px !important;
}  
.hero-section.interior p {
    width: 50% !important;
    margin: 0 auto !important;
} 


.row-number-5 .single-card {
    PADDING: 20px !important;
    MARGIN: 0px !important;
    MIN-HEIGHT: fit-content !IMPORTANT;
    BACKGROUND-COLOR: #0000 !IMPORTANT;
    border-radius: 20px !important;
    border: 1px solid #00d664 !important;
}

.row-number-5 .single-card h4 {
    margin: 0px 0px 10px 0px !important;
    font-weight: 600 !important;
}

.row-number-5 .single-card span {
    font-size: 16px !important;
}


.row-number-9 .single-card {
    PADDING: 20px !important;
    MARGIN: 20px 0px !important;
    MIN-HEIGHT: fit-content !IMPORTANT;
    BACKGROUND-COLOR: #0000 !IMPORTANT;
    border-radius: 20px !important;
    border: 1px solid #00d664 !important;
}

.row-number-9 .single-card h4 {
    margin: 0px 0px 10px 0px !important;
}

.row-number-9 .single-card span {
    font-size: 16px !important;
}

.row-number-15 .single-card {
    margin: 0px !important;
    padding: 20px !important;
    min-height: auto !important;
}

.row-number-15 .single-card {
    background-color: #ffffff0d !important;
    border-radius: 15px !important;
    box-shadow: 0px 0px 10px #00000030 !important;
    margin: 50px 0px !important;
}

.row-number-15 .single-card h4 {
    margin: 0px !important;
    padding: 20px 0px 0px 0px !important;
}

.row-number-15 {
    padding: 20px 0px !important;
}

.row-number-5 {
    padding: 30px 0px !important;
}

.row-number-15 span {
    font-size: 16px !important;
}



.row-number-21 .single-card .card-content {
    float: left !important;
    text-align: left !important;
}

.row-number-21 .single-card {
    /* height: fit-content !important; */
    /* min-height: fit-content !important; */
    display: flex !important;
    justify-content: left !important;
    display: block !important;
}

div#widget_1772429922790 {}

.row-number-21 .single-card {
    background: none !important;
    padding: 0px !important;
    margin: 0px !important;
}

.row-number-21 .single-card .card-content {
    padding: 30px !important;
    background-color: #03032645;
    border-radius: 15px !important;
}

.row-number-21 .single-card .card-content .job-listing {
    display: flex !important;
    flex-direction: column !important;
}

.row-number-21 .single-card .card-content .job-listing h4 {
    margin: 0px 0px 10px 0px !important;
    font-size: px !important;
    font-weight: 600 !important;
    line-height: 30px !important;
}

.row-number-21 .single-card .card-content .job-listing a {
    border-radius: 30px !important;
    background-color: #030326 !important;
    width: fit-content !important;
    padding: 05px 15px !important;
    font-size: 14px !important;
    margin-top: 15px !important;
}

/* Career page responsive styling  */

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

.hero-section.interior {
    padding: 100px 0px !important;
}

.hero-section.interior p {
    width: 90% !important;
}

#hs_cos_wrapper_module_17724211288902 h2 {
    font-size: 35px !important;
}

.row-number-5 {
    
        padding: 20px !important;
}

.row-number-5 .row-fluid {
    display: flex;
    flex-direction: column !important;
    gap: 10px !important;
}

.row-number-9 {
    padding: 20px !important;
}

.row-number-9 .row-fluid {
    padding: 0px !important;
    margin: 0px !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 10px !important;
}

.row-number-9 .row-fluid .single-card {
    margin: 0px !important;
}

.row-number-13 {
    margin: 0px !important;
    padding: 50px 0px 0px 0px !important;
}

.row-number-13 #hs_cos_wrapper_module_17724243472623 h2 {
    margin: 0px !important;
    font-size: 35px !important;
    line-height: 35px !important;
}


.row-number-15 .single-card {
    margin: 0px !important;
}

.row-number-15 {
    padding: 20px !important;
}

.row-number-15 .row-fluid {
    padding: 0px !important;
    margin: 0px !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 10px !important;
}

.row-number-19 {
    margin: 0px !important;
    padding: 0px !important;
}

.row-number-19 #hs_cos_wrapper_module_1772429324362 h2 {
    font-size: 35px !important;
    line-height: 40px !important;
}

.row-number-21 .single-card {
    margin: 0px !IMPORTANT;
    padding: 0px !important;
    height: auto !important;
    min-height: auto !important;
}

.row-number-21  .row-fluid {
    display: flex !important;
    flex-direction: column !important;
    gap: 10px !important;
}