.lfr-layout-structure-item-container {padding: 0;}.lfr-layout-structure-item-row {overflow: hidden;}.lfr-layout-structure-item-cffa0f77-e02a-26ca-c304-d64067fe097e .entry {
  width: 32%;
float : left
}

.lfr-layout-structure-item-cffa0f77-e02a-26ca-c304-d64067fe097e .entry-info.text-muted {
  display: none;
}
.lfr-layout-structure-item-cffa0f77-e02a-26ca-c304-d64067fe097e  .entry-tags{
display:none;
}

.lfr-layout-structure-item-cffa0f77-e02a-26ca-c304-d64067fe097e hr{
display:none;
}
#_com_liferay_blogs_web_portlet_BlogsAgreggatorPortlet_gezi____{
display:none;
}
.lfr-layout-structure-item-cffa0f77-e02a-26ca-c304-d64067fe097e a {
  font-size: 1rem !important;
}

.lfr-layout-structure-item-cffa0f77-e02a-26ca-c304-d64067fe097e .asset-small-image {
  width: 100%;
}

.lfr-layout-structure-item-cffa0f77-e02a-26ca-c304-d64067fe097e  .entry-categories {
  display: none;
}

.lfr-layout-structure-item-cffa0f77-e02a-26ca-c304-d64067fe097e  .entry-social {
  display: none !important;
}

.lfr-layout-structure-item-cffa0f77-e02a-26ca-c304-d64067fe097e  .entry {
  padding: 6px;
  border: 1px solid;
    border-top-color: currentcolor;
    border-right-color: currentcolor;
    border-bottom-color: currentcolor;
    border-left-color: currentcolor;
  border-radius: 6px;
  border-color: #c8c8c8;
  margin: 4px;
}

@media only screen and (max-width: 600px){
.lfr-layout-structure-item-cffa0f77-e02a-26ca-c304-d64067fe097e .entry {
  width: 100%;
}

}


.lfr-layout-structure-item-cffa0f77-e02a-26ca-c304-d64067fe097e a{
 display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical; 
  width: 100%;
  overflow: hidden;
}

.lfr-layout-structure-item-cffa0f77-e02a-26ca-c304-d64067fe097e  a {
    font-size: 1.5rem !important;
    font-weight: 600 !important;
    margin: 20px 5px;
}

.lfr-layout-structure-item-cffa0f77-e02a-26ca-c304-d64067fe097e p {
    margin: 20px 5px;
}

.lfr-layout-structure-item-cffa0f77-e02a-26ca-c304-d64067fe097e img.asset-small-image {
    height: 180px;
}

.lfr-layout-structure-item-6173e57b-dd99-566d-5aa2-08b925f76e53 {
max-width: 780px !important;
}
.lfr-layout-structure-item-6173e57b-dd99-566d-5aa2-08b925f76e53 {
position:absolute;
top:50%;
left:50%;
transform: translate(-50%, -50%);
z-index:2;
}.lfr-layout-structure-item-e0b3f513-ec00-1859-a9f0-eb1b627be39f {
background-position: 50% 50%; background-repeat:no-repeat; background-size: cover; background-image: var(--lfr-background-image-e0b3f513-ec00-1859-a9f0-eb1b627be39f) !important;
margin-bottom: var(--spacer-4,1.5rem) !important;
margin-top: var(--spacer-4,1.5rem) !important;
}
.lfr-layout-structure-item-e0b3f513-ec00-1859-a9f0-eb1b627be39f {
  background-image: url("https://www.portnet.ma/documents/d/portnet-business-solutions/arraw")!important;
  background-repeat: no-repeat;
  height: 108px;
background-position: 0px;


-webkit-transition:background-position 1s ease;
	-moz-transition:background-position 1s ease;
	-o-transition:background-position 1s ease;
	transition:background-position 1s ease;
background-size: 60px;
}

.lfr-layout-structure-item-e0b3f513-ec00-1859-a9f0-eb1b627be39f:hover{
background-position: 10px;
}.lfr-layout-structure-item-51556778-5b7c-e890-fbfa-527fd97910ac {
margin-bottom: var(--spacer-3,1rem) !important;
margin-top: var(--spacer-3,1rem) !important;
}
.lfr-layout-structure-item-51556778-5b7c-e890-fbfa-527fd97910ac {
  background-image: url("https://www.portnet.ma/documents/d/portnet-business-solutions/arraw")!important;
  background-repeat: no-repeat;
  height: 108px;
background-position: 0px;


-webkit-transition:background-position 1s ease;
	-moz-transition:background-position 1s ease;
	-o-transition:background-position 1s ease;
	transition:background-position 1s ease;
background-size: 60px;
}

