@import url('https://fonts.googleapis.com/css2?family=Almarai:wght@300;400;700;800&family=Changa:wght@200..800&display=swap');

:root {
   /* Colors: */
   --main-color: #AA0C0C;
   --light-color: #123f7a;
   --secondry-color: #02234D;
   --rate: #FFBB00;
   --muted-text: #B4B4B4;
   --dark: #6E6E6E;
   --light: #9196A1;
   --input: #FAFAFA;
   --white: #fff;
   --gutter-x: 4.8rem;

}

/*@font-face {*/
/*   font-family: "Bahij";*/
/*   src: url('../font/Bahij/Bahij_TheSansArabic-Bold.ttf');*/
/*   font-weight: bold;*/
/*   font-style: normal;*/
/*}*/

/*@font-face {*/
/*   font-family: "Bahij";*/
/*   src: url('../font/Bahij/Bahij_TheSansArabic-ExtraBold.ttf');*/
/*   font-weight: bolder;*/
/*   font-style: normal;*/
/*}*/

/*@font-face {*/
/*   font-family: "Bahij";*/
/*   src: url('../font/Bahij/Bahij_TheSansArabic-SemiBold.ttf');*/
/*   font-weight: 500;*/
/*   font-style: normal;*/
/*}*/

/*@font-face {*/
/*   font-family: "Bahij";*/
/*   src: url('../font/Bahij/Bahij_TheSansArabic-Plain.ttf');*/
/*   font-weight: 400;*/
/*   font-style: normal;*/
/*}*/

/*@font-face {*/
/*   font-family: "Bahij";*/
/*   src: url('../font/Bahij/Bahij_TheSansArabic-SemiLight.ttf');*/
/*   font-weight: 300;*/
/*   font-style: normal;*/
/*}*/

/*@font-face {*/
/*   font-family: "Bahij";*/
/*   src: url('../font/Bahij/Bahij_TheSansArabic-Light.ttf');*/
/*   font-weight: normal;*/
/*   font-style: normal;*/
/*}*/

/*@font-face {*/
/*   font-family: "Bahij";*/
/*   src: url('../font/Bahij/Bahij_TheSansArabic-ExtraLight.ttf'), ;*/
/*   font-weight: 200;*/
/*   font-style: normal;*/
/*}*/


.container-fluid {
   --bs-gutter-x: var(--gutter-x);
   padding-left: var(--bs-gutter-x);
   padding-right: var(--bs-gutter-x);
}

::-webkit-scrollbar {
   height: 0.5rem;
   width: 0.6rem;
}

::-webkit-scrollbar-thumb {
   background-color: var(--secondry-color);
}

* {
   font-family: 'Almarai', sans-serif;
   margin: 0;
   padding: 0;
   box-sizing: border-box;
   outline: none;
   border: none;
   text-decoration: none;
   transition: .2s linear;
}

p {
   margin: 0;
}

html {
   overflow-x: hidden;
   scroll-behavior: smooth;
}

a {
   text-decoration: none;
   color: #000000;
}

ul {
   padding-inline: 0rem !important;
   list-style: none;
   margin: 0;
}

/* width */
::-webkit-scrollbar {
   width: 4px;
}

/* Track */
::-webkit-scrollbar-track {
   box-shadow: inset 0 0 5px rgba(128, 128, 128, 0.63);
}

/* Handle */
::-webkit-scrollbar-thumb {
   background: var(--light-color);
   border-radius: 10px;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
   background: var(--main-color);
}

::selection {
   color: #fff;
   background-color: var(--secondry-color);
}

/* -- global ---*/
body {
   background-color: #FBFBFB;
}

[dir=rtl] body {
   direction: rtl;
}

[dir=rtl] [type=email],
[dir=rtl] [type=number],
[dir=rtl] [type=tel],
[dir=rtl] [type=url] {
   direction: rtl;
}

[dir=rtl] i[class*="fa-chevron"] {
   transform: rotate(180deg);
   -webkit-transform: rotate(180deg);
   -moz-transform: rotate(180deg);
   -ms-transform: rotate(180deg);
   -o-transform: rotate(180deg);
}

#loading {
   position: fixed;
   top: 0;
   inset-inline-end: 0;
   width: 100%;
   height: 100%;
   z-index: 999999;
   background-color: #fff;
   display: flex;
   justify-content: center;
   align-items: center;
}

