/*
Template Name: Carporate
File: Layout CSS
Author: TemplatesOnWeb
Author URI: https://www.templateonweb.com/
Licence: <a href="https://www.templateonweb.com/license">Website Template Licence</a>
*/
/*********************about****************/
.sell h6{
border-bottom:1px solid #eee;
font-size:14px;
font-weight:normal;
padding-bottom:20px;
margin-bottom:20px;
}
#center_2{
background:#ffffff
}
.center_1_left_inner h6{
display:block;
font-size:70px;
color:#0022e4;
}
.center_1_left_inner h4 a{
color: #fffafa;
font-size:32px;
font-weight:700;
text-decoration:none;
}
.center_1_left_inner{
background:#fff;
padding:15px; 
 }
#team_h{
background:#f4f4f4; 
 }
/*********************about_end****************/


@media screen and (max-width : 767px){
.sell {
 margin-top:0!important;
 }
.sell h1{
text-align:center;
 }
.sell h5{
text-align:center;
 }
.center_1_left_inner {
 margin-bottom:10px; 
  } 
.skill_1r h6{
text-align:center;
margin-top:15px; 
 }
.skill_1r h1{
text-align:center; 
 }
.skill_1l{
margin-top:15px; 
 }
 }
@media (min-width:768px) and (max-width:991px) {

 }
@media (min-width:992px) and (max-width:1200px) {

 }
a:hover { transform: scale(1.1) !important; }

/*
Template Name: Organization
File: Layout CSS
Author: TemplatesOnWeb
Author URI: https://www.templateonweb.com/
Licence: <a href="https://www.templateonweb.com/license">Website Template Licence</a>
*/

/*********************about****************/
.port_2_left12{
   width:90%;
   right:0;
   bottom:20px;
   transition: 0.3s;
 }
.port_2_left:hover .port_2_left12{
   bottom:0;
   transition: 0.3s;
 }
 
.serv_pg1_right span a {
    width: 120px;
    height: 120px;
    line-height: 120px;
}
.serv_pg1_right span {
    left: 38%;
    top: 38%;
}

.contact_1_inner2{
 bottom:-560px;
 left:12%;
 }
.contact_2{
  margin-top:560px;
 }
.contact_3_left span {
    width: 100px;
    height: 100px;
    line-height: 100px;
}
/*********************about_end****************/




@media screen and (max-width : 767px){
.about_h1_right {
  padding-left:0!important;
  margin-top:20px!important;
 }
.about_h1_right ul li{
  margin-top:5px;
  margin-bottom:5px;
 }
.port_2_left {
  margin-top:10px;
  margin-bottom:10px;
 }
.price_1_left {
   margin-top:10px;
  margin-bottom:10px;
  }
.serv_pg1_right {
   margin-top:20px;
  }
.serv_pg1_right span {
    left: 28%;
    top: 28%;
}
.serv_dt1_left_inner_right{
  margin-top:20px;
 }
.contact_1_inner2 {
   position:static!important;
   width:100%!important;
   margin-top:20px;
}
.contact_2{
  margin-top:0;
 }
.contact_3_left {
   margin-top:10px;
  margin-bottom:10px;
 }
 }


@media (min-width:576px) and (max-width:767px) {
.serv_pg1_right span {
    left: 38%;
    top: 38%;
}
 }
 
@media (min-width:768px) and (max-width:991px) {
.port_2_left12  span{
  padding:10px 10px!important;
 }
.serv_pg1_left {
   padding-top:0!important;
}
 }

@media (min-width:992px) and (max-width:1200px) {
.serv_pg1_left {
   padding-top:0!important;
}
 }

@media (min-width:1201px) and (max-width:1250px) {

 }
@media screen and (min-width : 1400px){

 }


 .accordion {
  --bs-accordion-bg: transparent;
  --bs-accordion-btn-bg: transparent;
}
.accordion-item {
  background-color: transparent;
  border: none;
}
.accordion-button:focus {
  box-shadow: none;

  <style>
/* Footer Custom Styles */
.footer-pattern {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-image: radial-gradient(circle at 25% 25%, rgba(255,255,255,0.05) 0%, transparent 50%), 
                    radial-gradient(circle at 75% 75%, rgba(13,110,253,0.03) 0%, transparent 50%);
  pointer-events: none;
  z-index: 0;
}

.footer-social {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 55px;
  height: 55px;
  background: rgba(255,255,255,0.1);
  border-radius: 50%;
  color: white;
  text-decoration: none;
  backdrop-filter: blur(10px);
  border: 1px solid rgba(255,255,255,0.2);
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  box-shadow: 0 8px 32px rgba(0,0,0,0.3);
}

.footer-social:hover {
  transform: translateY(-5px) scale(1.05);
  background: rgba(255,255,255,0.2);
  box-shadow: 0 15px 40px rgba(0,0,0,0.4);
  border-color: rgba(255,255,255,0.4);
}

.footer-divider {
  width: 100px;
  height: 2px;
  background: linear-gradient(90deg, transparent, rgba(255,255,255,0.5), transparent);
}

.hover-underline {
  position: relative;
}

.hover-underline::after {
  content: '';
  position: absolute;
  width: 0;
  height: 2px;
  bottom: -2px;
  left: 0;
  background: #0d6efd;
  transition: width 0.3s ease;
}

.hover-underline:hover::after {
  width: 100%;
}

.footer-logo:hover {
  filter: brightness(0) invert(1) drop-shadow(0 4px 12px rgba(255,255,255,0.3));
}

/* Responsive adjustments */
@media (max-width: 768px) {
  .footer-logo {
    height: 45px !important;
  }
  
  .footer-social {
    width: 45px;
    height: 45px;
  }
  
  .social-network {
    gap: 15px !important;
  }
}
</style>

<script>
// Keep your existing sticky navbar script here
window.onscroll = function() {myFunction()};

var navbar_sticky = document.getElementById("navbar_sticky");
var sticky = navbar_sticky.offsetTop;
var navbar_height = document.querySelector('.navbar').offsetHeight;

function myFunction() {
  if (window.pageYOffset >= sticky + navbar_height) {
    navbar_sticky.classList.add("sticky")
    document.body.style.paddingTop = navbar_height + 'px';
  } else {
    navbar_sticky.classList.remove("sticky");
    document.body.style.paddingTop = '0'
  }
}
</script>