.lfr-layout-structure-item-51556778-5b7c-e890-fbfa-527fd97910ac:hover{
background-position: 10px;
}.lfr-layout-structure-item-068442e4-6488-a9a1-10a7-1f2799ba8ece {
background-color: var(--gray-100) !important;
border-color: var(--gray-100) !important;
padding-bottom: var(--spacer-4,1.5rem) !important;
padding-top: var(--spacer-4,1.5rem) !important;
}
.lfr-layout-structure-item-068442e4-6488-a9a1-10a7-1f2799ba8ece h1{


}.lfr-layout-structure-item-8f03f614-ca8d-388e-3019-910ad98e7084 {
padding-bottom: var(--spacer-5,3rem) !important;
color: var(--black) !important;
}
.lfr-layout-structure-item-76ced1d3-5dfa-48cd-46e7-a7b7b9483e2a {
text-align: center !important;
}
.lfr-layout-structure-item-76ced1d3-5dfa-48cd-46e7-a7b7b9483e2a {
text-align : center
}.lfr-layout-structure-item-4dc54558-1f4e-acfa-770c-3ba16e7e7764 .component-heading.mb-0.text-break {
text-align: left;
  font-weight: bold;
  position: relative;
  left: 0px;
  top: 27px;
  font-size: 44px;
padding-left: 90px;
}
.lfr-layout-structure-item-f67eea90-1668-ae12-bae7-cf387a30de8b {
padding-top: var(--spacer-4,1.5rem) !important;
text-align: center !important;
}
.lfr-layout-structure-item-f67eea90-1668-ae12-bae7-cf387a30de8b .btn{
background-color : #DF0720 !important;
color : white
}.lfr-layout-structure-item-da36a1a7-2c30-f25a-9749-1a10794f670b .carousel-caption {
  width: 1250px;
  margin: 0px auto;
}

.lfr-layout-structure-item-da36a1a7-2c30-f25a-9749-1a10794f670b .btn{
background : transparent;
border-color : #FFF
 }
.lfr-layout-structure-item-c0a2ef2d-a9a9-84d1-090a-d95f4b8abdc0 {
background-color: var(--gray-100) !important;
background-position: 50% 50%; background-repeat:no-repeat; background-size: cover; background-image: var(--lfr-background-image-c0a2ef2d-a9a9-84d1-090a-d95f4b8abdc0) !important;
padding-bottom: var(--spacer-6,4.5rem) !important;
padding-top: var(--spacer-6,4.5rem) !important;
}
.lfr-layout-structure-item-c0a2ef2d-a9a9-84d1-090a-d95f4b8abdc0 h3{
  color: #fff !important;
}

.text-trade{

}
.text-trade h2{
text-align: left;
  font-weight: bold;
  font-size: 44px;
padding-left:90px;
position:relative;
background-image: url("https://www.portnet.ma/documents/d/portnet-business-solutions/arraw")!important;
  background-repeat: no-repeat;
  height: 108px;
background-position: 0px;
-webkit-transition:background-position 1s ease;
	-moz-transition:background-position 1s ease;
	-o-transition:background-position 1s ease;
	transition:background-position 1s ease;
background-size: 75px;
}
.text-trade h2:hover{
background-position: 10px;
}
.text-trade ul{
margin:20px 0;
padding-left:0px
}
.text-trade ul li{
list-style-type:none;
background:url("https://www.portnet.ma/documents/d/portnet-bsuiness-solutions/landing-page-business-solutions-v2-3-") no-repeat;
background-size:30px;
background-position:left center;
Line-height:40px;
padding-left:40px
}
.text-trade a{
color:red;
border:1px solid red;
padding:6px 14px;
margin-top:20px;
display: inline-block;
}
.text-trade a:hover{text-decoration:none;}
@media only screen and (max-width: 600px) {
.text-trade h2{
height:auto;
}
}.lfr-layout-structure-item-21348c9a-9b57-ec1a-9466-d4f73693e600 {
text-align: center !important;
}
.lfr-layout-structure-item-21348c9a-9b57-ec1a-9466-d4f73693e600 h1, h2, h3 {
color : #212957 !important
}.lfr-layout-structure-item-0fffebfa-7e5f-d4f4-d5df-bb490b778189 {
display: none !important;
}
.lfr-layout-structure-item-0fffebfa-7e5f-d4f4-d5df-bb490b778189 h1 {
  font-family: Poppins;
  font-size: 3.2rem;
  font-weight: 700;
  color: #fff !important;
  text-align: left;
margin-bottom: 22px;
}
.section-slider .carousel-caption{
width:auto!important;
padding:0 1rem!important;
}
.lfr-layout-structure-item-0fffebfa-7e5f-d4f4-d5df-bb490b778189 img {
display:none;
}

