@font-face {
    font-family: 'poppinsmedium';
    src: url('../fonts/poppins-medium-webfont.woff2') format('woff2'),
         url('../fonts/poppins-medium-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'poppinsregular';
    src: url('../fonts/poppins-regular-webfont.woff2') format('woff2'),
         url('../fonts/poppins-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'poppinslight';
    src: url('../fonts/poppins-light-webfont.woff2') format('woff2'),
         url('../fonts/poppins-light-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

html, body {
    overflow-x: hidden;
}
body.blog, body.single-post{
  overflow-x: visible;
}
body{
    background-color: #000;
    position: relative;
}

.navbar-toggler {
  border: none;
  padding: 0;
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}

.navbar-toggler:focus {
  box-shadow: none;
}

.navbar-toggler-icon {
  background-image: none;
  width: 24px;
  height: 2px;
  background-color: #fff;
  position: relative;
  transition: all 0.3s ease;
}

.navbar-toggler-icon::before,
.navbar-toggler-icon::after {
  content: '';
  position: absolute;
  width: 24px;
  height: 2px;
  background-color: #fff;
  left: 0;
  transition: all 0.3s ease;
}

.navbar-toggler-icon::before {
  transform: translateY(-8px);
}

.navbar-toggler-icon::after {
  transform: translateY(8px);
}

/* When navbar is open, transform to X */
.navbar-toggler[aria-expanded="true"] .navbar-toggler-icon {
  background-color: transparent;
}

.navbar-toggler[aria-expanded="true"] .navbar-toggler-icon::before {
  transform: rotate(45deg);
}

.navbar-toggler[aria-expanded="true"] .navbar-toggler-icon::after {
  transform: rotate(-45deg);
}

.top-left-img {
  position: absolute;
  top: 0;
  left: 0;
  width: 50%;
  height: auto;
  z-index: -1;
}

.top-right-img{
  position: absolute;
  top: 0;
  right: 0;
  width: 70%;
  height: auto;
  z-index: -1;
}

.page-template-offer .top-right-img{
  display: none;
}

.font-pop{
  font-family: 'poppinsmedium', sans-serif;
}

.font-pop-reg{
  font-family: 'poppinsregular', sans-serif;
}

.font-pop-light{
  font-family: 'poppinslight', sans-serif;
}

.menu-btn{
    color: #fff;
    border-color: #fff;
    border-radius: 52px;
    padding: 10px 58.5px;
    transition: background 0.3s ease, color 0.3s ease;
}

.btn-grad{
    background: linear-gradient(90deg, #1869CC 0%, #742AFE 45%, #E30BEB 100%);
    border-radius: 52px;
    padding: 10px 58.5px;
    border: 0px;
    background-size: 200% auto;
    background-position: left center;
    color: #fff;
    display: inline-block;
    animation: gradientShift 3s ease-in-out infinite;
}

.btn-common, .wpcf7-submit{
    background-color: #00ADEE;
    border: 0px;
    border-radius: 52px;
    padding: 22.5px 99px;
    color: #000;
    transition: background 0.3s ease, color 0.3s ease;
}

.banner{
    background: url('../images/banner-bg.webp') no-repeat center center;
    padding-top: 97px;
    padding-bottom: 165px;
    background-size: cover;
}

.launch-banner{
  background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 1)),  /* black overlay with 50% opacity */
    url('../images/launch-form-bg.webp') no-repeat center center;
  padding-top: 97px;
  padding-bottom: 125px;
  background-size: 100%;
}

.banner-btn .btn-common{
    margin-top: 83px;
    transition: background 0.3s ease, color 0.3s ease;
}

.banner h1, .banner h2.orgnl, .launch-form h1{
    font-size: 45px;
    line-height: 65px;
}

.btm-bnr-info, .l-bnr-info{
  margin-top: 120px;
}

.l-bnr-info{
  margin-bottom: 120px;
}

.btm-bnr-info h2, .l-bnr-info h1{
    font-weight: 700;
    font-size: 2rem;
    border: 2px solid #00ADEE;
    border-radius: 50px;
    padding: 21px 111px;
    color: #fff;
}

.btm-bnr-info p{
    /* font-weight: normal; */
    font-size: 1.125rem;
    color: #fff;
    margin-top: 20px;
}

.launch-form p{
  font-size: 26px;
  color: #fff;
}

.l-bnr-info p{
    /* font-weight: normal; */
    font-size: 26px;
    color: #fff;
    margin-top: 40px;
}

.video{
    margin-top: -6%;
}

.video-wrapper {
  position: relative;
  width: 85%;
  /* max-width: 700px; */
  margin: 0 auto;
  overflow: hidden;
}

.video-wrapper video {
  width: 100%;
  height: auto;
  display: block;
  border-radius: 10px;
  border: 2px solid #00ADEE;
}

.play-btn {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: transparent;
  border: none;
  cursor: pointer;
  padding: 0;
  z-index: 10;
  transition: transform 0.3s ease;
}

.play-btn:hover {
  transform: translate(-50%, -50%) scale(1.1);
}

.play-btn svg {
  width: 80px;
  height: 80px;
}

.zigzag{
  margin-top: 190px;
  /* margin-bottom: 180px; */
  position: relative;
  overflow: hidden;
}

.shadow-img {
    position: absolute;
    z-index: -1; /* Keeps images behind the content */
    pointer-events: none; /* Prevents interaction */
}

/* Top right shadow */
.shadow-top-right {
    top: 12%;
    right: 0;
}

/* Bottom right shadow */
.shadow-bottom-right {
    top: 28%;
    right: 0;
}

/* Center left shadow */
.shadow-center-left {
    top: 17%;
    left: 0;
}

.shadow-center-bottom{
  top: 44%;
  left: 0;
}

.shadow-vbottom-right{
  top: 75%;
  right: 0;
}

.zigzag .zigzag-odd, .zigzag .zigzag-even{
  position: relative;
}

.zigzag .zigzag-odd:not(:first-child), .zigzag .zigzag-even {
  margin-top: 150px;
}

.zigzag .zigzag-odd h3, .zigzag .zigzag-even h3{
  font-size: 2rem;
  border: 2px solid #00ADEE;
  border-radius: 50px;
  padding: 10px 30px;
  color: #fff;
}

.zigzag .zigzag-odd ul.custom-list, .zigzag .zigzag-even ul.custom-list {
  list-style: none;
  padding: 0;
  font-size: 1.40rem;
  color: #fff;
  margin-top: 45px;
}

.zigzag .zigzag-odd ul.custom-list li, .zigzag .zigzag-even ul.custom-list li {
    padding: 12px 0 12px 50px;
    position: relative;
}

.zigzag .zigzag-odd ul.custom-list li::before, .zigzag .zigzag-even ul.custom-list li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 34px;
    height: 34px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='34' height='34' viewBox='0 0 34 35' fill='none'%3E%3Cpath d='M25.3452 9.15473C23.0983 6.90788 20.1025 5.73096 16.9997 5.73096C13.8969 5.73096 10.9011 6.90788 8.65424 9.15473C6.40739 11.4016 5.23047 14.3974 5.23047 17.5002C5.23047 20.603 6.40739 23.5988 8.65424 25.8456C10.9011 28.0925 13.8969 29.2694 16.9997 29.2694C20.1025 29.2694 23.0983 28.0925 25.3452 25.8456C27.592 23.5988 28.7689 20.603 28.7689 17.5002C28.7689 14.3974 27.592 11.4016 25.3452 9.15473ZM23.8472 24.3477C22.0284 26.1666 19.5675 27.1296 16.9997 27.1296C14.4319 27.1296 11.971 26.1666 10.1521 24.3477C8.33327 22.5289 7.37033 20.068 7.37033 17.5002C7.37033 14.9324 8.33327 12.4715 10.1521 10.6526C11.971 8.83375 14.4319 7.87082 16.9997 7.87082C19.5675 7.87082 22.0284 8.83375 23.8472 10.6526C25.6661 12.4715 26.6291 14.9324 26.6291 17.5002C26.6291 20.068 25.6661 22.5289 23.8472 24.3477ZM21.6004 13.5414L15.9298 19.2121L13.4689 16.7512C13.041 16.3233 12.399 16.3233 11.971 16.7512C11.5431 17.1792 11.5431 17.8212 11.971 18.2491L15.1808 21.4589C15.3948 21.6729 15.7158 21.7799 15.9298 21.7799C16.1438 21.7799 16.4647 21.6729 16.6787 21.4589L23.0983 15.0393C23.5263 14.6114 23.5263 13.9694 23.0983 13.5414C22.6703 13.1135 22.0284 13.1135 21.6004 13.5414Z' fill='%2300ADEE'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
}

.zigzag .zigzag-odd a.btn-common, .zigzag .zigzag-even a.btn-common{
  position: absolute;
  bottom: 0;
  transition: background 0.3s ease, color 0.3s ease;
}

.gallery{
  background: url('../images/batsman-bg.webp');
  background-repeat: no-repeat;
  background-size: auto;
  padding-top: 180px;
}

.gallery h2, .faqs h2{
  font-size: 2rem;
  border: 2px solid #00ADEE;
  border-radius: 50px;
  padding: 21px 0px;
  color: #fff;
}

.gallery p, .faqs p{
  font-size: 1.125rem;
  color: #fff;
}

.slider-container {
  position: relative;
  margin-bottom: 60px;
}

.slick-track {
  padding-top: 115px;
  padding-bottom: 115px;
}

.slider-item {
  /* padding: 10px; */
  outline: none;
  border-radius: 27px;
  border: 3px solid #00ADEE;
}

.slider-item img {
  width: 100%;
  height: auto;
  object-fit: cover;
  border-radius: 27px;
  /* border: 3px solid #00ADEE; */
  transition: transform 0.3s ease;
}

.slider-item .slide-info {
  display: none;
}

.slider-item.slick-slide.slick-current .slide-info {
  display: block;
  color: #fff;
  font-size: 18px;
  background: #000;
  padding: 10px 0px 0px 0px;
  border-bottom-left-radius: 27px;
  border-bottom-right-radius: 27px;
  margin-top: -14%;
  position: absolute;
  width: 100%;
  bottom: 0;
}

.slider-item.slick-slide.slick-current .slide-info p{
	font-size:14px;
}

.slider-item.slick-center img {
  transform: scale(1);
}

/* Dots styling */
.slick-dots {
  position: relative;
  bottom: 0;
  margin-top: 20px;
  display: flex;
  justify-content: center;
  list-style: none;
  padding: 0;
}

.slick-dots li {
  margin: 0 5px;
}

.slick-dots li button {
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background: #ccc;
  border: none;
  text-indent: -9999px;
  cursor: pointer;
  transition: background 0.3s ease;
}

.slick-dots li.slick-active button {
  background: #00ADEE;
}

.slick-slide.slick-current {
	transform: scale(1.35);
	position: relative;
	z-index: 1;
}

/* Custom navigation buttons */
.custom-navigation {
  display: flex;
  justify-content: center;
  margin-top: 20px;
  gap: 15px;
}

.slick-nav-buttons{
  display: flex;
  flex-direction: row;
  justify-content: center;
  gap: 40px;
}

.custom-prev, .custom-next {
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s ease;
}

.custom-prev:hover, .custom-next:hover {
  transform: translateY(-2px);
}

.launch{
  margin-top: 50px;
}

.launch h2, .contact h2{
  font-size: 2rem;
  color: #fff;
}

.launch p, .contact p{
  font-size: 1.125rem;
  color: #fff;
  line-height: 35px;
  margin-top: 25px;
}

.launch .grad{
  background: linear-gradient(90deg, #1869CC 0%, #742AFE 45%, #E30BEB 100%);
  border-radius: 35.56px;
  padding: 11px 22px 22px 22px;
}

.launch .grad h3{
  font-size: 2.5rem;
  color: #fff;
}

.launch .grad .grad-inner{
  background-color: #161A20;
  border-radius: 28.45px;
  padding: 30px 20px;
}

.launch .grad .grad-inner .plan-box{
  padding-top: 25px;
  padding-left: 30px;
}

.launch .grad .grad-inner .plan-box h4{
  color: #fff;
  font-size: 30px;
}

.launch .grad .grad-inner .plan-box .active h4 span{
  color: #fff;
  font-size: 2rem;
}

.launch .grad .grad-inner .plan-box p.price, .launch .grad .grad-inner .plan-box.active p.price{
  font-size: 40px;
  color: #fff;
  margin-top: 50px;
}

.launch .grad .grad-inner .plan-box p.price span{
  font-size: 30px;
  color: #fff;
}

.launch .grad .grad-inner .plan-box ul{
  font-size: 20px;
  color: #fff;
  margin-top: 25px;
  list-style: none;
  padding: 0;
}

.launch .grad .grad-inner .plan-box ul li {
  padding: 12px 0 12px 50px;
  position: relative;
}

.launch .grad .grad-inner .plan-box ul li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 34px;
  height: 34px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='34' height='34' viewBox='0 0 34 35' fill='none'%3E%3Cpath d='M25.3452 9.15473C23.0983 6.90788 20.1025 5.73096 16.9997 5.73096C13.8969 5.73096 10.9011 6.90788 8.65424 9.15473C6.40739 11.4016 5.23047 14.3974 5.23047 17.5002C5.23047 20.603 6.40739 23.5988 8.65424 25.8456C10.9011 28.0925 13.8969 29.2694 16.9997 29.2694C20.1025 29.2694 23.0983 28.0925 25.3452 25.8456C27.592 23.5988 28.7689 20.603 28.7689 17.5002C28.7689 14.3974 27.592 11.4016 25.3452 9.15473ZM23.8472 24.3477C22.0284 26.1666 19.5675 27.1296 16.9997 27.1296C14.4319 27.1296 11.971 26.1666 10.1521 24.3477C8.33327 22.5289 7.37033 20.068 7.37033 17.5002C7.37033 14.9324 8.33327 12.4715 10.1521 10.6526C11.971 8.83375 14.4319 7.87082 16.9997 7.87082C19.5675 7.87082 22.0284 8.83375 23.8472 10.6526C25.6661 12.4715 26.6291 14.9324 26.6291 17.5002C26.6291 20.068 25.6661 22.5289 23.8472 24.3477ZM21.6004 13.5414L15.9298 19.2121L13.4689 16.7512C13.041 16.3233 12.399 16.3233 11.971 16.7512C11.5431 17.1792 11.5431 17.8212 11.971 18.2491L15.1808 21.4589C15.3948 21.6729 15.7158 21.7799 15.9298 21.7799C16.1438 21.7799 16.4647 21.6729 16.6787 21.4589L23.0983 15.0393C23.5263 14.6114 23.5263 13.9694 23.0983 13.5414C22.6703 13.1135 22.0284 13.1135 21.6004 13.5414Z' fill='%2300ADEE'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
}

.launch .grad .grad-inner .plan-box.active ul li::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='34' height='34' viewBox='0 0 40 40' fill='none'%3E%3Cpath d='M34.048 5.81532C30.3253 2.09258 25.3617 0.142578 20.2207 0.142578C15.0798 0.142578 10.1162 2.09258 6.39344 5.81532C2.67071 9.53805 0.720703 14.5017 0.720703 19.6426C0.720703 24.7835 2.67071 29.7472 6.39344 33.4699C10.1162 37.1926 15.0798 39.1427 20.2207 39.1427C25.3617 39.1427 30.3253 37.1926 34.048 33.4699C37.7708 29.7472 39.7208 24.7835 39.7208 19.6426C39.7208 14.5017 37.7708 9.53805 34.048 5.81532ZM31.5662 30.9881C28.5526 34.0017 24.4753 35.5972 20.2207 35.5972C15.9662 35.5972 11.8889 34.0017 8.87526 30.9881C5.86162 27.9744 4.26616 23.8972 4.26616 19.6426C4.26616 15.3881 5.86162 11.3108 8.87526 8.29714C11.8889 5.2835 15.9662 3.68804 20.2207 3.68804C24.4753 3.68804 28.5526 5.2835 31.5662 8.29714C34.5799 11.3108 36.1753 15.3881 36.1753 19.6426C36.1753 23.8972 34.5799 27.9744 31.5662 30.9881ZM27.8435 13.0835L18.448 22.479L14.3707 18.4017C13.6616 17.6926 12.598 17.6926 11.8889 18.4017C11.1798 19.1108 11.1798 20.1744 11.8889 20.8835L17.2071 26.2017C17.5616 26.5563 18.0935 26.7335 18.448 26.7335C18.8026 26.7335 19.3344 26.5563 19.6889 26.2017L30.3253 15.5653C31.0344 14.8562 31.0344 13.7926 30.3253 13.0835C29.6162 12.3744 28.5526 12.3744 27.8435 13.0835Z' fill='url(%23paint0_linear_134_42)'/%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_134_42' x1='2.71503' y1='39.1427' x2='46.1533' y2='29.6841' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%231869CC'/%3E%3Cstop offset='0.447398' stop-color='%23742AFE'/%3E%3Cstop offset='1' stop-color='%23E30BEB'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E");
}

.launch .grad .grad-inner .plan-box.active{
  position: relative;
    padding: 3px; /* This will be the border thickness */
    border-radius: 27.5px;
    background: linear-gradient(90deg, #1869CC 0%, #742AFE 45%, #E30BEB 100%);
    display: inline-block;
}

.launch .grad .grad-inner .plan-box.active .grad-border{
  display: block;
    width: 100%;
    height: auto;
    border-radius: 24.5px;
    background: #161a20;
        padding: 25px 30px;
}

.launch .grad .grad-inner .plan-box.active .btn-grad{
  width: 100%;
  padding: 20px 0px;
  font-size: 20px;
}

.launch .grad .grad-inner .plan-box.active p{
  font-size: 22px;
  color: #fff;
}

.collab {
  background: url('../images/batsman-bg-right.webp') no-repeat;
  background-size: 32% auto;
  background-position: right;
  padding: 180px 0px;
}

.collab h2{
  font-size: 2rem;
  color: #fff;
  font-weight: bold;
}

.collab .collab-bg{
  background: #acacac4f;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  padding: 80px 180px;
  border-radius: 24px;
}

.collab p{
  font-size: 1.125rem;
  color: #fff;
  margin-top: 2rem;
}

.collab .btn-common{
  font-size: 1.125rem;
  margin-top: 3rem;
  transition: background 0.3s ease, color 0.3s ease;
}

.future{
  background: #00ADEE;
  padding: 44px 0;
}

.future h2{
  font-size: 2rem;
  color: #fff;
}

.future p{
  font-size: 1.125rem;
  color: #fff;
  line-height: 34px;
  margin-top: 15px;
}

.future .menu-btn{
  background: #fff;
  color: #000;
  padding: 24px 74px;
  /* transition: background 0.3s ease, color 0.3s ease; */
}

.future .btn-grad{
  background: transparent;
  color: #000;
  border: 3px solid #000;
  padding: 24px 52px;
}

.faqs{
  margin: 100px 0 0 0;
}

.accordion-group {
  background-color: transparent;
  border-radius: 35px;
  margin-bottom: 25px;
  overflow: hidden;
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08);
  transition: all 0.3s ease;
  border: 1px solid #fff;
}
.accordion-group.active {
  background-color: #00ADEE;
  box-shadow: 0 10px 30px rgba(0, 173, 238, 0.25);
  border-color: #00ADEE;
}
.accordion-group:hover {
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.12);
}
.accordion-button {
  background-color: transparent;
  color: #fff;
  /* font-weight: 600; */
  padding: 20px 50px 20px 50px;
  font-size: 1.125rem;
  border: none;
}
.accordion-group.active .accordion-button {
  background-color: #00ADEE;
  color: #fff;
  padding-top: 40px;
  padding-bottom: 0;
}
.accordion-button:not(.collapsed) {
  background-color: #00ADEE;
  color: #fff;
  box-shadow: none;
}
.accordion-button:focus {
  border-color: rgba(0, 173, 238, 0.3);
  box-shadow: 0 0 0 0.25rem rgba(0, 173, 238, 0.25);
}
.accordion-body {
  background-color: transparent;
  color: #2c3e50;
  padding: 20px 50px 20px 50px;
  line-height: 26px;
  font-size: 18px;
  font-family: 'poppinsregular', sans-serif;
}
.accordion-group.active .accordion-body {
  background-color: #00ADEE;
  color: #fff;
  padding-bottom: 40px;
}
.accordion-body ul {
  margin-top: 10px;
}
.accordion-body ul li{
  margin-bottom: 5px;
}
.accordion-button::after {
  background-image: url("data:image/svg+xml,%3Csvg width='31' height='30' viewBox='0 0 31 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15.4989 29.6887C15.1184 29.6887 14.7536 29.5375 14.4846 29.2685C14.2156 28.9995 14.0645 28.6347 14.0645 28.2542V1.74595C14.0645 1.36552 14.2156 1.00067 14.4846 0.731658C14.7536 0.462651 15.1184 0.311523 15.4989 0.311523C15.8793 0.311523 16.2442 0.462651 16.5132 0.731658C16.7822 1.00067 16.9333 1.36552 16.9333 1.74595V28.2542C16.9333 28.6347 16.7822 28.9995 16.5132 29.2685C16.2442 29.5375 15.8793 29.6887 15.4989 29.6887Z' fill='%23fff'/%3E%3Cpath d='M28.7533 16.4343H2.24498C1.86454 16.4343 1.49969 16.2832 1.23068 16.0142C0.961674 15.7451 0.810547 15.3803 0.810547 14.9999C0.810547 14.6194 0.961674 14.2546 1.23068 13.9856C1.49969 13.7166 1.86454 13.5654 2.24498 13.5654H28.7533C29.1337 13.5654 29.4985 13.7166 29.7676 13.9856C30.0366 14.2546 30.1877 14.6194 30.1877 14.9999C30.1877 15.3803 30.0366 15.7451 29.7676 16.0142C29.4985 16.2832 29.1337 16.4343 28.7533 16.4343Z' fill='%23fff'/%3E%3C/svg%3E");
}
.accordion-group.active .accordion-button::after,
.accordion-button:not(.collapsed)::after {
  background-image: url("data:image/svg+xml,%3Csvg width='31' height='4' viewBox='0 0 31 4' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M29.0625 3.9375H1.9375C0.775 3.9375 0 3.1625 0 2C0 0.8375 0.775 0.0625 1.9375 0.0625H29.0625C30.225 0.0625 31 0.8375 31 2C31 3.1625 30.225 3.9375 29.0625 3.9375Z' fill='white'/%3E%3C/svg%3E");
}
.accordion-item {
  border: none;
  background-color: transparent;
}
.accordion-header {
  margin-bottom: 0;
}

