body {
            -webkit-touch-callout: none; /* iOS Safari */
            -webkit-user-select: none; /* Safari */
            -khtml-user-select: none; /* Konqueror HTML */
            -moz-user-select: none; /* Firefox */
            -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently supported by Chrome and Opera */
        }
body{
    background-color: #e3edf7;
    font-family: 'Oxygen', sans-serif;
    
}

/* Additional styling */
h1, h2, h3, h4, h5, h6 {
    font-family: 'Oxygen', sans-serif;
}

p {
.task-list span    
}

a:hover{
    text-decoration: none;
}


/* scrollbar css */

body::-webkit-scrollbar {
  width: 5px;
}
 
body::-webkit-scrollbar-track {
  box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
}
 
body::-webkit-scrollbar-thumb {
  background-color: darkgrey;
  border-radius: 6px;
}

a.navbar-brand {
    color: #FFFFFF !important;
}

a.navbar-brand:hover {
    color: #00ffa3 !important;
}

button.navbar-toggler {
    background: #ffffffd1 !important;
    padding: 3px 10px !important;
}
p {
    margin-top: 0;
    margin-bottom: 1rem;
    font-size: 16px;
    color: #2c2a2a;
}
a.nav-link {
    color: #FFFFFF !important;
}
a.nav-link:hover {
    color: #00ffa3 !important;
}
h2.bodyhading2 {
    font-size: 21px;
    color: #ffffff;
    background: #005e21;
    padding: 5px;
    padding-left: 25px;
    font-weight: bold;
    text-align: center;
    text-transform: capitalize;
    box-shadow: 6px 4px 10px -1px rgba(0, 0, 0, 0.15), -6px -2px 10px -1px rgba(255, 255, 255);
    border-radius: 3px;
}
h3.bodyhading3 {
    font-size: 20px;
    font-weight: 600;
    color: #333;
    text-transform: capitalize;
}


.search_image{

    background-image: 
        linear-gradient(rgba(0,0,0,0.4), rgba(0,0,0,0.4)),
        url("../images/bg/romjancover.webp");
    padding: 35px;
    background-position: center;
  background-repeat: no-repeat; 
  background-size: cover;
  border-radius: 10px;
}

.search_Head {
    text-align: center;
    color: white;
    font-size: 25px;
    font-family: sans-serif;
    font-weight: 600;
}

.form-control {
   
   box-shadow: 0px 0px 10px rgb(0 0 0 / 15%);
}

.form-control:focus {
    color: #495057;
    background-color: #fff;
    border-color: #80bdff;
    outline: 0;
    box-shadow: 0px 0px 10px rgb(0 123 255 / 25%);
}

p.update-status {
    text-align: center;
    color: #fffdfda8;
    margin: 0;
    margin-top: 4px;
    padding: 0;
    font-size: 12px;
}
a.update-status-link:hover{
    text-decoration: none;
}
i.fas.fa-info-circle {
    font-size: 13px;
    color: #fffdfda8;
}

.website-number {
     
    font-weight: bold;
    font-size: 16px;
    background: #baffd3;
    padding: 7px;
    border-radius: 5px;
    display: none;

}

.website-logo-icon {
  width: 20px;
  border-radius: 5px;
  box-shadow: 1px 0px 4px 0px #00000091;
}


img {
    
    font-size: 15px;
}
span.website-name {
    font-size: 17px;
    font-family: sans-serif;
}


.card-header {
    cursor: pointer;
    padding: 0px;
    padding-left: 10px;
    padding-right: 20px;
    background-color: #e3edf7;
   
}

.card-header:hover {

  background-color: #e3edf7;
}

.card-body {
  padding: 15px;
  background-color: #e3edf7;
  border-top: 1px solid #dbdbdb;
}

i.fas.fa-plus {
    margin-top: 10px;
    color: #67cb8c;
}

i.fas.fa-minus {
    margin-top: 10px;
    color: #67cb8c;
}
.contantleft{
    width: 50%;
}
.contantright {
    width: 50%;
    text-align: right;
        
}

