/*@font-face{*/
/*    font-family: IRANSansWeb_Medium;*/
/*    font-style:normal;*/
/*    font-weight:normal;*/
/*    src:url('//soodino.ai/fonts/IRANSansWeb_Medium.eot');*/
/*    src:url('//soodino.ai/fonts/IRANSansWeb_Medium.eot?#iefix') format('embedded-opentype'),*/
/*    url('//soodino.ai/fonts/IRANSansWeb_Medium.woff2') format('woff2'),*/
/*    url('//soodino.ai/fonts/IRANSansWeb_Medium.woff') format('woff'),*/
/*    url('//soodino.ai/fonts/IRANSansWeb_Medium.ttf') format('truetype');*/
/*}*/

/*a, h1, h2, h3, h4, h5, h6, p, ul, li, span, div, input, button {font-family: "IRANSansWeb_Medium" !important;}*/

.top-banner {
    background: linear-gradient(rgba(0, 0, 0, 0.645), rgba(0, 0, 0, 0.645)), url("images/bg1.jpg");
    background-size: cover;
    background-position: center;
    box-shadow: 0px 0px 6px 15px #140e5a;
    /* background: rgba(0, 0, 0, 0.165); */
}
 
a#dem {
    color: #FFF;
    text-decoration: none;
}


.seconde-bg {
    width: 100%;
    height: 151%;
    top: -370px;
    right: 0;
}

.third-bg {
    width: 175%;
    top: 60%;
    left: 0px;
    transform: translateY(-50%);
}
.fourth-bg{
    background: radial-gradient(circle,rgba(40, 33, 102, 1) 13%, rgba(12, 10, 56, 1) 55%);
}


.navbar {
    background-color: #EBEDFF1F;
}

.navbar-toggler {
    border: none !important;
}






  







.gradient-text {
            background: linear-gradient(203deg, rgba(138, 198, 239, 1) 0%, rgba(166, 139, 205, 1) 99%);
            -webkit-background-clip: text;
            background-clip: text;
            -webkit-text-fill-color: transparent;
            display: inline-block;
            min-height: 1.5em;
            position: relative;
            overflow: hidden;
        }

       

        /* انیمیشن اسلاید اصلاح‌شده */
        .slide-out {
            animation: slideOut 0.5s ease-in-out forwards;
        }

        .slide-in {
            animation: slideIn 0.5s ease-in-out forwards;
        }

        @keyframes slideOut {
            0% {
                transform: translateY(0);
                opacity: 1;
            }
            100% {
                transform: translateY(-20px);
                opacity: 0;
            }
        }

        @keyframes slideIn {
            0% {
                transform: translateY(20px);
                opacity: 0;
            }
            100% {
                transform: translateY(0);
                opacity: 1;
            }
        }
        
        
        .slid-disc{
            font-size:19px;
            width: 60%;
        }
        .right-disc{
            font-size:16px;
            width: 40%;
                text-align: end;

        }

.gradient-background {
    background: linear-gradient(180deg, rgba(109, 83, 238, 1) 19%, rgba(61, 34, 198, 1) 70%);
    border: none;
    transition: background 10s ease !important;
}