.loader {
   position: relative;
   width: 160px;
   letter-spacing: 2px;
   display: inline-block;
   box-sizing: border-box;
   animation: floating 1s ease-out infinite alternate;
}

.loader::after {
   content: '';
   width: 80%;
   height: 20px;
   background: rgba(0, 0, 0, 0.424);
   position: absolute;
   inset-inline-end: 10%;
   top: 110%;
   filter: blur(4px);
   border-radius: 50%;
   box-sizing: border-box;
   animation: animloader 1s ease-out infinite alternate;
}

@keyframes floating {
   0% {
      transform: translateY(0);
   }

   100% {
      transform: translateY(-25px);
   }
}

@keyframes animloader {
   0% {
      transform: scale(0.8);
   }

   100% {
      transform: scale(1.2);
   }
}

.main-color {
   color: var(--main-color) !important;
}

.more {
   display: flex;
   align-items: center;
   gap: 10px;
   font-size: 1.25rem;
   font-weight: bold;
   color: var(--main-color) !important;
   margin-bottom: 1rem;
}

.overlay {
   position: absolute;
   inset: 0;
   background-color: rgba(0, 0, 0, 0.39);
   z-index: 3;
}

.cut-txt {
   display: -webkit-box;
   -webkit-line-clamp: 3;
   -webkit-box-orient: vertical;
   overflow: hidden;
}

img {
   width: 100%;
   object-fit: cover;
}

label {
   color: #545454;
   font-weight: 500;
   margin-bottom: .5rem;
   font-size: 15px;
}

.form-control {
   padding: 0.75rem 0.75rem;
   width: 100%;
   font-size: 1rem;
   font-weight: 400;
   line-height: 1.5;
   color: #212529;
   border: 1px solid #ced4da;
   border-radius: 0.45rem;
   transition: .15s ease-in-out;
   box-shadow: none !important
}

.link {
   position: absolute;
   inset: 0;
}

.scrollUp {
   position: fixed;
   bottom: 35px;
   right: 30px;
   z-index: 9999;
}

.scrollUp a i {
   display: flex;
   align-items: center;
   justify-content: center;
   color: var(--main-color);
   background: #fff;
   border-radius: 50%;
   box-shadow: 0 2px 6px 0 rgb(0 0 0 / 30%);
   transition: .5s;
   z-index: 8708;
   font-size: 28px;
   width: 50px;
   height: 50px;
}

.breadcrumb-wrapper {
   position: relative;
   background-color: #024841;
   color: #fff !important;
   --bs-breadcrumb-divider: '>>'
}

.breadcrumb-wrapper::before {
   content: '';
   position: absolute;
   top: 1rem;
   bottom: 1rem;
   width: 100%;
   background: url('../images/shape.png');
   background-position: center right;
   background-size: contain;
   background-repeat: no-repeat;
}

.breadcrumb {
   position: relative;
   margin: 0;
   padding: 5.5rem 0;
   font-size: 1.3rem;
}

.breadcrumb .breadcrumb-item a {
   color: #fff;
   font-weight: 300;
}

.breadcrumb .breadcrumb-item.active {
   color: #fff;
   font-weight: bold;
}

.breadcrumb-item+.breadcrumb-item::before {
   color: #fff;
}

.main-btn,
.main-btn-outline {
   display: block;
   font-size: 18px;
   width: 155px;
   background: var(--main-color) !important;
   color: #fff !important;
   border-radius: 70px;
   text-align: center;
   overflow: hidden;
   position: relative;
   line-height: 1.6;
   -webkit-border-radius: 70px;
   -moz-border-radius: 70px;
   -ms-border-radius: 70px;
   -o-border-radius: 70px;
   box-shadow: unset !important;
}

.main-btn-outline {
   background: transparent !important;
   border: 1px solid #fff;
}

.social-icons {
   display: flex;
   flex-direction: row-reverse;
   gap: .6rem;
   padding-inline-start: 0;
}

.social-icons i {
   width: 36px;
   height: 36px;
   display: flex;
   align-items: center;
   justify-content: center;
   background: #F6F9FF;
   border-radius: 8px;
   color: var(--main-color)
}

.social-icons i:hover {
   background-color: var(--main-color) !important;
   color: var(--white);
   transform: translateY(-8px);
   -webkit-transform: translateY(-8px);
   -moz-transform: translateY(-8px);
   -ms-transform: translateY(-8px);
   -o-transform: translateY(-8px)
}