button {
    margin-top: -3px;
}

.hedding {
    font-size: 20px;
    color: #ffffff;
    text-align: center;
    background-color: #005e21;
    padding: 7px;
    font-family: 'PoetsenOne', sans-serif;
    
}

i#haddingicon {
    opacity: 0.2;
}

.prosStyle {
    
    font-size: 16px;
    color: green;
    font-family: sans-serif;
    font-weight: bold;
}

.consStyle {
    
    font-size: 16px;
    color: #dd0505;
    font-family: sans-serif;
    font-weight: bold;
}



i.fas.fa-check {
    color: green;
    font-size: 12px;
}

.ConsMinusIcon{

    color:#dd0505;
    font-size: 18px;
    font-weight: bold;
}

hr {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
    border: 0;
    border-top: 1px solid rgb(192 202 241 / 31%) !important;
}

img.CoverLogo {
    width: 115px;
    margin-top: 20px;
    margin-right: 35px;
    opacity: 0.2;
    text-align: center;
}

.accordion {
background-color: #e3edf7;
    box-shadow: 6px 6px 10px -1px rgba(0, 0, 0, 0.15),
                -6px -6px 10px -1px rgba(255, 255, 255, 0.7);

}

i.fas.fa-external-link-alt {
    font-size: 12px;
}

img.Futureimg {
    width: 50%;
    height: auto;
}

.Futureimgdiv {
    text-align: center;
    margin-bottom: 20px;
}

/* Link button css */

.button-67 {
    align-items: center;
    background: #e3edf7;
    border: 0;
    border-radius: 8px;
    box-shadow: 0px -1px 10px 0 #fff, 5px 5px 0px 0 #0000003d;
    box-sizing: border-box;
    color: #2a1f62;
    font-size: 1rem;
    justify-content: center;
    line-height: 1.5rem;
    padding: 13px;
    padding-top: 5px;
    padding-bottom: 5px;
    position: relative;
    text-align: left;
    transition: .2s;
    -webkit-user-select: none;
    touch-action: manipulation;
    white-space: pre;
    width: max-content;
    word-break: normal;
    word-spacing: normal;
   margin: 10px 5px 10px 5px;
}

.button-67:hover {
  background: #f8f8ff;
  box-shadow: 0px -4px 30px 0 #fff, 15px 15px 30px 0 #1d0dca17;
}
p.btntex {
    margin: 0;
    text-align: center;
    color: #0014ff;
    font-size: 15px;
    font-weight: 500;
    margin-top: 15px;
}
.button-68 {
    align-items: center;
    background: #e3edf7;
    border: 0;
    border-radius: 8px;
    box-shadow: -10px -10px 30px 0 #fff, 5px 5px 0px 0 #0000003d;
    box-sizing: border-box;
    color: #2a1f62;
    font-size: 1rem;
    justify-content: center;
    line-height: 1.5rem;
    padding: 13px;
    padding-top: 5px;
    padding-bottom: 5px;
    position: relative;
    text-align: left;
    transition: .2s;
    -webkit-user-select: none;
    touch-action: manipulation;
    white-space: nowrap;
    width: max-content;
    word-break: normal;
    word-spacing: normal;
}

a.button-68 {
    text-decoration: none;
}

.button-68:hover {
  background: #f8f8ff;
  box-shadow: 0px -4px 30px 0 #fff, 15px 15px 30px 0 #1d0dca17;
}
p.NoteVDO {
    font-size: 13px;
    text-align: center;
}

.mb-4, .my-4 {
    margin-bottom: 5px !important;
    margin: 5px;
}

/* Features Section */

.feature-box {
    height: 320px;
    background-color: #e3edf7; /* White background for feature boxes */
    border: 1px solid #ddd; /* Light gray border */
    border-radius: 8px; /* Rounded corners */
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); /* Subtle shadow for depth */
    transition: transform 0.3s, box-shadow 0.3s; /* Smooth transition for hover effects */
}