.contact{
  background: url('../images/batsman-bg.webp');
  background-repeat: no-repeat;
  background-size: 23% auto;
  padding-top: 100px;
}

.contact p{
  font-size: 1.125rem;
  color: #fff;
  line-height: 35px;
  margin-top: 25px;
}

.contact span.country-name{
  color: #000;
}

.contact input[type="text"], .contact input[type="email"], .contact input[type="tel"], .contact textarea, .contact input[type="number"], .sidebar-single input[type="text"], .sidebar-single input[type="email"], .sidebar-single input[type="tel"], .sidebar-single textarea, .sidebar-single input[type="number"]{
  width: 100%;
  background: transparent;
  border: 1px solid #fff;
  border-radius: 35px;
  padding: 20px 40px;
}

.launch-form.contact input[type="text"], .launch-form.contact input[type="email"], .launch-form.contact input[type="tel"], .launch-form.contact textarea, .launch-form.contact input[type="number"]{
  padding: 10px 40px;
}

.wpcf7-spinner, .wpcf7-response-output {
    display: none !important;
}

.wpcf7-form.submitting .wpcf7-spinner {
    display: inline-block !important;
}

input, textarea, input[type="text"]::placeholder,
input[type="email"]::placeholder,
input[type="tel"]::placeholder,
input[type="number"]::placeholder,
textarea::placeholder, .wpcf7-response-output {
    color: #fff;
}

