.cust_logo {
	position: absolute;
}

@font-face {
  font-family: 'Poppins';
  src: url('../webfonts/Poppins-Regular.ttf') format('truetype'),
         url('../webfonts/Poppins-SemiBold.ttf') format('truetype'),
         url('../webfonts/Poppins-SemiBold.ttf') format('truetype');
  /*font-style: normal;*/
}

@font-face {
  font-family: 'Poppins-B';
  src: url('../webfonts/Poppins-SemiBold.ttf') format('truetype'),
         url('../webfonts/Poppins-SemiBold.ttf') format('truetype'),
         url('../webfonts/Poppins-SemiBold.ttf') format('truetype');
  font-style: normal;
}

@font-face {
  font-family: 'Poppins-M';
  src: url('../webfonts/Poppins-Medium.ttf') format('truetype'),
         url('../webfonts/Poppins-Medium.ttf') format('truetype'),
         url('../webfonts/Poppins-Medium.ttf') format('truetype');
  font-style: normal;
}

.panels.cust {
    background: none;
    box-shadow: none;
    padding: 0 !important;
}

.our-innovation-content .section-title {
    margin-bottom: 0 !important;
}

.our-innovation-content .section-title p{
    font-size: 20px;
    text-align: center;
    font-family: "Poppins-M";
}

.our-innovation-content .section-title h2 {
    font-size: 35px;
    text-align: center;
    font-weight: 600;
}

.tabs.cust .tab {
    cursor: pointer;
    padding: 10px 20px;
    margin: 0px 11px;
    display: inline-block;
    border-radius: 8px;
    box-shadow: 2px 5px 0.8rem #00000059;
    font-size: 22px;
    color: #fff;
    background-color: #4b2469;
    text-shadow: 2px 2px 1px #000;
    font-family: 'Poppins-B', sans-serif;
    font-weight: 500;
}

.why-choose-item-content h3 {
    font-family: "Poppins-B";
    font-size: 24px;
    color: #000;
}

.why-choose-item-content p {
    font-family: "Poppins-M";
    font-size: 20px;
    color: #000;
}

.post-item-body {
    background: #4b2469;
    border-radius: 0px 0px 30px 30px;
    padding: 19px 10px;
}

.team-about-content .section-title h3 {
    display: block;
    position: relative;
    font-family: 'Poppins-B', sans-serif;
    font-size: 16px;
    font-weight: 450;
    line-height: 1.6em;
    text-transform: capitalize;
    color: var(--text-color);
    padding-left: 0px;
    margin-bottom: 4px;
}

.team-about-content .section-title h4 {
  margin-bottom: 10px;
  font-weight: 600;
}

.team-about-content .section-title h3::before {
    content: '';
    position: absolute;
    top: 47%;
    left: 0;
    transform: translateY(-50%);
    /* background: var(--accent-color); */
    border-radius: 50%;
    width: 0;
    height: 0;
}

.cust_logo img {
	position: relative;
	width: 18%;
	margin-top: 40px;
	border-radius: 50%;
  padding: 5px;
  background-color: #fff;
}

.yellow_color {
    color: #ffd657;
    font-weight: 600;
}
.logo_color {
  color: #4b2469;
  font-weight: 600;
}

.services-pagination.dark-section .swiper-pagination-bullet-active {
  background-color: #fff !important;
}

.services-pagination.dark-section .swiper-pagination-bullet {
  background-color: #fff !important;
}

.justify-content-center {
    justify-content: center;
    text-align: center !important;
}

.why-choose-list.row.justify-content-center {
    justify-content: center;
    text-align: left; !important;
}

.why-choose-list.row.justify-content-center .why-choose-item-content {
    width: 100%;
    margin-top: 15px;
}


.why-choose-list.row.justify-content-center .why-choose-list-item .icon-box img {
    width: 100%;
    max-width: 100%;
    transition: all 0.3s ease-in-out;
    border-radius: 10px;
    border: 3px solid #fff;
}

.why-choose-list.row.justify-content-center .why-choose-list-item .icon-box {
   
    margin-right: 0px;
}