.feature-box:hover {
    transform: translateY(-10px); /* Slight lift on hover */
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2); /* Enhanced shadow on hover */
}

.feature-icon i {
    color: #6a8aff; /* Icon color */
    transition: color 0.3s;
}

.feature-icon i:hover {
    color: #0056b3; /* Darker blue on hover */
}

.feature-heading {
    font-size: 20px;
    margin-top: 15px;
    color: #333;
    font-weight: 600;
}

.feature-description {
   
}


/* scroll button back to top */

#scrollBtn {
    display: none;
    position: fixed;
    bottom: 20px;
    right: 20px;
    z-index: 99;
    font-size: 18px;
    border: none;
    outline: none;
    background-color: #1e9349;
    color: white;
    cursor: pointer;
    padding: 12px;
    border-radius: 10px;
    opacity: 0.7;
    transition: opacity 0.3s;
}
#scrollBtn:hover {
  opacity: 1;
}



/* About page*/

        .about-section {
            /*padding: 100px 0;*/
        }
        .about-section h1 {
            
            margin-bottom: 40px;
    text-decoration: underline;
    text-decoration-style: wavy;
    text-decoration-color: #00990c;
    text-align: center;
    font-size: 35px;
        }
        .team-member {
            margin-bottom: 30px;
        }
        .team-member img {
            width: 200px;
            height: 200px;
            border-radius: 50%;
            object-fit: cover;
            border: 5px solid #fff;
            box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
        }
        .team-member h3 {
            margin-top: 20px;
        }

/*Changelog page css*/

 .Clogheader {

  color: #fff;
  padding: 20px;
  text-align: center;
}

.ClogTitle{
    font-size: 35px;
    text-decoration: underline;
    text-decoration-style: wavy;
    text-decoration-color: #00990c;
    text-align: center;
    color: black;
    text-underline-offset: 10px;
}

main {
  padding: 20px;
}

.change {
  border-bottom: 1px solid #ddd;
  padding: 10px 0;
}

.date {
  font-weight: bold;
  margin-bottom: 5px;
}

.action {
  color: #007bff;
  margin-bottom: 5px;
}

.text-success {

    font-weight: 500;
}

.text-primary {
    font-weight: 500;
}
.text-danger {
   
    font-weight: 500;
}
.description {
  margin-bottom: 10px;
}


/*topanimesite css*/

 .card1 {
      margin: 20px 0;
      border: none;
      border-radius: 15px;
      overflow: hidden;
      box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
      transition: transform 0.3s;
    }
    .card1:hover {
      transform: translateY(-10px);
    }
    .card1 img {
      border-top-left-radius: 15px;
      border-top-right-radius: 15px;
    }
    .card-body1 {
      background-color: #e3edf7;
      padding: 20px;
    }
   .card-title {
    font-size: 20px;
    color: #333;
    font-weight: 600;
}
    .card-text {
      
    }

/*contact-text css*/

p.contact-text {
    text-align: center;
    font-size: 16px;
}

.SeeMoreprimary {
    margin-bottom: 17px;
    background-color: #098936e6;
    border: none;
    border-radius: 9px;
    padding: 2px;
    padding-left: 40px;
    padding-right: 40px;
    color: #ffffff;
    font-size: 17px;
}
.no-result{
  display: none;
  color: red;
  text-align: center;
  font-weight: bold;
  margin-top: 15px;
}

.btn-secondary {
    color: #fff;
    background-color: #016022;
    border-color: #016022;
}

.btn-secondary:hover {
    color: #fff;
    background-color: #058d34 !important;
    border-color: #058d34 !important;
}

/*hot button Style*/
        .hot-banner {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0px 7px;
    
    border-radius: 5px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
    cursor: pointer;
    position: absolute;
    top: 17px;
    right: 88px;
    transform: translate(50%, -50%);
}