.footer h5{
  font-size: 2rem;
  color: #fff;
}

.footer small{
  font-size: 18px;
  color: #fff;
}

.btn-common:hover, .menu-btn:hover{
  background: #fff;
  color: #000;
}

.future .menu-btn:hover, .future .btn-grad:hover{
  background: #000;
  color: #fff;
}

@keyframes gradientShift {
    0% {
        background-position: 0% center;
    }
    50% {
        background-position: 100% center;
    }
    100% {
        background-position: 0% center;
    }
}

.launch-form.contact {
  /* background-position: bottom left; */
  background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 1)), url('../images/launch-form-bg.webp') no-repeat center center;
  /* background-size: auto, auto; */
  padding-top: 75px;
  /* padding-bottom: 125px; */
  background-size: 100%;
}

.launch-form.contact p{
  margin-top: 10px;
}

.launch-form h1 > span,
.banner h1 > span {
  font-weight: bold;
  font-size: 55px;
  display: inline-block;
  line-height: 1.2;
  position: relative;
  
  /* Animated Gradient */
  background: linear-gradient(
    90deg, 
    #1869CC, #742AFE, #E30BEB, #fff, #1869CC
  );
  background-size: 400% auto; /* large to allow movement */
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;

  /* Neon glow */
/*   text-shadow: 
    0 0 10px rgba(116, 42, 254, 0.6),
    0 0 20px rgba(227, 11, 235, 0.5),
    0 0 40px rgba(24, 105, 204, 0.4); */

  animation: gradientFlow 8s ease-in-out infinite;
}

