.image-container {
    position: relative;
    width: 100%;
    /* Full width */
    padding-top: 56.25%;
    /* Aspect ratio: 16:9 */
    overflow: hidden;
    /* Hide anything outside the container */
  }
  
  .image-container img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    /* This will cover the area, possibly cropping the image */
  }
  
.org-gredient-text {
    background: linear-gradient(to left, #ff7e5f, #041e49c7, #86a8e7); /* Three colors */
    -webkit-background-clip: text;
    color: transparent;
}

.bg-primary-hover:hover {
    background-color: #041e49c7 !important;
    color: white !important;

}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

.rotate {
    display: inline-block;
    animation: spin 5s linear infinite; /* Adjust the 5s for speed */
}

@keyframes earth-spin {
    0% {
        transform: rotateY(0deg);
    }
    100% {
        transform: rotateY(360deg);
    }
}

.earth-rotate {
    display: inline-block;
    animation: earth-spin 10s linear infinite; /* 10s is for one complete rotation */
    transform-origin: center;
}

.globe-container {
    position: relative;
    width: 200px;
    height: 200px;
    perspective: 1000px;
}

.globe {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background: url('https://upload.wikimedia.org/wikipedia/commons/thumb/2/2e/Robinson_projection_SW.jpg/500px-Robinson_projection_SW.jpg') no-repeat center/cover;
    animation: rotate 10s linear infinite;
    transform-style: preserve-3d;
}

@keyframes rotate {
    from {
        transform: rotateY(0deg);
    }
    to {
        transform: rotateY(360deg);
    }
}

.question-body{
    font-family: monospace,SFMono-Regular,SF Mono,Menlo,Consolas,Liberation Mono,monospace;
    font-size: 15px;
    line-height: 1.2;
    letter-spacing: 0.3px;
}

#compition_text {
    background: linear-gradient(to right, rgb(14, 129, 182), rgb(85, 212, 235), rgb(3, 165, 177), rgb(0, 119, 128), rgb(0, 255, 255), rgb(16, 205, 230), violet);
    -webkit-background-clip: text;
    -moz-background-clip: text;
    background-clip: text;
    color: transparent;
}

#target_icon{
font-size: 100px;
background: linear-gradient(to right, rgb(14, 129, 182), rgb(85, 212, 235), rgb(3, 165, 177), rgb(0, 119, 128), rgb(0, 255, 255), rgb(16, 205, 230), violet);
    -webkit-background-clip: text;
    -moz-background-clip: text;
    background-clip: text;
    color: transparent;
}

.red-line {
height: 4px;
background-color: rgb(255, 174, 0);
}

#compitate_me{
background-color: #21262d;
border-radius: 6px;
color: #8b949e;
font-size: var(--fs-base);
font-family: "Alliance No.1",sans-serif;
line-height: 1.4;
font-feature-settings: "salt" 2;
}
.green-line {
height: 4px;
background-color: rgb(0, 217, 255);
}

#frequently_asked{
    font-family: "Alliance No.1", sans-serif;
    font-feature-settings: "salt" 2;
}

.frequently_asked_questions{
    font-family: "Alliance No.1",sans-serif;
    font-size: 17px;
    font-feature-settings: "salt" 2;
    color: #041E49 !important;
    font-weight: 600;
}
.frequently_asked_questions:active{
    color: #041E49 !important;

}
.frequently_asked_questions:focus{
    color: #041E49 !important;

}
.frequently_asked_questions:hover{
    color: #041E49 !important;

}