.pro-logo{
	background-color: rgba(255,255,255,0.8);
	backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
	 border: 1px solid rgba(255,255,255,0.3);
	width: 150px;
	height: 65px;
	display:flex;
	align-items:center;
	justify-content:center;
	padding:0.5rem;
}
.pro-logo img{
	max-width:100%;
	max-height:100%;
	width:100%;
	height:100%;
	object-fit:cover;
	object-position:center;
}
.works-filter-btn-bx ul li{
	font-weight: 600;
}
.proj-more-det{
	font-weight:600;
}
.proj-cmp-logo{
	max-width: 50%;
}
.proj-cmp-logo img{
	width:100%!important;
}
.workslist .wrks-det{
	min-height: 106px!important;
}
.workslist .wrks-det{
	background-color: #F0F5FF!important;
}
.panel-body{
	font-size:16px;!important;
}
.demo_div ul li a{
	color:#7694b7!important;
}
.footer-block .panel ul li{
	padding: 3px 5px;
}
/* 12/22/2025 */
.works-filter-btn-bx{
    text-align: center;
    margin-bottom: 20px;
}
.works-filter-btn-bx ul{
    list-style: none;
    display: flex;
    align-items: center;
    justify-content: center;
}
.works-filter-btn-bx ul li{
    margin: 0px 20px;
    cursor: pointer;
}
.works-filter-btn-bx ul li.active{
    background-color: #F95A4F;
    text-align: center;
    color: #fff;
    border-radius: 25px;
    padding: 0.8rem 2rem;
}
.wrks-img img{
    width: 100%;
}
.workslist .wrks-det{
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: #F5F5F5;
    padding: 0.8rem;
}
.proj-more-det{ 
	  text-decoration: none;
	  color: #fff;
	  font-family: proxima_novaregular;
	  font-size: 13px;
	  letter-spacing: 0;
	  padding: 10px 15px;
	  border: none;
	  background-image: linear-gradient(to right,#4e67eb ,#3397ff);
	  text-transform: uppercase;
	  position: relative;
	  z-index: 1;
	  margin-top: 0;
	  margin-right: 1em;
}
.wrks-det a{
    text-decoration: none!important;
}
.wrks-bx{
    margin: 10px 0px;
}
.why-ch p{
    max-width:75%;
    margin:0px auto;
}
.why-ch h2{
   font-family: proxima_novaregular;
   font-size: 60px;
   color: #1f1f1f;  
}
.faq-sec h2{
   font-family: proxima_novaregular;
   font-size: 60px;
   color: #1f1f1f;  
}
.btn-know{
    border-radius: 20px;
  color: #fff;
  padding: .8em 3em;
  text-align: center;
  background-image: linear-gradient(to right,#4e67eb ,#3397ff);
  overflow: hidden;
  text-decoration: none;
  z-index: 999;
  position:relative;
  transition:all 0.3s ease;
}
.btn-know:before{
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  content: "";
  width: 0;
  background-image: linear-gradient(#fe4f6c,#fb692d);
  z-index: -1;
  border-radius: 20px;
  -moz-transition: all .7s;
  -o-transition: all .7s;
  -ms-transition: all .7s;
  -webkit-transition: all .7s;
  transition: all .7s;
}


@media only screen and (max-width: 767px)
{
    .works-filter-btn-bx ul {
        flex-direction: column!important;
        padding: 0;
    }
    .works-filter-btn-bx ul li{
        margin: 10px 0px;
    }
    .proj-cmp-logo{
        width: 40%;
    }
    .proj-cmp-logo img{
        width: 100%;
    }
}
.portfolio-block .projects .wrks-det{
	display:flex;
	justify-content:space-between;
	align-items:center;
	max-width:100%;
	padding:0.5rem;
}
.portfolio-block .projects .wrks-det .proj-cmp-logo img{
	max-width:90%;
}
.portfolio-block .projects .wrks-det .proj-more-det{
	padding: 8px 10px;
}
.faq-item .panel-body{
	font-size:16px;
}

 .service-form-box {
      max-width: 700px;
      margin: 0 auto;
      background: #ffffff;
      padding: 40px 30px;
      border-radius: 6px;
      box-shadow: 0 10px 30px rgba(0,0,0,0.05);
      overflow:hidden;
    }

    .service-form-box h2 {
      margin-bottom: 20px;
      font-weight: 600;
      text-align: center;
      font-size:3rem!important;
    }
    .service-form-box .form-group{
      margin-bottom:5px;
    }

   .service-form-box .form-styler {
      height: 45px;
      border: 1px solid #ddd;
      box-shadow: none;
      padding:8px!important;
    }

    textarea.form-styler {
      height: auto;
      resize: vertical;
    }

    select.form-styler {
      height: 45px;
    }

    .send-button {
      background: #0b5ed7;
      color: #ffffff;
      border: none;
      padding: 12px 35px;
      font-weight: 600;
      transition: 0.3s ease;
    }

    .send-button:hover {
      background: #094db4;
    }

    .buttons {
      text-align: center;
      margin-top: 20px;
    }
    .request-image{
        margin-left:auto;
        margin-right:auto;
    }
    @media (max-width: 767px) {
      .service-form-box {
        padding: 30px 20px;
      }
    }