.slb-bottom{position: fixed; background: #fff; bottom: -1px; width: 100%; text-align: center; padding: 8px; -webkit-box-shadow: 0px 1px 1px rgba(50, 50, 50, 0.75); box-shadow: 0px 3px 10px rgba(50, 50, 50, 0.7); moz-box-shadow: 0px 1px 1px rgba(50, 50, 50, 0.75); z-index: 9999;}

i{font-family: "Font Awesome 5 Free" !important; font-style: normal;}
.fw-400{font-family:'poppinsregular' !important;}
.fw-500{font-family:'poppinsmedium' !important;}
.fw-600{font-family:'poppinssemibold' !important; font-weight: 400;}
.py-100{padding: 100px 0px;}
.col-gap-3{column-gap: 16px;}
.hero.bg-img{background-image: url("../images/case-study/hero-bg.webp") !important; display: flex; flex-direction: column; justify-content: center;}
.hero{padding: 200px 0px 140px 0px !important;}
.wallet__content{position: relative;}
.clientimage img{width: 75px;}
.wallet__content > *{text-align: center; width: 80%; margin: 0 auto; margin-bottom: 10px !important;}
.bg-img h2{font-size: 22px; color: #272727;}
/* .bg-img .hero__area img {width: 100%;} */
/* .wallet__content p{color: #272727;} */
.hero.bg-img .wallet__content p{color: #272727;}
.wallet__content img{width: 200px;}
.wallet__content button{text-transform: uppercase; padding: 15px 35px !important; font-size: 18px;}
.wallet__content .shape-1{position: absolute; left: 0; top: 0; transform: translate(-25%, -50%);}
.wallet__content .shape-2{position: absolute; right: 0; top: 0; transform: translate(25%, -50%);}
.wallet__content .shape-3{position: absolute; left: 15%; bottom: 0; transform: translate(0%, 70%);}
.wallet__content .shape-4{position: absolute; right: 15%; bottom: 0; transform: translate(0%, 70%);}
@media only screen and (max-width: 1200px){.wallet__content img{width: 120px;}}
@media only screen and (max-width: 992px){.hero{padding: 180px 0px 100px 0px !important;} .py-100{padding: 70px 0px;}}
@media only screen and (max-width: 767px){.wallet__content img{display: none;} .hero{padding: 70px 0px !important;} .ourcust .media-body{margin: 0;} .clientimage img{width: 60px;} .wallet__content > *{text-align: left; width: 100%;} .hero button{width: 100%;} .py-100{padding: 50px 0px;}}
@media only screen and (max-width: 576px){.hero__area button.download{font-size: 16px;} .case-tab ul li button.nav-link{padding: 10px 20px !important;} .hero.bg-img .download{margin: 0 ;}}

.case-tab ul{flex-wrap: nowrap; overflow-x: scroll; padding-bottom: 20px; scrollbar-color: #008F9E #E6F4F5; border: none;}
/* Scroll Buttons */
.case-tab ul::-webkit-scrollbar{height: 15px; background-color: #E6F4F5; border-radius: 50px;}
.case-tab ul::-webkit-scrollbar-thumb{background-color: #008F9E; border-radius: 50px;}
.case-tab ul::-webkit-scrollbar-button:single-button:horizontal:decrement, .case-tab ul::-webkit-scrollbar-button:single-button:horizontal:increment{height: 15px; width: 20px; background-position: 100% ; background-repeat: no-repeat; background-size: 70% 70%;}
/* Left */
.case-tab ul::-webkit-scrollbar-button:single-button:horizontal:decrement {background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100' fill='rgb(0, 143, 158)'><polygon points='0,50 50,100 50,0'/></svg>");}
/* Right */
.case-tab ul::-webkit-scrollbar-button:single-button:horizontal:increment {background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100' fill='rgb(0, 143, 158)'><polygon points='0,0 0,100 50,50'/></svg>");}

.case-tab ul li{margin: 0;}
.case-tab ul li button{border: 1px solid #002B2F !important; border-radius: 10px !important; margin: 0px 20px 0px 0px; padding: 12px 20px !important; color: #002B2F; font-family:'poppinsmedium'; white-space: nowrap;}
.case-tab ul li:last-child button{margin: 0;}
.case-tab ul li button:focus{color: #002B2F;}
.case-tab ul li button:hover{border-color: #008F9E !important;}
.case-tab ul li button.nav-link.active{background-color: #002B2F; color: white;}
.case-tab ul li button.nav-link.active:hover{border-color: #002B2F !important;}

.case-tab .whytrust2 .ourcustpadd{row-gap: 24px; padding-top: 15px;}
.case-tab .whytrust2 .ourcust{border: 1px solid #DFDFDF; border-radius: 15px; min-height: auto; height: 100%; padding: 0; box-shadow: 0px 0px 44px rgba(0, 0, 0, 0.05) !important;}
.case-tab .whytrust2 .ourcust > div{padding: 20px;}
.case-tab .whytrust2 .ourcust .media, .whytrust2 .ourcust .ocphead{margin-bottom: 16px; line-height: 1.4em; margin-top: 0;}
.case-tab .whytrust2 .ourcust .media h5{font-size: 18px; color: #3F3F3F; font-family:'poppinsregular'; margin-bottom: 10px;}
.case-tab .whytrust2 .ourcust:hover{box-shadow: 0px 0px 44px rgba(0, 0, 0, 0.2) !important;}
.case-tab .whytrust2 .ourcust .stars i{color: #008F9E;}
.case-tab .whytrust2 .ourcust:hover .stars i{font-weight: 700;}