.lfr-layout-structure-item-0fffebfa-7e5f-d4f4-d5df-bb490b778189 .lead.mb-4 {
  max-width: 1217px;
    margin-bottom: 0px;
}

.lfr-layout-structure-item-0fffebfa-7e5f-d4f4-d5df-bb490b778189 .lead.mb-4 p {
  max-width: 580px;
font-size: 1.2rem;
padding-left:12px
}

.lfr-layout-structure-item-0fffebfa-7e5f-d4f4-d5df-bb490b778189 span.lead {
  border-bottom: 8px solid #DF0720;
  font-family: Poppins;
  font-size: 64px;
  font-weight: 700;}
.carousel-item {
  height: calc(100vh - 123px);
  overflow: hidden;
  background-color: #22274d;
}
.carousel-item  .btn-primary{
  float:left;
margin-left: 12px
}
.carousel-item  .btn-primary:after{
  content:">";
font-weight:bold;
display:inline-block;
margin-left:8px;
vertical-align:middle;
}
@media (max-width: 600px)
 {
.carousel-item {
  height: auto!important;
  background-color: none!important;
padding-bottom:30px!important;
}
.lfr-layout-structure-item-0fffebfa-7e5f-d4f4-d5df-bb490b778189 .lead.mb-4 {
  max-width: 1217px;
margin:0 auto;
    margin-bottom: 0px;
}
.lfr-layout-structure-item-140c75ca-02d6-03dc-3cba-5df3a26c294c header{
  position:initial;
}
.lfr-layout-structure-item-0fffebfa-7e5f-d4f4-d5df-bb490b778189 .lead.mb-4 p {
font-size:12px
}
.lfr-layout-structure-item-0fffebfa-7e5f-d4f4-d5df-bb490b778189 h1 {
  font-size: 18px;
height: initial;
}
.section-slider .carousel-caption{
  width:auto!important;
transform:initial!important;
display:block!important;
bottom:initial!important;
top:0!important;
}
.lfr-layout-structure-item-0fffebfa-7e5f-d4f4-d5df-bb490b778189 .lead.mb-4 {
  margin:8px!important;
}
.carousel-item  .btn-primary {
  margin-left:8px!important;
}
}.lfr-layout-structure-item-c510c4a6-6c2b-14d0-2e9f-a25557468aad h1 {
  font-family: Poppins;
  font-size: 2.7rem;
  font-weight: 700;
  color: #fff !important;
  text-align: left;
margin-bottom: 10px;
}
.section-slider .carousel-caption{
width:auto!important;
padding:0 1rem!important;
}
.lfr-layout-structure-item-c510c4a6-6c2b-14d0-2e9f-a25557468aad img {
display:none;
}

.lfr-layout-structure-item-c510c4a6-6c2b-14d0-2e9f-a25557468aad .lead.mb-4 {
  max-width: 1217px;
    margin-bottom: 0px;
}

.lfr-layout-structure-item-c510c4a6-6c2b-14d0-2e9f-a25557468aad .lead.mb-4 p {
  max-width: 580px;
font-size: 1.2rem;
padding-left:12px
}

.lfr-layout-structure-item-c510c4a6-6c2b-14d0-2e9f-a25557468aad span.lead {
  border-bottom: 8px solid #DF0720;
  font-family: Poppins;
  font-size: 64px;
  font-weight: 700;}
.carousel-item {
  height: calc(100vh - 123px);
  overflow: hidden;
  background-color: #22274d;
}
.carousel-item  .btn-primary{
  float:left;
margin-left: 12px
}
.carousel-item  .btn-primary:after{
  content:">";
font-weight:bold;
display:inline-block;
margin-left:8px;
vertical-align:middle;
}
@media (max-width: 600px)
 {
.carousel-item {
  height: auto!important;
  background-color: none!important;
padding-bottom:30px!important;
}
.lfr-layout-structure-item-c510c4a6-6c2b-14d0-2e9f-a25557468aad .lead.mb-4 {
  max-width: 1217px;
margin:0 auto;
    margin-bottom: 0px;
}
.lfr-layout-structure-item-140c75ca-02d6-03dc-3cba-5df3a26c294c header{
  position:initial;
}
.lfr-layout-structure-item-c510c4a6-6c2b-14d0-2e9f-a25557468aad .lead.mb-4 p {
font-size:12px
}
.lfr-layout-structure-item-c510c4a6-6c2b-14d0-2e9f-a25557468aad h1 {
  font-size: 18px;
height: initial;
}
.section-slider .carousel-caption{
  width:auto!important;
transform:initial!important;
display:block!important;
bottom:initial!important;
top:0!important;
}
.lfr-layout-structure-item-c510c4a6-6c2b-14d0-2e9f-a25557468aad .lead.mb-4 {
  margin:8px!important;
}
.carousel-item  .btn-primary {
  margin-left:8px!important;
}
}
@media only screen and (max-width: 1500px) {
.lfr-layout-structure-item-c510c4a6-6c2b-14d0-2e9f-a25557468aad h1 {
  font-size: 2.5rem;
}
}
@media (min-width: 1280px) {
  .lfr-layout-structure-item-c510c4a6-6c2b-14d0-2e9f-a25557468aad .col-xl-6 {
   flex: 0 0 calc(8 / 12 * 100%);
    max-width: calc(8 / 12 * 100%);
  }
}