/* -----owl-carousels section ----- */
.owl-carousel .owl-stage-outer {
   position: relative;
}

.owl-carousel .owl-stage {
   display: flex;
}

.owl-nav [class*=owl-] {
   position: absolute;
   z-index: 9;
   top: calc(50% - 20px);
   width: 40px;
   height: 40px;
   border-radius: 50%;
   background: #fff !important
}

.owl-nav [class*=owl-] i{
    color: var(--main-color);
}

.owl-nav .owl-prev {
   inset-inline-start: 1rem
}

.owl-nav .owl-next {
   inset-inline-end: 1rem
}


/* -- navbar -----------*/
nav.navbar {
   z-index: 999;
   padding-top: .8rem;
}

.navbar-nav {
   gap: 1.5rem;
   margin-inline-start: auto;
}

.navbar-brand img {
   width: 180px;
   filter: brightness(0) invert(1);
   object-fit: contain;
}

.navbar a.nav-link {
   color: #ffffffc7 !important;
   font-weight: 500;
}

.navbar .nav-link.active {
   font-weight: bold;
   color: var(--white) !important;
}

.navbar .dropdown {
   cursor: pointer;
}

.navbar-expand-lg .navbar-nav .dropdown-menu {
   position: absolute;
   right: -50%;
}

.navbar .dropdown .dropdown-menu {
   overflow: hidden;
   list-style: none;
   padding: 0;
   margin: 0;
   text-align: right;
   background-color: transparent;
   border: none;
   width: fit-content;
}

.navbar .dropdown .dropdown-menu a {
   margin: 5px 0;
   border-radius: 3px;
   display: block;
   padding: .25rem 1rem;
   background-color: var(--white);
   color: var(--main-color) !important;
   position: relative;
   width: fit-content;
}

.navbar .dropdown .dropdown-menu li:first-child a::before {
   content: '';
   width: 0;
   height: 0;
   border-left: 6px solid transparent;
   border-right: 6px solid transparent;
   border-bottom: 6px solid var(--white);
   position: absolute;
   top: -5px;
   right: 25%;
}

.navbar .dropdown .show {
   display: block;
   max-height: 9999px;
   -moz-transform: scaleY(1);
   -ms-transform: scaleY(1);
   -webkit-transform: scaleY(1);
   transform: scaleY(1);
   animation: showAnimation 0.5s ease-in-out;
   -moz-animation: showAnimation 0.5s ease-in-out;
   -webkit-animation: showAnimation 0.5s ease-in-out;
   -moz-transition: max-height 1s ease-in-out;
   -o-transition: max-height 1s ease-in-out;
   -webkit-transition: max-height 1s ease-in-out;
   transition: max-height 1s ease-in-out;
}

.navbar .dropdown .hide {
   max-height: 0;
   -moz-transform: scaleY(0);
   -ms-transform: scaleY(0);
   -webkit-transform: scaleY(0);
   transform: scaleY(0);
   animation: hideAnimation 0.4s ease-out;
   -moz-animation: hideAnimation 0.4s ease-out;
   -webkit-animation: hideAnimation 0.4s ease-out;
   -moz-transition: max-height 0.6s ease-out;
   -o-transition: max-height 0.6s ease-out;
   -webkit-transition: max-height 0.6s ease-out;
   transition: max-height 0.6s ease-out;
}

.navbar .dropdown .show,
.dropdown .hide {
   -moz-transform-origin: 50% 0%;
   -ms-transform-origin: 50% 0%;
   -webkit-transform-origin: 50% 0%;
   transform-origin: 50% 0%;
}

.navbar .dropdown .icon-arrow {
   position: absolute;
   display: block;
   font-size: 0.7em;
   color: #fff;
   top: 14px;
   inset-inline-end: -10px;
}

.navbar .dropdown .icon-arrow.open {
   -moz-transform: rotate(-180deg);
   -ms-transform: rotate(-180deg);
   -webkit-transform: rotate(-180deg);
   transform: rotate(-180deg);
   -moz-transition: -moz-transform 0.6s;
   -o-transition: -o-transform 0.6s;
   -webkit-transition: -webkit-transform 0.6s;
   transition: transform 0.6s;
}