/* Smooth gradient animation */
@keyframes gradientFlow {
  0%   { background-position: 0% center; }
  50%  { background-position: 100% center; }
  100% { background-position: 0% center; }
}


/* Container styling (optional for alignment) */
.wpcf7-form-control.wpcf7-radio {
    display: flex;
    gap: 24px;
    align-items: center;
}

/* Each radio item */
.wpcf7-list-item {
    display: inline-block;
    position: relative;
    cursor: pointer;
}

/* Hide default radio */
.wpcf7-list-item input[type="radio"] {
    position: absolute;
    opacity: 0;
    width: 0;
    height: 0;
}

/* Label text styling */
.wpcf7-list-item-label {
    display: inline-block;
    padding-left: 30px;
    position: relative;
    color: #f2f2f2; /* Change as needed */
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s ease;
}

/* Custom circle before text */
.wpcf7-list-item-label::before {
    content: "";
    position: absolute;
    top: 25%;
    left: 0;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    border: 2px solid #555;
    transition: all 0.3s ease;
}

/* Checked state */
.wpcf7-list-item input[type="radio"]:checked + .wpcf7-list-item-label {
    color: #4c8bf5;
}

.wpcf7-list-item input[type="radio"]:checked + .wpcf7-list-item-label::before {
    background-color: #4c8bf5;
    border-color: transparent;
    transform: scale(0.8);
    box-shadow: 0 0 20px #4c8bf580;
}

