html{
   overflow:auto
}
.roboto {
   font-family: 'Roboto', sans-serif;
}
.poppins {
   font-family: 'Poppins', sans-serif;
}


.full-width{
   left:50%;
   margin-left:-50vw;
   margin-right:-50vw;
   position:relative;
   right:50%;
   width:100vw
}
.col-12{
   flex:0 0 auto;
   width:100%
}
.home-page-2 .address{
   background-color:var(--gray-900);
   color:#fff;
   display:block!important
}
.home-page-2 .address .contact{
   color:var(--orange-900)
}
.career-details-page .address,.career-page .address,.home-page-3 .address,.home-page-8 .address{
   background-color:var(--green-900);
   color:#fff;
   display:block!important
}
.career-details-page .address .contact,.career-page .address .contact,.home-page-3 .address .contact,.home-page-8 .address .contact{
   color:var(--green-100)
}
.banner-hero.banner-1{
   overflow:hidden;
   position:relative
}
.banner-hero.banner-1:before{
   background-size:cover;
   content:"";
   height:265px;
   position:absolute;
   right:0;
   top:0;
   width:200px;
   z-index:1
}
.banner-hero.banner-1:after{
   background-size:cover;
   bottom:0;
   content:"";
   height:200px;
   left:0;
   position:absolute;
   width:200px
}
.banner-hero.banner-2{
   overflow:hidden;
   position:relative
}
.banner-hero.banner-2:after{
   background-size:cover;
   bottom:-48px;
   content:"";
   height:200px;
   left:-48px;
   opacity:.3;
   position:absolute;
   width:200px
}
body,html{
   max-width:100%;
   overflow-x:hidden
}
.home-page-4 .sticky-header,.home-page-4 header{
   background-color:var(--green-900)
}
.home-page-4 .burger-icon,.home-page-4 .icon-caret,.home-page-4 .logo{
   filter:brightness(0) invert(1)
}
.home-page-4 .menu-link{
   color:#fff
}
.about-2-page .sticky-header,.about-2-page header{
   background-color:var(--bg-2)
}
.services-1-page .sticky-header,.services-1-page header{
   background-color:var(--bg-5)
}
.faqs-1-page .burger-icon,.faqs-1-page .icon-caret,.faqs-1-page .logo{
   filter:brightness(0) invert(1)
}
.faqs-1-page .menu-link{
   color:#fff
}
.faqs-1-page .sticky-header,.faqs-1-page header{
   background-color:#2e848c
}
.burger-icon{
   cursor:pointer;
   height:20px;
   position:absolute;
   right:13px;
   top:50%;
   transform:translateY(-50%);
   width:24px;
   z-index:1002
}
@media (min-width:768px){
   .burger-icon{
       right:37px
   }
}
.burger-icon.burger-icon-white>span:after{
   background-color:#fff;
}
.burger-icon.burger-icon-white>span:before{
   background-color:var(--gray-500)
}
.burger-icon>span{
   display:block;
   height:2px;
   left:0;
   position:absolute;
   width:100%
}
.burger-icon>span:after,.burger-icon>span:before{
   content:"";
   height:100%;
   left:0;
   position:absolute;
   top:0;
   width:100%
}
.burger-icon>span.burger-icon-top{
   top:2px
}
.burger-icon>span.burger-icon-mid{
   top:9px
}
.burger-icon>span.burger-icon-bottom{
   bottom:2px
}
.burger-icon.burger-close{
   filter:invert(8%) sepia(34%) saturate(870%) hue-rotate(181deg) brightness(97%) contrast(98%)!important
}
@media screen and (max-width:1023.98px){
   .burger-icon.burger-close{
       position:fixed;
       right:10px;
       top:20px
   }
}
.burger-icon.burger-close>span.burger-icon-top{
   display:none;
   opacity:0
}
.burger-icon.burger-close>span.burger-icon-mid{
   top:8px;
   transform:rotate(45deg)
}
.burger-icon.burger-close>span.burger-icon-bottom{
   bottom:10px;
   transform:rotate(-45deg)
}
.overlay{
   background:transparent;
   cursor:crosshair;
   display:none;
   height:100vh;
   left:0;
   position:fixed;
   top:0;
   width:100vw;
   z-index:11
}
.overlay.show{
   display:initial
}