.myred{
    background: linear-gradient(45deg, #a900ff, #ff5d21);
}

.myblue {
    background: linear-gradient(45deg, #3e43ff, #00d0ff);
}

        .hot-banner .icon {
            margin-right: 2px;
            display: grid;
            align-items: center;
        }

        .hot-banner .icon img {
            width: 14px;
        }

        .hot-banner .text {
            font-size: 10px;
            font-weight: bold;
            color: white;
        }

        .box {
            position: relative;
            display: inline-block;
        }



a.btn.text-white.btn-floating.m-1:hover {
background: #f8f8ff !important;
color: black !important;
    box-shadow: 0px -4px 30px 0 #fff, 15px 15px 30px 0 #1d0dca17 !important;
}




/* Animation for FLY BATTON */
@keyframes countUp {
    from { opacity: 0; transform: translateY(10px); }
    to { opacity: 1; transform: translateY(0); }
}

.stat-value-responsive[data-count] {
    animation: countUp 0.5s ease-out forwards;
}

/* Nature-themed button container */
.button-container {
    position: relative;
    perspective: 1000px;
    width: 315px;
    margin: auto;
}

/* Base button style - Enchanted Forest Theme */
.enchanted-forest-button {
    position: relative;
    padding: 16px 40px;
    font-weight: 700;
    font-size: 1.1rem;
    border-radius: 16px;
    border: 1px solid #03A9F4;
    background: linear-gradient(135deg, #03a7cd 0%, #007ddf 100%);
    color: #E8F5E9;
    cursor: pointer;
    overflow: hidden;
    transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
/*    box-shadow: 
        0 4px 20px rgba(27, 94, 32, 0.3),
        0 0 0 1px rgba(255, 255, 255, 0.1) inset,
        0 0 20px rgba(76, 175, 80, 0.2) inset;*/
    min-width: 220px;
    height: 55px;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    text-transform: uppercase;
    letter-spacing: 1px;
}

/* Button content styling */
.button-content {
    position: relative;
    z-index: 3;
    display: flex;
    align-items: center;
    gap: 0px;
}

.icon {
    font-size: 1.5rem;
    filter: drop-shadow(0 1px 3px rgba(0, 0, 0, 0.3));
    transition: transform 0.3s ease;
    padding-right: 7px;
}

.enchanted-forest-button:hover .icon {
    transform: rotate(15deg) scale(1.1);
}

.text {
    text-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
    transition: all 0.3s ease;
    font-size: 15px;
}

.pulse-dot {
    display: block;
    width: 9px;
    height: 9px;
    background-color: #FFEB3B;
    border-radius: 50%;
    position: absolute;
    right: -5px;
    top: 0px;
    box-shadow: 0 0 0 rgba(255, 235, 59, 0.7);
    animation: pulse 2s infinite;
}

@keyframes pulse {
    0% { box-shadow: 0 0 0 0 rgba(255, 235, 59, 0.7); }
    70% { box-shadow: 0 0 0 10px rgba(255, 235, 59, 0); }
    100% { box-shadow: 0 0 0 0 rgba(255, 235, 59, 0); }
}

/* Nature effects - floating leaves and sparkles */
.nature-effects {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 2;
    overflow: hidden;
}

.leaf {
    position: absolute;
    font-size: 1.2rem;
    opacity: 0;
    transform: translateY(0) rotate(0deg);
    transition: all 6s linear;
}

.enchanted-forest-button:hover ~ .nature-effects .leaf {
    opacity: 0.7;
}

.leaf-1 {
    top: -20px;
    left: 20%;
    animation: float-leaf-1 8s linear infinite;
}

.leaf-2 {
    top: -15px;
    left: 60%;
    animation: float-leaf-2 7s linear infinite 1s;
}

.leaf-3 {
    top: -25px;
    left: 40%;
    animation: float-leaf-3 9s linear infinite 0.5s;
}

.sparkle {
    position: absolute;
    font-size: 0.8rem;
    opacity: 0;
}

.sparkle-1 {
    top: 20px;
    right: 28px;
    animation: sparkle 3s ease-in-out infinite;
}

.sparkle-2 {
    bottom: 9px;
    left: 16px;
    animation: sparkle 3s ease-in-out infinite 1.5s;
}

@keyframes float-leaf-1 {
    0% { transform: translateY(0) translateX(0) rotate(0deg); opacity: 0; }
    10% { opacity: 0.7; }
    100% { transform: translateY(100px) translateX(20px) rotate(360deg); opacity: 0; }
}

@keyframes float-leaf-2 {
    0% { transform: translateY(0) translateX(0) rotate(0deg); opacity: 0; }
    10% { opacity: 0.7; }
    100% { transform: translateY(120px) translateX(-15px) rotate(-360deg); opacity: 0; }
}

@keyframes float-leaf-3 {
    0% { transform: translateY(0) translateX(0) rotate(0deg); opacity: 0; }
    10% { opacity: 0.7; }
    100% { transform: translateY(80px) translateX(10px) rotate(180deg); opacity: 0; }
}

@keyframes sparkle {
    0% { transform: scale(0.5); opacity: 0; }
    50% { transform: scale(1.2); opacity: 1; }
    100% { transform: scale(0.5); opacity: 0; }
}


/* Sparrow flight animation */
.sparrow-flight {
    position: absolute;
    width: 100px;
    height: 100px;
    z-index: 10;
    pointer-events: none;
    animation: flyUpDown 2s ease-in-out infinite;
    left: 40%;
    margin-left: -20px;
    top: -50px;
    filter: drop-shadow(0 2px 5px rgba(0, 0, 0, 0.3));
}

@keyframes flyUpDown {
    0%, 100% { 
        transform: translateY(0) scaleX(-1); 
    }
    50% { 
        transform: translateY(-25px) scaleX(-1); 
    }
}


/*LIST style*/

.task-list {
    /*max-width: 460px;*/
    
    padding: 2px;
}

.task-list ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.task-list li {
    display: flex;
    align-items: center;
    gap: 15px;
    padding: 7px 10px;
    margin-bottom: 12px;
    background: #daecff;

    border-radius: 10px;
    color: #000000;
    transition: 0.3s;
}

.task-list li:hover {
    background: #daecff;
    border-color: #b1d8ff;
    transform: translateX(5px);
}

.task-list i {
    font-size: 20px;
    width: 24px;
    color: #009688;
}

.task-list span {
    font-size: 16px;
    color: #2c2a2a;
}




  .airdrop-header {
    background-color: #1e5f2d;
    color: white;
    padding: 20px;
    text-align: center;
    font-size: 1.6rem;
    font-weight: bold;
  }

  .airdrop-content {
    padding: 20px;
  }

  .airdrop-intro {
    font-size: 1rem;
    color: #333333;
    margin-bottom: 20px;
  }

  .airdrop-card {
    background-color: #daecff;
    border-left: 5px solid #1e5f2d;
    padding: 5px 20px;
    margin-bottom: 15px;
    border-radius: 8px;
    transition: transform 0.2s, box-shadow 0.2s;
  }

  .airdrop-card:hover {
    transform: translateY(-3px);
    box-shadow: 0 10px 20px rgba(0,0,0,0.12);
  }

  .airdrop-card h3 {
    margin: 0 0 8px 0;
    color: #009121;
    font-size: 20px;
  }

  .airdrop-card p {
    margin: 0;
    color: #2c2a2a;
  }

  .airdrop-footer {
    text-align: center;
    padding: 15px;
    font-size: 0.9rem;
    color: #2c2a2a;
  }


  .text-center {
    text-align: left !important;
}

.text-center.p-3 {
    text-align: center !important;
}


/*Link copy css*/
.copy-btn {
    display: flex;
}

.right-area {
    margin-left: auto;   /* 🔥 পুরোটা ডানে পাঠায় */
    display: inline-flex;
    align-items: center;
    gap: 6px;
}

.copied-text {
    display: none;
    color: green;
    font-size: 14px;
}