/********  Custom colors ***********/
html{
    height: 100%;
    margin: 0;
    padding: 0;
    overflow-x: hidden; /* Previene desbordamiento horizontal */
   
}

#mainmenu li a:after{color: #7b2067 !important;}
#mainmenu a:hover{color: #7b2067 !important;}
.id-color{color: #7b2067 !important;}
.btn-custom{background-color: #7b2067 !important;}
.de-team-list p.lead{color: #ffff !important;}
.separator span i{color: #7b2067 !important;}
.de_tab.tab_style_4 .de_nav li.active{background-color: #7b2067 !important;}
.de_tab.tab_style_4 .de_nav.de_nav_dark li:hover{background-color: #7b2067 !important;}
.de_tab.tab_style_4 .de_nav li span{color: #7b2067 !important;}
.pricing-s1 .bottom ul li i{color: #7b2067 !important;}
.gradient-to-right, section.gradient-to-right, .ps1-deco, .widget .small-border {background: linear-gradient(to right, #7b2067,#7b2067);}
 #back-to-top{background-color: #7b2067 !important;}
 .social-icons i:hover{background-color: #7b2067 !important;}
.shadow-brown{text-shadow: 2px 2px 8px #7b2067;} 
#jpreBar{
	background-color: #7b2067 !important;
}

/******  Video section *********/
.gradient-overlay-purple {
    background-image: linear-gradient(180deg, rgb(246 222 203 / 20%) 10%, #f5e6dc4f 70%);
    background-repeat: repeat-x;
    height: 100%;
    width: 100%;
    position: absolute;
}
/***Contact section***/
.gradient-overlay-blue {
    background-image: linear-gradient(180deg, rgb(23 38 79 / 27%) 10%, #7b2067 70%) !important;
    }

 #back-to-top{
 	background-color: #7b2067 !important;
 }
 .social-icons i:hover{
 	background-color: #7b2067 !important;
 }

.social-icons svg:hover {
    background-color: #7b2067 !important;
}

.social-icons img:hover {
    background-color: #7b2067 !important;
}

#particles-js{display:none}

.team-pic{filter: grayscale(100%);}
.testing-93{display:none}
.testing-101{display:none}
.testing-102{display:none}
.testing-117{display:none}
.testing-118{display:none}

#section-certificates .views-field.views-field-body{    width: 100%;}
@media only screen and (max-width: 420px){
  .wm-border {font-size: 3rem !important;}
	.separator span::before, .separator span::after {width: 130px !important;}
	h1.title-3 {font-size: 2rem !important;}
	.box-number.text {margin-left: 0px !important;}
}
@media only screen and (max-width: 430px){
  .wm-border {font-size: 3rem !important;}
	.separator span::before, .separator span::after {width: 130px !important;}
	h1.title-3 {font-size: 2rem !important;}
	.box-number.text {margin-left: 0px !important;}
}
@media only screen and (max-width: 767px) {
    section {
         -webkit-background-size: auto 100% !important; 
        -moz-background-size: auto 100% !important;
        -o-background-size: auto 100% !important;
         background-size: auto 100% !important; 
         background-attachment: scroll !important; 
        background-position: top !important;
    }
}
section:first-of-type {
  display: none;
}