.lfr-layout-structure-item-c510c4a6-6c2b-14d0-2e9f-a25557468aad .btn {
border: 1px solid white; 
background : none !important
}.lfr-layout-structure-item-bf5c4b97-5c64-1a35-cbea-aa321d25daa0 .OYPEnA{

}.lfr-layout-structure-item-3b0428df-e6bf-3426-c0c5-e892631191d6 {
margin-top: var(--spacer-5,3rem) !important;
}
.lfr-layout-structure-item-3b0428df-e6bf-3426-c0c5-e892631191d6 {

}
.our-solution .card, .our-solution .card-horizontal{
box-shadow:initial;
}
.our-solution .card h2{
position:relative;
padding-left:22px;
margin-bottom:20px;
}
.our-solution .card h2:before{
content:"";
position:absolute;
left:0px;
top:0px;
background:#ff0000;
Border-radius:6px;
width:6px;
height:32px;
}
.our-solution .card  a{
background:#ff0000;
padding:8px 30px;
color:#fff;
Border-radius:8px;
font-weight:bold;
margin-left:22px;
}
.our-solution .card  a:hover{
text-decoration:none;
}
.our-solution .card p{
margin-left:22px;
}.lfr-layout-structure-item-4a01b472-2ca2-9333-d905-b150c09ee21b {
min-width: 400px !important;
text-align: center !important;
width: 400px !important;
}
.lfr-layout-structure-item-4a01b472-2ca2-9333-d905-b150c09ee21b{
margin:0 auto;
display:block;
}.lfr-layout-structure-item-df8171f0-9d87-7742-71c7-496f56806408 {
margin-bottom: var(--spacer-3,1rem) !important;
margin-top: var(--spacer-3,1rem) !important;
}
.lfr-layout-structure-item-df8171f0-9d87-7742-71c7-496f56806408 {
  background-image: url("https://www.portnet.ma/documents/d/portnet-business-solutions/arraw")!important;
  background-repeat: no-repeat;
  height: 108px;
background-position: 0px;


-webkit-transition:background-position 1s ease;
	-moz-transition:background-position 1s ease;
	-o-transition:background-position 1s ease;
	transition:background-position 1s ease;
background-size: 60px;
}

