.lfr-layout-structure-item-container {padding: 0;}.lfr-layout-structure-item-row {overflow: hidden;}.lfr-layout-structure-item-140c75ca-02d6-03dc-3cba-5df3a26c294c {
background-color: #232A56 !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 {
border-bottom:6px solid #E00520!important;
}*/
.lfr-layout-structure-item-140c75ca-02d6-03dc-3cba-5df3a26c294c  header {
  
  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-587467ba-b947-289e-ba73-5b89b2d9fc63 h1 {
  font-family: Poppins;
  font-size: 4rem;
  font-weight: 700;
  color: #fff !important;
  text-align: left;
height: 160px;
}

.lfr-layout-structure-item-587467ba-b947-289e-ba73-5b89b2d9fc63 img {
display:none;
}

.lfr-layout-structure-item-587467ba-b947-289e-ba73-5b89b2d9fc63 .lead.mb-4 {
  max-width: 1217px;
    margin-bottom: 0px;
}

.lfr-layout-structure-item-587467ba-b947-289e-ba73-5b89b2d9fc63 .lead.mb-4 p {
  max-width: 580px;
font-size: 1.2rem;
}

.lfr-layout-structure-item-587467ba-b947-289e-ba73-5b89b2d9fc63 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;
}
.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-587467ba-b947-289e-ba73-5b89b2d9fc63 .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-587467ba-b947-289e-ba73-5b89b2d9fc63 .lead.mb-4 p {
font-size:12px
}
.lfr-layout-structure-item-587467ba-b947-289e-ba73-5b89b2d9fc63 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-587467ba-b947-289e-ba73-5b89b2d9fc63 .lead.mb-4 {
  margin:8px!important;
}
.carousel-item  .btn-primary {
  margin-left:8px!important;
}
}.lfr-layout-structure-item-00fa89f0-0d45-b83c-1244-b0839c25c1a0 {
border-style: solid; border-width: 0 !important; border-width: 0px !important;
}
.lfr-layout-structure-item-e8829da1-6ec3-125e-3dda-54c786d933dc {
background-position: 50% 50%; background-repeat:no-repeat; background-size: cover; background-image: var(--lfr-background-image-e8829da1-6ec3-125e-3dda-54c786d933dc) !important;
}
.lfr-layout-structure-item-c302628a-ab0d-2f5e-0972-0b19648b02a2 {
color: #fff
}