.gradient-background:hover {
    background:linear-gradient( #4F378A 100%);
}

.btn-hover{
    transition:.5s !important;
}
.btn-hover:hover{
    background-color: #4F378A !important ;
    border:#4F378A !important;
}


.first-heading {
            font-weight: bolder;
            line-height: 1.5 !important;
            text-align: center;
            color: white;
            margin: 3rem;
        }

.discription {
    line-height: 30px;
}

.soodino-text {
    
    color: #917CFB;
    font-weight: bolder;

}

.soodino-backgrond {
    background-color: #6D53EE;
}

.soodino-backgrond-dark {
    background-color: #6D53EE;
}

.btn-font {
    font-size: 12px;
    text-decoration: none;
        z-index: 100 !important;
}

.border-purpel {
    border: 1px solid #6D53EE;
    z-index:100;
}

.inset-shadow {
    box-shadow: inset 0px 7px 10px #737373;
    background-color: #08082D;
}

.divider-text {
    display: flex;
    align-items: center;
    text-align: center;
    margin: 20px 0;
}

.divider-text::before{
     content: "";
    flex: 1;
    border-bottom: 1px solid ;
    border-image: linear-gradient(45deg, #5d0fa150, #5b63d34c) 1;
    margin: 0 10px;
}
.divider-text::after {
    content: "";
    flex: 1;
    border-bottom: 1px solid ;
    border-image: linear-gradient(45deg, #5b63d34c, #5d0fa150) 1;
    margin: 0 10px;
}

.main-bg {
    background-color: #0c0a38;
}

.font-16 {
    font-size: 16px;
}



/* first-crousel 
*/

/* .carousel {
    overflow-x: scroll;
} */

/* end-first-carousel */

.main-img {
    width: 80px;
}

.main-disc {
    font-size: 12px !important;
    color: #d0d0d0 !important;
    line-height: 2rem;
}

.video-responsive {
    width: 100% !important;
    height: auto;
    max-width: 100%;
    border-radius: 30px;
  z-index: 999;
    display: block;
}

.main-bg-color{
 background-color: #ffffff0b;
}


/* .comment-child{
   
    overflow-x: hidden; 
    overflow-y: hidden; 
    width: 100%;
    padding: 0;

} */
/* .comment-box{
    background-color: #D29EFF26;
} */
.rate-comment{
      width: 80px;
    height: 20px;
}
.date-comment{
    font-size: 12px;
    color:#afafaf;
    font-weight: 100 !important;
}
.content-comment{
    font-size: 14px;
    color: #fff;
    font-weight: 300 !important;
    line-height: 2rem;
}
.image-comment{
    
    border-radius: 50%;
}




.comment-child-1 {
    overflow-x: hidden; 
    overflow-y: hidden; 
   
    padding: 0;
    height: 80vh;
}

.carousel-container {
    width: 100%;
    overflow: hidden;
    position: relative;
    display: flex;
    justify-content: center;
}

.carousel-track {
    display: flex;
    flex-direction: column;
    animation: scroll 20s linear infinite;
    width: max-content; 
}

.comment-box {
    flex: 0 0 auto;
    /*width: 350px;*/
    margin: 0 15px;
    background-color: #D29EFF26; 
    min-height: 250px;
}

@keyframes scroll {
    0% {
        transform: translateY(0);
    }
    100% {
        transform: translateY(-50%); 
    }
}

.carousel-track:hover {
    animation-play-state: paused; 
}


.accordion-item {
    background-color: transparent !important;
    border: none;
    border-top: 1px solid #C0C0C280;
    border-bottom: 1px solid #C0C0C280;
    padding: 8px 0px !important;
    
}


.accordion-button {
    background-color: transparent !important;
    box-shadow: none !important;
    color: #fff;
    font-weight: 500;
    padding-right: 0; 
    text-align:start;
    line-height: 2rem;
}


.accordion-button:not(.collapsed) {
    color: #fff !important;
    background-color: transparent !important;
    box-shadow: none !important;
}


.accordion-body {
    color: #ccc; 
    font-size: 14px;
    font-weight: 300 !important;
    line-height: 2rem;
}


.accordion-button::after {
    filter: invert(1); 
    margin-left: auto;
    position: absolute;
    left: 0; 
}


.accordion-button:not(.collapsed)::after {
    filter: invert(1);
}

.btn-primary {
    background: linear-gradient(45deg, #6a11cb, #2575fc);
    border: none;
    font-weight: 500;
    transition: all 0.3s ease;
}

.btn-primary:hover {
    background: linear-gradient(45deg, #2575fc, #6a11cb);
    transform: translateY(-2px);
    box-shadow: 0 4px 15px rgba(0,0,0,0.2);
}

.form-control{
    background:#FFFFFF0D;
    text-align: left;
    
}
.form-control::placeholder {
    
    color: #ccc;
    opacity: 1;
}
.form-control:focus {
    box-shadow: none;
}





.image-crsl {
    overflow-x: hidden; 
    overflow-y: hidden; 
    width: 100%;
    padding: 0;
}

.crsl-container {
    width: 100%;
    overflow: hidden;
    position: relative;
}

.crsl-track {
    display: flex;
    flex-direction: row;
    animation: scroll2 30s linear infinite;
    width: max-content; 
    gap: 100px;
}

.crsl-track img.img-cild {
    flex: 0 0 auto;
    width: 180px;
    height: 180px;
    object-fit: cover;
}

@keyframes scroll2 {
    0% {
        transform: translateX(0);
    }
    100% {
        transform: translateX(55%); 
    }
}

.crsl-track:hover {
    animation-play-state: paused; 
}


@media (min-width: 575.98px) {
    .third-bg{
    width: 70%;
    
      top: 60%;         
    left: 0;           
    transform: translateY(-50%); 
}
}


@media (min-width: 767.98px) {
    .main-img {
        width: 70px;
    }

    .main-disc {
        font-size: 14px !important;
        color: #d0d0d0 !important;
        line-height: 2rem;
    }

    .cursor-img {
        height: 50%;
        margin-top: -5%;
    }
     .third-bg{
    width: 70%;
    
      top: 90%;         
    left: 0;        
    transform: translateY(-50%); 
}

.soodino-container {
            position: relative;
            display: inline-block;
            --mouse-x: 50%;
            --mouse-y: 50%;
        }

        .soodino-text {
            font-size: 72px;
            background: linear-gradient(180deg,rgba(180, 205, 255, 1) 0%, rgba(12, 12, 48, 1) 100%);

            -webkit-background-clip: text;
            background-clip: text;
            -webkit-text-fill-color: transparent;
            position: absolute;
            z-index: 1;
        }

        .soodino-highlight {
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            font-size: 72px;
            background: linear-gradient(rgba(138, 198, 239, 1));
            -webkit-background-clip: text;
            background-clip: text;
            -webkit-text-fill-color: transparent;
            filter: brightness(1.5) contrast(1.2);
            -webkit-mask-image: radial-gradient(circle 30px at var(--mouse-x) var(--mouse-y), black 20%, transparent 80%);
            mask-image: radial-gradient(circle 30px at var(--mouse-x) var(--mouse-y), black 20%, transparent 80%);
            opacity: 0;
            transition: opacity 1s ease;
            pointer-events: none;
            z-index: 2;
        }

        .soodino-container:hover .soodino-highlight {
            opacity: 1;
        }
        
        .right-disc{
            width: 48%;
            text-align: end;
            font-size:35px !important;
        }
        .slid-disc{
            width: 60%;
            text-align: start;margin-right: 1%;
            font-size:25px;
        }
        
        
        
        
        
        
        
        
    
}





@media (min-width: 991.98px) {
    
   .soodino-text {
            font-size: 72px;
            background: linear-gradient(176deg, rgba(138, 198, 239, 1) 3%, rgba(77, 77, 77, 1) 62%) !important;
            -webkit-background-clip: text !important;
            background-clip: text !important;
            -webkit-text-fill-color: transparent !important;
            position: relative;
            display: inline-block;
        }

        .soodino-text svg {
            position: absolute;
            top: 0;
            left: 0;
            width: 200%;
            height: 200%;
            pointer-events: none;
        }


.gradient-text{
    font-size:60px;
}

    .discription {
    padding:0 32% !important;
    font-weight: 100 !important;
    line-height: 2.5rem !important;
}
    .fs-lg-3 {
        font-size: 20px;
    }

    .bg-lg {
        background-color: rgba(0, 0, 0, 0.2) !important;
        border-radius: 20px;
    }

    .inset-shadow {
        box-shadow: inset 0 0 0 #737373;
        background-color: #ffffff00;

    }

    .divider {
        border-right: 1px solid #dadada74;
        border-radius: 0px !important;
    }

    .main-haeding {
        font-size: 40px;
        padding-left: 10%;
    }

    .main-disc {
        font-size: 16px !important;
        color: #d0d0d0 !important;
        line-height: 2.5rem;
        font-
    }

    .seconde-bg {
        width: 70%;
        height: 251%;
        top: -470px;
        right: 0;
    }
    .accordion{
        width: 75%;
    }

    .footer-content{
        padding-left: 50%;
    }
    .footer-p{
        line-height: 2rem;
    }
    .main-disc1{
        font-weight: 100 !important;
     font-size: 20px !important;
     color:#fff !important;
      
    }
    .font-20{
    font-size: 25px !important;
}
.a-btn{
    width: 100% !important;
}
.sp-1 {
    background-color: #7900ff1f;
    width: 500px;
    height: 600px;
    z-index: -1;
    border-radius: 80% 0 0 80%;
    box-shadow: -20px 0px 100px 300px #7900ff1f;
}
.sp-3.position-absolute {
    width: 20%;
    height: 50px;
    background-color: #7900ff1f;
    right: 40%;
    z-index: -1;
    box-shadow: 0px 40px 100px 200px #7900ff1f;
}



}


@media (min-width: 1199.98px) {}

@media (min-width: 1399.98px) {}