p{
    text-align: justify;
}
html {
           scroll-behavior: smooth;
       }
.bgb {
 background-image: url('/web/20240519190553im_/https://www.osh.co.ug/images/JusticeBg_blue.svg');
 background-repeat: no-repeat; 
 background-size: cover; 
}

.loadmorex{
   margin-top: 24px;
   font-size: 14px;
   color: white;
   border: none;
   background-color: #3679c9;
   width: 118px;
   height: 35px;
   text-align: center;
   cursor: pointer;
   border-radius: 2px;
   margin-bottom: 6px;
}
.loadmorex:hover {
   color: #3679c9;
   background: none;
   border: 1px solid #3679c9;
}

/*.portfolio {
   margin-top: 120px;

}*/
.js-team, .js-teamx{
       padding: 10px;
}
.field--type-text-with-summary p {
   text-align: justify;

}

/*.bg-video-wrap {
 position: relative;
 overflow: hidden;
 width: 100%;
 height: 100vh;
 background: url(/web/20240519190553im_/https://www.osh.co.ug/video/ss.webp) no-repeat center center/cover;
 margin: 0;
 padding: 0;
}
.bg-video-wrap video {
 min-width: 100%;
 height: 100vh;
 z-index: 1;
  position: relative;
 top: 0;
 left: 0;
}
.overlay {
 width: 100%;
 height: 100vh;
 position: absolute;
 top: 0;
 left: 0;
 background-image: linear-gradient(45deg, rgba(0,0,0,.3) 50%, rgba(0,0,0,.7) 50%);
 background-size: 3px 3px;
 z-index: 2;
}
h1.vidH {
 text-align: center;
 color: #fff;
 position: absolute;
 top: 0;
 bottom: 0;
 left: 0;
 right: 0;
 font-size: 2rem;
 margin: auto;
 z-index: 3;
 max-width: 400px;
 width: 100%;
 height: 50px;
}*/
/**new**/
.home {
   height: 100vh;
   position: relative;
}
video {
   position: absolute;
   width: 100%;
   height: 100%;
   object-fit: cover;
}
.home-content {
   position: relative;
   padding-top: 150px;
   color: #fff;
   text-align: center;
}
h1 {
    padding-top:150px ;
   font-size: clamp(10px, 7vw, 50px);
   line-height: 1.1;
}

.home p {
   font-size: clamp(25px, 4vw, 40px);
   margin-top: 10px;
}

.home-content button {
   display: block;
   font-size: clamp(14px, 1.5vw, 18px);
   border: 1px solid #f1f1f1;
   border-radius: 5px;
   background: transparent;
   color: #fff;
   margin: 50px auto 0;
   padding: 12px 20px;
   cursor: pointer;
}

/**expeert**/

* .experttt{
 margin:0px;
 padding:0px;
 box-sizing: border-box;
}
:root{
 --color-text: #616161;
 --color-text-btn: #ffffff;
 --card1-gradient-color1: #f12711;
 --card1-gradient-color2: #f5af19;
 --card2-gradient-color1: #7F00FF;
 --card2-gradient-color2: #E100FF;
 --card3-gradient-color1: #243C59;
 --card3-gradient-color2: #a8c0ff;
 --card4-gradient-color1: #11998e;
 --card4-gradient-color2: #38ef7d;
}
body .experttt{
 height: auto;
 display: flex;
 align-items: center;
 justify-content: center;
 flex-wrap: wrap;
 gap: 30px;
}
.card-wrap{
 width: 160px;
 background: #fff;
 border-radius: 20px;
 border: 5px solid #fff;
 overflow: hidden;
 color: var(--color-text);
 box-shadow: rgba(0, 0, 0, 0.19) 0px 10px 20px,
             rgba(0, 0, 0, 0.23) 0px 6px 6px;
 cursor: pointer;
 transition: all .2s ease-in-out;
}
.card-wrap:hover{
 transform: scale(1.1);
}
.card-header{
 height: 100px;
 width: 100%;
 background: red;
 border-radius:100% 0% 100% 0% / 0% 50% 50% 100%;
 display: grid;
 place-items: center;

}

.card-header i{
 color: #fff;
 font-size: 50px;
}
.card-content{
 display: flex;
 flex-direction: column;
 align-items: center;
 width: 70%;
 margin: 0 auto;
}
.card-title{
 text-align: center;
 text-transform: uppercase;
 font-size: 16px;
 margin-top: 10px;
 margin-bottom: 20px;
 
}
.card-text{
 text-align: center;
 font-size: 14px;
 margin-bottom: 20px;
}
.card-btn{
 border: none;
 border-radius: 100px;
 padding: 5px 30px;
 color: #fff;
 margin-bottom: 15px;
 text-transform: uppercase;
}

.card-header.three{
 background: linear-gradient(to bottom left, var(--card3-gradient-color1), var(--card3-gradient-color2));
}

.card-btn.three{
 background: linear-gradient(to left, var(--card3-gradient-color1), var(--card3-gradient-color2));
}

/*
    FILE ARCHIVED ON 19:05:53 May 19, 2024 AND RETRIEVED FROM THE
    INTERNET ARCHIVE ON 07:25:50 Oct 02, 2024.
    JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

    ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
    SECTION 108(a)(3)).
*/
/*
playback timings (ms):
 captures_list: 0.433
 exclusion.robots: 0.017
 exclusion.robots.policy: 0.008
 esindex: 0.011
 cdx.remote: 8.16
 LoadShardBlock: 33.729 (3)
 PetaboxLoader3.datanode: 52.251 (5)
 load_resource: 70.584
 PetaboxLoader3.resolve: 44.861
 loaddict: 12.84
*/