header.sticky-header{
   -webkit-animation:fadeInDown .7s ease-in-out 0s 1 normal none running;
   animation:fadeInDown .7s ease-in-out 0s 1 normal none running;
   background-color:rgba(17, 24, 39, 0.8);
   box-shadow:0 8px 20px 0 rgba(0,0,0,.05);
   position:fixed!important;
   top:0;
   z-index:100
}
nav .menu-mobile-item.expand .menu-child{
   display:block
}
nav .menu-mobile-item.expand img{
   transform:rotate(180deg)
}
@-webkit-keyframes fadeInDown{
   0%{
       opacity:0;
       transform:translate3d(0,-100%,0)
   }
   to{
       opacity:1;
       transform:translateZ(0)
   }
}
@keyframes fadeInDown{
   0%{
       opacity:0;
       transform:translate3d(0,-100%,0)
   }
   to{
       opacity:1;
       transform:translateZ(0)
   }
}
details summary{
   background-color:var(--gray-200);
   transition:all .3s ease
}
details summary h4{
   color:var(--gray-500)
}
details summary:after{
   content:url(../images/icons/icon-angle-down-fill.svg);
   display:block;
   height:24px;
   width:24px
}
details[open]>summary:after{
   content:url(../images/icons/icon-angle-up-fill.svg)
}
details[open]>summary{
   background-color:var(--gray-900);
   transition:all .3s ease
}
details[open]>summary h4{
   color:#fff
}
.slick-slider.dots .slick-dots{
   align-items:center;
   display:flex;
   justify-content:center;
   margin-top:33px
}
.slick-slider.dots .slick-dots .slick-active{
   background-color:var(--green-900)
}
.slick-slider.dots .slick-dots li{
   background-color:var(--gray-300);
   border-radius:50%;
   cursor:pointer;
   height:12px;
   margin-left:8px;
   width:12px
}
.slick-slider.dots .slick-dots button{
   visibility:hidden
}
.number-dots .slick-dots{
   align-items:center;
   display:flex;
   gap:10px;
   justify-content:center
}
.number-dots .slick-dots .slick-active{
   background-color:var(--green-900);
   color:#fff
}
.number-dots .slick-dots li{
   background-color:var(--gray-200);
   border-radius:50%;
   color:var(--gray-500);
   cursor:pointer;
   display:grid;
   height:50px;
   margin-left:8px;
   place-items:center;
   transition:all .2s;
   width:50px
}
.number-dots .slick-dots li button{
   font-weight:700
}
.number-dots .slick-dots li:hover{
   background-color:var(--green-900);
   color:#fff;
   transition:all .2s
}
.slick-track{
   display:flex!important
}
.slick-slide{
   height:auto
}
@media screen and (min-width:1024px){
   .product-nav .slick-track{
       display:flex!important;
       flex-direction:column;
       gap:24px;
       transform:translateZ(0)!important;
       width:100%!important
   }
   .product-nav .slick-track div{
       cursor:pointer;
       width:100%!important
   }
}
input[type=range]{
   -webkit-appearance:none;
   -moz-appearance:none;
   appearance:none;
   border:0;
   border-radius:1px;
   box-sizing:border-box;
   margin:0;
   outline:none;
   overflow:hidden;
   padding:0 2px;
   pointer-events:none;
   width:274px
}
input[type=range],input[type=range]#lower{
   background:linear-gradient(#e4e7ec,#e4e7ec) no-repeat 50%;
   background-size:100% 6px
}
input[type=range]#upper{
   background:linear-gradient(to right,#e4e7ec 8%,var(--green-900) 8% 98%,#e4e7ec 98%) no-repeat 50%;
   background-size:100% 6px;
   overflow:hidden;
   z-index:1
}
input[type=range]:active,input[type=range]:focus{
   outline:none
}
input[type=range]::-webkit-slider-thumb{
   -webkit-appearance:none;
   appearance:none;
   background-color:var(--green-900);
   border-radius:50%;
   box-shadow:0 1px 4px .5px rgba(0,0,0,.25);
   cursor:pointer;
   height:20px;
   margin:5px 0;
   pointer-events:all;
   position:relative;
   width:20px;
   z-index:999999999
}
.multi-range{
   height:50px;
   position:relative
}
.multi-range input[type=range]{
   position:absolute
}
.multi-range input[type=range]:first-child::-webkit-slider-thumb:before{
   background-color:var(--green-900)
}
.multi-range input[type=range]:nth-child(2){
   background:none
}
.multi-range input[type=range]:nth-child(2)::-webkit-slider-thumb:before{
   background-color:var(--green-900)
}
input:checked~.dot{
   transform:translateX(165%)
}
.package .bill-monthly{
   display:flex
}
.package .bill-annually,.package.annually .bill-monthly{
   display:none
}
.package.annually .bill-annually{
   display:flex
}
.package-list .package-card.active{
   /* background-color:var(--green-900)!important; */
   color:#fff
}
.package-list .package-card.active li>span{
   color:var(--gray-200)
}
.package-list .package-card.active>a{
   background-color:transparent;
   border-color:#fff
}
.package-list .package-card.active .tick-icon{
   display:none
}
.package-list .package-card.active .tick-icon-active{
   display:inline-block
}
.package-list .package-card:hover{
   /* background-color:var(--green-900)!important; */
   color:#fff;
   transform:translateY(-3px)
}
.package-list .package-card:hover li>span{
   color:var(--gray-200)
}
.package-list .package-card:hover>a{
   background-color:transparent;
   border-color:#fff
}
.package-list .package-card:hover .tick-icon{
   display:none
}
.package-list .package-card:hover .tick-icon-active{
   display:inline-block
}
.block-price-item.active,.block-price-item:hover{
   background-color:var(--green-900)
}
.block-price-item.active .text-heading-3,.block-price-item.active p,.block-price-item:hover .text-heading-3,.block-price-item:hover p{
   color:#fff
}
.block-price-item.active .discount,.block-price-item:hover .discount{
   background-color:#83c5be
}
.block-price-item.active .block-price-icon,.block-price-item:hover .block-price-icon{
   background-image:url(../images/icons/icon-check-white.svg)
}
.tab-item.active{
   background:#fff;
   border:2px solid var(--green-900);
   color:var(--green-900)
}
.product-tab.active{
   border-color:var(--green-100);
   color:var(--green-1000)
}
.product-tag-content{
   display:none
}
.product-tag-content.active{
   display:block
}
.partner-item:hover{
   box-shadow:14px 14px 36px 0 hsla(0,0%,60%,.22)
}