/* Hover effect */
.wpcf7-list-item-label:hover::before {
    /* transform: scale(1.2); */
    border-color: #4c8bf5;
    box-shadow: 0 0 20px #4c8bf580;
}

#scrollTopBtn {
    position: fixed;
    bottom: 30px;
    right: 30px;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    background: none;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    outline: none;
    z-index: 1000;
    padding: 0;
    box-shadow: none;
}

#scrollTopBtn img {
    position: absolute;
    width: 24px;
    height: 24px;
    z-index: 2; /* Above spinner */
}

/* Spinner effect */
.spinner {
    position: absolute;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    background-image: linear-gradient(rgb(186, 66, 255) 35%, rgb(0, 225, 255));
    animation: spinning82341 1.7s linear infinite;
    filter: blur(1px);
    box-shadow: 0px -3px 10px 0px rgb(186, 66, 255), 
                0px 3px 10px 0px rgb(0, 225, 255);
    top: 0;
    left: 0;
    z-index: 0;
    border: 1px solid #fff;
}

/* Inner dark circle */
.spinner1 {
    background-color: rgb(36, 36, 36);
    width: 50px;
    height: 50px;
    border-radius: 50%;
    filter: blur(10px);
    margin: 5px auto; /* center inside spinner */
}

/* Animation */
@keyframes spinning82341 {
    to {
        transform: rotate(360deg);
    }
}