.mt-40 {
    margin-top: 40px !important;
}
.custom_flex {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
.cust_title {
    margin-bottom: 30px;
    font-size: 37px;
    font-weight: 600;
    background-color: #4b2469;
    color: #fff;
    width: fit-content;
    padding: 3px 20px 8px;
    border-radius: 8px;
    text-shadow: 2px 2px 1px #000;
}

@media only screen and (max-width: 991px) {
    .top-header {
        display: none;
    }
    .navbar>.container {
      display: flex;
      flex-wrap: inherit;
      align-items: center;
      justify-content: end !important;
    }
    .cust_logo img {
      position: relative;
      width: 38%;
      margin-top: 26px;
      border-radius: 50%;
      padding: 10px;
    }
    .tab {
        cursor: pointer;
        padding: 5px 10px !important;
        display: inline-block;
        margin: 0 !important;
        border-radius: 8px 8px 0px 0px;
        box-shadow: 0 0.5rem 0.8rem #00000080;
        font-size: 17px !important;
        color: #fff;
        background-color: #4b2469;
        text-shadow: 2px 2px 1px #000;
        font-family: 'Poppins-B', sans-serif;
        font-weight: 500;
    }
    .tabs {
        display: flex ;
        justify-content: center;
        align-items: center;
        gap: 15px 15px;
        flex-wrap: wrap;
        margin-bottom: 20px;
    }
    .post-item-body {
        background: #4b2469;
        border-radius: 0px 0px 30px 30px;
        padding: 12px 10px !important;
    }
}

.main-menu .nav-menu-wrapper {
    flex: 1;
    text-align: center;
    margin: 0 20px;
    justify-content: end;
    display: flex;
}

/* Top Header Styles */
.top-header {
    background: #4b2469;
    color: #ffffff;
    font-size: 15px;
    padding: 8px 0;
}
.top-header-left span i {
    margin-right: 10px;
    background-color: #fff497;
    color: #4b2469;
    padding: 5px;
    border-radius: 50%;
}

.top-header-right i {
    margin-right: 10px;
    background-color: #fff497;
    color: #4b2469;
    border-radius: 50%;
    width: 24px;
    height: 24px;
    text-align: center;
    line-height: 24px;
}

.top-header .container {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.top-header-left span {
  margin-right: 20px;
}
.top-header-right a {
  color: #333;
  margin-left: 10px;
  text-decoration: none;
}
.top-header-right a:hover {
  color: #007bff;
}

.warpper{
  display:flex;
  flex-direction: column;
  align-items: center;
}
.tab {
    cursor: pointer;
    padding: 10px 20px;
    margin: 0px 11px;
    display: inline-block;
    border-radius: 8px 8px 0px 0px;
    box-shadow: 0 0.5rem 0.8rem #00000080;
    font-size: 22px;
    color: #fff;
    background-color: #4b2469;
    text-shadow: 2px 2px 1px #000;
    font-family: 'Poppins-B', sans-serif;
    font-weight: 500;
}
.panels {
    background: linear-gradient(181deg, #fdcf3c, #ffde72, #f7e2a0, transparent);
    box-shadow: 1px 2rem 2rem #00000030;
    min-height: 100%;
    width: 100%;
    max-width: 100%;
    border-radius: 25px;
    overflow: hidden;
    padding: 60px 30px 30px;
}
.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,
#four:checked ~ .panels #four-panel,
#five:checked ~ .panels #five-panel{
  display:block
}
#one:checked ~ .tabs #one-tab,
#two:checked ~ .tabs #two-tab,
#three:checked ~ .tabs #three-tab,
#four:checked ~ .tabs #four-tab,
#five:checked ~ .tabs #five-tab{
  background: #fdd03f;
    color: #000;
    border-top: 3px solid #4b2469;
    text-shadow: none;
}


.referral-section {
      
      margin: 50px auto;
    }

    .referral-title {
      text-align: center;
      font-size: 28px;
      font-weight: 700;
      color: #c62828;
      margin-bottom: 40px;
    }

    .card-container {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
      gap: 20px;
    }

.card {
    background: #ffedb3;
    border-left: 6px solid #4b2469 !important;
    padding: 20px;
    border-radius: 10px;
    box-shadow: 0 6px 16px rgb(0 0 0 / 30%);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    margin-bottom: 30px;
    width: 100%;
    border: 0;
    height: calc(100% - 30px);
}
.premium_img {
    border-radius: 15px;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    
}

    .card:hover {
      transform: translateY(-5px);
    }

.referral-count {
    font-size: 29px;
    color: #36194d;
    margin-bottom: 10px;
    font-family: 'Poppins-B', sans-serif;
    text-transform: uppercase;
    text-decoration: 1px underline #4b2469;
    text-underline-offset: 8px;
}

.reward {
    font-size: 20px;
    color: #000000;
    line-height: 1.5;
}

.highlight {
    color: #2e1244;
    font-family: 'Poppins-B', sans-serif;
}

    @media (max-width: 600px) {
      .referral-title {
        font-size: 22px;
      }
    }

    .referral-section .row {
        gap: 0px;
    }

.team-contact-list.cust .team-contact-box .icon-box {
    width: 70px;
    height: 70px;
    background: var(--primary-color);
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 20px;
    overflow: hidden;
}

.team-contact-list.cust .team-contact-box .icon-box img {
    width: 100%;
    max-width: 50px;
}

.premium-ref {
    padding: 60px 0 80px;
}

.btn-phone-pulse {
   background: #fcb412;
    color: white;
    position: fixed;
    bottom: 16PX;
    right: 6px;
    font-size: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 0;
    height: 0;
    padding: 35px;
    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: 35px;
    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;
    }
}

i.fab.fa-whatsapp {
      
    -webkit-animation:spin 4s linear infinite;
    -moz-animation:spin 4s linear infinite;
    animation:spin 4s linear infinite;

}
@-moz-keyframes spin { 
    100% { -moz-transform: rotate(-25deg); } 
}
@-webkit-keyframes spin { 
    100% { -webkit-transform: rotate(-25deg); } 
}45deg
@keyframes spin { 
    100% { 
        -webkit-transform: rotate(-25deg); 
        transform:rotate(-25deg); 
    } 
}
.fa, .fas, .far, .fal, .fab {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
}

.fab {
    font-family: 'Font Awesome 5 Brands';
}

.btn-whatsapp-pulse-border {
        bottom: 16PX;
    left: 6PX;
    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;
    }
}