.menu_mobile_text{
   height: calc(100vh - 60px);

}
.filter_gray{
   filter: grayscale(100%);
}
input[type="checkbox"] {
   appearance: none;
   -webkit-appearance: none;
   -moz-appearance: none;
   width: 18px;
   height: 18px;
   outline: none;
   cursor: pointer;
   position: relative;
   background-color: #dfe4ea;
   border-radius: 2px;
}

/* Cambiar el color cuando el checkbox está seleccionado */
input[type="checkbox"]:checked { 
   background-color: #ff7979;
}


/* Estilo para agregar un icono */
input[type="checkbox"]::before {
   content: '\f00c'; /* Ícono de check de Font Awesome 4.5 */
   font-family: 'FontAwesome';
   font-weight: normal;
   font-size: 12px;
   color: white; /* Color del icono */
   position: absolute;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
}
.section_back_img{
   background: no-repeat center center fixed;
   color: transparent;
	text-align: center;
	text-transform: uppercase;
	background-size: cover;
	background-position: center;
   background-color: rgba(189, 195, 199,0.8);
}
.text_back_img{
   background: no-repeat center center fixed;
   color: transparent;
	text-align: center;
	text-transform: uppercase;
	font-weight: bold;
	background-size: cover;
	background-position: center;
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}
.img_brand_radio{
   height: 90%;
   max-height: 170px;
}
.h-380px{
   height: 380px;
}
.h-360px{
   height: 360px;
}

.h-180px{
   height: 180px;
}
.h-80px{
   height: 80px;
}
.h-60px{
   height: 60px;
}
.h-40px{
   height: 40px;
}
.p_10{
   padding: 10px;
}
.p_5{
   padding: 5px;
}
.p_4{
   padding: 4px;
}
.p_3{
   padding: 3px;
}
.p_2{
   padding: 2px;
}
.mb_10p{
   margin-bottom: 10%;
}
.contact-form{
   width: 100%;
   max-width: 700px;
}

@media screen and (max-width: 640px) {
   .section_video{
      height: 50vh;
      max-width: 50vh;
   }
 }
 .icon_play_pause{
   margin-left: 20px;
   height: 16px;
 }

 .max-h-300{
   max-height: 300px !important;
 }