.navbar .dropdown .icon-arrow.close {
   -moz-transform: rotate(0deg);
   -ms-transform: rotate(0deg);
   -webkit-transform: rotate(0deg);
   transform: rotate(0deg);
   -moz-transition: -moz-transform 0.6s;
   -o-transition: -o-transform 0.6s;
   -webkit-transition: -webkit-transform 0.6s;
   transition: transform 0.6s;
}

@keyframes hideAnimation {
   0% {
      transform: scaleY(1);
   }

   60% {
      transform: scaleY(0.8);
   }

   80% {
      transform: scaleY(1.02);
   }

   100% {
      transform: scaleY(0);
   }
}

@keyframes showAnimation {
   0% {
      transform: scaleY(0.1);
   }

   40% {
      transform: scaleY(1.04);
   }

   60% {
      transform: scaleY(0.98);
   }

   80% {
      transform: scaleY(1.04);
   }

   100% {
      transform: scaleY(0.98);
   }

   80% {
      transform: scaleY(1.02);
   }

   100% {
      transform: scaleY(1);
   }
}

/* == home page == */

/* -- hero-sec --*/
.header-hero-wrapper {
   position: relative;
   background: url('../images/hero-img.png');
   background-size: cover;
   background-position: bottom;
}

.hero-sec {
   z-index: 4;
   position: relative;
}

.hero-sec .header-content {
   padding-block: 8rem 6rem;
   width: 100%;
   height: 100%;
   display: flex;
   align-items: center;
}

.hero-sec .header-content .item {
   width: 100%;
}

.slideCount {
   color: #fff;
   position: absolute;
   width: 20px;
   inset-inline-end: -4px;
   bottom: 0;
   font-weight: 500;
   font-size: 18px;
   transform: matrix(0, -1, 1, 0, 0, 0);
}

.hero-sec .header-content .content {
   width: 50%;
   padding: .25rem;
   margin-bottom: 1.5rem;
}

.hero-sec .header-content .content h2 {
   font-size: 32px;
   color: #fff;
   margin-bottom: 20px;
   font-weight: 700;
}

.hero-sec .header-content .content p {
   color: #fff;
   font-size: 20px;
}

.hero-sec .header-content .owl-carousel.owl-rtl .owl-item {
   display: flex;
   align-items: center;
}

.hero-sec .header-content .owl-carousel .owl-dots {
   width: 20px;
   position: absolute;
   inset-inline-end: 0px;
   bottom: 28px;
   display: flex;
   flex-direction: column;
}

.hero-sec .header-content .owl-carousel .owl-dots .owl-dot {
   width: 2px;
   height: 8px;
   background: rgba(256, 256, 256, 0.4);
   margin: 3px 10px;
   transition: all 0.4s;
}

.hero-sec .header-content .owl-carousel .owl-dots .owl-dot.active {
   background: rgba(256, 256, 256, 1);
}

.hero-sec .header-content .owl-carousel .owl-dots::before {
   position: relative;
   content: '';
   width: 2px;
   inset-inline-end: -10px;
   top: -5px;
   height: 130px;
   background-color: #fff;
}

.services .main-btn,
.hero-sec .header-content .main-btn {
   background-color: #fff !important;
   color: var(--main-color) !important;
   font-weight: 500;
}


/* -- about sec -- */
.about {
   position: relative;
   z-index: 4;
   padding: 4rem 0 3rem 0;
}
.about .overlay{
   background-color: rgba(0, 0, 0, 0.2);
}
.about .about-content {
   font-weight: 300;
   line-height: 1.6;
   padding-inline-end: 2rem;
   font-size: 20px;
   margin: 1.5rem 0;
}
.about .about-content.cut-txt {
   -webkit-line-clamp: 7;
}
.about .vision li{
   display: flex;
   gap: 1rem;
   margin-bottom: 1.8rem;
}
.about .vision li .vision-img {
   width: 60px;
   height: 60px;
   display: flex;
   align-items: center;
   justify-content: center;
   border-radius:50%;
   background: var(--white);
   box-shadow: 0px 3px 6px #00000029;
   -webkit-border-radius:50%;
   -moz-border-radius:50%;
   -ms-border-radius:50%;
   -o-border-radius:50%;
}
.about .vision li .vision-img img{
   width: 50%;
}
.about .vision li .vision-text{
   width: calc(100% - 80px);
}

