@font-face{
  font-family:'Copperplate';
  src:url('../fonts/CopperplateCC-Bold.woff2') format('woff2'),
      url('../fonts/CopperplateCC-Bold.woff') format('woff'),
      url('../fonts/CopperplateCC-Bold.ttf') format('truetype');
  font-weight:700;
  font-style:normal;
  font-display:swap;
}

@font-face{
  font-family:'CopperplateL';
  src:url('../fonts/copperplate-gothic-light.woff2') format('woff2'),
      url('../fonts/copperplate-gothic-light.woff') format('woff'),
      url('../fonts/copperplate-gothic-light.ttf') format('truetype');
  font-weight:700;
  font-style:normal;
  font-display:swap;
}

@font-face{
  font-family:'Mulish';
  src:url('../fonts/Mulish-VariableFont_wght.woff2') format('woff2'),
      url('../fonts/Mulish-VariableFont_wght.woff') format('woff'),
      url('../fonts/Mulish-VariableFont_wght.ttf') format('truetype');
  font-weight:400;
  font-style:normal;
  font-display:swap;
}

@media (min-width: 1200px) {
    .sticky-wrapper .me-xl-auto {
        margin: auto !important;
    }
}

@media(max-width: 767px) {
  .header-top {
    display: none;
  }
  .cust-client .col-md-6.col-lg-4 {
    width: 50% !important;
  }
}

* {
  scroll-behavior: auto !important;
}

html, body {
  scroll-behavior: auto !important;
}

.choose-feature2 h2{
  color: #fff;
  text-shadow: 1px 1px 0px #000;
  line-height: 65px !important;
  font-size: 30px;
}

.about-area .img-box3 .img2 img {
    padding: 10px;
    background: #fff;
}

.footer-widget .about-logo {
    width: 100%;
    padding: 10px;
    border-radius: 10px;
    background: #fff;
}


.footer-widget .about-logo a {
    display: flex;
    justify-content: center;
}

.footer-widget .about-logo img {
    width: 72%;
}

.cust-client .col-md-6.col-lg-3 {
  width: 20%;
}

.mt-80 {
  margin-top: 80px !important;
}

.our-presence-tab hr{
  margin: 70px 0 !important;
}


.warpper{
  display:flex;
  flex-direction: column;
  align-items: center;
}
.tab {
    cursor: pointer;
    padding: 9px 31px;
    margin: 0px 2px;
    background: #ffb30f;
    display: inline-block;
    color: #000000;
    border-radius: 12px;
    font-family: 'Copperplate', sans-serif;
    font-size: 22px;
}
.panels{
  
  width:100%;
  max-width:100%;
  border-radius:3px;
  overflow:hidden;
  padding:20px;  
}
.panel{
  display:none;
  animation: fadein .8s;
}
@keyframes fadein {
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
.panel-title{
  font-size:1.5em;
  font-weight:bold
}
.radio{
  display:none;
}
#one:checked ~ .panels #one-panel,
#two:checked ~ .panels #two-panel,
#three:checked ~ .panels #three-panel{
  display:block
}
#one:checked ~ .tabs #one-tab,
#two:checked ~ .tabs #two-tab,
#three:checked ~ .tabs #three-tab{
  background:#fffffff6;
  color:#000;
}

.about6-feature .icon {
    margin-right: 15px;
    margin-top: 7px;
    width: 60px;
    flex-shrink: 0;
}

.about6-feature {
    display: flex;
    background: #ffffff;
    padding: 25px;
    border-radius: 15px;
}

.tabs {
    background: #ffb30f;
    padding: 8px 8px;
    border-radius: 15px;
}

.btn-phone-pulse {
   background: #fcb412;
    color: white;
    position: fixed;
    bottom: 16PX;
    right: 10px;
    font-size: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 0;
    height: 0;
    padding: 28px;
    text-decoration: none;
    border-radius: 50%;
    z-index: 999;
    font-size: 27px;

    
}
.btn-whatsapp-pulse {
    background: #25d366;
    color: white;
    position: fixed;
    bottom: 20px;
    left: 40px;
    font-size: 30px !important;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 0;
    height: 0;
    padding: 28px;
    text-decoration: none;
    border-radius: 50%;
    animation-name: pulse;
    animation-duration: 1.5s;
    animation-timing-function: ease-out;
    animation-iteration-count: infinite;
    
    
    z-index: 999;

}

@keyframes pulse {
    0% {
        box-shadow: 0 0 0 0 rgba(37, 211, 102, 0.5);
    }
    80% {
        box-shadow: 0 0 0 14px rgba(37, 211, 102, 0);
    }
}

@keyframes pulse-border {
    0% {
        padding: 25px;
        opacity: 0.75;
    }
    75% {
        padding: 50px;
        opacity: 0;
    }
    100% {
        opacity: 0;
    }
}




.btn-whatsapp-pulse-border {
        bottom: 16PX;
    left: 10px;
    animation-play-state: paused;
}

.btn-whatsapp-pulse-border::before {
    content: "";
    position: absolute;
    border-radius: 50%;
    padding: 35px;
    border: 5px solid #25d366;
    opacity: 0.75;
    animation-name: pulse-border;
    animation-duration: 1.5s;
    animation-timing-function: ease-out;
    animation-iteration-count: infinite;
    margin-top: 0px;
    margin-left: 0px;
}
.btn-phone-pulse-border::before {
    content: "";
    position: absolute;
    border-radius: 50%;
    padding: 35px;
    border: 5px solid #fcb412;
    opacity: 0.75;
    animation-name: pulse-border;
    animation-duration: 1.5s;
    animation-timing-function: ease-out;
    animation-iteration-count: infinite;
    margin-top: 0px;
    margin-right: 0px;
}

@keyframes pulse-border {
    0% {
        padding: 25px;
        opacity: 0.75;
    }
    75% {
        padding: 50px;
        opacity: 0;
    }
    100% {
        opacity: 0;
    }
}