.elementor-kit-6{--e-global-color-primary:#007DB6;--e-global-color-secondary:#030032;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;background-color:#FFFFFF;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-container{--container-max-width:1140px;}.elementor-widget:not(:last-child){margin-bottom:20px;}.elementor-element{--widgets-spacing:20px;}{}h1.entry-title{display:var(--page-title-display);}.elementor-kit-6 e-page-transition{background-color:#FFBC7D;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-container{--container-max-width:1024px;}}@media(max-width:768px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-container{--container-max-width:767px;}}/* Start custom CSS */body{
    overflow-x: hidden !important;
}

span a,
p a{
    color: #007db6 !important;
}

.txt-strong strong,
.txt-strong b{
    font-weight: 700 !important;
}

/**/
.absolute-header .main-header{
    position: absolute;
    width: 100%;
    z-index: 99;
} 
.main-header .light-logo,
.main-header .light-search{
    display:none;
}
.light-header .main-header  .main-logo,
.light-header .main-header  .main-search{
    display: none;
}
.light-header .main-header .light-logo,
.light-header .main-header .light-search{
    display:block;
}


.main-btn{
    box-shadow: 0px 12px 57px rgba(0, 125, 182, 0.35);
    transition: all 350ms;
}
.main-btn:hover{
    box-shadow: none;
}


/**/

/**/
.main-title{
    position: relative;
}
.main-title:before{
    content:"";
    position: absolute;
    width: 100%;
    height: 15px;
    left: -102%;
    top: 55px;
    background-color: #fff;
}
.main-title.dark:before{
    background-color: #030032;
}


/**/
.pio-form label{
    font-family: "Gotham", Sans-serif !important;
}

.pio-form .piotnetforms-button {
    width: 100%;
    box-shadow: 0px 12px 57px rgb(0 125 182 / 35%);
}

@media only screen and (max-width: 768px) {
    .main-title:before {
        height: 8px !important;
        top: 35px !important;
    }
    

.full-sm-btn a {
    width: 100%;
    padding: 14px 30px 14px 30px;
    }    
    
}



/* Get Involved */

/**/
.join-tab .ue_taxonomy_item.uc-selected  {
    box-shadow: 0px 13px 35px -10px rgb(3 0 50 / 50%);
    border:none !important;
}

.join-items .ue-item{
    box-shadow: 0px 23px 28px -19px rgba(195, 195, 195, 0.24);
}
.join-items .uc_content{
    background-image: url('../../2022/05/tab-arrow.svg') !important;
    background-repeat: no-repeat!important;
    background-position: 96% 50%!important;
    padding: 0px !important;
       box-shadow: 0px 23px 28px -19px rgba(195, 195, 195, 0.24);
}
.join-items .uc_content:hover{
   background-color: #F9F8F8 !important;
   background-size: 25px;
}
.join-items .uc_content .uc_post_title{
    padding: 30px 40px;
}
@media only screen and (max-width: 768px) {

.join-items .uc_content{
    background-position: 92% 50%!important;
    background-size: 25px;
}
.join-items .uc_content .uc_post_title{
    padding: 20px 20px;
}
     
}


/**/
.sub-letter .piotnetforms-button{
    padding: 11px 93px 11px 93px !important;
    box-shadow: 0px 12px 57px rgba(0, 125, 182, 0.35);
    background: #007DB6 !important;
    color:#fff   !important;
}

.sub-letter .piotnetforms-button:hover{
    box-shadow:none;
    opacity: .8;
}


.sub-letter input.piotnetforms-field{
    padding: 24px 12px 24px 12px !important;
    background: #EFF3F5 !important;
}

/**/
.piotnetforms-message.piotnetforms-message-success{
    font-size: 12px;
    color: #198754;
}


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

.sub-letter input.piotnetforms-field{
    padding: 14px 12px 14px 12px !important;
   margin-bottom: 30px;
}
.sub-letter .piotnetforms-button{
    padding: 1px 93px 1px 93px !important;
    box-shadow: 0px 12px 57px rgba(0, 125, 182, 0.35);
    background: #007DB6 !important;
    color:#fff   !important;
}


.upload-cv input:after{
    left: 20% !important;
}
.upload-cv input:before{
    left: 38% !important;
}

     
}



/**/
.upload-cv input{
    position: relative;
    width: 100%;
    height: 150px;
    text-align: center;
    border: 3px solid #D3EBF8;
    color: #ECF9FF;
    margin-bottom: 15px;
    cursor: pointer;
}
.upload-cv input.valid{
    color: #000;
}
.upload-cv input:after{
    content: 'Drag and Drop Files here';
    position: absolute;
    top: 30%;
    left: 35%;
    font-family: 'Work Sans';
font-weight: 400;
font-size: 16px;
line-height: 25px;
color: #030032;
}
.upload-cv input:before{
    content: 'or import';
    position: absolute;
    top: 50%;
    left: 45%;
    font-family: 'Work Sans';
font-weight: 400;
font-size: 16px;
line-height: 25px;
color: #030032;
text-decoration: underline;
}
.upload-cv input::-webkit-file-upload-button{
    opacity: 0;
}

/* animation */
.reveal{
  position: relative;
  transform: translateY(50px);
  opacity: 0;
  transition: 1s all ease;
}
.reveal.active{
  transform: translateY(0);
  opacity: 1;
}

.reveal-left{
  position: relative;
  transform: translateX(-100px);
  opacity: 0;
  transition: 1s all ease;
}
.reveal-left.active{
  transform: translateX(0);
  opacity: 1;
}
.home .main-header,.hero-text-title, .hero-text-discription{
    opacity: 0;
	will-change: transform;
	transition: 1s all ease;
}
.hero-text-title, .hero-text-discription {
    transform: translateY(70px);
}




/**/

.how-colaps .ue_expand_inside {
    width: 45px !important;
    height: 45px !important;
}
.how-colaps .ue-item{
    border-style: solid;
    border-width: 0px 0px 1px 0px;
    border-color: #030032;
}

.how-colaps .uc_active.bbb{
    padding: 2.5px;
}
.how-colaps .ue-item .ue_expand .uc_active.bbb svg{
    width: 20px !important;
    height: 20px !important;
}
.how-colaps .ue-item   .ue_expand  svg{
    width: 25px !important;
    height: 25px !important;
}


/**/
.shad-img{
    position: absolute;
    top: 100px;
    left: 10%;
    filter: blur(60px);
    width: 80% !important;
}
@media only screen and (max-width: 1024px) {
 
.shad-img{
    position: absolute;
    top: 10%;
    left: 20%;
    filter: blur(60px);
    width: 60% !important;
    height: 50%;
} 
   
}

@media only screen and (max-width: 768px) {
 
.shad-img{
    position: absolute;
    top: 30%;
    left: 20%;
    filter: blur(60px);
    width: 50% !important;
    height: 50%;
} 
   
}/* End custom CSS */