.grecaptcha-badge{
    display: none;
}
.blog-box article{
	border: 1px solid #00adee;
  border-radius: 10px;
  transition: all 0.3s ease;
}
.blog-box article:hover {
  box-shadow: 0 8px 20px rgba(0, 173, 238, 0.6); /* #00adee shadow with opacity */
  transform: scale(1.01); /* zoom in slightly */
}
.blog-box article img{
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}

.blog-box article .blog-content{
  padding: 15px;
}

.blog-box article .blog-content .entry-title a{
  text-decoration: none;
  color: #fff;
}

.blog-box article .blog-content .entry-meta{
  color: #00adee;
}

.read-more-link a {
  position: relative;
  display: inline-block;
  font-size: 1.2rem;
  color: aliceblue;
  text-decoration: none;
  transition: color 0.3s ease;
}

.read-more-link a::after {
  content: "→";
  margin-left: 8px;
  display: inline-block;
  transition: transform 0.3s ease, margin-left 0.3s ease;
}

.read-more-link a:hover {
  color: #0073e6; /* change text color on hover */
}

.read-more-link a:hover::after {
  transform: translateX(5px); /* slide arrow smoothly */
  margin-left: 12px; /* create spacing animation */
}

.load-more-wrap {
  text-align: center;
  margin-top: 30px;
}