.lfr-layout-structure-item-df8171f0-9d87-7742-71c7-496f56806408:hover{
background-position: 10px;
}.lfr-layout-structure-item-19e42d5c-0734-cc21-7b84-cd3dc7aa2ba5 {
background-color: var(--gray-100) !important;
background-position: 50% 50%; background-repeat:no-repeat; background-size: cover; background-image: var(--lfr-background-image-19e42d5c-0734-cc21-7b84-cd3dc7aa2ba5) !important;
padding-bottom: var(--spacer-7,6rem) !important;
padding-top: var(--spacer-7,6rem) !important;
}
.lfr-layout-structure-item-19e42d5c-0734-cc21-7b84-cd3dc7aa2ba5 {
box-shadow: inset 0px 7px 3px -3px rgba(50, 50, 50, 0.11);
  margin-top: 40px;
}
.lfr-layout-structure-item-19e42d5c-0734-cc21-7b84-cd3dc7aa2ba5 h2{
font-size:46px;
color:#232a56;
font-weight:bold;
margin-bottom:30px;
position:relative;
padding-left:90px;
 background-image: url("https://www.portnet.ma/documents/d/portnet-business-solutions/arraw")!important;
  background-repeat: no-repeat;
  height: 60px;
background-position: 0px;
-webkit-transition:background-position 1s ease;
	-moz-transition:background-position 1s ease;
	-o-transition:background-position 1s ease;
	transition:background-position 1s ease;
background-size: 60px;
}
.lfr-layout-structure-item-19e42d5c-0734-cc21-7b84-cd3dc7aa2ba5 h2:hover{
background-position: 10px;
}
.lfr-layout-structure-item-19e42d5c-0734-cc21-7b84-cd3dc7aa2ba5 p{
font-size:18px;
color:#232a56;
Line-height:28px;
}
.lfr-layout-structure-item-19e42d5c-0734-cc21-7b84-cd3dc7aa2ba5 a{
font-size:16px;
display:inline-block;
background: #ff0000;
  padding: 8px 30px;
  color: #fff;
  Border-radius: 8px;
  font-weight: bold;
margin-top:30px;
}
.lfr-layout-structure-item-19e42d5c-0734-cc21-7b84-cd3dc7aa2ba5 a:hover{
text-decoration:none;
}
@media only screen and (max-width: 600px) {
.lfr-layout-structure-item-19e42d5c-0734-cc21-7b84-cd3dc7aa2ba5 h2{
font-size:46px;
color:#232a56;
font-weight:bold;
margin-bottom:30px
}
.lfr-layout-structure-item-19e42d5c-0734-cc21-7b84-cd3dc7aa2ba5 img{display:none;}
}.lfr-layout-structure-item-068aadc1-e490-5502-a6a3-63b924a22b12 {
margin-bottom: var(--spacer-5,3rem) !important;
margin-top: var(--spacer-5,3rem) !important;
}
.lfr-layout-structure-item-068aadc1-e490-5502-a6a3-63b924a22b12 {

}
.our-solution .card, .our-solution .card-horizontal{
box-shadow:initial;
}
.our-solution .card h2{
position:relative;
padding-left:22px;
margin-bottom:20px;
}
.our-solution .card h2:before{
content:"";
position:absolute;
left:0px;
top:0px;
background:#ff0000;
Border-radius:6px;
width:6px;
height:32px;
}
.our-solution .card  a{
background:#ff0000;
padding:8px 30px;
color:#fff;
Border-radius:8px;
font-weight:bold;
margin-left:22px;
}
.our-solution .card  a:hover{
text-decoration:none;
}
.our-solution .card p{
margin-left:22px;
}.lfr-layout-structure-item-57b4895e-e5d9-3ca4-9ee8-1e807576f000  .logo{
width: 180px
}

.lfr-layout-structure-item-57b4895e-e5d9-3ca4-9ee8-1e807576f000  .btn{
color : #fff;
border : 1px solid #fff;
}

.lfr-layout-structure-item-57b4895e-e5d9-3ca4-9ee8-1e807576f000  .nav{
font-weight : 300
}

@media only screen and (max-width: 1500px) {
.lfr-layout-structure-item-587467ba-b947-289e-ba73-5b89b2d9fc63 h1 {
    font-family: Poppins;
    font-size: 2rem;
    height: 120px;
}
}.lfr-layout-structure-item-1d030aab-3f44-eed8-e2c5-e98013bd7e6f {
background-position: 50% 50%; background-repeat:no-repeat; background-size: cover; background-image: var(--lfr-background-image-1d030aab-3f44-eed8-e2c5-e98013bd7e6f) !important;
border-radius: 18px !important;
}
.lfr-layout-structure-item-1d030aab-3f44-eed8-e2c5-e98013bd7e6f{

}
.lfr-layout-structure-item-4f854dee-8d86-3b30-5100-63d4b995c4a4 {
display: none !important;
padding-bottom: var(--spacer-6,4.5rem) !important;
padding-top: var(--spacer-6,4.5rem) !important;
}
.lfr-layout-structure-item-4f854dee-8d86-3b30-5100-63d4b995c4a4 {
background:#131e3d!important;
}.lfr-layout-structure-item-aa030978-88d2-82f2-b52f-2832376ef6de {
padding-bottom: var(--spacer-4,1.5rem) !important;
text-align: center !important;
}
.lfr-layout-structure-item-aa030978-88d2-82f2-b52f-2832376ef6de .btn{
background-color : #DF0720 !important;
color : white;
}.lfr-layout-structure-item-470879ee-60c7-0143-aee9-abec27622fa3 {
background-position: 50% 50%; background-repeat:no-repeat; background-size: cover; background-image: var(--lfr-background-image-470879ee-60c7-0143-aee9-abec27622fa3) !important;
max-height: 600px !important;
}
.lfr-layout-structure-item-470879ee-60c7-0143-aee9-abec27622fa3 {
height:100vh;
position:relative;
}
.lfr-layout-structure-item-470879ee-60c7-0143-aee9-abec27622fa3:after {
content:"";
width:100%;
height:100%;
background:#232a56;
opacity:0.8;
z-index:1;
position: absolute;
left:0;
top:0;
}.lfr-layout-structure-item-140c75ca-02d6-03dc-3cba-5df3a26c294c {
background-color: #ffffff !important;
background-position: 50% 50%; background-repeat:no-repeat; background-size: cover; background-image: var(--lfr-background-image-140c75ca-02d6-03dc-3cba-5df3a26c294c) !important;
}
.lfr-layout-structure-item-140c75ca-02d6-03dc-3cba-5df3a26c294c  header {
 position: absolute;
  top: 37px;
  z-index: 9;
  width: 100%;
}
.lfr-layout-structure-item-140c75ca-02d6-03dc-3cba-5df3a26c294c  .navbar-classic {
  background-color: transparent;
}