.calculator{
   padding: 3rem 0rem;
   background: url('../images/cover.png');
   background-size: cover;
}
.calculator img{
   aspect-ratio: 13 / 12;
   object-fit: contain;
}
.calculator label{
   color: var(--white);
}
#result{
   border-inline-start: 8px solid var(--white);
   background: #ffffff41 0% 0% no-repeat padding-box;
   border-radius: 4px;
   -webkit-border-radius: 4px;
   -moz-border-radius: 4px;
   -ms-border-radius: 4px;
   -o-border-radius: 4px;
   font-weight: bold;
   padding: .65rem 2rem;
   width: fit-content;
   margin: 1rem auto;
}
#result .riyal{
   width: 20px; 
   filter: brightness(0) invert(1);
}

/* -- values sec -- */
.values {
   background: #F4F4F2;
   padding-block: 2rem;
}

.valuesWrapper {
   padding: 2rem;
   padding-bottom: 1rem;
}

.val {
   text-align: center;

}

.valWrapper {
   box-shadow: inset 0px 0px 16px #34639F;
   width: 94px;
   height: 94px;
   border-radius: 50%;
   background: var(--secondry-color);
   padding: 12px;
   margin: auto;
}

.valIcon {
   aspect-ratio: 1/1;
   position: relative;
   justify-content: center;
   display: flex;
   align-items: center;
   border-radius: 50%;
   box-shadow: inset 0px 0px 16px #34639F, 0px 3px 6px #00000029;
}

.valIcon img {
   width: 30px;
}

.val .arrow-down {
   width: 0;
   height: 0;
   border-left: 11px solid transparent;
   border-right: 11px solid transparent;
   border-top: 10px solid var(--main-color);
   margin: 1rem auto 1.5rem;
}

.valName {
   font-size: 20px;
   font-weight: bold;
   color: var(--secondry-color);
}

.mechanism img {
   width: 55px;
   object-fit: contain;
   aspect-ratio: 1 / 2;
   margin-bottom: .5rem;
}

/* -- services sec */
.services {
   padding-block: 4rem;
   background: url('../images/blue-sea.png');
}

.services .owl-stage {
   padding-inline-end: 110px;
}

.services .card {
   border: unset;
   overflow: hidden;
   border-radius: 20px;
   -webkit-border-radius: 20px;
}

.services .card .card-img-overlay {
   padding: 1.75rem 1.5rem;
   align-items: end;
   background: #00000030;
   justify-content: space-between;
   display: flex;
}

.services .card img {
   aspect-ratio: 4 / 4;
   object-fit: cover;
}

.services .card .card-body {
   color: #fff;
   display: flex;
   align-items: center;
   padding: 2rem 1rem;
   justify-content: space-between;
   padding-inline-end: 3rem;
}

.reviews .owl-stage {
   display: flex;
   align-items: center;
}

.reviews .owl-carousel .owl-item .review {
   scale: .9;
   background: transparent;
   border: unset;
   line-height: 2;
   padding: 3rem 1.8rem;
}

.reviews .owl-item.active.center .review {
   border-radius: 20px;
   -webkit-border-radius: 20px;
   -moz-border-radius: 20px;
   -ms-border-radius: 20px;
   -o-border-radius: 20px;
   margin-inline: 10px;
   background: var(--white);
   scale: 1;
}

.reviews .review .card-title{
   position: relative;
   color: var(--secondry-color);
   margin-bottom: 1rem;
   padding-inline-start: 42px;
} 
.reviews .review .card-title::before {
   content: '';
   position: absolute;
   top: -10px;
   inset-inline-start: -10px;
   z-index: 2;
   width: 40px;
   height: 40px;
   background-image: url('../images/quote.png');
   background-repeat: no-repeat;
}

.contactUs .contact-data {
   border-radius: 20px;
   -webkit-border-radius: 20px;
   -moz-border-radius: 20px;
   -ms-border-radius: 20px;
   -o-border-radius: 20px;
   padding: 3rem 1.5rem;
   background: #FAFAFA;
}

.contactUs .contact-data .contact-info ul li {
   display: flex;
   gap: 1rem;
   align-items: center;
}

.contactUs .contact-data .contact-info ul li i {
   font-size: 24px;
   background: var(--main-color);
   color: var(--white);
   width: 60px;
   height: 60px;
   border-radius: 50%;
   display: flex;
   align-items: center;
   justify-content: center;
}

