.footer-logo img,
.mobile-logo img,
.mobile-sidebar img {
  width: 130px;
}
.details-post-area h5 {
  padding: 10px 0;
  font-size: 26px;
}
.details-post-area :is(ol, ul) {
  list-style-position: inside;
  padding-left: 0;
}
.details-post-area ul {
  list-style-type: disc;
}
.details-post-area ol li {
  font-size: 20px;
}
.details-post-area p {
  padding-bottom: 15px;
}
.footer8 .single-footer-items .menu-list li a{
  position: relative;
  text-transform: capitalize;
}
.footer8 .single-footer-items .menu-list li a.active {
  color: #16416C;
}
.footer8 .single-footer-items .menu-list li a::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 0;
  height: 2px;
  background-color: #16416C;
  transition: width 0.4s ease-in-out;
}

.footer8 .single-footer-items .menu-list li a:hover::after {
  width: 100%;
}

.header-area.header-area3 .header-elements .main-menu-ex ul li :is(a,p) {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
}
.header-area.header-area3
  .header-elements
  .main-menu-ex
  ul
  li
  ul
  li
  a.active::after {
  background-color: rgba(23, 19, 61, 0.6862745098);
  border-radius: 4px;
  width: 50px;
  left: 15px;
  opacity: 1;
}

.header-area.header-area3 .header-elements .main-menu-ex ul li a:hover,
.header-area.header-area3 .main-menu-ex.main-menu-ex1 ul li a.active {
  color: #75D1E8;
}
.contact5 .form-area .single-input label.error {
  color: red;
  text-transform: capitalize;
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.horziontal-center {
  display: flex;
  align-items: center;
}
.relative {
  position: relative;
}
.single-input .toggle-password {
  position: absolute;
  right: 15px;
  top: 22px;
  cursor: pointer;
}

.text-color {
  color: #676879;
}
.text-color:hover {
  color: #16416C;
}
.heading4-w h4 {
  color: #fff;
}
.footer8 .single-footer-items .contact-box .pera p {
  display: inline-block;
  color: var(--ztc-text-pera-text-1);
  font-size: var(--f-fs-font-fs16);
  line-height: var(--f-fs-font-fs16);
  font-weight: var(--f-fw-regular);
  transition: all 0.4s;
}

.heading h4 {
  margin: 5px 0;
}
.choose8.sp h4,
.work5 h2 {
  color: #fff;
}
.mobile-nav li  a.active ,.mobile-nav li p.active {
  color: #75D1E8;
}
.service8 .service-box:hover :is(h4, p) {
  color: #fff;
}
.home-bg {
  background-image: url('../img/Home/01/Hero_Bg.webp');
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
}

.vertical-center{
    display: flex;
    flex-direction: column;
    align-items: start;
    gap: 20px;
}
.pl-3{
    padding-left: 30px;
}
.service3-box .heading3 :is(h4,p), .service5 .service-box:hover :is(h4,p){
    color: #EEFBFE;
}
.about-bg{
    background-image: url('../img/About Us/01/Hero_bg.webp');
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;   
}
.hero-bg{
  background-image: url('../img/Tech_solutions/01/Hero_bg.webp');
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat; 
}
.payment-bg,.common-hero{
  background-image: url('../img/Products/Payment_Infrastructure/01/Hero_bg.webp');
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat; 
}
.work .single-items .icon img{
  width: 30px;
}
.service5 .service-box .icon img{
  width: 40px;
}
.accordion-item, .faq3 .accordion .accordion-item button{
  background-color: #16416c1f;
}
.choose-box .heading :is(h4,p){
color: #0d0d0d;
}

.service .single-box:hover :is(h4,p){
  color: #fff;
}
.text-black{
  color: #0d0d0d;
}
.item-box :is(h4,p){
  color: #0d0d0d;
}
.work5{
  background-color: #EEFBFE;
}
.work5 .work-box{
  background-color: #16416C;
}
.work5.sp.mb-5 .work-box :is(h4,p){
  color: #fff;
} 

.work2-box :is(h4,p) {
  color: #0d0d0d;
}
.tp-slider-img{
  background-image:url('../img/Products/Security_and_risk_management/01/Hero_bg.webp') ;
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat; 
}
.hero1.payment-bg :is(h1,p),.hero1 .main-headding span.span{
  color: #fff;
}
.Counter-Section img{
  width: 30px;
}
.work3 .work3-box:hover h4{
  color: #ffffff;
}
.slick-slide{
  margin: 0 10px;
}
.hover-heaer img{
  width: 25px;
}

.owl-carousel .owl-item h5{
  color: #ffffff;
}


.header-area.header-area3 .header-elements .main-menu-ex ul li p.active{
  color: #75D1E8;
}
.hero2 .main-heading .span{
  display: inline-block;
    color: #FFF;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 16px;
    border-radius: 111px;
    background-color: rgba(255, 255, 255, 0.0901960784);
    padding: 8px 12px;
    margin-bottom: 16px;
}
.owl-carousel .owl-item img{
  width: 100%;
}
.logo-slider.owl-carousel .owl-item img{
  width: 200px!important;
}
.owl-stage-outer{
  cursor: auto;
}
.faq3 .accordion-item.active .accordion-button::after{
  filter: brightness(0) invert(1);
}
div:where(.swal2-container) button:where(.swal2-styled):where(.swal2-confirm) {
  background: #16416C!important;
}


ol.main-services {
  counter-reset: service-counter;
  list-style: none;
  padding-left: 0;
}

ol.main-services > li {
  counter-increment: service-counter;
  margin-bottom: 30px;
}

ol.main-services > li::before {
  content: "4." counter(service-counter) ". ";
  font-weight: bold;
  display: inline-block;
  margin-right: 6px;
}

ol.main-services > li strong {
  display: inline;
}

ol.main-services ul {
  margin-top: 10px;
  padding-left: 20px;
}
ol.main-services > li ul li {
  font-size: 18px;
}
.tab-pane .image {
  text-align: center;
}
.heading4-w h4{
  position: relative;
}
 .heading4-w h4 a::after{
  content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0;
    height: 2px;
    background-color: #ffffff;
    transition: width 0.4s ease-in-out;
}
.heading4-w h4 a:hover::after {
  width: 100%;
}




.pera1 {
  position: relative;
  display: inline-block;
  text-decoration: none;
  color: #000;
  padding-bottom: 5px;
}

.pera1::after {
  content: '';
  position: absolute;
  width: 0; /* Start with zero width */
  height: 2px;
  bottom: 0;
  left: 0;
  background-color: #000;
  transition: width 0.25s ease-out; /* Smooth transition for the width property */
}

.pera1:hover::after {
  width: 100%; /* On hover, expand the width to 100% */
}

.font_44
{
  font-size: 44px;
}


.grp_eff{
  display: inline-block;
    color: #FFF;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 16px;
    border-radius: 111px;
    background-color: rgba(255, 255, 255, 0.0901960784);
    padding: 8px 12px;
    margin-bottom: 16px;
}

.contact5 .contact-box {
    
    justify-content: left !important;
}

.contact5 .contact-box .icon1 {
    height: 50px;
    width: 90px !important;
    background-color: #F5F6F9;
    border-radius: 50%;
    line-height: 50px;
    text-align: center;
}