:root{
   --b-color:#292a4b;
   --y-color:#dfb147;
}
.title-color-y{
   color: var(--y-color);
}.title-color-b{
   color: var(--b-color);
}
body{
    font-family: 'Roboto', sans-serif;

}
/* Start Navbar */
 .navbar {
    background-image: url(../img/back.jpg);
    /* background-color: var(--dark-color); */
 }
 .navbar .navbar-nav .nav-link{
   margin-top: 5px;
   margin-bottom: 5px;
   margin-right: 10px;

   font-size: 20px;
   padding: 10px 25px;
   border-radius: 10px 40px;
   transition: 0.2s;
    color: white;
    text-align: center;
    box-shadow: 2px 2px 5px darkgray;
 }
 .navbar .navbar-toggler{
   color: white;
   font-size: 25px;
   border-color:transparent;
}
 .navbar .navbar-nav .nav-link:focus,
 /* .navbar .navbar-nav .nav-link.active, */
 .navbar .navbar-nav .nav-link:hover{
    /* color:var(--green-color) ; */
    color: #11101b;
    background: #fefefe;
 }

 
 .navbar .navbar-toggler:focus{
    box-shadow: none;
 }

 .navbar .navbar-toggler[aria-expanded="true"]{
    /* border-color: var(--green-color); */
    border-color: white;
 }
 .navbar .navbar-nav .nav-link.active{
   color: #11101b;
   background:  #fefefe;
   ;
 }

 /* .active{   
   color: #11101b;
   background: #911b1b;
 } */
/* End Navbar */

/* Start landing */
.landing{
    /* background-color: var(--dark-color); */
    background-image: url(../img/back.jpg);

    min-height: calc(100vh -72px);
    margin-bottom: 100px;
   /* align-items: center; */
}
.landing a{
 
   font-size: 18px;
   text-decoration: none;
   margin-top: 5px;
   /* margin-bottom: 5px; */
   font-size: 20px;
   padding: 10px 25px;
   border-radius: 10px 40px;
   box-shadow: 2px 2px 5px darkgray;
   transition: 0.2s;
    color: var(--y-color);
    border: 2px solid #fff;
   
}
/* .landing a:focus, */
.landing a:hover{
   color: #11101b;
   background: #fefefe;

}
/* End landing */


.box{
   margin-left: 1%;
   margin-right: 1%;

   position: sticky;
   top: 50%;
   z-index: 1009;
}

  .box   :hover{
  /* border: #11101b; */
  box-shadow: 3px 3px 5px rgb(96, 96, 96);
   /* background: #e6b84f; */
      /* #486494; */
}

.box  .fa-solid {
  box-shadow: 3px 3px 5px rgb(96, 96, 96);

}



/* Start  About   */
.accordion .accordion-item .accordion-header .accordion-button {
   background-color: #d5dae0;
   box-shadow: 2px 2px 5px rgb(75, 73, 73);
   border-color: #11101b;

}
.accordion .accordion-item .accordion-header .accordion-button:focus,
.accordion .accordion-item .accordion-header .accordion-button:active{
   background-color: #8fb1db;
}
.accordion .accordion-item .accordion-header .accordion-button:hover{
   /* background-color:darkgray; */
   /* opacity: 0.8; */
   background-color: #bbc2c9;

}
.accordion .accordion-item .accordion-collapse div{
   font-size: 20px;
   border-width: 0 4px 4px 4px;
   border-style: solid;
   border-color:#d5dae0;
}


/* End  About   */

/* Start Values */
.container .values-class-cust {
   margin-top: 10px;
   margin-bottom: 10px;
}
      .container .values-class-cust h1{
          font-weight: bold;
          padding: 25px 0;
      }
      .container .values-class-cust .col:hover{
         /* background-color: white; */
         border: #ffffff 4px solid ;
         /* font-size: 20px; */
         /* padding: 10px 25px; */

         transition: 0.2s;
          /* color: white; */
          text-align: center;
          box-shadow: 6px 4px 20px 7px rgb(194, 188, 188);
      } 
  
/* End Values */

/* <!-- Start Our Strategic Goals  --> */

.container .Strategic{
   background-color: #ddd;
   margin-bottom: 20px;
}
#more {display: none;}
.container .Strategic h1{
   color: var(--y-color);
   
}
  /* <!-- End Our Strategic Goals  --> */

  /* Start Services */
 .services1::after{
   content: "";
   width: 50px;
   height: 2px;
   background: rgb(18, 46, 207);
   position: absolute;
   bottom: -10px;
   left: 50%;
   transform: translateX(-50%);
   /* border-radius: 10px 10px 5 ; */
   }
   .pe-auto{
      cursor: pointer;
   }
  /* End services */

  /* <!-- Start Our Consulting Services --> */

  .container  .Consulting{
   background-color: #ddd;
   margin-bottom: 10px;
   margin-top: 10px;
   /* padding: 0; */
   /* text-align: left; */

  }
  .container  .Consulting .row .col ul a{
   text-align: center;
   /* align-items: center; */
  }
  .container  .Consulting .row .col ul li{
   /* list-style-type: none; */
   list-style-position: outside;
   text-align: left;
  }
  #more2 {display: none;}


/* <!-- End Our Consulting Services --> */  


/* <!-- Start Our Training Services --> */

.container .Training  {
   margin-top: 10px;
   background-color: #ddd;

}
.container .Training  .row .col ul li{
   /* list-style-type: none; */
   list-style-position: outside;
   text-align: left;
  }
  /* .container .Training .row .col ul a{ */
   /* text-align: center   ; */
   /* padding-bottom: 100px;
   margin-bottom: 10px; */
  /* } */
#more3 {display: none;}
  /* <!-- End Our Training Services --> */


  
  /* /////////////////////////// */
  .abou{
   background-color: #d3d5d8;
   margin-bottom: 15px;
  
   padding-bottom: 65px;
   padding-top: 52px;

  }
  .section-title-border {
   position: relative;
   height: 5px;
   width: 30px;
   background: var(--b-color);
   border-radius: 10px;
   margin-bottom: 20px;
   margin-top: 20px;
   display: block;
}
.section-title-border::before {
   position: absolute;
   content: "";
   height: 100%;
   width: 50%;
   background: var(--b-color);
   border-radius: 10px;
   right: -60%;
   top: 0;
}
.section-title-border::after {
   position: absolute;
   content: "";
   height: 100%;
   width: 25%;
   background:var(--b-color);
   border-radius: 10px;
   right: -100%;
   top: 0;}

   .subtitle {
      font-family: "Open Sans", sans-serif;
      font-weight: 600;
      color: #818385;
  }
  h4, .h4, .subtitle {
   font-size: 22px;
}
 .paragraph {
   font-weight: 400;
   color: #818385;
   font-size: 15px;
   line-height: 1.6;
   font-family: "Open Sans", sans-serif;
}
.but a{
   background-color: var(--b-color);
/* font-size: 18px; */
   text-decoration: none;
   /* margin-top: 15px; */
   /* margin-bottom: 5px; */
   /* font-size: 20px; */
   padding: 10px 25px;
   border-radius: 10px 40px;
   box-shadow: 2px 2px 5px darkgray;
   transition: 0.2s;
    color: white;
    border: 2px solid #fff;
}
.but a:hover{
   color: #11101b;
   background:#ffffff ;

}
/* ///////////////////// */