body { padding:0px; margin:0px; background:#FCFBF6; font-size:18px; color:#000000; line-height:26px; font-family: 'Manrope-Regular'; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, audio, video, source { display: block; margin: 0; padding: 0; }
a, img { border: medium none; }
a { color: #000000; text-decoration: none; outline:none; }
div { margin: 0; padding: 0; }
p { font-size:16px; line-height:20px; padding:0px; margin:0px; color:#000000;} 
h1, h2, h3, h4, h5, h6 { font-weight:normal; padding:0px; margin:0px;  line-height: 30px; }
strong {font-family: 'Manrope-Bold'; font-weight: normal;}
ul, li { list-style:none;}
a:focus, :focus{ outline:none; }
ul,ol { list-style-type:none; padding:0px; margin:0px; }
.clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } 
.clearfix { display: inline-block; }
html[xmlns] .clearfix { display: block; } 
* html .clearfix { height: 1%; }
* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
*:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.clear { clear: both; line-height: 1px; padding:0px; height:0px; font-size:1px; }
.left { float:left; }
.right { float:right; }
.anim { transition:all 1s ease; -moz-transition:all 1s ease; -webkit-transition:all 1s ease; -o-transition:all 1s ease; }
.anim2 { transition:all .5s ease; -moz-transition:all .5s ease; -webkit-transition:all .5s ease; -o-transition:all .5s ease; }
.row { width:1350px; margin:auto; padding:0px; }
.row1 { width:100%; margin:auto; padding:0px 10px; }
html{ scroll-behavior: smooth; }
/* common css */
.sec-title { float: left; width: calc(100% - 150px); }
.sec-title h5 { color: #010202; font-size: 18px; line-height: 1.2; font-family: 'Manrope-Medium'; margin-bottom: 15px; }
.sec-title h2 { color: #010202; font-size: 34px; line-height: 1.2; font-family: 'Manrope-Medium'; }

.head-out { float: left; width: 100%; padding: 11px 11px 0px; position: relative;}
header { float: left; width: 100%; position: relative;z-index: 999; transition: all 0.5s ease;}
.hdr-main { float: left; width: 100%; padding: 0px 25px; display: flex; flex-wrap: wrap; justify-content: space-between; background: #F7F4E8; border-radius: 6px 6px;}
.logo { float: left; width: auto; display: flex; align-items: center; }
.logo img { float: left; width: auto; }
.menu-wrap { display: flex; align-items: center; column-gap: 21px; }
.head-lang { margin: 0px;}
.head-lang a { color: #101820; font-size: 14px; text-transform: uppercase; font-family: 'Manrope-Medium'; }
.is-sticky .head-out { background: #fff; /* box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.10); */ }

.other-menu { margin-left: 5px; } 
.side-menu { width: 24px; height: 26px; display: flex; align-items: center; justify-content: center; }
.side-menu.active img.nav-menu { display: none; }
.side-menu.active img.close-nav-menu { display: block; }
.other-menu-div { display: none; width: 1000px; position: absolute; right: 115px; top:100%; margin-top: 22px; }
.side-menu-open .other-menu-div { display: block; }

.main-slide { float: left; width: 100%; padding: 0px 11px; margin-top: 11px; position: relative; }
.main-slide .swiper-slide { border-radius: 8px; overflow: hidden;}
.main-slide .swiper-slide img { float: left; width: 100%; }
.main-slide .swiper-slide .banner-cnt { position: absolute; left: 0px; top: 50%; transform: translateY(-50%); width: 100%; text-align: center; }
.main-slide .swiper-slide .banner-cnt h1 { font-size: 34px; line-height: 1.2; font-family: 'Manrope-Medium'; color: #FFFFFF; margin-bottom: 15px; }
.ban-btns-div { display: inline-flex; justify-content: center; column-gap: 10px; }
a.saber-btn { display: inline-flex; width: 200px; height: 56px; align-items: center; padding: 0px 20px; border: 1px solid #fff; border-radius: 30px; 
color: #fff; font-size: 13px; line-height: 1.4; font-family: 'Manrope-Medium'; transition:all .5s ease; }
a.saber-btn:hover { background: #fff; color: #101820; }

.main-slide .swiper-button{ width: 130px; bottom:30px; margin-right: calc((100% - 1200px) / 2);  align-items: center; justify-content: space-between; position: absolute; right: 0; left: auto; top:inherit; display: flex; column-gap: 10px; z-index: 1; }
.main-slide .swiper-button-prev{left: 0; bottom: 0px; background: url("../images/ico-arrow-prev.svg") no-repeat 0 0; border: none; background-size: cover; width: 58px; height: 58px; cursor: pointer; transition:all .5s ease;}
.main-slide .swiper-button-next{ right: 0; bottom: 0px; background: url("../images/ico-arrow-next.svg") no-repeat 0 0; border: none; background-size: cover; width: 58px; height: 58px; cursor: pointer; transition:all .5s ease;}
.main-slide .main-prev:hover, .main-slide .swiper-button-next:hover{opacity: 0.7; }

.mob-ban-title { display: none; width: 100%; padding: 40px 25px 25px; text-align: center;}
.mob-ban-title h1 { font-size: 30px; line-height: 1.2; font-family: 'Manrope-Medium'; color: #000; } 

.call-wrapper { position: absolute; display: inline-block; right: 22px; top:0px; z-index: 99; }
.call-button { background: #101820;border: none;border-radius: 50px;padding: 10px 22px; display: flex; align-items: center;gap: 10px;cursor: pointer; box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25); position: relative; z-index: 9;}
.call-button .icon img { float: left; }
.call-button .title { display: none; font-size: 14px; color: #fff; font-family: 'Manrope-Medium'; }
.call-button .dot { display: inline-block; width: 6px; height: 6px; background: #fff; border-radius: 6px; }
.call-button.open .title { display: block; }
.call-button.open .dot { display: none;}
.phone-dropdown { position: absolute; top: 15px; right: 0; width: 100%; background: rgba(16, 24, 32, 0.66);
color: #ffffff;border-radius: 0 0 20px 20px; padding: 50px 10px 20px; box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);display: none;}
.phone-dropdown.show {display: block;}
.phone-item {padding: 0 0 12px;margin-bottom: 12px;border-bottom: 1px solid #FCFBF6;}
.phone-item:last-child {border-bottom: none; margin-bottom: 0; padding-bottom: 0;}
.phone-item .city {font-size: 14px; line-height: 1.2; color: #FCFBF6;margin-bottom: 5px;font-family: 'Manrope-Medium'; }
.phone-item a {color: #FCFBF6;text-decoration: none;font-size: 14px; line-height: 1.2; font-family: 'Manrope-Medium'; }
.phone-item a:hover { text-decoration: underline; }

.welcome-sec { float: left; width: 100%; padding: 70px 0px 60px; text-align: center; }
.welcome-sec h2 { color: #101820; font-size: 22px; line-height: 1.4; font-family: 'Manrope-Medium'; }

.el-nostre-sec { float: left; width: 100%; padding: 60px 0px 75px; }
.nostre-slider { float: left; width: 100%; padding-left:calc((100% - 1350px) / 2); margin-top: 35px; position: relative; }
.nostre-slider .swiper-slide { height: auto; }
.nostre-slide-out { float: left; width: 100%; height: 100%; display: flex; flex-wrap: nowrap; column-gap: 10px;}
.nostre-txt { width: 330px; padding: 38px 22px; border-radius: 6px 0px 0px 6px;}
.nostre-txt h3 { color: #101820; font-size: 22px; line-height: 1.2; font-family: 'Manrope-Medium'; margin-bottom: 25px; }
.nostre-txt p { color: #101820; font-size: 18px; line-height: 1.4; font-family: 'Manrope-Medium'; margin-bottom: 25px; }
.nostre-slide-img { float: left; width: calc(100% - 330px); border-radius: 0px 6px 6px 0px; overflow: hidden; }
.nostre-slide-img img{ float: left; width: 100%; height: 100%; object-fit: cover; }

.nostre-slider .swiper-button{ width: 78px; top:-70px; margin-right: calc((100% - 1350px) / 2);  align-items: center; justify-content: space-between; position: absolute; right: 0; left: auto; display: flex; column-gap: 5px; z-index: 1; }
.nostre-slider .swiper-button-prev-nostre {left: 0; bottom: 0px; background: url("../images/arrow-cercle-off.svg") no-repeat 0 0; border: none; width: 37px; height: 37px; cursor: pointer; }
.nostre-slider .swiper-button-next-nostre { right: 0; bottom: 0px; background: url("../images/arrow-cercle-off.svg") no-repeat 0 0; border: none; width: 37px; height: 37px; cursor: pointer;  transform: rotateZ(180deg);}
.nostre-slider .swiper-button-prev-nostre:hover { background: url("../images/arrow-cercle-on.svg") no-repeat 0 0; transform: rotateZ(180deg);}
.nostre-slider .swiper-button-next-nostre:hover { background: url("../images/arrow-cercle-on.svg") no-repeat 0 0; transform: rotateZ(0deg);}

.swiper-nav-rel { margin-top: 25px; padding-right: 45px;}
.ressen-slide .swiper-nav-rel { display: none;}

/* Progress bar wrapper */
.swiper-pagination-nostre.swiper-pagination-progressbar {position: relative;width: 100%;height: 2px;background: rgba(16, 24, 32, 0.06);}
/* Progress active line */
.swiper-pagination-nostre .swiper-pagination-progressbar-fill { display: block; background: #101820; height: 2px; transform-origin: left center; }

.quefem-sec { float: left; width: 100%; padding: 75px 0px 55px; }
.quefem-sec .absl-btn { top: 0px; }
.quefem-list { float: left; width: 100%; margin-top: 35px; }
.quefem-list ul { float: left; width: 100%; display: flex; flex-wrap: wrap; column-gap: 1%; row-gap: 20px;}
.quefem-list ul li { flex: 0 1 24.2222%; }
.quefem-list ul li a { float: left; width: 100%; height: 100%; }
.quefem-main { background: #F7F4E8; border-radius: 8px; padding: 38px 23px 31px 23px; height: 100%; }
.quefem-main h3 { color: #101820; font-size: 22px; line-height: 1.2; font-family: 'Manrope-Medium'; margin-bottom: 30px; transition:all .5s ease;}
.quefem-main p { color: #101820; font-size: 18px; line-height: 1.4; font-family: 'Manrope-Medium'; transition:all .5s ease;}
.quefem-main:hover h3 { opacity: 0.7; }
.quefem-main:hover p { opacity: 0.7; }

.cooperativa-sec { float: left; width: 100%; padding: 55px 0px; }
.cooperativa-main { float: left; width: 100%; display: flex; flex-wrap: wrap; column-gap: 1%;}
.cooperativ-div1 { flex: 0 1 24.2222%; background: #307FE2; border-radius: 8px; padding: 25px 25px;}
.cooperativ-div1 img { float: left; }
.cooperativ-div2 { flex: 0 1 41.2222%; border-radius: 8px; overflow: hidden;}
.cooperativ-div2 img { float: left; width: 100%; height: 100%; object-fit: cover;}
.cooperativ-div3 { flex: 0 1 32.5%; padding: 0px 25px 0px 20px; }
.cooperativ-div3 h5 { color: #101820; font-size: 18px; line-height: 1.2; font-family: 'Manrope-Medium'; margin-bottom: 12px; }
.cooperativ-div3 h2 { color: #101820; font-size: 34px; line-height: 1.3; font-family: 'Manrope-Medium'; margin-bottom: 25px; }
.cooperativ-div3 p { color: #101820; font-size: 18px; line-height: 1.4; font-family: 'Manrope-Medium'; margin-bottom: 35px; }
.mob-btn { float: left; width: 100%; display: none; justify-content: center; position: relative; margin-top: 25px; }

.ressen-sec { float: left; width: 100%; padding: 60px 0px; }
.ressen-slide { float: left; width: 100%; margin: 30px 0px 40px; padding-left:calc((100% - 1350px) / 2); }
.ressen-slide .swiper-slide { height: auto;}
.ressen-txt { float: left; width: 100%; border-radius: 8px; padding: 25px 25px; display: flex; flex-wrap: wrap; flex-direction: column; height: 100%; }
.star-rating { display: flex; align-items: center; column-gap: 7px; margin-bottom: 22px;}
.ressen-txt h3 { color: #101820; font-size: 18px; line-height: 1.4; font-family: 'Manrope-Medium'; margin-bottom: 15px; flex-grow: 1; }
.ressen-txt p { color: rgba(16, 24, 32, 0.3); font-size: 18px; line-height: 1.4; font-family: 'Manrope-Medium'; }
.blue-bg { background: #BDD6E6; }
.violet-bg { background: #C5B4E3; }
.rose-bg { background: #FFA38B; }
.green-bg { background: #91D6AC; }

.ressen-slide .swiper-button { width: 100%; padding: 0px 20px; align-items: center; justify-content: space-between; position: absolute; right: 0; left: 0px; display: flex; z-index: 1; }
.ressen-slide .swiper-button-prev-ressen {left: 0; bottom: 0px; background: url("../images/arrow-cercle-on.svg") no-repeat 0 0; border: none; width: 37px; height: 37px; cursor: pointer; transform: rotateZ(180deg); }
.ressen-slide .swiper-button-next-ressen { right: 0; bottom: 0px; background: url("../images/arrow-cercle-on.svg") no-repeat 0 0; border: none; width: 37px; height: 37px; cursor: pointer; }
.ressen-slide .swiper-button-prev-ressen:hover { background: url("../images/arrow-cercle-off.svg") no-repeat 0 0; transform: rotateZ(0deg);}
.ressen-slide .swiper-button-next-ressen:hover { background: url("../images/arrow-cercle-off.svg") no-repeat 0 0; transform: rotateZ(180deg); }
.swiper-pagination-ressen { display: none; }

.counter-div { float: left; width: 100%; }
.counter-div ul { float: left; width: 100%; display: flex; flex-wrap: wrap; column-gap: 1%; row-gap: 20px;}
.counter-div ul li { flex: 0 1 24.2222%; }
.counter-div ul li a { float: left; width: 100%; }
.counter-txt { background: #F7F4E8; border-radius: 8px; padding: 10px 23px; height: 100%; }
.counter-txt h3 { color: #101820; font-size: 48px; line-height: 1.2; font-family: 'Manrope-Medium'; margin-bottom: 25px; transition:all .5s ease;}
.counter-txt p { color: #101820; font-size: 18px; line-height: 1.4; font-family: 'Manrope-Medium'; transition:all .5s ease;}

.actualitat-sec { float: left; width: 100%; padding: 60px 0px 40px; }
.actualitat-main { float: left; width: 100%; position: relative; }
.actualitat-first { float: left; width: 100%; margin-top: 65px; }
.actualitat-first .actual-main { display: flex; flex-wrap: wrap; align-items: flex-start; }
.actualitat-first .actual-main .actualitat-img { flex: 0 1 50%; }
.actualitat-first .actual-main .actualitat-cnt { flex: 0 1 50%; padding: 0px 32px; } 
.actualitat-first .actual-main .actualitat-cnt h3 { color: #010202; font-size: 34px; line-height: 1.3; font-family: 'Manrope-Medium'; margin: 15px 0px 25px; }
.actualitat-first .actual-main .actualitat-cnt p { color: #010202; font-size: 19px; line-height: 1.4; font-family: 'Manrope-Medium'; margin: 0px 0px 50px; }
span.black-btn { display: inline-flex; height: 37px; align-items: center; background: #101820; padding: 0px 25px; color: #fff; font-size: 14px; line-height: 1.2; font-family: 'Manrope-Medium'; border-radius: 18px; transition:all .5s ease; }
.actualitat-first .actual-main:hover span.black-btn { background: rgba(16, 24, 32, 0.7);}
.actualitat-list { float: left; width: 100%; margin-top: 40px; }
.actualitat-list ul { float: left; width: 100%; display: flex; flex-wrap: wrap; column-gap: 1%; row-gap: 55px;}
.actualitat-list ul li { flex: 0 1 32.6666%; display: flex; flex-wrap: wrap;}
.actualitat-list ul li a { float: left; width: 100%; display: flex; flex-wrap: wrap;}
.actual-main { float: left; width: 100%; }
.actual-main .actualitat-img { float: left; width: 100%; border-radius: 8px; overflow: hidden; }
.actual-main .actualitat-img img { float: left; width: 100%; transition:all .5s ease; }
.actual-main .actualitat-cnt { float: left; width: 100%; padding-top: 25px; }
.actual-main .actualitat-cnt h3 { color: #101820; font-size: 18px; line-height: 1.3; font-family: 'Manrope-Medium'; margin-bottom: 18px; transition:all .5s ease; }
.date { display: flex; align-items: center; column-gap: 10px; }
.date h5 { color: #101820; font-size: 13px; line-height: 1.2; font-family: 'Manrope-Medium'; }
.date span.cat-tag { color: #101820; font-size: 13px; line-height: 1.2; font-family: 'Manrope-Medium'; padding: 0px 5px; border-radius: 4px; height: 22px;
display: flex; align-items: center; }
.rose-bg { background: #FFA38B; }
.violet-bg { background: #C5B4E3; }
.blue-bg { background: #BDD6E6; }
.actual-main:hover .actualitat-img img { transform: scale(1.02); }
.actual-main:hover .actualitat-cnt h3 { opacity: 0.7;}

.absl-btn { position: absolute; right: 0px; top: 40px; }

.info-ban-sec { float: left; width: 100%; padding: 110px 0px; }
.info-ban-out { float: left; width: 100%; display: flex; flex-wrap: wrap; background: #F7F4E8; border-radius: 8px; overflow: hidden;}
.info-ban-lft { flex: 0 1 440px; }
.info-ban-lft img { float: left; width: 100%; height: 100%; object-fit: cover; }
.info-ban-rgt { flex: 0 1 calc(100% - 440px); padding: 10px 70px 10px 55px; display: flex; align-items: center;}
.info-ban-cont { flex: 0 1 calc(100% - 150px); }
.info-ban-cont h5 { color: #010202; font-size: 18px; line-height: 1.2; font-family: 'Manrope-Medium'; margin-bottom: 12px; }
.info-ban-cont h2 { color: #010202; font-size: 34px; line-height: 1.2; font-family: 'Manrope-Medium'; }
.info-ban-btn { flex: 0 1 150px; display: flex; justify-content: right; }
a.black-btn { display: inline-flex; height: 37px; text-align: center; align-items: center; background: #101820; padding: 0px 25px; color: #fff; font-size: 14px; line-height: 1.2; font-family: 'Manrope-Medium'; border-radius: 18px; transition:all .5s ease; }
a.black-btn:hover { background: rgba(16, 24, 32, 0.7);}

footer { float: left; width: 100%; padding: 0px 0px; }
.ftr-top-out { float: left; width: 100%; padding: 50px 0px 40px; border-top: 1px solid #E8E3D4; display: flex; flex-wrap: wrap; }
.ftr-top-lft { flex: 0 1 calc(100% - 535px); display: flex; flex-wrap: wrap; column-gap: 2%; }
.menu-div { flex: 0 1 32%;}
.menu-div h4 { color: #9E9E9E; font-size: 18px; line-height: 1.4; font-family: 'Manrope-Medium'; margin-bottom: 15px; }
.menu-div ul { width: 100%; display: flex; flex-wrap: wrap; row-gap: 7px; }
.menu-div ul li { flex: 0 1 100%; }
.menu-div ul li a { color: #101820; font-size: 18px; line-height: 1.4; font-family: 'Manrope-Medium'; transition:all .5s ease; }
.menu-div ul li a:hover { opacity: 0.5; }
.ftr-top-rgt { flex: 0 1 535px; }
.ftr-top-rgt h4 { color: #9E9E9E; font-size: 18px; line-height: 1.4; font-family: 'Manrope-Medium'; margin-bottom: 10px; }
.ftr-top-rgt p { color: #101820; font-size: 18px; line-height: 1.4; font-family: 'Manrope-Medium'; margin-bottom: 30px;}
.news-box-out { float: left; width: 100%; position: relative;}
.news-box input[type="text"] { background: none; border: 1px solid rgba(173, 173, 173, 0.6); width: 100%; color: #9E9E9E; font-size: 18px; height: 49px; line-height: 49px; font-family: 'Manrope-Medium'; border-radius: 8px; padding: 0px 65px 0px 12px;}
.news-box button { position: absolute; right: 0px; top:0px; width: 55px; height: 49px; display: flex; align-items: center; justify-content: center; border: none; background: url('../images/icon-arrow-negre.svg') no-repeat center center; cursor: pointer;} 
.news-box button:hover { opacity: 0.7; }
.ftr-top-rgt .news-box-out p { color: #101820; font-size: 13px; line-height: 1.4; font-family: 'Manrope-Medium'; margin: 10px 0px 0px; }
.ftr-top-rgt .news-box-out p a { color: #101820; transition:all .5s ease; }
.ftr-top-rgt .news-box-out p a:hover { opacity: 0.7; }

.ftr-menu-links ul { display: flex; flex-wrap: wrap; row-gap: 15px;}
.ftr-menu-links ul li { flex: 0 1 50%;}
.ftr-menu-links ul li a { font-family: 'Gotham-Bold'; color: #000000; font-size: 16px; line-height: 22px; transition:all .5s ease;}
.ftr-menu-links ul li a:hover { opacity: 0.5; }
.ftr-other-links ul { display: flex; flex-wrap: wrap; row-gap: 15px;}
.ftr-other-links ul li { flex: 0 1 100%;}
.ftr-other-links ul li a { color: #000000; font-size: 16px; line-height: 22px; transition:all .5s ease;}
.ftr-other-links ul li a:hover { opacity: 0.5; }

.ftr-btm { float: left; width: 100%; background: #F7F4E8; padding: 80px 0px 0px; }
.ftr-btm-top { width: 100%; display: flex; flex-wrap: wrap; margin-bottom: 170px; }
.ftr-btm-lft { flex: 0 1 495px; }
.ftr-logo { float: left; width: 100%; }
.ftr-logo img { float: left; width: 100%; }
.ftr-btm-rgt { flex: 0 1 calc(100% - 495px); padding-left: 45px; display: flex; flex-wrap: wrap; column-gap: 2%; }
.address-div { flex: 0 1 32%;}
.address-div h4 { color: #9E9E9E; font-size: 13px; line-height: 1.4; font-family: 'Manrope-Medium'; margin-bottom: 15px; }
.address-div ul { width: 100%; display: flex; flex-wrap: wrap; row-gap: 5px;}
.address-div ul li { flex: 0 1 100%; color: #101820; font-size: 13px; line-height: 1.4; font-family: 'Manrope-Medium'; }
.address-div ul li a { color: #101820; transition:all .5s ease; }
.address-div ul li a:hover { text-decoration: underline; }

.ftr-btm-sec { float: left; width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between; row-gap: 25px; padding: 10px 0px 30px;}
.ftr-btm-sec > div { flex: 0 1 auto; }
.ftr-copy-sec { float: left; width: auto; display: flex; flex-wrap: wrap; align-items: center; column-gap: 42px;}
.ftr-copy-sec p { color: #101820; font-size: 13px; line-height: 1.2; font-family: 'Manrope-Medium'; }
.ftr-copy-sec ul { display: flex;align-items: center; column-gap: 44px;}
.ftr-copy-sec ul li {flex: 0 1 auto;}
.ftr-copy-sec ul li a { float: left; color: #101820; font-size: 13px; line-height: 1.2; transition:all .5s ease; font-family: 'Manrope-Medium';}
.ftr-copy-sec ul li a:hover { opacity: 0.7; }
.ftr-btm-sec .ftr-logo { display: none; margin: 50px 0px 30px;}

.ftr-other-sec { float: left; width: auto;}
.ftr-other-sec ul { display: flex;align-items: center; column-gap: 44px;}
.ftr-other-sec ul li {flex: 0 1 auto;}
.ftr-other-sec ul li a { color: #101820; font-size: 13px; line-height: 1.2; column-gap: 10px; transition:all .5s ease; display: flex;align-items: center; font-family: 'Manrope-Medium'; }
.ftr-other-sec ul li a img { float: left; }
.ftr-other-sec ul li a:hover { opacity: 0.7; }

/* inner pages */
/* nosaltres page */
.inner-banner { float: left; width: 100%; padding: 0px 11px; margin-top: 11px; position: relative; }
.inner-banner img { float: left; width: 100%; border-radius: 8px;}
.inner-banner .banner-caption { position: absolute; left: 0px; top: 50%; transform: translateY(-50%); width: 90%; text-align: left; padding-left: 45px; }
.inner-banner .banner-caption h5 { font-size: 18px; line-height: 1.2; font-family: 'Manrope-Medium'; color: #FCFBF6; margin-bottom: 10px; }
.inner-banner .banner-caption h1 { font-size: 48px; line-height: 1.3; font-family: 'Manrope-Medium'; color: #FCFBF6; }

.breadcrum { float: left; width: 100%; position: absolute; left: 0px; top:25px; padding-left: 35px; }
.breadcrum ul { float: left; width: 100%; display: flex; flex-wrap: wrap; }
.breadcrum ul li { flex: 0 1 auto; color: #FCFBF6; font-size: 12px; position: relative; font-family: 'Manrope-Medium';}
.breadcrum ul li:not(:last-child)::after { content: "/"; position: relative; color: #FCFBF6; font-family: 'Manrope-Medium'; font-size: 12px; margin: 0px 3px; }
.breadcrum ul li a { color: #FCFBF6; font-family: 'Manrope-Medium'; font-size: 12px; transition: all 0.5s ease;}
.breadcrum ul li a:hover { opacity: 0.5;}

.inner-wel-sec { float: left; width: 100%; padding: 80px 0px 100px; text-align: center;}
.inner-wel-sec h2 { color: #101820; font-size: 22px; line-height: 1.4; font-family: 'Manrope-Medium'; }

.nosaltres-cont-sec { float: left; width: 100%; padding: 0px 0px; }
.nosaltre-cont-main { float: left; width: 100%; padding-top: 35px; border-top: 1px solid #E8E3D4; }
.nos-cont-lft { float: left; width: 340px;  position: sticky; top: 100px; align-self: flex-start; height: max-content;z-index: 5;}
.nosal-lft-menu { float: left; width: 100%; }
.nosal-lft-menu ul { display: flex; flex-wrap: wrap; row-gap: 2px; }
.nosal-lft-menu ul li { flex: 0 1 100%; }
.nosal-lft-menu ul li a { color: #9E9E9E; font-size: 18px; line-height: 1.2; font-family: 'Manrope-Medium'; transition: all 0.5s ease; }
.nosal-lft-menu ul li a.active, .nosal-lft-menu ul li a:hover { color: #101820; }
.nos-cont-rgt { float: left; width: calc(100% - 340px); }
.nos-cont-item { float: left; width: 100%; padding: 25px 0px 100px; border-top: 1px solid #E8E3D4; }
.nos-cont-item:first-child { padding-top: 0px; border-top: none;}
.nos-cont-item:last-child { padding-bottom: 0px; }
.cont-title { float: left; width: 100%; margin-bottom: 50px; }
.cont-title h5 { color: #101820; font-size: 14px; line-height: 1.2; font-family: 'Manrope-Medium'; margin-bottom: 18px; }
.cont-title h2 { color: #101820; font-size: 34px; line-height: 1.3; font-family: 'Manrope-Medium'; }
.cont-title p { color: #101820; font-size: 18px; line-height: 1.4; font-family: 'Manrope-Medium'; margin-top: 15px;}

.image-cont { float: left; width: 100%; display: flex; flex-wrap: wrap; column-gap: 2.5%; }
.img-cont-lft { flex: 0 1 48.75%; }
.img-divv {border-radius: 8px; overflow: hidden; }
.img-divv img { float: left; width: 100%; }
.img-cont-rgt { flex: 0 1 48.75%; }
.para-cnt p { color: #101820; font-size: 18px; line-height: 1.4; font-family: 'Manrope-Medium'; margin-bottom: 22px; }
.para-cnt p:last-child { margin-bottom: 0px; }

.icon-list-cont { float: left; width: 100%; }
.icon-list-cont > ul { display: flex; width: 100%; column-gap: 1%; }
.icon-list-cont > ul > li { flex: 0 1 32.6666%; background: #F7F4E8; padding: 25px 22px 40px; }
.icon-list-cont ul li h3 { color: #000; font-size: 34px; line-height: 1.2; font-family: 'Manrope-Medium'; margin: 10px 0px 12px; }
.icon-list-cont ul li p { color: #000; font-size: 18px; line-height: 1.4; font-family: 'Manrope-Medium'; }
.ul-list { width: 100%; display: flex; flex-wrap: wrap; row-gap: 3px; padding-left: 10px; }
.ul-list li { color: #000; font-size: 18px; line-height: 1.4; font-family: 'Manrope-Medium'; /* padding-left: 18px; */ position: relative;}
/* .ul-list li::before { content: ""; position: absolute; left: 0px; top:11px; width: 5px; height: 5px; background: #000; border-radius: 5px; } */

.fulwidth-img { float: left; width: 100%; border-radius: 8px; overflow: hidden; }
.fulwidth-img img { float: left; width: 100%; }

.nostre-equip-cont { float: left; display: flex; flex-wrap: wrap; width: 100%; border-radius: 8px; overflow: hidden; margin-top: 25px; }
.nos-equip-lft { width: 375px; background: #BDD6E6; padding: 25px 55px 25px 25px; }
.nos-equip-lft p { color: #101820; font-size: 18px; line-height: 1.4; font-family: 'Manrope-Medium'; } 
.nos-equip-rgt { width: calc(100% - 375px); }
.nos-equip-rgt img { float: left; width: 100%; height: 100%; object-fit: cover;}

.seguent-lst { float: left; width: 100%; margin-bottom: 70px; }
.seguent-lst h5 { color: #101820; font-size: 18px; line-height: 1.4; font-family: 'Manrope-Medium'; margin-bottom: 15px;} 
.seguent-lst ul { float: left; width: 100%; display: flex; flex-wrap: wrap; row-gap: 8px; }
.seguent-lst ul li { flex: 0 1 100%; background: #F7F4E8; border-radius: 8px; padding: 17px 90px 17px 35px; }
.seguent-lst ul li p { color: #010202; font-size: 22px; line-height: 1.4; font-family: 'Manrope-Medium'; }
.rigor-cont-div { float: left; width: 100%; display: flex; flex-wrap: wrap; column-gap: 2.5%; align-items: flex-start; }

.rigor-cont-lft { flex: 0 1 48.75%; display: flex; flex-wrap: wrap; row-gap: 14px; }
.img-rigor { border-radius: 8px; overflow: hidden; }
.img-rigor img { float: left; width: 100%; }
.rigor-cont-rgt { flex: 0 1 48.75%; }
.rigor-cont-rgt p { color: #010202; font-size: 18px; line-height: 1.4; font-family: 'Manrope-Medium'; }
.rigor-cont-rgt .ul-list { margin: 30px 0px 25px; row-gap: 25px; }

.politica-cont-div { float: left; width: 100%; margin-top: 80px;}
.politica-cont-div h3 { float: left; width: 100%; color: #101820; font-size: 18px; line-height: 1.4; font-family: 'Manrope-Medium'; margin-bottom: 20px;}
.politica-cont-div p { float: left; width: 100%; color: #010202; font-size: 18px; line-height: 1.4; font-family: 'Manrope-Medium'; padding-bottom: 15px;}
.politica-cont-div p:last-child { padding-bottom: 0;}

.treb-cont-div { float: left; width: 100%; margin-bottom: 45px; display: flex; flex-wrap: wrap; column-gap: 1%; }
.treb-cont-div:last-child { margin-bottom: 0px; }
.treb-img-div { width: 34%; border-radius: 8px; overflow: hidden; }
.treb-img-div img { float: left; width: 100%; height: 100%; object-fit: cover;}
.treb-data-cont { width: 21%; display: flex; flex-wrap: wrap; row-gap: 10px; }
.treb-data { width: 100%; padding: 10px 10px; border-radius: 8px; height: 125px; }
.treb-data p { color: #010202; font-size: 18px; line-height: 1.4; font-family: 'Manrope-Medium'; }
.treb-data h3 { color: #010202; font-size: 34px; line-height: 1.2; font-family: 'Manrope-Medium'; margin-top: 10px; }
.treb-data.title { height: 60px; padding: 3px 10px;}

.rose-bg1 { background: rgba(255, 163, 139, 0.40); }
.rose-bg2 { background: #FFA38B; }
.violet-bg1 { background: rgba(197, 180, 227, 0.40); }
.violet-bg2 { background: #C5B4E3; }
.blue-bg1 { background: rgba(189, 214, 230, 0.40); }
.blue-bg2 { background: #BDD6E6; }
.green-bg1 { background: rgba(145, 214, 172, 0.40); }
.green-bg2 { background: #91D6AC; }

.grey-bg { background: #F7F4E8; border-radius: 8px; }
.grey-bg .treb-data { padding: 13px 15px; }
.treb-data-cont p { color: #010202; font-size: 18px; line-height: 1.4; font-family: 'Manrope-Medium'; }
.treb-data-cont ul { width: 100%; display: flex; flex-wrap: wrap; row-gap: 10px; padding-left: 10px; margin-top: 15px; }
.treb-data-cont ul li { color: #000; font-size: 18px; line-height: 1.4; font-family: 'Manrope-Medium'; padding-left: 15px; position: relative;}
.treb-data-cont ul li::before { content: ""; position: absolute; left: 0px; top:11px; width: 5px; height: 5px; background: #000; border-radius: 5px; }

/* inner page css */
.clr-list-cont { float: left; width: 100%; }
.clr-list-cont > ul { display: flex; width: 100%; column-gap: 1%; }
.clr-list-cont > ul > li { flex: 0 1 32.6666%; border-radius: 8px; overflow: hidden;}
.clr-list-cont > ul > li > a > div { float: left; width: 100%; height: 100%;}
.clr-list-cont > ul > li > a > div.clr1 { background: #91D6AC;}
.clr-list-cont > ul > li > a > div.clr2 { background: #C5B4E3;}
.clr-list-cont > ul > li > a > div.clr3 { background: #BDD6E6;}
.clr-list-cont ul li .clr-img { float: left; width: 100%;}
.clr-list-cont ul li .clr-img img { float: left; width: 100%;}
.clr-list-cont ul li .clr-cnt { float: left; width: 100%; padding: 20px 22px;}
.clr-list-cont ul li .clr-cnt h3 { color: #101820; font-size: 22px; line-height: 1.2; font-family: 'Manrope-Medium'; margin-bottom: 12px; transition: all 0.5s ease;}
.clr-list-cont ul li .clr-cnt p { color: #101820; font-size: 18px; line-height: 1.4; font-family: 'Manrope-Medium'; transition: all 0.5s ease;}
.clr-list-cont ul li:hover .clr-cnt h3 { opacity: 0.7;}
.clr-list-cont ul li:hover .clr-cnt p { opacity: 0.7;}

.society-list { float: left; width: 100%;}
.society-list ul { float: left; width: 100%; display: flex; flex-wrap: wrap; column-gap: 1%; row-gap: 20px;}
.society-list ul li { flex: 0 1 100%; }
.society-list ul li a { float: left; width: 100%; }
.society-main { float: left; width: 100%; display: flex; flex-wrap: wrap; background: #F7F4E8; border-radius: 8px; overflow: hidden;}
.society-img { flex: 0 1 340px;}
.society-img img { float: left; width: 100%; height: 100%; object-fit: cover;}
.society-cnt { flex: 0 1 calc(100% - 340px); padding: 20px 22px 45px;}
.society-cnt h3 { color: #101820; font-size: 22px; line-height: 1.2; font-family: 'Manrope-Medium'; margin-bottom: 15px; transition:all .5s ease;}
.society-cnt p { color: #101820; font-size: 18px; line-height: 1.4; font-family: 'Manrope-Medium'; transition:all .5s ease;}
.society-cnt span { color: #101820; font-family: 'Manrope-ExtraBold'; text-decoration: underline; transition: all 0.5s ease;} 
.society-main:hover .society-cnt h3 { opacity: 0.7; }
.society-main:hover .society-cnt p { opacity: 0.7; }
.society-main:hover .society-cnt span {opacity: 0.7;}

.future-sec { float: left; width: 100%;}
.future-sec h4 { float: left; width: 100%; color: #101820; font-size: 18px; line-height: 1.4; font-family: 'Manrope-Medium'; margin-bottom: 30px;}
.future-list { float: left; width: 100%;}
.future-list ul { float: left; width: 100%; display: flex; flex-wrap: wrap; column-gap: 1%; row-gap: 10px;}
.future-list ul li { flex: 0 1 100%; }
.future-list ul li a { float: left; width: 100%; }
.future-main { float: left; width: 100%; display: flex; flex-wrap: wrap; column-gap: 40px; background: #F7F4E8; border-radius: 8px; padding: 18px 50px 35px 35px; }
.future-title { flex: 0 1 150px;}
.future-cnt { flex: 0 1 calc(100% - 190px);}
.future-title h3 { color: #101820; font-size: 22px; line-height: 1.2; font-family: 'Manrope-Medium';}
.future-cnt p { color: #101820; font-size: 18px; line-height: 1.4; font-family: 'Manrope-Medium';}
.future-cnt > ul { float: left; width: 100%; display: flex; flex-wrap: wrap; row-gap: 3px;}
.future-cnt > ul > li { flex: 0 1 100%; position: relative; /* padding-left: 15px; */ font-family: 'Manrope-Medium';}
/* .future-cnt > ul > li::before { position: absolute; content: ""; top: 10px; left: 0; background: #010202; width: 6px; height: 6px; border-radius: 15px;} */
.cta-btn { float: right; width: 100%; display: flex; flex-wrap: wrap; justify-content: right; margin-top: 50px;}
.pill-link {display:inline-flex; align-items:center; gap:4px; text-decoration:none;}
.pill-text { height: 37px; font-size:14px; font-family: 'Manrope-Medium'; color:#101820; border:1px solid #101820; border-radius:999px; padding:0 20px; background:none; display: inline-flex; align-items: center; justify-content: center; white-space:nowrap; transition: all 0.5s ease;}
.pill-arrow {display:inline-flex; align-items:center; justify-content:center; width:37px; height:37px; background-color:#101820; color:#fff; border-radius:50%; font-size:20px; line-height:1; flex-shrink:0;}
.pill-link:hover .pill-text {background-color:#101820; color: #FFFFFF;}
.pill-link:hover .pill-arrow {background-color:#101820;}

.serveis-atencio-sec { float: left; width: 100%; padding-bottom: 130px;}
.serveis-cont-main { float: left; width: 100%; padding-top: 60px; border-top: 1px solid #E8E3D4;}
.para-cnt h3 { float: left; width: 100%; color: #9E9E9E; font-size: 18px; line-height: 1.4; font-family: 'Manrope-Medium'; padding-bottom: 5px;}
.serveis-cont-main .image-cont { align-items: center;}
.que-oferim-sec { float: left; width: 100%;}
.que-oferim-sec .cont-title { margin-bottom: 30px;}
.que-oferim-sec .cont-title h5 { font-size: 18px; margin-bottom: 12px;}

.que-oferim-list { float: left; width: 100%; }
.que-oferim-list > ul { display: flex; width: 100%; column-gap: 1%; }
.que-oferim-list > ul > li { flex: 0 1 32.6666%; border-radius: 8px; overflow: hidden;}
.que-oferim-list > ul > li > div { float: left; width: 100%; height: 100%; padding: 30px 35px 30px 20px;}
.que-oferim-list > ul > li > div.clr1 { background: #BDD6E6;}
.que-oferim-list > ul > li > div.clr2 { background: #FFA38B;}
.que-oferim-list > ul > li > div.clr3 { background: #91D6AC;}
.que-oferim-list .oferim-cnt { float: left; width: 100%; display: flex; flex-wrap: wrap; row-gap: 25px; height: 100%; justify-content: space-between;}
.que-oferim-list .oferim-cnt h3 { color: #101820; font-size: 22px; line-height: 1.2; font-family: 'Manrope-Medium'; margin-bottom: 30px; transition:all .5s ease;}
.que-oferim-list .oferim-cnt p { color: #101820; font-size: 18px; line-height: 1.4; font-family: 'Manrope-Medium'; transition:all .5s ease;}
.que-oferim-list .oferim-cnt .mes-lnk { display: flex; align-items: flex-end;}
.mes-lnk { float: left; width: 100%; }
.mes-lnk a { display: inline-flex; height: 37px; align-items: center; background: #101820; padding: 0px 25px; color: #fff; font-size: 14px; line-height: 1.2; font-family: 'Manrope-Medium'; border-radius: 25px; transition:all .5s ease; }
.mes-lnk a:hover { background: rgba(16, 24, 32, 0.8); }

/********************************/
.serveis-banner .breadcrum { width: auto; position: relative; padding: 0; top: auto; left: auto;}
.serveis-banner .breadcrum ul li, .serveis-banner .breadcrum ul li a { color: #101820; }
.serveis-banner .breadcrum ul li:not(:last-child)::after { color: #101820; }

.serveis-flex { display: grid; grid-template-columns: 0.5fr 1fr; gap: 10px;}
.serveis-banner .serveis-ban-lft { background: #FFA38B; border-radius: 8px; display: flex; flex-wrap: wrap; padding: 20px 25px; }
.serveis-banner .serveis-ban-lft.blue-bg { background: #BDD6E6;}
.serveis-banner .banner-caption { position: relative; padding: 0; top: auto; transform: none; left: auto;}
.serveis-banner .banner-caption h1 { color: #101820; font-size: 34px; margin-bottom: 10px;}
.serveis-banner .banner-caption p { color: #101820; font-size: 18px; line-height: 1.4; font-family: 'Manrope-Medium'; margin-bottom: 35px;}
.tornar-btn { float: left;}
.tornar-btn a { display: flex; flex-wrap: wrap; column-gap: 5px; align-items: center;}
.tornar-btn .back-btn { transform: scaleX(-1);}
.tornar-btn .back-btn img { float: left; }
.tornar-btn a span { display: flex; flex-wrap: wrap; align-items: center; transition: all 0.4s ease; padding: 0px 30px; height: 37px; border: 1px solid #101820; border-radius: 30px; background: transparent; font-size: 14px; font-family: 'Manrope-Medium'; }
.tornar-btn a:hover span { background: #101820; color: #ffffff;}

.companyem-sec { float: left; width: 100%; padding: 95px 0 130px;}
.companyem-sec h2 { font-size: 34px; line-height: 1.4; color: #000000; font-family: 'Manrope-Medium'; max-width: 68%; float: right;}
.companyem-sec h2 span { color: #9E9E9E;}

.serveis-faq { float: left; width: 100%; padding: 0px 0px; }
.serveis-cont-main { float: left; width: 100%; padding-top: 60px; border-top: 1px solid #E8E3D4; margin-bottom: 100px;}
.serveis-cont-lft { float: left; width: 420px;  position: sticky; top: 100px; align-self: flex-start; height: max-content;z-index: 5;}
.serveis-cont-lft p { color: #000000; font-size: 22px; line-height: 1.4; font-family: 'Manrope-Medium'; }
.serveis-cont-rht { float: left; width: calc(100% - 420px); }

.accordion { float: left; width: 100%;}
.accordion-item { margin-bottom: 0px; border-bottom: 2px solid #E8E3D4; overflow: hidden;}
.accordion-header { padding: 25px 40px 25px 0px; font-family: 'Manrope-Bold'; cursor: pointer; position: relative; color: #101820; font-size: 18px; transition: all 0.5s ease;}
.accordion-header::after { content: ''; display: block; height: 37px; width: 37px; margin-top: 0px;
pointer-events: none; position: absolute; right: 12px; top: 50%; background: url(../images/arrow-down.svg) no-repeat 0 0; 
transform: translateY(-50%); -webkit-transition: all 0.15s ease-in-out; transition: all 0.15s ease-in-out; }
.accordion-item.active .accordion-header::after { transform: rotate(-180deg); margin-top: -18px; }

.accordion-content { display: none; padding: 0 0px 40px 0; float: left; width: 100%;}
.accordion-content p { font-size: 18px; line-height: 1.6; color: #000; margin-bottom: 30px; font-family: 'Manrope-Medium'; transition: all 0.4s ease;}
.accordion-content p:last-child { margin-bottom: 0;}
.accordion-item:last-child { margin-bottom: 0; /* border-bottom: none; */}
.accordion-header:hover { color: var(--txt-blue);}
.accordion-content .accordion-img ul { display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px; margin-left: 0px;}
.accordion-content .accordion-img ul li img { float: left; width: 100%; }

.flexibilitat-sec { float: left; width: 100%; padding: 0px 0px; }
.flexibilitat-inn { float: left; width: 100%; padding-top: 35px; border-top: 1px solid #E8E3D4; }
.flexibilitat-inn h2 { color: #101820; font-size: 34px; line-height: 1.2; font-family: 'Manrope-Medium'; }
.flexibilitat-inn h5 { color: #000000; font-size: 18px; line-height: 1.4; font-family: 'Manrope-Medium'; margin-bottom: 20px;}
.flexibilitat-list { float: left; width: 100%; margin-top: 50px;}
.flexibilitat-list ul { display: grid; grid-template-columns: repeat(4, 1fr); gap: 10px;}
.flexibilitat-list ul li a { float: left; width: 100%; background: #F7F4E8; border-radius: 8px; overflow: hidden; height: 100%;}
.flexibilitat-list ul li .flex-img { float: left; width: 100%;}
.flexibilitat-list ul li .flex-img img { float: left; width: 100%;}
.flexibilitat-list ul li .flex-cnt { float: left; width: 100%; padding: 30px 20px 30px;}
.flexibilitat-list ul li .flex-cnt h3 { color: #101820; font-size: 22px; line-height: 1.4; font-family: 'Manrope-Medium'; margin-bottom: 15px;}
.flexibilitat-list ul li .flex-cnt p { color: #010202; font-size: 18px; line-height: 1.5; font-family: 'Manrope-Medium'; }

.info-ban-out.green { background: #91D6AC;}
.info-ban-out.rose { background: #FFA38B;}
.info-ban-out.blue { background:#BDD6E6;}

.seguretat-sec { float: left; width: 100%; padding: 0px 0px; }
.seguretat-cont-main { float: left; width: 100%; padding-top: 15px; border-top: 1px solid #E8E3D4; margin-bottom: 170px;}
.seguretat-sec .cont-title { margin-bottom: 75px;}
.seguretat-sec .cont-title h5 { font-size: 18px;}
.seguretat-list { float: left; width: 100%;}
.seguretat-list ul { float: left; width: 100%; display: flex; flex-wrap: wrap; row-gap: 60px; column-gap: 2%;}
.seguretat-list ul li { flex: 0 1 32%;}
.seguretat-main { float: left; width: 100%; display: flex; flex-wrap: wrap; align-items: flex-start; column-gap: 25px;}
.seguretat-main .seguretat-img { flex: 0 1 83px; height: 83px; border-radius: 8px; display: flex; align-items: center; justify-content: center; background: #F7F4E8;}
.seguretat-main .seguretat-img img { width: auto; }
.seguretat-main .seguretat-cnt { flex: 0 1 calc(100% - 108px);}
.seguretat-main .seguretat-cnt h3 { color: #101820; font-size: 22px; line-height: 1.4; font-family: 'Manrope-Medium'; margin-bottom: 10px;}
.seguretat-main .seguretat-cnt p { color: #010202; font-size: 17px; line-height: 1.4; font-family: 'Manrope-Medium'; }

.territory-sec { float: left; width: 100%; padding: 0px 0px; }
.territory-cont-main { float: left; width: 100%; padding-top: 35px; border-top: 1px solid #E8E3D4; margin-bottom: 100px;}
.main-cont-title { float: left; width: 100%; display: flex; flex-wrap: wrap; align-items: center; row-gap: 30px; justify-content: space-between; margin-bottom: 50px;}
.main-cont-title .cont-title { margin-bottom: 0px; flex: 0 1 25%;}
.main-cont-title .cont-title h5 { font-size: 18px;}
.main-cont-title .cont-para { flex: 0 1 60%;}
.main-cont-title .cont-para p { color: #010202; font-size: 18px; line-height: 1.4; font-family: 'Manrope-Medium'; }

.territory-list { float: left; width: 100%; }
.territory-list ul { display: flex; width: 100%; column-gap: 1%; }
.territory-list ul li { flex: 0 1 32.6666%;}
.territory-list ul li img { float: left; width: 100%;}
.territory-list ul li h3 { float: left; width: 100%; padding-top: 10px; color: #000000; font-size: 18px; line-height: 1.4; font-family: 'Manrope-Medium'; transition: all 0.5s ease;}
.territory-list ul li:hover h3 { opacity: 0.7; }

.ressen-sec.inner-ressen-sec { padding: 150px 0 30px; }
.ressen-sec.inner-ressen-sec .ressen-slide { margin-bottom: 0px; }
.ressen-sec.inner-ressen-sec .swiper-nav-rel { display: none; }

.inner-title-sec { float: left; width: 100%; position: relative; padding: 15px 0 90px; }
.inner-title-sec .breadcrum { position: relative; top: 10px; }
.inner-title-sec .breadcrum ul li { color: #101820; }
.inner-title-sec .breadcrum ul li a { color: #101820; }
.inner-title-sec .breadcrum ul li:not(:last-child)::after { color: #101820; }
.inner-title-sec .call-wrapper { top: 15px; }

.inner-actualitat-sec { float: left; width: 100%; padding: 0 0 50px;}
.inner-actualitat-sec h1 { float: left; width: 100%; color: #101820; font-size: 34px; line-height: 1.4; font-family: 'Manrope-Medium'; padding-bottom: 70px;}
.actualitat-filter-list { float: left; width: 100%; display: flex; align-items: center; flex-wrap: wrap; column-gap: 20px; justify-content: space-between; margin-bottom: 35px;}
.actualitat-filter-list ul { float: left; width: auto; display: flex; flex-wrap: wrap; column-gap: 10px; row-gap: 10px;}
.actualitat-filter-list ul li a { padding: 0px 25px;display:inline-flex; width: auto; height: 37px; align-items: center; justify-content: center; border-radius: 30px; border: 1px solid #101820; color:#101820;font-size:14px;line-height: 24px; font-family: 'Manrope-Medium'; position:relative;transition:all .5s ease;}
.actualitat-filter-list ul li a.active { background: #101820; color: #FFFFFF; border-color: #101820;}
.actualitat-filter-list ul li:nth-child(2) a { border: 1px solid #547DCB; color:#547DCB;}
.actualitat-filter-list ul li:nth-child(3) a { border: 1px solid #F28062; color:#F28062;}
.actualitat-filter-list ul li:nth-child(4) a { border: 1px solid #45A96C; color:#45A96C;}
.actualitat-filter-list ul li:nth-child(5) a { border: 1px solid #9A78D7; color:#9A78D7;}
.actualitat-filter-list ul li a:hover { background: #101820; color: #FFFFFF; border-color: #101820;}
.articles-count span { color: #9E9E9E; font-size: 18px; line-height: 1.4; font-family: 'Manrope-Medium';}
.inner-actualitat-sec .pagination { justify-content: right;}
.inn-act-lst { margin-top: 0;}

.pagination { float: left; width: 100%; display:flex; align-items:center; justify-content:center; gap:10px; margin-top:100px;}
.page-list { display:flex; gap:5px; list-style:none; padding:0; margin:0;}
.page-list li a {width:38px; height:38px; font-family: 'Manrope-SemiBold'; display:flex; align-items:center; justify-content:center; border-radius:50%; background:#F7F4E8; color:#101820; font-size:18px; text-decoration:none; transition:0.3s ease;}
.page-list li a:hover {background:#101820; color:#FFFFFF;}
.page-list li a.active {background:#101820; color:#FFFFFF;}
.prev-btn { width:38px; height:38px; display:flex; align-items:center; justify-content:center; border-radius:50%; background:#F7F4E8; transition:0.3s ease;}
.prev-btn img { float: left; width: auto; transform: rotate(180deg);}
.prev-btn:hover {background:#101820; color:#FFFFFF;}
.prev-btn:hover img { filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(7500%) hue-rotate(1deg) brightness(101%) contrast(107%);}
.next-btn { width:38px; height:38px; display:flex; align-items:center; justify-content:center; border-radius:50%; background:#F7F4E8; transition:0.3s ease;}
.next-btn img { float: left; width: auto;}
.next-btn:hover {background:#101820; color:#FFFFFF;}
.next-btn:hover img { filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(7500%) hue-rotate(1deg) brightness(101%) contrast(107%);}

.newsletter-sec { float: left; width: 100%; padding:120px 0;}
.newsletter-main { max-width:675px; margin:0 auto 30px; text-align:center;}
.newsletter-sec h2 { font-size:34px; line-height: 1.4; font-family: 'Manrope-Medium'; color:#101820; padding-bottom: 55px;}
.newsletter-form { display:flex; justify-content:center; align-items:flex-start; row-gap:8px; column-gap: 12px; flex-wrap:wrap;}
.newsletter-form input[type="email"] {padding:0 10px; display: inline-flex; align-items: center; height: 50px; width:448px; background: none; border:1px solid rgba(173, 173, 173, 0.60); border-radius:8px; font-size:18px; color: #9E9E9E; font-family: 'Manrope-Medium'; outline:none; transition: all 0.5s ease;}
.newsletter-form input[type="email"]:focus { border-color:#101820;}
.newsletter-form button {padding:0 25px; display: inline-flex; align-items: center; height: 50px; background-color:#101820; color:#FCFBF6; border:none; border-radius:30px; font-size:14px; font-family: 'Manrope-Medium'; cursor:pointer; transition:all 0.5s ease;}
.newsletter-form button:hover { opacity: 0.7;}
.newsletter-form .privacy { width:100%; font-size:13px; line-height: 1.4; font-family: 'Manrope-Medium'; color:#9E9E9E; text-align:left;}

.actualitat-filter-list .mob-title-filter { float: left; width: 100%; display: none; margin-bottom: 0px; }
.actualitat-filter-list .mob-title-filter .mob-title-cnt { float: left; width: 100%; display: flex; align-items: center; justify-content: center; }
.actualitat-filter-list .mob-title-filter h1 { float: left; width: calc(100% - 59px); font-size: 18px; line-height: 1.2; font-family: 'Manrope-Medium'; color: #101820; margin-bottom: 0; padding-bottom: 0px; }
.actualitat-filter-list .mob-title-filter .mob-filter { float: right; width: auto; margin-left: 15px; }
.actualitat-filter-list .mob-title-filter .mob-filter a { float: left; width: 40px; height: 40px; background: #101820 url("../images/filter.svg") no-repeat center center; border-radius: 5px; }
.actualitat-filter-list .mob-title-filter .mob-filter a.close {background: #101820 url("../images/close-btn.png") no-repeat center center; }

/* actualitat/blog detail */
.detail-actualitat-sec { float: left; width: 100%; padding: 0px 0px 100px; }
.actualitat-det-main { float: left; width: 100%; display: flex; flex-wrap: wrap; align-items: flex-start;}
.actualitat-det-lft { float: left; width: 33%; padding-right: 20px; position: sticky; top: 100px;}
.actualitat-det-lft .date { flex-direction: column; row-gap: 10px; align-items: flex-start; }
.actualitat-det-rgt { float: left; width: 67%; }
a.blog-back { display: inline-flex; align-items: center; column-gap: 10px; color: #101820; font-size: 13px; line-height: 1.2; font-family: 'Manrope-Medium'; margin-bottom: 22px; transition: all 0.5s ease; }
a.blog-back img {float: left; width: 20px;}
a.blog-back:hover { opacity: 0.7; }
.actualitat-det-rgt h1 { color: #101820; font-size: 34px; line-height: 1.3; font-family: 'Manrope-Medium'; margin-bottom: 40px; }
.full-width-img { float: left; width: 100%; margin-bottom: 50px; }
.full-width-img .img-div { float: left; width: 100%; border-radius: 8px; overflow: hidden; }
.full-width-img .img-div img { float: left; width: 100%; }
.full-width-img h6 { float: left; width: 100%;color: #9E9E9E; font-size: 13px; line-height: 1.2; font-family: 'Manrope-Medium'; margin-top: 10px;}
.actualitat-det-rgt p { color: #101820; font-size: 18px; line-height: 1.4; font-family: 'Manrope-Medium'; margin-bottom: 22px; }
.actualitat-det-rgt p a { text-decoration: underline; transition: all 0.5s ease; }
.actualitat-det-rgt p a:hover { opacity: 0.7; } 
.greybox-cont { float: left; width: 100%; background: #F7F4E8; border-radius: 8px; padding: 35px 45px; margin: 18px 0px 60px;}
.greybox-cont p { color: #101820; font-size: 22px; line-height: 1.4; font-family: 'Manrope-Medium'; margin: 0px 0px;}
.greybox-cont p a { text-decoration: underline; transition: all 0.5s ease; }
.greybox-cont p a:hover { opacity: 0.7; }
.actualitat-det-rgt h3 { color: #101820; font-size: 22px; line-height: 1.3; font-family: 'Manrope-SemiBold'; margin-bottom: 15px; }

.torna-blog-div { float: left; width: 100%; margin-top: 40px; }
a.torna-blog { display: inline-flex; align-items: center; column-gap: 10px; color: #101820; font-size: 18px; line-height: 1.2; font-family: 'Manrope-Medium'; transition: all 0.5s ease; }
a.torna-blog:hover { opacity: 0.7; }

/* formacio-acces-alumnat page */
.inner-actualitat-sec.access-alumnat h1 { padding-bottom: 30px; font-size: 48px;}
.alumnat-lst { float: left; width: 100%; margin-top: 80px; }
.alumnat-lst ul { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px;}
.alumnat-lst ul li a { float: left; width: 100%; background: #F7F4E8; border-radius: 8px; overflow: hidden; height: 100%; padding: 40px 40px; }
.alumnat-lst ul li .alumnat-img { float: left; width: 100%; margin: 65px 0px; display: flex; align-items: center; justify-content: center; height: 132px;}
.alumnat-lst ul li .alumnat-img img { float: left; width: auto; }
.alumnat-lst ul li h3 { color: #101820; font-size: 22px; line-height: 1.4; font-family: 'Manrope-Medium'; }
.alumnat-lst ul li p { color: #010202; font-size: 18px; line-height: 1.5; font-family: 'Manrope-Medium'; }

/* insercio-laboral */
.lab-img-cont { float: left; width:100%; display: flex; flex-wrap: wrap; align-items: flex-start; }
.lab-img-lft { flex: 0 1 50%; overflow: hidden; border-radius: 8px; }
.lab-img-lft img { float: left; width: 100%; }
.lab-img-rgt { flex: 0 1 50%; padding-left: 55px; }
.lab-img-rgt h5 { color: #101820; font-size: 18px; line-height: 1.4; font-family: 'Manrope-Medium'; margin-bottom: 15px; }
.lab-img-rgt h2 { color: #010202; font-size: 34px; line-height: 1.2; font-family: 'Manrope-Medium'; }
.lab-img-rgt h2 span{ color: #9E9E9E; }

.lab-servie-lst { float: left; width:100%; margin: 110px 0px; }
.lab-servie-lst ul { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; }
.lab-servie-lst ul li { border-radius: 8px; padding: 26px 26px; }
.lab-servie-lst ul li h3 { color: #101820; font-size: 22px; line-height: 1.2; font-family: 'Manrope-Medium'; margin-bottom: 10px;}
.lab-servie-lst ul li p { color: #101820; font-size: 18px; line-height: 1.4; font-family: 'Manrope-Medium';}

.lab-page-lst { float: left; width:100%; }
.lab-page-lst.lab-sec { margin-top: 150px;}
.lab-page-lst ul { display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px; }
.lab-page-lst ul li { border-radius: 8px; background: #F7F4E8; overflow: hidden; }
.lab-page-lst ul li .img-div { float: left; width:100%; overflow: hidden; }
.lab-page-lst ul li .img-div img { float: left; width:100%; transition: all 0.5s ease; }
.lab-page-lst ul li .page-txt { float: left; width:100%; padding: 15px 23px 30px; }
.lab-page-lst ul li .page-txt h3 { color: #101820; font-size: 34px; line-height: 1.2; font-family: 'Manrope-Medium'; margin-bottom: 18px; transition: all 0.5s ease; }
.lab-page-lst ul li .page-txt p { color: #101820; font-size: 18px; line-height: 1.4; font-family: 'Manrope-Medium'; }
.lab-page-lst ul li:hover .img-div img { transform: scale(1.02); }
.lab-page-lst ul li:hover .page-txt h3 { opacity: 0.7;}

.insercio-lst { float: left; width:100%; margin: 115px 0px 175px; }
.insercio-lst ul { float: left; width:100%; display: flex; flex-wrap: wrap; row-gap: 80px; }
.insercio-lst ul li { flex: 0 1 100%; padding-top: 15px; border-top: 1px solid #E8E3D4; display: flex; flex-wrap: wrap; column-gap: 4%; align-items: flex-start; }
.insercio-div { flex: 0 1 48%; display: flex; flex-wrap: wrap; column-gap: 1%; }
.insercio-lft { flex: 0 1 28%; }
.insercio-lft h4 { color: #101820; font-size: 22px; line-height: 1.2; font-family: 'Manrope-Medium'; }
.insercio-rgt { flex: 0 1 71%; }
.insercio-rgt p { color: #101820; font-size: 18px; line-height: 1.4; font-family: 'Manrope-Medium'; }

.borsa-cont-div { float: left; width: 100%; margin-bottom: 40px; display: flex; flex-wrap: wrap; column-gap: 1%; }
.borsa-cont-lft { flex: 0 1 24%; padding: 25px 25px; background: #C5B4E3; border-radius: 8px; }
.borsa-cont-lft h2 { color: #101820; font-size: 34px; line-height: 1.2; font-family: 'Manrope-Medium'; padding-bottom: 15px;}
.borsa-cont-lft p { color: #101820; font-size: 18px; line-height: 1.4; font-family: 'Manrope-Medium';}
.borsa-cont-mid { flex: 0 1 41%; border-radius: 8px; overflow: hidden;}
.borsa-cont-mid img { float: left; width:100%; }
.borsa-cont-rgt { flex: 0 1 33%; padding-left: 15px;}
.borsa-cont-rgt h5 { color: #101820; font-size: 18px; line-height: 1.2; font-family: 'Manrope-Medium'; margin-bottom: 18px; }
.borsa-cont-rgt h2 { color: #101820; font-size: 34px; line-height: 1.3; font-family: 'Manrope-Medium'; margin-bottom: 25px; }
.borsa-cont-rgt p { color: #101820; font-size: 18px; line-height: 1.4; font-family: 'Manrope-Medium'; margin-bottom: 25px; }
a.borsa-btn { display: inline-flex; height: 37px; align-items: center; background: #101820; padding: 0px 25px; color: #fff; font-size: 14px; line-height: 1.2; font-family: 'Manrope-Medium'; border-radius: 18px; transition:all .5s ease; }
a.borsa-btn:hover { background: rgba(16, 24, 32, 0.7);}

/* borsa-de-treball-2 page */
.borsa-de-form { float: left; width: 100%; margin: 175px 0px 0px; }
.borsa-form-div { float: left; width: 100%; border-top: 1px solid #E8E3D4; padding: 35px 0px 150px; }
/* .borsa-form-div:last-child { padding-bottom: 0px; } */
.borse-frm-lft { float: left; width: 33%; }
.borse-frm-lft h3 { color: #101820; font-size: 22px; line-height: 1.2; font-family: 'Manrope-Medium'; }
.borse-frm-rgt { float: left; width: 67%; }

.form-list {float: left; width: 100%; display: flex; flex-wrap: wrap; column-gap: 1%; row-gap: 27px; }
.form-list li {width: 49.5%; }
.form-list label {float: left; width: 100%; font-size: 13px; line-height: 1.5; color: #101820; font-family: 'Manrope-Medium'; margin-bottom: 8px; }
.form-list input[type="text"], .form-list input[type="tel"], .form-list input[type="email"], .form-list textarea {float: left;width: 100%; height: 49px; padding: 0 12px;border: 1px solid rgba(173, 173, 173, 0.6); background: none;
border-radius: 8px; font-size: 18px;color: #101820;outline: none; font-family: 'Manrope-Medium'; transition:all .5s ease; }
.form-list input::placeholder, .form-list textarea::placeholder {color: #9E9E9E; }
.form-list input:focus, .form-list textarea:focus { border-color: #101820; }
.textarea-wrap{float: left; width: 100%;}
.form-list textarea{height:220px;resize:vertical; padding: 12px 12px;}
.sel-box { float: left; width: 100%; }
.sel-box .nice-select { width: 100%; height: 49px; line-height: 49px; padding: 0 12px; border: 1px solid rgba(173, 173, 173, 0.6); border-radius: 8px; font-size: 18px; color: #9E9E9E; font-family: 'Manrope-Medium'; }
.sel-box .nice-select .list { width: 100%; }
.sel-box .nice-select .option { width: 100%; font-size: 14px; line-height: 34px; }
.sel-box .nice-select .option:hover { background-color: #101820;color: #fff; }
.sel-box .nice-select::after {border-bottom: 2px solid #101820;border-right: 2px solid #101820; right: 20px; }

.form-list.form-list1 { row-gap: 40px; }
.form-list.form-list1 li.full-width { width: 100%;}

/* MAIN GRID */
.radio-group{float: left; width: 100%; display: flex; flex-wrap: wrap; row-gap: 20px; margin-top: 22px; }
/* ITEM */
.radio-item{width: 100%;display:flex;align-items:center;}
.radio-item input{ display:none;}
.radio-item label{display:flex;align-items:center;gap:13px;cursor:pointer;font-size:13px;letter-spacing:0;color:#101820;line-height:1.2; margin: 0px 0px;}
/* RADIO CIRCLE */
.circle{width:20px;height:20px;border:2px solid rgba(173, 173, 173, 0.6);border-radius:50%;background:#fff;position:relative;flex-shrink:0;}
/* checked state */
.radio-item input:checked + label .circle{border-color:#101820;}
.radio-item input:checked + label .circle::after{content:"";width:10px;height:10px;background:#101820; border-radius:50%;position:absolute;
top:50%;left:50%;transform:translate(-50%,-50%);}

.upload-row {float: left; display: flex;align-items: center; gap: 12px; }
.file-input { display: none; }
.upload-btn {min-width: 130px;height: 37px;padding: 0 15px;border: 1px solid #101820;border-radius: 24px;background: none; margin: 0px 0px !important;
color: #101820;font-size: 14px; font-family: 'Manrope-Medium'; display: inline-flex;align-items: center;justify-content: center; cursor: pointer; outline: 2px solid transparent;outline-offset: 2px;}
.file-input:focus + .upload-btn, .upload-btn:focus {outline: 2px dashed #9b63ff;}
.file-name {font-size: 11px; color: #101820; white-space: nowrap; font-family: 'Manrope-Medium'; }

.consent-group{ float: left; width: 100%;display:flex;flex-direction:column; gap:20px; margin-top: 35px; }
.consent-item{ display:flex; align-items:flex-start;gap:12px;font-size:13px;line-height:1.5;color:#101820;font-family: 'Manrope-Medium'; }
/* hide default checkbox */
.consent-item input{ display:none; }
/* custom checkbox */
.box{ width:20px;height:20px; border:1.6px solid #cfcfcf; border-radius:4px; background:none; margin-top:2px; position:relative; flex-shrink:0; cursor:pointer; }
/* checked state */
.consent-item input:checked + label .box { border-color:#101820;background:#101820; }
.consent-item input:checked + label .box::after{content:""; position:absolute; left:6px;top:2px; width:5px;height:10px;border: solid #fff;border-width: 0 2px 2px 0;
transform: rotate(45deg); }
.consent-item label{ margin: 0px !important; display:flex; gap:12px; cursor:pointer; }
/* link style inside text */
.consent-item a { color:#101820;text-decoration: underline; }
.consent-item a:hover { text-decoration: none; }
.consent-group p { color: #101820; font-size: 12px; font-family: 'Manrope-Medium'; margin-top: 12px; }
.btn-submit{background:#101820;color:#fff;border:none;padding:10px 20px;font-size:16px; cursor:pointer;transition:all .5s ease;min-width:145px; height: 37px; display: inline-flex; align-items: center; justify-content: center; border-radius: 25px;}
.btn-submit:hover{background:#101820;}

/* informat css */
.informat-sec { float: left; width: 100%; padding: 100px 0 120px;}
.informat-det-lft { float: left; width: 33%; padding-right: 20px;}
.informat-det-rgt { float: left; width: 67%; }
.informat-det-lft h4 { float: left; width: 100%; font-family: 'Manrope-Medium'; color: #010202; font-size: 18px; line-height: 1.4; padding-bottom: 30px;}
.informat-det-rgt h1 { float: left; width: 100%; font-family: 'Manrope-Medium'; color: #101820; font-size: 34px; line-height: 1.3; padding-bottom: 40px;}
.nosaltres-sec h2, .missatge-sec h2 { float: left; width: 100%; font-family: 'Manrope-Medium'; color: #101820; font-size: 22px; line-height: 1.4; padding-bottom: 15px;}
.nosaltres-sec p, .missatge-sec p { float: left; width: 100%; color: #010202; font-family: 'Manrope-Medium'; font-size: 18px; line-height: 1.4; }
.nosaltres-sec { float: left; width: 100%; margin-top: 80px;}
.missatge-sec { float: left; width: 100%; margin-top: 100px;}

.callback-box {float:left; width:100%; padding:40px 20px 30px; background:#91D6AC; border-radius:8px; margin-top:30px;}
.callback-box form {float:left; width:100%;}
.form-top-row {display:grid; grid-template-columns:1fr 1fr; gap:10px; margin-bottom:45px;}
.field label {display:block; margin-bottom:10px; font-family:'Manrope-Medium'; font-size:13px; line-height:1; color:#101820;}
.field input[type="text"], .field input[type="tel"], .phone-input-wrap {font-family:'Manrope-Medium'; width:100%; height:49px; border:1px solid #101820; border-radius:8px; background:transparent; color:#101820; font-size:18px;}
.field input[type="text"], .field input[type="tel"] {outline:none;}
.name-field input[type="text"] {padding:0 13px;}
.phone-input-wrap {display:flex; align-items:center; overflow:hidden;}
.country-code {height:100%; padding:0 12px; display:inline-flex; align-items:center; position:relative; color:#101820; font-size:18px;}
.country-code::after {content:""; position:absolute; right:0; top:8px; bottom:8px; width:1px; background:rgba(16, 24, 32, 0.25);}
.phone-input-wrap input[type="tel"] {height:100%; border:0; border-radius:0; padding:0 8px;}
.phone-input-wrap input::placeholder, .name-field input::placeholder {color:rgba(16, 24, 32, 0.45); opacity:1;}
.delegation-row {float:left; width:100%; display:flex; align-items:center; gap:28px; margin-bottom:38px;}
.contect-btm .borse-frm-rgt .delegation-row p {width: auto; margin:0; font-family:'Manrope-Medium'; font-size:13px; line-height:1.2; color:#101820;}
.callback-box .radio-group {width: auto; margin-top: 0;display:flex; align-items:center; gap:25px;}
.callback-box .radio-item {width: auto;display:inline-flex; align-items:center; gap:8px; font-family:'Manrope-Medium'; font-size:13px; line-height:1; color:#101820; cursor:pointer;}
.callback-box .radio-circle {width:20px; height:20px; border:1px solid rgba(16, 24, 32, 0.45); border-radius:50%; display:inline-block; position:relative;}
.callback-box .radio-item input:checked + .radio-circle::after {content:""; width:10px; height:10px; background:#101820; border-radius:50%; position:absolute; top:4px; left:4px;}
.time-row {float:left; width:100%;}
.contect-btm .borse-frm-rgt .time-row p {margin:0 0 12px 5px; font-family:'Manrope-Medium'; font-size:13px; line-height:1.2; color:#101820;}
.time-actions {width:100%; display:grid; grid-template-columns:1fr 1fr 1fr 1fr; gap:8px; align-items:center;}
.time-pill {height:38px; border:1.5px solid #101820; border-radius:30px; display:inline-flex; align-items:center; justify-content:center; font-family:'Manrope-Medium'; font-size:14px; line-height:1; color:#101820; cursor:pointer; position:relative; overflow:hidden;}
.time-pill input {display:none;}
.time-pill span {width:100%; height:100%; padding:0 20px; display:inline-flex; align-items:center; justify-content:center;}
.time-pill input:checked + span {background:#101820; color:#ffffff;}
.time-pill-wide span {justify-content:space-between;}
.time-pill-wide span::after {content:"›"; font-size:20px; line-height:1; margin-left:20px;}
.submit-btn {height:38px; border:1.5px solid #101820; border-radius:30px; background:#101820; color:#ffffff; font-family:'Manrope-Medium'; font-size:14px; line-height:1; cursor:pointer; transition:all 0.5s ease;}
.submit-btn:hover {background:transparent; color:#101820;}
.consent-group {float:left; width:100%; margin-top:24px;}
.callback-box .consent-item {display:inline-flex; align-items:center; gap:7px; font-family:'Manrope-Medium'; font-size:10px; line-height:1; color:rgba(16, 24, 32, 0.55); cursor:pointer;}
.callback-box .consent-item a {color:rgba(16, 24, 32, 0.55); transition: all 0.5s ease;}
.callback-box .consent-item a:hover { opacity: 0.7;}
.callback-box .consent-item input {display:none;}
.callback-box .check-box {width:10px; height:10px; border:1px solid rgba(16, 24, 32, 0.45); display:inline-block; position:relative;}
.callback-box .consent-item input:checked + .check-box {background:#101820;}

.select-button { font-family: 'Manrope-Medium'; width:100%; height:49px; padding:0 13px; border:2px solid #101820; border-radius:8px; background:transparent; color:#101820; font-size:18px; font-family:inherit;}
.select-button {display:flex; align-items:center; justify-content:space-between; cursor:pointer; text-align:left; transition: all 0.5s ease;}
.arrow {font-size:32px; line-height:1; transform:translateY(-1px);}
.select-button:hover { background: #101820;}
.select-button:hover span { filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(2%) hue-rotate(122deg) brightness(103%) contrast(101%); transition: all 0.5s ease;}
.actions {display:flex; align-items:center; gap:4px;}
.pill input {display:none;}
.pill {display:inline-flex; align-items:center; justify-content:center; height:37px;  font-family: 'Manrope-Medium'; padding:0 35px; border-radius:999px; border:2px solid #101820; background:transparent; cursor:pointer; font-size:14px; user-select:none; transition: all 0.5s ease;}
.pill.wide {min-width:202px;}
.pill:hover { background: #101820;}
.pill:hover span { color: #FFFFFF; transition: all 0.5s ease;}
.pill input:checked + span {color:#fff;}
.pill input:checked + span {position:relative;}
.pill input:checked ~ span {color:white;}
.pill input:checked + span::before {content:"";}
.pill:has(input:checked) {background:#101820; color:#fff;}
.submit-btn {height:37px; border-radius:999px; font-family: 'Manrope-Medium'; border:1px solid #101820; background:#101820; color:#fff; padding:0 25px; cursor:pointer; margin-left:10px; transition: all 0.5s ease;}
.submit-btn:hover { background: #F7F4E8; color: #101820; border-color: #F7F4E8;}

.missatge-sec form { float: left; width: 100%; margin-top: 70px;}
.missatge-sec form .form-list li.full-width { width: 100%;}
.missatge-sec form .form-list textarea { height: 200px;}
.missatge-sec form .box { margin-top: 0;}
.missatge-sec form .btn-submit { font-size: 14px; min-width: 155px; margin-top: 30px; transition: all 0.5s ease;}
.missatge-sec form .btn-submit:hover { opacity: 0.7;}
.missatge-sec form .consent-item input:checked + label .box::after {left: 6px; top: 2px;}

/* contacte page */
.contact-top-sec { float: left; width: 100%; padding: 80px 0 90px;}
.contact-top-sec h2 { color: #101820; font-size: 34px; line-height: 1.2; font-family: 'Manrope-Medium'; margin-bottom: 110px; }
.contact-top-sec ul { display: flex; flex-wrap: wrap; column-gap: 0.7%; row-gap: 30px;}
.contact-top-sec ul li { flex: 0 1 32.8%; display: flex;  flex-direction: column;}
.contact-top-sec ul li h3 {  color: #101820; font-size: 34px; line-height: 1.2; font-family: 'Manrope-Medium'; margin-bottom: 20px; }
.contact-top-sec ul li p { font-size: 13px; line-height: 1.2;font-family: 'Manrope-Medium';  margin-bottom: 8px;}
.contact-top-sec ul li p a { font-size: 13px; line-height: 1.2;font-family: 'Manrope-Medium';transition: all 0.5s ease; }
.contact-top-sec ul li p a.tel-lnk, .contact-top-sec ul li p a.mail-lnk { text-decoration: underline;}
.contact-main { float: left; width: 100%; }
.contact-main .contact-img { float: left; width: 100%; border-radius: 8px; overflow: hidden; }
.contact-main .contact-img img { float: left; width: 100%; transition:all .5s ease; }
.contact-main .contact-cnt { float: left; width: 100%; padding-top: 25px; }
.contact-main .contact-cnt .info-group { float: left; width: 100%; margin-bottom: 20px;}
.contact-main .contact-cnt .address-pad { float: left; width: 100%; margin-bottom: 20px;}
.contact-main .contact-cnt a.veure-btn { color: #307FE2;transition: all 0.5s ease;}
.contact-main .contact-cnt a:hover { opacity: 0.5;}
.contact-top-sec ul li:hover .contact-img img { transform: scale(1.02); }
 
.contect-btm { margin-top: 40px;}
.contect-btm .borse-frm-rgt { float: right;}
.contect-btm .form-list li.full-width { width: 100%;}
.contect-btm .borse-frm-rgt h3{ color: #101820; font-size: 22px; line-height: 1.2; font-family: 'Manrope-Medium'; margin-bottom: 15px; }
.contect-btm .borse-frm-rgt p{ color: #101820; font-size: 18px; line-height: 1.2; font-family: 'Manrope-Medium';}
.contect-btm .consent-item .box { margin-top: 0;}
.contect-btm .btn-submit { margin-top: 20px;}
.m-t-20 { margin-top: 20px;}
.borsa-form-div .callback-box { background: #BDD6E6;}
.borsa-form-div .missatge-sec { margin-top: 15px;}

/* formacio-informa-t */
.formacio-sec { margin-top: 100px; }
.formacio-sec .borsa-form-div {border-top: none;}
.formacio-sec .borse-frm-lft h1 { color: #101820; font-size: 22px; line-height: 1.3; font-family: 'Manrope-Medium'; margin-bottom: 22px;}
.borse-top { display: flex; justify-content: space-between; align-items: flex-start; gap: 30px; margin-bottom: 70px;}
.borse-top h2 { color: #101820; font-size: 34px; line-height: 1; font-family: 'Manrope-Medium';}
.borse-top span.pink-txt { color: #FF3FCF; font-size: 14px; line-height: 1.3;font-family: 'Manrope-Medium';}
.borse-btm { float: left; width: 100%; margin-bottom: 90px;}
.borse-btm ul { display: flex; flex-wrap: wrap; row-gap: 35px;}
.borse-btm ul li { flex: 0 1 100%; display: flex; column-gap: 20px; align-items: flex-start;}
.borse-btm ul li:first-child { display: flex; flex-wrap: wrap;  gap: 18px; /* padding-bottom: 110px; */ }
.borse-btm ul li h2 { color: #101820; font-size: 22px; line-height: 1.3; font-family: 'Manrope-Medium'; }
.borse-btm ul li span.count { color: #9E9E9E; font-size: 18px; line-height: 1.4; font-family: 'Manrope-Medium'; position: relative; top: 4px; left: 0;}
.borse-btm ul li a { width: 100%; display: inline-block; background: #101820; color: #F7F4E8; border: 0; border-radius: 8px; padding: 15px; font-size: 18px; font-family: 'Manrope-Medium'; text-align: center; margin-top: 15px; cursor: pointer; box-shadow: 0 3px 8px rgba(0,0,0,.2); }
.borse-btm ul li a:hover { background:rgba(16, 24, 32, 0.7);}
.formacio-sec .form-list li.full-width { width: 100%;}
.formacio-sec .opcional-pad .radio-item { width: 50%;}
.formacio-consent { margin-top: 0; row-gap: 9px;}
.formacio-consent .consent-item:first-child { margin-bottom: 8px;}
.m-t-30 { margin-top: 30px;} 
.m-t-40 { margin-top: 40px;} 
.m-t-60 { margin-top: 60px;} 
 
.formacio-btm { padding-top: 20px;}
.formacio-btm h2 { color: #101820; font-size: 22px; line-height: 1.2; font-family: 'Manrope-Medium'; margin-bottom: 8px;}
.formacio-btm p { color: #000; font-size: 22px; line-height: 1.3; font-family: 'Manrope-Medium'; margin-bottom: 50px;}

/* borsa-de-trebell css */
.borsa-de-form.treball-div .borse-frm-lft { width: 25%;}
.borsa-de-form.treball-div .borse-frm-rgt { width: 75%;}
.borsa-form-div p { float: left; width: 100%; font-family: 'Manrope-Medium'; color: #101820; font-size: 18px; line-height: 1.4;}
.filter-bar { float: left; width:100%; padding:90px 0 0; display:flex; align-items:center; justify-content:space-between; position: relative; margin-bottom: 50px;}
.filters-left {display:flex; align-items:center; gap:8px;}
.filters-left h4 { color: #101820; font-size: 13px; line-height: 1.4; font-family: 'Manrope-Medium'; margin-left: 15px;}
.filter-label {position:absolute; bottom: 40px; left:4px; font-size:13px; color:#8f8f8f;}
.select-pill .nice-select { display: inline-flex; align-items: center; width: 100%; min-width:107px; height: 37px; padding: 0 45px 0 25px; border: 1px solid #101820; border-radius: 25px; font-size: 14px; color: #101820; font-family: 'Manrope-Medium'; }
.select-pill .nice-select .list { width: 100%; min-width: 180px;}
.select-pill .nice-select .option { width: 100%; font-size: 14px; line-height: 1.6; padding: 5px 25px;}
.select-pill .nice-select .option:hover { background-color: #101820;color: #fff; }
.select-pill .nice-select::after {border-bottom: 2px solid #101820;border-right: 2px solid #101820; right: 20px; }

.search-pill { width:211px; height: 37px; padding:0 20px 0 25px; display:flex; border-radius: 25px; align-items:center; gap:8px; border: 1px solid #101820;}
.search-pill input { width:100%; padding: 0; border:none; outline:none; background:transparent; font-size:15px; color:#101820;}
.search-pill input::placeholder {color:#101820; opacity:1;}
.search-icon img { float: left; width: auto;}
.offers-count { font-size:18px; color:#9E9E9E;}

.jobs-wrapper { float: left; width:100%;}
.job-title { font-family: 'Manrope-Medium'; font-size:22px; line-height:1.25; color:#000000; margin-bottom: 8px; }
.details-toggle {border:0; padding:0; background:transparent; color:#8f8f8f; font-size:14px; cursor:pointer;}
.details-toggle:hover {text-decoration:underline;}
.apply-btn {min-width:142px; height:24px; border:0; border-radius:999px; background:#101820; color:#fff; font-size:13px; cursor:pointer;}
.apply-btn:hover {opacity:0.9;}
.jobs-table {width:100%; border-collapse:separate; border-spacing:0 12px;}
.jobs-table thead th { text-align: center; padding:0 20px; font-size:13px; font-family: 'Manrope-Medium'; font-weight: normal; color:#9E9E9E; white-space:nowrap;}
.jobs-table thead th:first-child { padding: 0; text-align: left;}
.jobs-table thead th.sortable {cursor:pointer; user-select:none;}
.jobs-table thead th.sortable::after {content: ""; display: inline-block; margin-left: 7px; width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 6px solid #8f8f8f; vertical-align: middle; transition: transform 0.2s ease;}
.jobs-table thead th.sortable.asc::after {transform:rotate(180deg) translateY(-1px);}
/* .jobs-table thead th.sortable.desc::after {transform:rotate(45deg) translateY(-3px);} */
.jobs-table tbody tr.job-row {background:#F7F4E8;}
.jobs-table tbody tr.job-row td {padding:10px 20px; color: #000000; vertical-align:middle; font-size:13px; line-height: 1.25; font-family: 'Manrope-Medium'; font-weight: normal; text-align: center;}
.jobs-table tbody tr.job-row td:first-child {border-radius:8px 0 0 8px; text-align: left;}
.jobs-table tbody tr.job-row td:last-child {border-radius:0 8px 8px 0;}
.details-toggle {border:0; padding:0; background:transparent; color:#9E9E9E; font-size:13px; cursor:pointer;}
.apply-btn { min-width: 142px; height: 24px; padding: 0 24px; display: inline-flex; align-items: center; justify-content: center; border: 0; border-radius: 999px; background: #101820; color: #fff; font-size: 13px; line-height: 1; text-decoration: none; cursor: pointer;}
.apply-btn:hover { opacity: 0.9; color: #fff; text-decoration: none;}
.job-details-row {display:none;}
.job-details-row td {padding:0;}
.job-details-box {margin-top:-12px; padding:20px; background:#F7F4E8; border-radius:0 0 8px 8px; color:#969696; font-size:18px; line-height:1.35;float:left;}
.job-details-box p {max-width:880px; margin:0 0 25px; color: #000; font-size: 18px; line-height: 1.4; font-family: 'Manrope-Medium'; }
.job-details-box h4 {display: inline-block; margin:0 0 10px; color:#101820; font-size:18px; font-family: 'Manrope-Bold'; }
.job-details-box ul {margin:0 0 20px; padding-left:15px;}
.job-details-box ul li { padding-left: 15px; font-size: 18px; font-family: 'Manrope-Medium'; color: #000; position: relative;}
/* .job-details-box ul li::after { position: absolute; content: ""; background: #9E9E9E; width: 5px; height: 5px; left: 0; top: 10px; border-radius: 25px;} */
.load-more {padding-top: 30px; text-align:center;}
.load-more a {color:#101820; font-size:18px; font-family: 'Manrope-Medium';  text-decoration:underline; transition: all 0.5s ease;}
.load-more a:hover { opacity: 0.7;}
.hidden-job { display: none;}
.jobs-table.aux-table tbody tr.job-row td {padding: 25px 20px;}
.jobs-table.aux-table .job-title { font-size: 18px; line-height: 1.4;}

@media (max-width: 768px) {
.jobs-table, .jobs-table thead, .jobs-table tbody, .jobs-table th, .jobs-table td, .jobs-table tr {display:block;}
.jobs-table thead {display:none;}
.jobs-table {border-spacing:0;}
.jobs-table tbody tr.job-row {position:relative; margin-bottom:12px; padding:24px;}
.jobs-table tbody tr.job-row td {padding:6px 0; display:flex; justify-content:flex-start; align-items:baseline; gap:6px; text-align:left; font-size:18px;}
.jobs-table tbody tr.job-row td::before {content:attr(data-label) ":"; color:#9E9E9E; font-size:18px; font-weight:normal; flex:0 0 auto;}
.jobs-table tbody tr.job-row td:first-child {display:block; margin-bottom:8px;}
.jobs-table tbody tr.job-row td:first-child::before, .jobs-table tbody tr.job-row td:last-child::before {display:none;}
.job-title {font-size:24px; margin-bottom:0;}
/* Barra d'accions: "Més detalls…" a l'esquerra, "Aplicar" a la dreta, mateixa fila */
.jobs-table tbody tr.job-row .details-toggle {position:absolute; left:24px; bottom:24px; margin:0; font-size:16px; line-height:34px; height:34px;}
.jobs-table tbody tr.job-row td:last-child {display:flex; justify-content:flex-end; margin-top:45px; padding:0;}
.apply-btn {min-width:142px; width:auto; height:34px; margin-top:0;}
.job-details-row {display:block;}
.job-details-row[hidden] {display:none;}
.job-details-row td {display:block; padding:0;}
/* El panell s'enganxa a la card que l'expandeix: puja 12px per tapar el gap i comparteix fons */
.job-details-box {float:none; width:auto; display:flow-root; margin:-12px 0 12px; padding:0 24px 24px; background:#F7F4E8; border-radius:0 0 8px 8px; font-size:16px;}
}

.formacio-sec-lst { float: left; width:100%; position: relative;}
.formacio-sec-lst ul { float: left; width:100%; display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px; }
.formacio-sec-lst ul li { border-radius: 8px; background: #91D6AC; overflow: hidden; }
.formacio-sec-lst ul li:last-child { background: #C5B4E3;}
.formacio-sec-lst ul li .img-div { float: left; width:100%; overflow: hidden; position: relative;}
.formacio-sec-lst ul li .img-div img { float: left; width:100%; transition: all 0.5s ease; }
.formacio-sec-lst ul li .img-div span { display: inline-flex; align-items: center; justify-content: center; padding: 0px 20px; background: #91D6AC; color: #101820; font-size: 22px; font-family: 'Manrope-Medium'; height: 50px;  position: absolute; top: 50%; transform: translateY(-50%); left: 0; right: 0; margin: 0 auto; width: 320px; border-radius: 30px; text-align: center;}
.formacio-sec-lst ul li:last-child .img-div span { background: #C5B4E3;} 
.formacio-sec-lst ul li .formacio-txt { float: left; width:100%; padding: 30px 30px; }
.formacio-sec-lst ul li .formacio-txt h3 { color: #101820; font-size: 22px; line-height: 1.4; font-family: 'Manrope-Medium'; margin-bottom: 30px; transition: all 0.5s ease; }
.formacio-sec-lst ul li .formacio-txt p { color: #101820; font-size: 18px; line-height: 1.4; font-family: 'Manrope-Medium'; }
.formacio-sec-lst ul li:hover .img-div img { transform: scale(1.02); }
.formacio-sec-lst ul li:hover .formacio-txt h3 { opacity: 0.7;}
.tornar-btn.right-arrow { margin-top: 30px; float: right; width: auto;}
.tornar-btn.right-arrow .back-btn { transform: scaleX(1);}
.abs-btn a { display: flex; flex-wrap: wrap; align-items: center; transition: all 0.4s ease; padding: 0px 45px; height: 37px; border: 1px solid #101820; border-radius: 30px; background: transparent; font-size: 14px; font-family: 'Manrope-Medium'; }
.abs-btn a:hover { background: #101820; color: #ffffff;}

.formacio-vigent h1 { font-size: 48px; line-height: 1; padding-bottom: 40px;}
.formacio-vigent h4 { color: #101820; font-family: 'Manrope-Medium'; font-size: 18px; line-height: 1.4; padding-bottom: 10px;}
.formacio-vigent-sec { float: left; width: 100%; padding: 20px 0 0;}
.formacio-vigent-sec h3 { float: left; width: 100%; color: #101820; font-size: 18px; line-height: 1.4; font-family: 'Manrope-Medium';}
.vigent-filter-list { float: left; width: 100%; display: flex; align-items: center; flex-wrap: wrap; column-gap: 20px; justify-content: space-between;  margin-top: 65px; margin-bottom: 10px;}
.vigent-filter-list ul { float: left; width: auto; display: flex; flex-wrap: wrap; column-gap: 10px; row-gap: 10px;}
.vigent-filter-list ul li a { padding: 0px 25px;display:inline-flex; width: auto; height: 37px; align-items: center; justify-content: center; border-radius: 30px; border: 1px solid #101820; color:#101820;font-size:14px;line-height: 24px; font-family: 'Manrope-Medium'; position:relative;transition:all .5s ease;}
.vigent-filter-list ul li a.active { background: #101820; color: #FFFFFF; border-color: #101820;}
.vigent-filter-list ul li:nth-child(2) a { border: 1px solid #45A96C; color:#45A96C;}
.vigent-filter-list ul li:nth-child(3) a { border: 1px solid #9A78D7; color:#9A78D7;}
.vigent-filter-list ul li a:hover { background: #101820; color: #FFFFFF; border-color: #101820;}
.vigent-count span { float: right; text-align: right; color: #9E9E9E; font-size: 18px; line-height: 1.4; font-family: 'Manrope-Medium';}
.formacio-vigent-sec .filter-bar { padding-top: 0; margin-bottom: 80px;}
.vigent-filter-list ul li a .filter-close { display: none; margin-left: 12px; font-size: 25px; line-height: 1;}
.vigent-filter-list ul li a.active .filter-close { display: inline-flex;}
.vigent-filter-list ul li:first-child a .filter-close { display: none;}
.vigent-filter-list ul li:nth-child(2) a.active { background: #91D6AC; border-color: #91D6AC; color: #101820;}
.vigent-filter-list ul li:nth-child(3) a.active { background: #9A78D7; border-color: #9A78D7; color: #101820;}
.vigent-filter-list ul li:first-child a.active { background: #101820; color: #ffffff; border-color: #101820;}

.course-table-wrapper {float: left; width:100%;}
.course-table {float: left; width:100%; border-collapse:separate; border-spacing:0 12px; color:#101820;}
.course-table thead th {font-size:13px; line-height:1.4; font-family:'Manrope-Medium'; font-weight:normal; color:#9E9E9E; padding:10px 25px; border-bottom:1px solid #ded8c8; white-space:nowrap; text-align:center;}
.course-table thead th:first-child {text-align:left;}
.course-table tbody tr {background-color:#f4f1e8; border-radius:6px; position:relative;}
.course-table tbody tr td::after {border-left:9px solid #8bcf9f; position:absolute; content:""; top:0; left:0; width:9px; height:100%; border-radius:10px 0 0 10px;}
.course-table tbody tr td:last-child {border-top-right-radius:6px; border-bottom-right-radius:6px;}
.course-table tbody td {padding:30px 25px; font-size:13px; line-height:1.4; vertical-align:middle; text-align:center; font-family:'Manrope-Medium';}
.course-table tbody td.course-title {font-size:18px; min-width:420px; text-align:left;}
.arrow-btn {width:24px; height:24px; background-color:#91D6AC; border-radius:50%; display:inline-flex; align-items:center; justify-content:center; text-decoration:none;}
.purple-row .arrow-btn { background-color: #c7b5e9;}
.course-table tbody tr.purple-row td::after {border-left: 9px solid #C5B4E3;}
.load-more {float: left; width:100%; text-align: center;}
.load-more a { color: #101820; font-size: 18px; text-decoration: underline; font-family: 'Manrope-Medium'; transition: all 0.5s ease;}
.hidden-course { display: none;}
@media (max-width: 900px) {
.course-table, .course-table thead, .course-table tbody, .course-table th, .course-table td, .course-table tr {display:block;}
.course-table thead {display:none;}
.course-table {border-spacing:0;}
.course-table tbody tr {margin-bottom:12px; padding:18px 16px 18px 22px;}
.course-table tbody tr::before {width:7px;}
.course-table tbody td {padding:8px 0; display:flex; justify-content:space-between; gap:8px; font-size:14px; line-height:1.4; text-align:right;}
.course-table tbody td::before {content:attr(data-label) ":"; min-width:135px; color:#9E9E9E; font-size:13px; text-align:left;}
.course-table tbody td.course-title {min-width:0; padding-left: 0 !important; display:block; font-size:22px; line-height:1.2; margin-bottom:8px; text-align:left;}
.course-table tbody td.course-title::before {display:none;}
.course-table tbody td:last-child {justify-content:flex-end;}
.course-table tbody td:last-child::before {display:none;}
}

.borsa-de-form.borsa-form { margin: 115px 0px 0px; }
.borsa-de-form.borsa-form .borsa-form-div { padding: 0px; border-top: none;}
.borsa-de-form.borsa-form .borse-frm-rgt { border-top: 1px solid #E8E3D4; padding: 35px 0px 100px;}
.borsa-de-form.borsa-form .borsa-form-div:last-child .borse-frm-rgt { padding-bottom: 0;}
.borsa-de-form.borsa-form .borsa-form-div:first-child .borse-frm-rgt { border-top: none; padding-top: 0;}
.borsa-form .borse-frm-rgt h3 { color: #101820; font-family: 'Manrope-Medium'; font-size: 22px; line-height: 1.4; display: flex; align-items: flex-start; column-gap: 15px; margin-bottom: 40px;}
.borsa-form .borse-frm-rgt h3 span { color: #9E9E9E; font-size: 18px; line-height: 1.4;}
.borsa-form .borse-frm-rgt form { float: left; width: 100%; margin-top: 80px;}
.borsa-form .form-list { row-gap: 60px;}
.borsa-form .form-list li > ul { float: left; width: 100%; display: flex; flex-wrap: wrap; column-gap: 1%;row-gap: 27px;}
.borsa-form .form-list li > ul > li { width: 49.5%;}
.borsa-form .form-list li.full-width { width: 100%;}
.borsa-form .form-list li.full-width.single-pad .radio-group { column-gap: 30px; margin-top: 5px;}
.borsa-form .form-list li.full-width.single-pad .radio-item { width: auto;}
.borsa-form .form-list textarea { height:200px;}
.borsa-form .form-list label.upload-btn { height: 40px; min-width: 216px; background: #101820; padding: 0 40px; border-radius: 8px; color: #FFFFFF; transition: all 0.5s ease;}
.borsa-form .form-list label.upload-btn:hover { opacity: 0.7;} 
.borsa-form .form-list .phone-input-wrap { border: 1px solid rgba(173, 173, 173, 0.6);}
.borsa-form .form-list .country-code { color: #9E9E9E;}
.borsa-form .form-list .consent-group .form-list label { font-size: 11px;}
.borsa-form .consent-group p { font-size: 13px; margin-top: 50px;}
.borsa-form .form-list > li:last-child { display: flex; align-items: center; justify-content: center; margin-top: 40px;}
.borsa-form .form-list > li:last-child .btn-submit { min-width: 442px;}
.borsa-form .form-list > li:last-child .btn-submit:hover { opacity: 0.7;}
.contect-btm .borse-frm-rgt .delegation-row p { width: auto;}

.servei-borse-bx { float: left; width: 100%; background: #F7F4E8; padding: 30px 85px 30px 35px;}
.servei-borse-bx h2 { float: left; width: 100%; font-family: 'Manrope-Medium'; color: #101820; font-size: 34px; line-height: 1.4; padding-bottom: 20px;}
.servei-borse-bx h4 { float: left; width: 100%; font-family: 'Manrope-Medium'; color: #101820; font-size: 18px; line-height: 1.4;}

.hdr-search-icon img { float: left; width: 16px; max-width: 16px;}
.search-overlay {position:fixed; inset:0; width:100%; height:100vh; height:100dvh; background:#F7F4E8; z-index:9999; display:none; overflow:hidden;}
.search-overlay.active {display:block;}
.search-close {position:absolute; top:32px; right:36px; border: none; padding: 0; margin: 0; background:transparent; cursor:pointer;}
.search-close img { float: left; width: auto;}
.search-content {position:absolute; top:42%; left:50%; transform:translate(-50%, -50%); width:100%; max-width:613px; text-align:center;}
.search-content h2 {margin-bottom: 20px; font-family: 'Manrope-Medium'; font-size:22px; line-height:1.4; color:#101820;}
.search-box {width:100%; height:42px; border:1px solid #101820; border-radius:8px; display:flex; align-items:center; background:#FFFFFF;overflow: hidden;}
.search-box input {flex:1; height:100%; border:0; outline:none; background:#FFFFFF; padding:0 12px; font-size:17px; color:#9E9E9E;}
.search-box input::placeholder {color:#9E9E9E;}
.search-box button {width:48px; height:100%; border:0; background:transparent; cursor:pointer; display:flex; align-items:center; justify-content:center;}
.search-box button img {width:22px; height:22px;}
.search-logo {position:absolute; left:50%; bottom:90px; transform:translateX(-50%);}
.search-logo img { width: auto;}
body.search-open {overflow:hidden;}

@media (max-width: 767px) {
.search-content {top:35%; max-width:calc(100% - 40px);}
.search-content h2 {font-size:18px; margin-bottom:35px;}
.search-close {top:20px; right:20px;}
.search-logo {bottom:60px;}
}

.success-screen {position:fixed; inset:0; width:100%; height:100vh; height:100dvh; background:#FCFBF6; z-index:9999; display:none; overflow:hidden;}
.success-screen.active {display:block;}
.success-message {position:absolute; top:48%; left:50%; transform:translate(-50%, -50%); display:flex; align-items:center; justify-content:center; gap:15px; width:100%; text-align:center;}
.success-icon img { width: auto;}
.success-message p {margin:0; color:#101820; font-size:18px; line-height:1.4; font-family: 'Manrope-Medium';}
.success-icon {width:25px; height:25px; border-radius:50%; background:#91D6AC; display:inline-flex; align-items:center; justify-content:center; flex-shrink:0; position:relative;}
.success-logo {position:absolute; left:50%; bottom:90px; transform:translateX(-50%);}
.success-logo img { width: auto;}
body.success-open { overflow: hidden;}

@media (max-width: 767px) {
.success-message {top:45%; padding:0 20px; gap:12px;}
.success-message p {font-size:16px;}
.success-icon {width:23px; height:23px;}
.success-logo {bottom:60px;}
}

/* formacio-1 page */
.forma-btn-sec { float: left; width:100%; padding: 25px 0px 0px; }
.forma-top-btn { display: flex; width: 100%; justify-content: right; }
a.acces-btn { display: inline-flex; align-items: center; transition: all 0.4s ease; padding: 0px 50px; height: 37px; border: none; border-radius: 30px; background: #FFA38B; font-size: 14px; font-family: 'Manrope-Medium'; color: #101820; }
a.acces-btn:hover { background: #101820; color: #ffffff; }
.inner-wel-sec.forma-wel-sec { padding: 30px 0px 135px; }
.forma-cont-main { padding-top: 0px; border: none; }
.forma-cont-main .cont-title { margin-bottom: 55px; }
.forma-cont-main .cont-title h5 { margin-bottom: 12px;}

.forma-emp-sec { float: left; width:100%; margin: 80px 0px 60px; }
.forma-emp-cont { float: left; width:100%; background: #F7F4E8; border-radius: 8px; padding: 25px 95px 40px 32px; display: flex; flex-wrap: wrap; }
.forma-emp-lft { flex: 0 1 35%; padding-right: 20px; }
.forma-emp-lft h4 { color: #101820; font-size: 22px; line-height: 1.4; font-family: 'Manrope-Medium'; }
.forma-emp-rgt { flex: 0 1 65%; }
.forma-emp-rgt p { color: #101820; font-size: 18px; line-height: 1.5; font-family: 'Manrope-Medium'; margin-bottom: 22px; }
.forma-emp-rgt p:last-child { margin-bottom: 0px; }

.que-oferim-sec { float: left; width:100%; }
.que-oferim-cont { float: left; width:100%; border-top: 1px solid #E8E3D4; padding-top: 35px; display: flex; flex-wrap: wrap; }
.que-oferim-lft { flex: 0 1 34%; padding-right: 20px; }
.que-oferim-lft h4 { color: #101820; font-size: 22px; line-height: 1.4; font-family: 'Manrope-Medium'; }
.que-oferim-rgt { flex: 0 1 66%; }
.que-oferim-rgt .accordion-content .para-cont { padding-right: 100px; }
.que-oferim-rgt .accordion-content p span { color: #101820; }
.acc-grey-box { float: left; width:100%; background: #F7F4E8; border-radius: 8px; padding: 25px 95px 40px 32px; margin-top: 40px; }
.acc-grey-box h4 { color: #101820; font-size: 22px; line-height: 1.4; font-family: 'Manrope-Medium'; margin-bottom: 8px; }
.que-oferim-rgt .accordion-content .acc-grey-box p { margin-bottom: 8px; }
.que-oferim-rgt .accordion-content .acc-grey-box p:last-child { margin-bottom: 0px; }

/* formacio-fitxa-formacio page */
.forma-flex { display: grid; grid-template-columns: 0.45fr 1fr; gap: 10px;}
.forma-banner .forma-ban-lft { border-radius: 8px; }
.forma-banner .forma-ban-rht.green-bg { background: #91D6AC; padding: 20px 70px 30px 55px; border-radius: 8px; display: flex; flex-direction: column; justify-content: space-between;}
.forma-banner .breadcrum { position: relative; top:auto; padding-left: 0px; }
.forma-banner .breadcrum ul li, .forma-banner .breadcrum ul li a { color: #101820; }
.forma-banner .breadcrum ul li:not(:last-child)::after { color: #101820; }
.forma-banner .banner-caption { float: left; width:100%; position: relative; padding: 0; top: auto; transform: none; left: auto; display: flex; flex-direction: column; }
.forma-banner .banner-caption h1 { color: #101820; font-size: 34px; margin-bottom: 12px;}
.forma-banner .banner-caption p { color: #101820; font-size: 18px; line-height: 1.4; font-family: 'Manrope-Medium'; margin-bottom: 0px;}
.ban-ver-btn { float: left; margin-bottom: 12px; }
.ban-ver-btn a { display: flex; flex-wrap: wrap; column-gap: 8px; align-items: center;}
.ban-ver-btn .back-btn { transform: scaleX(-1); }
.ban-ver-btn .back-btn img { float: left; width: 20px; }
.ban-ver-btn a span { display: flex; flex-wrap: wrap; align-items: center; transition: all 0.4s ease; padding: 0px 0px; font-size: 13px; font-family: 'Manrope-Medium'; }
.ban-ver-btn a:hover span { opacity: 0.7; }

.forma-ban-btn { float: left; width:100%; }
.forma-ban-btn a { display: inline-flex; align-items: center; padding: 0px 25px; background: #101820; height: 47px; border-radius: 25px; color: #FCFBF6; font-size: 14px; font-family: 'Manrope-Medium'; transition: all 0.5s ease;}
.forma-ban-btn a:hover { background: rgba(16, 24, 32, 0.7); }

.formacio-fitxa-sec { float: left; width:100%; padding: 60px 0px 0px; }
.formacio-fitxa-cont { float: left; width:100%; border-top: 1px solid #E8E3D4; padding: 20px 0px 0px; }
.form-fitxa-lft { float: left; width: 395px; }
.form-fitxa-lft h4 { color: #101820; font-size: 22px; line-height: 1.4; font-family: 'Manrope-Medium'; }
.form-fitxa-rgt { float: right; width: calc(100% - 395px); }
.form-fitxa-rgt .accordion { margin-bottom: 85px; }
.form-fitxa-rgt p { font-size: 18px; line-height: 1.6; color: #000; margin-bottom: 15px; font-family: 'Manrope-Regular'; }
.form-fitxa-rgt p:last-child { margin-bottom: 0px; }

ul.form-dades-lst { float: left; width:100%; display: flex; flex-wrap: wrap; }
ul.form-dades-lst li { flex: 0 1 100%; border-bottom: 2px solid #E8E3D4; padding: 15px 0px; display: flex; flex-wrap: wrap; }
.dades-txt { float: left; width: 50%; }
.dades-txt h5 { color: #9E9E9E; font-size: 18px; line-height: 1.2; font-family: 'Manrope-Medium'; margin-bottom: 5px; }
.dades-txt p { color: #101820; font-size: 18px; line-height: 1.2; font-family: 'Manrope-Medium'; }

ul.acc-lst { float: left; width:100%; display: flex; flex-wrap: wrap; padding-left: 10px; }
ul.acc-lst li { flex: 0 1 100%; color: #9E9E9E; font-size: 18px; line-height: 1.6; font-family: 'Manrope-Medium'; padding-left: 15px; position: relative; }
ul.acc-lst li::before { content: ""; position: absolute; left: 0px; top:12px; width: 4px; height: 4px; border-radius: 10px; background: #9E9E9E; }

.form-info-div { float: left; width:100%; display: flex; flex-wrap: wrap; margin-bottom: 165px; }
.form-info-lft { float: left; width: 190px; }
.form-info-lft h5 { color: #101820; font-size: 18px; line-height: 1.2; font-family: 'Manrope-Medium'; }
.form-info-rgt { float: left; width: calc(100% - 190px); }
.form-info-rgt ul { float: left; width:100%; display: flex; flex-wrap: wrap; row-gap: 15px; }
.form-info-rgt ul li { flex: 0 1 100%; }
.form-info-rgt ul li p { font-size: 13px; line-height: 1.4; color: #101820; font-family: 'Manrope-Medium'; }
.form-info-rgt ul li p a { transition: all 0.5s ease; }
.form-info-rgt ul li p a:hover { text-decoration: underline; }
.forma-logo { float: left; width:100%; margin-top: 15px; }
.forma-logo img { float: left; width:100%; }
.form-sel-cont.borsa-form form { float: left; width: 100%; margin-top: 75px;}

/* formacio-informat-formacio-pre-seleccionada page */
.formacio-seleccion-sec { float: left; width: 100%; padding: 0px 0px 75px; }
.formacio-sel-div { float: left; width: 100%; }
.formacio-sel-lft { float: left; width: 34%; }
.formacio-sel-lft h3 { color: #101820; font-size: 22px; line-height: 1.2; font-family: 'Manrope-Medium'; margin-bottom: 25px; }
.formacio-sel-rgt { float: left; width: 66%; }
.sel-main-title { float: left; width: 100%; margin-bottom: 90px; }
.sel-main-title h2 { color: #101820; font-size: 34px; line-height: 1.2; font-family: 'Manrope-Medium'; margin-bottom: 25px; }
.sel-main-title p { font-size: 18px; line-height: 1.4; color: #101820; font-family: 'Manrope-Medium'; }
.form-sel-cont { float: left; width: 100%; padding: 30px 0px 95px; border-top: 2px solid #E8E3D4; }
.form-sel-cont.first { padding-top: 0px; border: none;}
.form-sel-cont h3 { color: #101820; font-size: 22px; line-height: 1.3; font-family: 'Manrope-Medium'; position: relative; }
.form-sel-cont h3 span { color: #9E9E9E; font-size: 18px; position: absolute; left: 0px; top:4px; }
.form-social-cont { background: #F7F4E8; border-radius: 8px; overflow: hidden; margin: 25px 0px 55px; display: flex; flex-wrap: wrap;}
.frm-social-lft { float: left; width: 36%; }
.frm-social-lft img { float: left; width: 100%; }
.frm-social-rgt { float: left; width: 64%; padding: 25px 55px 25px 32px; position: relative; }
.frm-social-rgt::after{ content: ""; position: absolute; right: 0px; top:0px; height: 100%; width: 7px; border-right: 7px solid #91D6AC; }
.frm-social-rgt h4 { color: #101820; font-size: 22px; line-height: 1.2; font-family: 'Manrope-Medium'; margin-bottom: 20px; }
.frm-social-rgt ul { float: left; width: 100%; display: flex; flex-wrap: wrap; row-gap: 5px; }
.frm-social-rgt ul li { flex: 0 1 100%; color: #000; font-size: 13px; line-height: 1.2; font-family: 'Manrope-Medium'; }
.formacio-sel-rgt p { font-size: 18px; line-height: 1.4; color: #101820; font-family: 'Manrope-Medium'; margin-bottom: 10px; }

.selecion-accordian { float: left; width: 100%; }
.selecion-accordian .accordion-item { background: #F7F4E8; border: none; box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.10); border-radius: 8px; }
.selecion-accordian .accordion-header { padding: 15px 40px 15px 15px; border-radius: 8px; }
.selecion-accordian .accordion-item.active .accordion-header { box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.10); }
.selecion-accordian .accordion-item .accordion-content { padding: 30px 30px 55px;}

.course-wrapper { float: left; width: 100%;}
.course-list {float: left; width: 100%;}
.course-list li {float: left; width: 100%; margin-bottom: 20px;}
.course-list li:last-child { margin-bottom: 0px; }
.course-list label { display: flex;align-items: center;gap: 28px;cursor: pointer;font-size: 18px;color: #101820;line-height: 1.2; font-family: 'Manrope-Medium'; }
.course-list input[type="radio"] { appearance: none;-webkit-appearance: none; width: 20px; height: 20px; border-radius: 50%; background: #fff; border: 2px solid #fff;
flex: 0 0 auto; cursor: pointer; }
.course-list input[type="radio"]:checked { border: 5px solid #101820; background: #fff;}
.course-list span { display: inline-block; }

.borse-info-form > li:last-child .form-sol-btn .btn-submit { min-width: 165px;}
.form-info-btm { padding-bottom: 0;}
.inner-title-sec.pd-40 { padding-bottom: 40px;}
.ser-dom-info .nosaltres-sec .callback-box p, .ser-dom-info .missatge-sec .callback-box p { width: auto; font-size: 13px;}
.ser-dom-info .nosaltres-sec .callback-box .time-row p, .ser-dom-info .missatge-sec .callback-box .time-row p { padding-bottom: 10px;}
.informat-sec.ser-dom-info { padding: 50px 0;}


/*popup*/
.filter-trigger {position: fixed;z-index: 30;left: 50%;bottom: 20px;width: 242px;height: 42px;transform: translateX(-50%);border: 0;border-radius: 50px;color: #fff;background: rgba(16, 24, 32, 0.5);box-shadow: 0 3px 8px rgba(0,0,0,.08);cursor: pointer;font-size: 15px;font-family: 'Manrope-SemiBold';display: none; z-index: 999;}
.filter-trigger:hover{background: #91D6AC; color: #000;}
.filter-trigger:hover img{filter: brightness(0);}
.filter-trigger .sliders {display: inline-block;width: 18px;height: 14px;margin-right: 8px;vertical-align: -3px;}
.filter-layer {position: fixed;z-index: 100;inset: 0;visibility: hidden;opacity: 0;background: rgba(0,0,0,0.50);z-index: 999;}
.filter-layer.is-open {visibility: visible;opacity: 1;}
.filter-panel {position: absolute;top: 20px;right: 0;bottom: 0;left: auto;overflow-y: auto;overscroll-behavior: contain;border-radius: 0;background: #F7F4E8;transform: translateX(100%);transition: transform .24s ease;box-shadow: -6px 0 18px rgba(0,0,0,.05);width: calc(100% - 62px);}
.filter-layer.is-open .filter-panel { transform: translateX(0); }
.filter-head {position: absolute;right: calc(100% - 62px);z-index: 1;height: 48px; width: 48px;display: flex;align-items: center;padding: 10px;background: #F7F4E8;border-radius: 10px 0 0 10px;top: 20px; justify-content: center;}
.close {position: relative;border: 0;background: transparent;cursor: pointer; padding: 0;top: 2px;}
.filter-form {padding: 20px 20px;}
.filter-group {margin: 0 0 19px;padding: 0;border: 0;}
.filter-group legend {margin-bottom: 10px;padding: 0;font-size: 14px; color: #000; width: 100%; font-family: 'Manrope-Bold';}
.filter-option {display: flex;align-items: center;gap: 15px;min-height: 30px;color: #000;cursor: pointer;font-size: 14px; font-family: 'Manrope-Medium';}
.filter-option input {appearance: none;width: 15px;height: 15px;margin: 0;flex: 0 0 auto;border: 2px solid #fff;border-radius: 50%;background: #fff;box-shadow: 0 0 0 1px rgba(0,0,0,.02);cursor: pointer;}
.filter-option input:checked {background: #000;}