#load-more {
  background: linear-gradient(135deg, #6e8efb, #a777e3);
  color: #fff;
  font-size: 16px;
  font-weight: 600;
  padding: 14px 34px;
  border: none;
  border-radius: 50px;
  cursor: pointer;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
  transition: all 0.35s ease;
  position: relative;
  overflow: hidden;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px; /* space between text and spinner */
}

#load-more .spinner12 {
  width: 18px;
  height: 18px;
  border: 2px solid rgba(255, 255, 255, 0.4);
  border-top-color: #fff;
  border-radius: 50%;
  animation: spin 0.8s linear infinite;
  display: none; /* hidden by default */
}

@keyframes spin {
  to {
    transform: rotate(360deg);
  }
}

.blog-single{
  border-top: 1px solid #f0f8ff2e;
}

.sidebar-single{
  margin-top: 11%;
}

.sidebar-single .wp-block-latest-posts li a{
  text-decoration: none;
  color: #fff;
  font-size: 1.2rem;
}
.sidebar-single .wp-block-latest-posts li a:hover{
  color: #00adee;
}

.post-navigation .nav-links{
    display: flex;
    justify-content: space-between;
    margin-top: 40px;
    margin-bottom: 40px;
    width: 100%;
}

.post-navigation .nav-previous a,
.post-navigation .nav-next a {
    display: inline-block;
    padding: 10px 20px;
    color: #fff;
    text-decoration: none;
    border: 1px solid #fff;
    border-radius: 30px;
    background: transparent;
    font-size: 16px;
    font-weight: 500;
    transition: box-shadow 0.3s ease;
    position: relative;
}

/* Add shadow on hover */
.post-navigation .nav-previous a:hover,
.post-navigation .nav-next a:hover {
    box-shadow: 0 8px 25px rgba(0, 172, 237, 0.4);
}