.contactUs .contact-data .contact-info ul li i+.contact-info-details {
   width: calc(100% - 80px);
}

.contactUs .contact-data .contact-info ul li .contact-info-details a {
   display: block;
   color: #707070;
   font-weight: 500;
}

/* -- footer ---*/
footer {
   position: relative;
   background-color: var(--white);
}

footer .social-icons i {
   box-shadow: 0px 3px 6px #00000029;
}

footer .imgTop {
   width: 220px;
   background: white;
   padding: 2px 20px;
   position: relative;
}

footer .imgFooterWrapper::before {
   content: '';
   position: absolute;
   top: 50%;
   inset-inline: 0;
   height: 1px;
   width: 100%;
   border-top: 1px solid #ddd;
}

.footer-nav {
   position: relative;
   padding-top: 3rem;
   text-align: center;
   padding-bottom: 1rem;
   color: #fff;
}

.footer-nav .navbar {
   margin-top: 1.5rem;
   position: unset;
   background: transparent;
}

.footer-nav .navbar .nav-link {
   color: #000 !important;
   font-size: 18px;
}

footer .sub-footer {
   position: relative;
   padding: 4px 0;
   display: flex;
   align-items: center;
   justify-content: center;
   background: url('../images/blue-sea.png');
}

footer .sub-footer .nav-link {
   padding: .5rem;
}

footer .sub-footer img {
   width: 110px;
   object-fit: scale-down;
}

footer .sub-footer img.sub-white-logo{
   filter: brightness(0) invert(1); 
}


@media(max-width: 1200px) {}

@media(max-width: 992px) {
   :root {
      --gutter-x: 1.5rem;
   }

   nav.navbar>.container-fluid {
      flex-direction: row-reverse;
   }

   .navbar-collapse {
        inset-inline: 0;
        background: #ffffff20;
        backdrop-filter: blur(6px);
        width: 100%;
        border-radius: 10px;
        z-index: 9999;
        padding: 2rem 1rem;
   }
   .navbar-expand-lg .navbar-nav .dropdown-menu {
        right: unset;
    }

   .navbar .nav-link.active {
      font-weight: bold;
      /*color: #000 !important;*/
   }

   /*.navbar a.nav-link {*/
   /*   color: #000000d8 !important;*/
   /*}*/

   nav .navbar-nav {
      gap: 0rem;
   }

   .navbar-toggler {
      border-color: var(--white);
      box-shadow: unset !important;
   }

   .navbar-toggler-icon {
      filter: brightness(0) invert(1);
   }

   .hero-sec .header-content .content {
      width: 70%;
   }
   
   .what-we-do .row{
       flex-direction: column-reverse;
   }

   footer .navbar-nav {
      flex-direction: row;
      flex-wrap: wrap;
      justify-content: center;
      gap: .5rem 1.5rem;
   }
}

@media(max-width: 576px) {
   :root {
      --gutter-x: .75rem;
   }

   .navbar-brand img {
      width: 160px;
   }

   .hero-sec .header-content {
      padding-block: 1rem;
   }

   .hero-sec .header-content .content {
      width: 90%;
   }

   .hero-sec .header-content .owl-carousel .owl-dots::before {
      height: 215px;
   }

   .about {
      padding: 3rem 0 1rem;
   }

   .mechanism h4 {
      font-size: 1rem;
   }
   .services .container-fluid{
       padding-inline-end: 1rem;
       padding-inline-start: 1rem;
       
   }
   .services .owl-stage{
            padding-inline-end: 0px !important;
   }

   footer .imgTop {
      width: 190px;
   }

   .footer-nav .navbar {
      margin-top: 0rem;
   }

   footer .navbar-nav {
      justify-content: space-between;
      gap: .5rem;
   }

   .footer-nav .navbar .nav-link {
      font-size: 16px;
   }

   footer .social-icons {
      margin-top: .5rem;
      justify-content: center;
   }

   footer .sub-footer .container-fluid {
      flex-wrap: wrap;
      justify-content: center;
      text-align: center;
   }

   footer .sub-footer .container-fluid a {
      display: flex;
      align-items: center;
      font-size: 12px;
   }

   footer .sub-footer img {
      width: 98px;
      margin: 0px 6px;
   }

   .breadcrumb {
      padding: 3.5rem 0;
   }

   .clientBox .clientImg {
      padding: 1.5rem 1rem;
   }
}