.lfr-layout-structure-item-140c75ca-02d6-03dc-3cba-5df3a26c294c  .navbar-light .navbar-nav .nav-link {
  color: #fff;
}

.lfr-layout-structure-item-140c75ca-02d6-03dc-3cba-5df3a26c294c .border-bottom {
  border-bottom: 0px !important;
}.lfr-layout-structure-item-bab9e718-ff10-6605-4251-531cf02a3db3 {
height: 0px !important;
}
.lfr-layout-structure-item-bab9e718-ff10-6605-4251-531cf02a3db3 {
position:relative;
}
.lfr-layout-structure-item-bab9e718-ff10-6605-4251-531cf02a3db3:before{
content:"";
width:100px;
height:100px;
background-image:url(https://www.portnet.ma/documents/d/portnet-business-solutions/brakets);
position:absolute;
left: -53px;
  top: -70px;
background-size: contain;
  background-repeat: no-repeat;
}
.lfr-layout-structure-item-7086ec65-f8d3-ea34-f676-cecefbacf8b5 {
background-position: 50% 50%; background-repeat:no-repeat; background-size: cover; background-image: var(--lfr-background-image-7086ec65-f8d3-ea34-f676-cecefbacf8b5) !important;
border-radius: 18px !important;
}
.lfr-layout-structure-item-7086ec65-f8d3-ea34-f676-cecefbacf8b5{

}
.lfr-layout-structure-item-76b214e2-674b-d1da-6636-7f631b58ebd0 {
text-align: center !important;
}
.lfr-layout-structure-item-5bb3af7e-32a4-b4cd-2da0-17c0f270613d .component-heading.mb-0.text-break {
text-align: left;
  font-weight: bold;
  position: relative;
  left: 0px;
  top: 27px;
  font-size: 44px;
padding-left:90px;
}.lfr-layout-structure-item-0f0640df-f7f0-4aa3-ccb4-5b3581e4bbe1 {
background-color: var(--gray-100) !important;
}
.lfr-layout-structure-item-34f512c7-5bd5-e975-a514-af59f0276692 {
background-color: var(--gray-100) !important;
padding-bottom: var(--spacer-4,1.5rem) !important;
padding-top: var(--spacer-6,4.5rem) !important;
color: var(--gray-100) !important;
}
.lfr-layout-structure-item-34f512c7-5bd5-e975-a514-af59f0276692 {
background:#F1F1F1 !important;
overflow:hidden;
}

.lfr-layout-structure-item-34f512c7-5bd5-e975-a514-af59f0276692  .OYPEnA {
  color: #313131 !important;
}

.lfr-layout-structure-item-34f512c7-5bd5-e975-a514-af59f0276692 .text h3 {
  font-size: 1.3em !important;
color : #212957
}

.text-light {
  color: #212957 !important;
  text-align: center;
}
.lfr-layout-structure-item-a0386d9f-fd28-d7b4-948f-7b62df188677 {
border-style: solid; border-width: 0 !important; border-width: 0px !important;
padding-bottom: var(--spacer-5,3rem) !important;
padding-left: var(--spacer-2,0.5rem) !important;
padding-right: var(--spacer-2,0.5rem) !important;
padding-top: var(--spacer-5,3rem) !important;
}
.lfr-layout-structure-item-a0386d9f-fd28-d7b4-948f-7b62df188677 h3{
  color: #fff !important;
}

.text-project{
position:absolute;
z-index:2;
height:100%;
width:100%;
}
.link-project{
position:absolute;
right: 20px;
z-index:2;
font-size:60px;
color:#fff;
font-weight:400;
}
.item-project{
height:230px;
background-size: cover;
  position: relative;
transition: top ease 0.5s;
top:0px;
border: 1px solid #6a6a6a;
}
.item-project:hover{
top:-15px;
}
.item-project:after{
content:"";
position:absolute;
width:100%;
height:100%;
background:#232a56;
opacity:0.8;
top:0px;
z-index:1;
border-radius: 18px;
}
.item-project{
height:430px
}
.text-project a{
border:1px solid #fff;
padding:6px 12px;
color:#fff;
border-radius: 20px;
position:absolute;
Left: 50%;
bottom : 40px;
transform: translate(-50%, 0);
z-index:2;
font-size:16px;
font-weight:600;
}
.text-project a:hover{
text-decoration:none;
color: #232a56 !important;
  background-color: #EDF3FF !important;
}
.text-project img{
position:absolute;
Left: 50%;
top : 50%;
transform: translate(-50%, -50%);
z-index:2;
width:50%;
}
.lfr-layout-structure-item-5fd665af-86bd-eb54-6984-6f38bd9bd26b {
text-align:center;
}
.lfr-layout-structure-item-5fd665af-86bd-eb54-6984-6f38bd9bd26b h2 {
color:#fff!important;
font-size:45px;
line-height: 70px;
}
.lfr-layout-structure-item-5fd665af-86bd-eb54-6984-6f38bd9bd26b p{
color:#fff!important;
font-size:18px;
line-height: 32px;
}
@media only screen and (max-width: 600px) {
.lfr-layout-structure-item-5fd665af-86bd-eb54-6984-6f38bd9bd26b{
padding:0 20px;
}
.lfr-layout-structure-item-5fd665af-86bd-eb54-6984-6f38bd9bd26b h2{
font-size: 30px;
  line-height: 48px;
}
}.lfr-layout-structure-item-9ec13383-b84a-dfc9-2aee-c28e6698a5cf .component-heading.mb-0.text-break {
text-align: left;
  font-weight: bold;
  position: relative;
  left: 0px;
  top: 27px;
  font-size: 44px;
padding-left: 90px;
}
.lfr-layout-structure-item-2e703b50-1c16-eb0b-b5f8-101e71798b55 {
padding-bottom: var(--spacer-5,3rem) !important;
}
.lfr-layout-structure-item-e71a5a71-d22b-6227-a218-f36fffb4db29 .component-heading.mb-0.text-break {
text-align: left;
  font-weight: bold;
  position: relative;
  left: 0px;
  top: 27px;
  font-size: 44px;
padding-left: 90px;
}
.lfr-layout-structure-item-eb77c37f-ac59-1724-fdd8-249cb69317cf {
padding-top: var(--spacer-4,1.5rem) !important;
}
.lfr-layout-structure-item-12f61ec2-4c35-dc88-b047-048e79c5b004 {
margin-bottom: var(--spacer-3,1rem) !important;
margin-top: var(--spacer-3,1rem) !important;
}
.lfr-layout-structure-item-12f61ec2-4c35-dc88-b047-048e79c5b004 {
  background-image: url("https://www.portnet.ma/documents/d/portnet-business-solutions/arraw")!important;
  background-repeat: no-repeat;
  height: 108px;
background-position: 0px;


-webkit-transition:background-position 1s ease;
	-moz-transition:background-position 1s ease;
	-o-transition:background-position 1s ease;
	transition:background-position 1s ease;
background-size: 60px;
}

.lfr-layout-structure-item-12f61ec2-4c35-dc88-b047-048e79c5b004:hover{
background-position: 10px;
}.lfr-layout-structure-item-7d11b05d-da51-423e-6255-fd2630975e55 {
background-position: 50% 50%; background-repeat:no-repeat; background-size: cover; background-image: var(--lfr-background-image-7d11b05d-da51-423e-6255-fd2630975e55) !important;
border-radius: 18px !important;
}
.lfr-layout-structure-item-7d11b05d-da51-423e-6255-fd2630975e55{

}
@media only screen and (max-width: 600px) {
.lfr-layout-structure-item-7d11b05d-da51-423e-6255-fd2630975e55{
margin-bottom:18px;
}
}.lfr-layout-structure-item-c42eafb9-2b01-ad9f-266d-0810e82baee6 {
background-position: 50% 50%; background-repeat:no-repeat; background-size: cover; background-image: var(--lfr-background-image-c42eafb9-2b01-ad9f-266d-0810e82baee6) !important;
border-radius: 18px !important;
}
.text-project h3{
 color:#FFF; 
text-align : center; 
position : absolute; 
top : 270px;
margin : 0px auto; 
  left: 0; 
  right: 0; 
font-weight : 300
}


@media only screen and (max-width: 600px) {
.lfr-layout-structure-item-c42eafb9-2b01-ad9f-266d-0810e82baee6{
margin-bottom:18px;
}
}.lfr-layout-structure-item-321fe187-baf0-1d11-2999-ae9c80723efe {
background-color: var(--gray-100) !important;
}
@media screen and (max-width: 991px) {.lfr-layout-structure-item-a0386d9f-fd28-d7b4-948f-7b62df188677 {
padding-bottom: var(--spacer-6,4.5rem) !important;
padding-left: var(--spacer-5,3rem) !important;
padding-right: var(--spacer-5,3rem) !important;
padding-top: var(--spacer-6,4.5rem) !important;
}
}@media screen and (max-width: 767px) {.lfr-layout-structure-item-a0386d9f-fd28-d7b4-948f-7b62df188677 {
padding-left: var(--spacer-4,1.5rem) !important;
padding-right: var(--spacer-4,1.5rem) !important;
}
}@media screen and (max-width: 575px) {@media (max-width: 600px)
 {
.tradex h2 {
  font-size : 20px !important
}.lfr-layout-structure-item-4dc54558-1f4e-acfa-770c-3ba16e7e7764 .component-heading.mb-0.text-break {
text-align: left;
  font-weight: bold;
  position: relative;
  left: 0px;
  top: 27px;
  font-size: 44px;
padding-left: 90px;
}
.lfr-layout-structure-item-c510c4a6-6c2b-14d0-2e9f-a25557468aad h1 {
  font-family: Poppins;
  font-size: 2.7rem;
  font-weight: 700;
  color: #fff !important;
  text-align: left;
margin-bottom: 10px;
}
.section-slider .carousel-caption{
width:auto!important;
padding:0 1rem!important;
}
.lfr-layout-structure-item-c510c4a6-6c2b-14d0-2e9f-a25557468aad img {
display:none;
}

.lfr-layout-structure-item-c510c4a6-6c2b-14d0-2e9f-a25557468aad .lead.mb-4 {
  max-width: 1217px;
    margin-bottom: 0px;
}

.lfr-layout-structure-item-c510c4a6-6c2b-14d0-2e9f-a25557468aad .lead.mb-4 p {
  max-width: 580px;
font-size: 1.2rem;
padding-left:12px
}

.lfr-layout-structure-item-c510c4a6-6c2b-14d0-2e9f-a25557468aad span.lead {
  border-bottom: 8px solid #DF0720;
  font-family: Poppins;
  font-size: 64px;
  font-weight: 700;}
.carousel-item {
  height: calc(100vh - 123px);
  overflow: hidden;
  background-color: #22274d;
}
.carousel-item  .btn-primary{
  float:left;
margin-left: 12px
}
.carousel-item  .btn-primary:after{
  content:">";
font-weight:bold;
display:inline-block;
margin-left:8px;
vertical-align:middle;
}
@media (max-width: 600px)
 {
.carousel-item {
  height: auto!important;
  background-color: none!important;
padding-bottom:30px!important;
}
.lfr-layout-structure-item-c510c4a6-6c2b-14d0-2e9f-a25557468aad .lead.mb-4 {
  max-width: 1217px;
margin:0 auto;
    margin-bottom: 0px;
}
.lfr-layout-structure-item-140c75ca-02d6-03dc-3cba-5df3a26c294c header{
  position:initial;
}
.lfr-layout-structure-item-c510c4a6-6c2b-14d0-2e9f-a25557468aad .lead.mb-4 p {
font-size:12px
}
.lfr-layout-structure-item-c510c4a6-6c2b-14d0-2e9f-a25557468aad h1 {
padding-top: 20px;
  font-size: 22px !important;
height: initial;
}
.section-slider .carousel-caption{
  width:auto!important;
transform:initial!important;
display:block!important;
bottom:initial!important;
top:0!important;
}

.lfr-layout-structure-item-c510c4a6-6c2b-14d0-2e9f-a25557468aad  .container {
  padding-left: 0px;
}

.lfr-layout-structure-item-c510c4a6-6c2b-14d0-2e9f-a25557468aad .lead.mb-4 {
  margin-top:0px!important;
}
.carousel-item  .btn-primary {
  margin-left:8px!important;
}
}
@media only screen and (max-width: 1500px) {
.lfr-layout-structure-item-c510c4a6-6c2b-14d0-2e9f-a25557468aad h1 {
  font-size: 2.5rem;
}
}
@media (min-width: 1280px) {
  .lfr-layout-structure-item-c510c4a6-6c2b-14d0-2e9f-a25557468aad .col-xl-6 {
   flex: 0 0 calc(8 / 12 * 100%);
    max-width: calc(8 / 12 * 100%);
  }
}

.lfr-layout-structure-item-c510c4a6-6c2b-14d0-2e9f-a25557468aad .btn {
border: 1px solid white; 
background : none !important
}.lfr-layout-structure-item-a0386d9f-fd28-d7b4-948f-7b62df188677 {
padding-left: var(--spacer-3,1rem) !important;
padding-right: var(--spacer-3,1rem) !important;
}
.lfr-layout-structure-item-9ec13383-b84a-dfc9-2aee-c28e6698a5cf .component-heading.mb-0.text-break {
text-align: left;
  font-weight: bold;
  position: relative;
  left: 0px;
  top: 27px;
  font-size: 44px;
padding-left: 90px;
}
}