/* Animate only arrows */
.post-navigation .nav-previous a .arrow {
    display: inline-block;
    transition: transform 0.3s ease;
    margin-right: 6px;
}

.post-navigation .nav-next a .arrow {
    display: inline-block;
    transition: transform 0.3s ease;
    margin-left: 6px;
}

.post-navigation .nav-previous a:hover .arrow {
    transform: translateX(-4px);
}

.post-navigation .nav-next a:hover .arrow {
    transform: translateX(4px);
}

.recent h2{
  font-size: 2rem;
  border: 2px solid #00ADEE;
  border-radius: 50px;
  padding: 21px 0px;
  color: #fff;
}

.blog-grid{
  border-top: 1px solid #f0f8ff2e;
}

.share-post {
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 20px 0;
  font-family: sans-serif;
}

.share-post .share-label {
  font-weight: 600;
  font-size: 1.2rem;
  color: #fff;
  text-transform: uppercase;
}

.share-post .share-icons {
  display: flex;
  gap: 12px;
  list-style: none;
  margin: 0;
  padding: 0;
}

.share-post .share-icons a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background: #f2f2f2;
  color: #000;
  transition: background 0.2s, color 0.2s;
}

.share-post .share-icons a:hover {
  background: #0073e6; /* your brand color */
  color: #fff;
}

.animated404{
  display: flex;
  align-items: center;
  justify-content: center;
}

.animated404 span{
  font-weight: bold;
  font-size: 10rem;
}

.animated404 svg{
  width: 10%;
  height: auto;
}

#fi_12338815 {
    width: 150px;
    height: 150px;
    animation: spinAndBounce 4s infinite linear;
}

@keyframes spinAndBounce {
    0% {
        transform: rotate(0deg) translateY(0);
    }
    25% {
        transform: rotate(90deg) translateY(-20px);
    }
    50% {
        transform: rotate(180deg) translateY(0);
    }
    75% {
        transform: rotate(270deg) translateY(-20px);
    }
    100% {
        transform: rotate(360deg) translateY(0);
    }
}

@keyframes moveLeftRight {
    0%, 100% {
      transform: translateX(0);
    }
    25% {
      transform: translateX(20px);
    }
    50% {
      transform: translateX(-20px);
    }
    75% {
      transform: translateX(20px);
    }
  }

  #fi_11038051 {
    animation: moveLeftRight 1.5s infinite;
  }

  @keyframes moveRightLeft {
  0%, 100% {
    transform: translateX(0);
  }
  25% {
    transform: translateX(-20px);
  }
  50% {
    transform: translateX(20px);
  }
  75% {
    transform: translateX(-20px);
  }
}

#fi_11038050 {
  animation: moveRightLeft 1.5s infinite;
}

.stickyForm{
  position: sticky;
  top: 5%;
}
.single-post h2{
  font-family: 'poppinsmedium';
}
.single-post h3{
  font-family: 'poppinsregular';
  font-size: 1.3rem;
}

.blog-single h1{
  font-size: 2rem;
  color: #fff;
  font-weight: 700;
}
.blog-single h2{
  font-size: 1.75rem;
}
.blog-single p{
  font-size: 1.125rem;
}
.blog-single p, .blog-single ul li{
  color: #bdbdbd;
}
.blog-single .entry-meta{
  color: #fff;
}
.blog-single .wp-post-image{
  border-radius: 10px;
}
#ez-toc-container{
  padding: 0;
}
.blog-single .sidebar-left #ez-toc-container, .blog-single .sidebar-right .mysticky{
  position: sticky;
  top: 5%;
}
.blog-single .sidebar-right h2{
  font-size: 1rem;
  font-weight: 700;
}
.blog-single .sidebar-right p, .blog-single .sidebar-right .sdbg a{
  font-size: 12px;
  font-weight: 400;
  padding: 10px 0px;
}
.blog-single .sidebar-right .sdbg {
	background-color: #000;
	padding: 2rem;
	border-radius: 10px;
  border: 1px solid #029bdb;
}

.ft-menu{
  display: flex;
  justify-content: center;
  gap: 1.25rem;
}
.ft-menu a{
  text-decoration: none;
  color: #fff;
}
.ft-menu a:hover{
  color: #00ADEE;
}
#ez-toc-container{
  width: 100%;
}
#ez-toc-container nav > ul.ez-toc-list > li > a.active{
  background: #1e1e1e;
  border-right: 3px solid #7829fd;
  border-radius: 3px;
  width: 100%;
  font-weight: bold;
  color: #00adee;
}