/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
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
*/

body{
	font-family: var(--e-global-typography-text-font-family), Sans-serif;
	font-size:18px; 
	color:var(--e-global-color-text);
	padding: 0;
	margin: 0;
}

img {
	width: auto\9;
	height: auto;
	max-width: 100%;
	vertical-align: middle;
	-ms-interpolation-mode: bicubic;
}

h1, h2, h3, h4, h5, h6{
	font-family: var(--e-global-typography-secondary-font-family), Sans-serif;   
  font-weight: bold;   
}

h1{			
	color: #0C3F66;
}
h2{	
	color: #6F9B31;
}
h3{	
	color: #FE8608;
}
h4{	
	color: #58585A;
}
h5{	
	color: var(--e-global-color-secondary);
}
h6{	
	color: var(--e-global-color-secondary);
}


p{
    text-align: justify;
  }

.header{
    background: var(--e-global-color-primary);
    border-bottom: solid 4px var(--e-global-color-3b74022);
    z-index: 10;
}
.marquee p{
    padding: 0;
    margin: 0;
}
h1.intro-h1{
    font-family: var(--e-global-typography-primary-font-family), sans-serif;
    font-size: 32px;
    font-weight: bold;
    color: #8DA5B7;    
}
h1.intro-h1 div{
    font-size: 59px;
    color: #0C3F66;
}
.bg-intro{
    background: url(https://proinpa.com/wp-content/uploads/2024/11/bgu.webp) repeat-x left top;    
}
.bg-a{
    background: url(https://proinpa.com/wp-content/uploads/2024/11/bga.webp) repeat-x left top;    
}
.listesp span{
    color: #54A505;
}

.marquee {
  color: #fff;
  width: 100%;
  overflow: hidden;
  padding: 4px 0px;
  height: 35px;
}


.elementor-nav-menu--dropdown{  
  backdrop-filter: saturate(150%) blur(20px);
  -webkit-backdrop-filter: saturate(150%) blur(20px);
  box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.5);  
}


ul.asidemenu {
	list-style-type: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
}
.asidemenu li {
	list-style: none;
}
.asidemenu a {
	transition: all .3s linear;
	-webkit-transition: all .3s linear;
	-moz-transition: all .3s linear;
	-o-transition: all .3s linear;
	outline: none;	
}
.asidemenu > li > a {
	font-family: var(--e-global-typography-primary-font-family), sans-serif;
  font-size: 20px;
	color: #fff;
  font-weight: 700;
	text-decoration: none;
	display: inline-block; 
  padding: 25px;
  border-bottom: dotted 2px #fff;
}
.asidemenu a:hover{	
	color: #fff;
  background: rgba(255,255,255,0.2);	
}





/* Small devices  */
@media only screen and (min-width: 300px) {

h1.intro-h1{
  text-align: center;
}

}
/* Tablet */
@media only screen and (min-width: 768px) {
    .logosite{
        position: absolute;
    }
    .aside{
        width: 45%;                 
      }
      .bodyer{
        width: 55%;
      }
}
/* Laptop */
@media only screen and (min-width: 1366px) {
    .aside{
        width: 27%;                
      }
      .bodyer{
        width: 73%;
      }
      h1.intro-h1{
        text-align: right;
      }
}
/* desktop */
@media only screen and (min-width: 1400px) {
  .aside{
        width: 26%;                
      }
      .bodyer{
        width: 74%;
      }
}


/* Works on Firefox */
* {
    scrollbar-width: thin;
    scrollbar-color: var(--e-global-color-accent) #E5E5E5;
  }
  
  /* Works on Chrome, Edge, and Safari */
  *::-webkit-scrollbar {
    width: 12px;
  }
  
  *::-webkit-scrollbar-track {
    background: #E5E5E5;
  }
  
  *::-webkit-scrollbar-thumb {
    background-color: var(--e-global-color-accent);
    border-radius: 20px;
    border: 3px solid #E5E5E5;
  }