.breadcrumb {
    padding: 15px !important;
    margin-bottom: 0rem !important;
}.lfr-layout-structure-item-d5c325c5-d8fa-5e4d-e868-dc1cc35f5117 {
margin-bottom: var(--spacer-3,1rem) !important;
margin-top: var(--spacer-3,1rem) !important;
}
.lfr-layout-structure-item-d5c325c5-d8fa-5e4d-e868-dc1cc35f5117 {
  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-d5c325c5-d8fa-5e4d-e868-dc1cc35f5117:hover{
background-position: 10px;
}.lfr-layout-structure-item-4f7c6c5b-0670-313c-0b8e-eed91da68943 {
background-color: var(--danger) !important;
}
.lfr-layout-structure-item-c4eb2cd5-2f10-50bb-df18-471dd238c33a .component-heading.mb-0.text-break {
text-align: left;
  font-weight: bold;
  position: relative;
  left: 0px;
  top: 20px;
  font-size: 32px;
padding-left: 60px;
}
.lfr-layout-structure-item-0f0640df-f7f0-4aa3-ccb4-5b3581e4bbe1 {
background-color: var(--gray-100) !important;
}
.lfr-layout-structure-item-7e9f7af2-d503-0600-cc68-3224c413cf7e {
max-width:100%;
}
.lfr-layout-structure-item-7e9f7af2-d503-0600-cc68-3224c413cf7e h5 {
color:#202652;
font-size:1rem;
font-weight:100;
}
.lfr-layout-structure-item-7e9f7af2-d503-0600-cc68-3224c413cf7e p{
color:#202652;
font-size:1.5rem;
font-weight: 200;
margin-top:30px;
}

.lfr-layout-structure-item-7e9f7af2-d503-0600-cc68-3224c413cf7e ul li{
color:#202652;
font-size:1.5rem;
line-height:50px;
font-weight: 200;
}.lfr-layout-structure-item-18738f69-6784-2195-0309-7cf5a961e331 .component-heading.mb-0.text-break {
text-align: left;
  font-weight: bold;
  position: relative;
  left: 0px;
  top: 20px;
  font-size: 32px;
padding-left: 60px;
}
.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: 3rem;
    height: 120px;
}
.container {
    margin-left:0px;
}
}.lfr-layout-structure-item-321fe187-baf0-1d11-2999-ae9c80723efe {
background-color: var(--gray-100) !important;
}
.lfr-layout-structure-item-803d8e2b-2c76-1110-e566-994487ea3c87 {
margin-bottom: var(--spacer-3,1rem) !important;
margin-top: var(--spacer-3,1rem) !important;
}
.lfr-layout-structure-item-803d8e2b-2c76-1110-e566-994487ea3c87 {
  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-803d8e2b-2c76-1110-e566-994487ea3c87:hover{
background-position: 10px;
}.lfr-layout-structure-item-65ad3031-3d87-2ed2-5b63-4c0092806abc {
border-style: solid; border-width: 0 !important; border-width: 0px !important;
margin-top: var(--spacer-5,3rem) !important;
padding-bottom: var(--spacer-5,3rem) !important;
}
.lfr-layout-structure-item-65ad3031-3d87-2ed2-5b63-4c0092806abc {

}
.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-da36a1a7-2c30-f25a-9749-1a10794f670b {
display: none !important;
}
.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-fa2963bf-af51-e981-6804-0a4892636e0c {
color: var(--white) !important;
}

.lfr-layout-structure-item-fa2963bf-af51-e981-6804-0a4892636e0c h1{
font-size:4rem;
color:#202544;
margin-bottom:30px;
text-align:left;
}
.lfr-layout-structure-item-fa2963bf-af51-e981-6804-0a4892636e0c h1 span{
color:#E00520
}
.lfr-layout-structure-item-fa2963bf-af51-e981-6804-0a4892636e0c p{
color:#202544;
font-size:1.3rem;
line-height: 34px;
}

.breadcrumb-link {
  color: #fff;
}

span.active {
  color: #fff !important;}.lfr-layout-structure-item-b0205a2e-fbda-2bb2-7d1c-3aee9953de73 {
max-width:100%;
}
.lfr-layout-structure-item-b0205a2e-fbda-2bb2-7d1c-3aee9953de73 h5 {
color:#202652;
font-size:1rem;
font-weight:100;
}
.lfr-layout-structure-item-b0205a2e-fbda-2bb2-7d1c-3aee9953de73 p{
color:#202652;
font-size:1.5rem;
font-weight: 200;
margin-top:30px;
}

.lfr-layout-structure-item-b0205a2e-fbda-2bb2-7d1c-3aee9953de73 ul li{
color:#202652;
font-size:1.5rem;
line-height:50px;
font-weight: 200;
}.lfr-layout-structure-item-a6334bf2-168d-591a-e18b-b15750a92ec9 {
background-position: 50% 50%; background-repeat:no-repeat; background-size: cover; background-image: var(--lfr-background-image-a6334bf2-168d-591a-e18b-b15750a92ec9) !important;
}
.lfr-layout-structure-item-a6334bf2-168d-591a-e18b-b15750a92ec9 {
background-repeat:none;
background-position:center right;
background-size:70%;
height:600px;
position:relative;
}.lfr-layout-structure-item-c63051ea-2497-f255-1f32-2d3a36d12109 {
background-color: #F6F7F9 !important;
display: none !important;
padding-bottom: var(--spacer-5,3rem) !important;
padding-top: var(--spacer-5,3rem) !important;
}
.lfr-layout-structure-item-c63051ea-2497-f255-1f32-2d3a36d12109 {

}
.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-cfabf786-ff91-babb-2ef6-c393455c6b97 {
background-color: var(--danger) !important;
border-style: solid; border-width: 0 !important; border-width: 0px !important;
padding-bottom: var(--spacer-5,3rem) !important;
padding-top: var(--spacer-5,3rem) !important;
}