#offcanvasRight {
    display: none !important;
}

@media only screen and (max-width:991px) {
    #offcanvasRight {
        display: inline-flex !important;
    }
}

#offcanvasRight img {
    margin-top: 0;
}

#offcanvasRight .btn-success {
    margin-top: 23.5px !important;
}

.side hr {
    background-color: #fff !important;
    color: #fff !important;
}

.modal-backdrop.fade.show {
    display: none;
}

.me-auto {
    margin-right: -3% !important;
    margin-top: 0.3%;
}

.top .btn.btn-success {
    float: left;
    margin-top: -37.58px;
}

@media only screen and (max-width:991px) {
    .top .btn.btn-success {
        margin-top: 11.6px;
    }
}

.bot img {
    margin-top: 8.5px;
}

@media only screen and (max-width:991px) {
    .bot img {
        margin-top: 17px;
    }
}

.btn-primary img {
    margin-top: 0 !important;
}

.sthree span {
    margin-right: 0%;
}

.sfour span {
    margin-right: 0%;
}

.sfive span {
    margin-right: 0%;
}


.btn-danger {
    margin-right: 0%;
}

.offcanvas-header .btn-close {
    margin-left: 0% !important;
}

.btn-close img {
    margin-top: -15px !important;
    margin-right: 200px !important;
}

@media only screen and (max-width:499px) 
{
    .btn-close img {
        margin-right: 190px !important;
    }
}

.fa-moon {
    margin-right: 8%;
}

.fa-sun {
    margin-left: 5%;
}

.lan .dropdown-toggle {
    padding-right: 5%;
    padding-left: 3%;
}

.col-12.ssix {
    margin-bottom: 3.7%;
}

.lan hr
{
background-color: #fff !important;
color: #fff !important;
}

.core-nav.nav-core-sticky.on-scroll 
{
position: relative !important;
}

.core-nav.nav-core-sticky 
{
box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
}

.stand-sticky
{
display: none !important;
}

th, thead 
{
    background-color:#bbbbbbe3 !important;
}

.collapse hr
{
color: #bdbdbd ;
background-color: #bdbdbd;
}



.currancy
{
background-color: #fff;
float: right;
text-align: center;
color: #ffa800;
}

.currancy h1
{
margin-top:0%;
}

@media only screen and (max-width:700px)
{
    .currancy h1
    {
    margin-top: 5%;
    margin-bottom:3%;
    }
}

.currancybox
{
height:auto;
background-color:#9191911c !important;
float: right;
width:90%;
margin-right:5%;
border-radius:20px;
margin-top:2%;
padding-top:2%;
padding-right:3.7%;
}

@media only screen and (max-width:700px)
{
    .currancybox
    {
        padding-top:3.1%;
        width:95%;
        margin-right:2.5%;
    }
}

.currancybox h4
{
color: #949494bd;
}

.currancybox .nav-link
{
padding: 0.5rem 3rem !important;
border:1px solid #ffa800 !important;
border-radius:10px !important;
color: #ffa800;
}

@media only screen and (max-width:646px)
{
    .currancybox .nav-link
    {
        padding: 0.3rem 3rem !important;
    }
}

.currancybox .nav-link hr
{
margin-bottom:6%;
margin-top:0;
background-color:#00000100;
}

.currancybox .nav-link:hover
{
color:#ffa800;
box-shadow: 0px 0px 5px 0px #ffa800;
}

.nav-pills .nav-link.active, .nav-pills .show>.nav-link 
{
box-shadow:none;
}

.nav-pills .nav-link.active, .nav-pills .show>.nav-link 
{
color: #fff;
background-color: #ffa800;
border:none !important;
padding: 0.57rem 3rem !important;
}

@media only screen and (max-width:646px)
{
    .nav-pills .nav-link.active, .nav-pills .show>.nav-link 
    {
        padding: 0.37rem 3rem !important;
    }
}

tbody span
{
font-family:'iransans' !important;
}

tbody
{
font-family:Arial, Helvetica, sans-serif;
color: #fff;
border-color:#9c9c9c;
}

@media only screen and (max-width:545px)
{
    table tbody img
    {
        width:25px;
        height:25px;
        margin-bottom:10%;
    }
}

@media only screen and (max-width:656px)
{
    table thead
    {
        font-size:12px !important;
    }
}

@media only screen and (max-width:555px)
{
    table thead
    {
        font-size:11px !important;
    }
}

@media only screen and (max-width:646px)
{
    table tbody
    {
        font-size:12px !important;
    }
}

@media only screen and (max-width:545px)
{
    table tbody
    {
        font-size:10px !important;
    }
}

table
{
width:95% !important;
}

@media only screen and (max-width:700px)
{
    table tbody tr
    {
        height:70px;
    }
}

table .btn-success
{
padding:6px 20px 8px 22px;
}

table .btn-success:focus
{
background-color: #00000130;
}

table .btn-success a:hover
{
color:#fff !important;
}

table .btn-success a
{
font-size:16px;
color: #fff;
font-family:'iransans' !important;
}

table .btn-success:hover
{
box-shadow: 0px 0px 8px 0px #fff !important;
background-color: #ffa800 !important;
}

@media only screen and (max-width:646px)
{
    table .btn-success a
    {
        font-size:12px !important;
    }
}

@media only screen and (max-width:545px)
{
    table .btn-success a
    {
        font-size:10px !important;
    }
}

.alertt
{
color:green;
}

@media only screen and (max-width:940px)
{
    .alertt
    {
        display: none;
    }
}

th, thead
{
border:none !important;
background-color:#9c9c9c;
}

.table>:not(caption)>*>* 
{
padding: .7rem .8rem;
}

.ooo
{
border-radius:0px 10px 10px 0px;
}

.ttt
{
border-radius:10px 0px 0px 10px;
}

@media only screen and (max-width:940px)
{
    .no
    {
        display: none;
    }
}

.viewarz
{
margin-right:-2.8%;
height:auto;
padding-bottom:2.3%;
padding-top:0.55%;
}

@media only screen and (max-width:550px)
{
    .viewarz
    {
        padding-top: 0;
    }
}

.viewarz a
{
color: #ffa800;
text-decoration: none;
}

@media only screen and (max-width:650px)
{
    .viewarz a
    {
        font-size:13px !important;
    }
}

.viewarz img
{
margin-bottom:0.3%;
}

@media only screen and (max-width:510px)
{
    .viewarz img
    {
        margin-bottom:0.7%;
        width:13px;
        height:13px;
    }
}

.currancy 
{
float: none !important;
}

.currancybox .nav-link hr 
{
color: #ffffff00 !important;
}

tbody tr:nth-child(odd) 
{
background-color: #919191 !important;
}

tbody, td 
{
    border-color: #d3d3d3e3 !important;
}

tbody
{
color: #000;
}

th
{
color: #fff;
}

.currancybox hr
{
color:#91919166;
}

tbody tr:hover {
    background-color: #ffffff00;
    cursor:auto;
}

thead tr:hover {
    cursor:auto;
}

.currancybox h4
{
color: #91919100;
}

@media only screen and (max-width:960px)
{
    .no
    {
        display: none;
    }
}

@media only screen and (max-width:960px)
{
    .alertt
    {
        display: none;
    }
}

@media only screen and (max-width:555px)
{
    table thead
    {
        font-size:12px !important;
    }
}

@media only screen and (max-width:545px)
{
    table tbody
    {
        font-size:12px !important;
    }
}

@media only screen and (max-width:545px)
{
    table .btn-success a
    {
        font-size:11px !important;
    }
}

@media only screen and (max-width:545px)
{
    table .btn-success
    {
    padding:6.5px 20px 8px 22px;
    }
}

@media only screen and (max-width:499px)
{
    table .btn-success
    {
    display: none;
    }
}

.currancybox .btn-warning {
    display: none;
}

@media only screen and (max-width:499px)
{
    .currancybox .btn-warning
    {
    display: block;
    font-size:13px;
    padding:7px 23.5px 9.8px 23.5px;
    margin-bottom:8%;
    background-color: #ffa800 !important;
    border-radius:10px;
    border: none !important;
    margin-right: 5%;
    }
}

.btn-info
{
display: none;
}

@media only screen and (max-width:499px)
{
    .btn-info
    {
    display: block;
    font-size:13px;
    padding:7.5px 21.2px 11px 21.3px;
    background-color: #00000130 !important;
    border-radius:10px;
    border: none !important;
    margin-right: 5%;
    }

}

@media only screen and (max-width:499px)
{
    td.badtd 
    {
        padding-right:10px;
        font-family:'iransans' !important;
    }
}







ul#pills-tab 
{
    padding-right: 0 !important;
}

@media only screen and (max-width:600px)
{
    .viewarz 
    {
        padding-bottom: 3.8%;
    }
}

@media only screen and (max-width:600px)
{
    .currancybox
    {
    padding-top:3.7% !important;
    }
}

.azman
{
border-color: #ff0000 !important;
}

tbody tr:nth-child(odd)
 {
    background-color: #ffffff00 !important;
}

table .btn-success a 
{
    color: #000;
}

table .btn-success a:hover {
    color: #000 !important;
}





@media only screen and (max-width:499px) 
{
    .offcanvas .btn-success a
    {
        font-size:15px !important;
    }
}

.nav-link:focus-visible 
{
    box-shadow:none !important;

}

.sthree:active span
{
color: #ffa800 !important;
transition: none !important;
}
.sthree:target span
{
color: #ffa800 !important;
transition: none !important;
}
.sthree:focus span
{
color: #ffa800 !important;
transition: none !important;
}
.sthree:focus-visible span
{
color: #ffa800 !important;
transition: none !important;
}
.sthree:focus-within span
{
color: #ffa800 !important;
transition: none !important;
}

.sfour:active span
{
color: #ffa800 !important;
transition: none !important;
}
.sfour:target span
{
color: #ffa800 !important;
transition: none !important;
}
.sfour:focus span
{
color: #ffa800 !important;
transition: none !important;
}
.sfour:focus-visible span
{
color: #ffa800 !important;
transition: none !important;
}
.sfour:focus-within span
{
color: #ffa800 !important;
transition: none !important;
}

.sfive:active span
{
color: #ffa800 !important;
transition: none !important;
}
.sfive:target span
{
color: #ffa800 !important;
transition: none !important;
}
.sfive:focus span
{
color: #ffa800 !important;
transition: none !important;
}
.sfive:focus-visible span
{
color: #ffa800 !important;
transition: none !important;
}
.sfive:focus-within span
{
color: #ffa800 !important;
transition: none !important;
}

.side
{
margin-top:-2.45%;
}

@media only screen and (max-width:499px) 
{
    .side
    {
    margin-top:-2.15%;
    }
    
}

@media only screen and (max-width:350px) 
{
    form .btn-success a
    {
        font-size:13.3px !important;
    }
}

@media only screen and (max-width:499px) 
{
    .mb-3
    {
        margin-bottom: 0.916rem !important;
    }
}

@media only screen and (max-width:499px) 
{
    .viewarz {
        padding-bottom: 6.1%;
    }
}

@media only screen and (max-width: 499px) {
    table thead {
        font-size: 11px !important;
    }
}

@media only screen and (max-width: 499px) {
    tbody span {
        display: block;
        font-size:10px;
    }
}

.question
{
text-align: center;
color: #ffa800;
}

/* 
@media only screen and (max-width:600px)
{
    .question
    {
    padding-bottom:15%;
    }
}

@media only screen and (max-width:650px)
{
    .question
    {
        padding-top:10%;
    }
} */

.question hr
{
margin-top:1%;
margin-bottom:1%;
background-color: #2e2e2e;
}

.accordion-body hr
{
margin-top:1%;
margin-bottom:1%;
background-color: #f7f7f7 !important;
}

@media only screen and (max-width:650px)
{
    .accordion span
    {
    font-size:13px !important;
    font-weight:600;
    }
}

.accordion-button span
{
font-weight:600 !important;
font-size:15px;
}

.accordion
{
width: 90%;
margin-right:5%;
}

@media only screen and (max-width:576px)
{
    .accordion
    {
    width:95%;
    margin-right:2.5%;
    }
}

.accordion-item 
{
background-color: #fff;
border:none !important;
border-radius: 10px !important;
}

.question .accordion-button 
{
border-radius: 10px !important;
box-shadow:none !important;
}

.accordion-body
{
background-color:#f7f7f7;
border-radius:10px;
color: #131212;
font-size:15px;
text-align: justify;
padding-bottom:1.35rem !important;
line-height:30px;
}

@media only screen and (max-width:650px)
{
    .accordion-body
    {
    font-size:14px !important;
    }
}

.accordion-button:not(.collapsed)::after 
{
background-color: #ffa800;
border-radius: 20px;
background-image: none !important;
}

.accordion-button:not(.collapsed) 
{
color: #ffa800 !important;
background-color: #fff !important;
}

section.py-50.bg-white.aos-init.aos-animate 
{
    display: none;
}

.accordion-button span {
    font-size: 17px;
}

.question hr {
    background-color: #fdfdfd00;
    color: #fdfdfd00;
}

.accordion-button::after 
{
    margin-right: auto;
    margin-left: 0 !important;
}

.accordion-item
{
border: 1px solid #00000070 !important;
border-radius:15px !important;
}

.accordion-body {
    border-radius: 0px 0px 15px 15px !important;
}

.question .accordion-button {
    border-radius: 15px !important;
    box-shadow: none !important;
}

@media only screen and (max-width: 650px) 
{
    .accordion span {
        font-size: 15px !important;
        font-weight: 600;
    }
}

@media only screen and (max-width: 499px) 
{
    .accordion span {
        font-size: 10px !important;
        font-weight: 600;
    }
}

section.py-50.bg-white.aos-init.aos-animate 
{
display: block !important;
}

.question 
{
float:none !important;
}

[data-aos^=fade][data-aos^=fade].aos-animate {
    opacity:none !important;
transform:none !important;
}

/* .infoasli
{
height:auto;
float: right;
background-color: #fff;
} */

.info
{
background-color:#919191;
height:250px;
width:90%;
margin-right:5%;
border-radius:20px;
text-align: center;
}

@media only screen and (max-width:991px)
{
    .info
    {
        height:500px;
    }
}

@media only screen and (max-width:499px)
{
    .info
    {
        padding-top:2.83%;
    }
}

.info img
{
align-items: center;
margin-bottom:7%;
}

.info h2
{
color:#ffa800;
}

.info p
{
margin-right:10%;
margin-left:10%;
color: #010101e8;
margin-top:3%;
}

.ione
{
height:200px;
float: right;
padding-top:2.8%;
margin-top:25px;
border-left: 1px solid #00000130;
}

@media only screen and (max-width:991px)
{
    .ione
    {
    border-left: none;
    }
}

@media only screen and (max-width:1100px)
{
    .ione
    {
        padding-top:3.8%;
    }
}

@media only screen and (max-width:800px)
{
    .ione
    {
        padding-top:5.3%;
    }
}

@media only screen and (max-width:670px)
{
    .ione
    {
        padding-top:7.3%;
    }
}

@media only screen and (max-width:550px)
{
    .ione
    {
        padding-top:9%;
    }
}

.itow
{
height:200px;
padding-top:2.8%;
float: right;
margin-top:25px;
border-left: 1px solid #00000130;
}

@media only screen and (max-width:1100px)
{
    .itow
    {
        padding-top:3.8%;
    }
}

@media only screen and (max-width:991px)
{
    .itow
    {
        border-left:none !important;
    }
}

@media only screen and (max-width:800px)
{
    .itow
    {
        padding-top:5.3%;
    }
}

@media only screen and (max-width:670px)
{
    .itow
    {
        padding-top:7.3%;
    }
}

@media only screen and (max-width:550px)
{
    .itow
    {
        padding-top:9%;
    }
}

.ithree
{
height:200px;
padding-top:2.8%;
float: right;
margin-top:25px;
border-left: 1px solid #00000130;
}

@media only screen and (max-width:991px)
{
    .ithree
    {
    border-left: none;
    }
}

@media only screen and (max-width:1100px)
{
    .ithree
    {
        padding-top:3.8%;
    }
}

@media only screen and (max-width:800px)
{
    .ithree
    {
        padding-top:5.3%;
    }
}

@media only screen and (max-width:670px)
{
    .ithree
    {
        padding-top:7.3%;
    }
}

@media only screen and (max-width:550px)
{
    .ithree
    {
        padding-top:9.5%;
    }
}

.ifour
{
padding-top:2.8%;
height:200px;
float: right;
margin-top:25px;
}

@media only screen and (max-width:1100px)
{
    .ifour
    {
        padding-top:3.8%;
    }
}

@media only screen and (max-width:800px)
{
    .ifour
    {
        padding-top:5.3%;
    }
}

@media only screen and (max-width:670px)
{
    .ifour
    {
        padding-top:7.3%;
    }
}

@media only screen and (max-width:550px)
{
    .ifour
    {
        padding-top:9.4%;
    }
}


[data-aos][data-aos][data-aos-easing=ease-in-out-sine], body[data-aos-easing=ease-in-out-sine] [data-aos] 
{
transition-timing-function:none !important;
}
[data-aos][data-aos][data-aos-duration="400"], body[data-aos-duration="400"] [data-aos] 
{
transition-duration:none !important;
}

[data-aos][data-aos][data-aos-duration="400"], body[data-aos-duration="400"] [data-aos] 
{
transition-duration:none !important;
}

[data-aos^=fade][data-aos^=fade] {
    opacity: 0;
transition-property: none !important;
}

.checkbox-label .ball {
    background-color: #fff;
    width: 35px;
    height: 35px;
    position: absolute;
    left: 0.7px;
    top: 2px;
    border-radius: 50%;
    transition: transform 0.2s linear;
}

@media only screen and (max-width: 499px) {
    .accordion span {
        font-size: 11px !important;
        font-weight: 600;
        margin-right:-4%;
    }
}

@media only screen and (max-width: 499px) {
    .accordion-button::after {
        margin-right: auto;
        margin-left: -4.3% !important;
    }
}









.login
{
height:auto;
background-color: #fff;
float: right;
}

.loginform
{
height:641px;
float: left;
background-color:#00000021;
padding-top:1.5%;
padding-right: 1.5%;
}

@media only screen and (max-width:991px)
{
    .loginform
    {
        height: auto;
    }
}

.loginad
{
height:641px;
float: left;
background-color: #00000021;
}

@media only screen and (max-width:991px)
{
    .loginad
    {
    height:150px;
    border-radius:20px;
    width:94%;
    margin-left:3%;
    margin-top:1.8%;
    margin-bottom:2%;
    }
}

@media only screen and (max-width:600px)
{
    .loginad
    {
    margin-top:1.8%;
    }
}

.loginbox
{
height:auto;
float: left;
width:80%;
margin-top:70px;
margin-left:11.8%;
border-radius:20px;
padding-top:7.8%;
padding-bottom:10%;
box-shadow: 10px 15px 16px 10px #00000033;
}

@media only screen and (max-width:991px)
{
    .loginbox
    {
        margin-left:10.4%;
        padding-top:7%;
        padding-bottom:10%;
        margin-bottom:20px;
        margin-top:15px;
    }
}

@media only screen and (max-width:600px)
{
    .loginbox
    {
        margin-left:10.4%;
        padding-top:7%;
        padding-bottom:10.2%;
    }
}

@media only screen and (max-width:991px)
{
    .loginform img
    {
    display: none !important;
    }
}

.loginbox h3
{
margin-right:10%;
margin-bottom:10%;
font-weight: 600;
}

.loginbox label
{
margin-right:0.8%;
margin-bottom:2.5%;
color: #202020;
}

.loginbox input
{
border-radius:8px;
padding-top:2%;
padding-bottom:2.5%;
border:1px solid #bdbdbd;
background-color: #ffffff00;
}

.loginbox input::placeholder
{
color: #bdbdbd;
font-size:15px;
}

.loginbox input:focus
{
    background-color: #ffffff00;
    border:1px solid #ffa800;
    box-shadow:none;
}

.form-group
{
margin-left:10%;
margin-right:10%;
}

.loginbox button
{
margin-right:10%;
margin-top:7%;
width:80%;
padding-top:2%;
padding-bottom:2%;
margin-bottom:6%;
background-color: #ffa800;
border-radius: 8px;
border:none;
}

.loginbox button:hover
{
    background-color: #ffaa00cc;
}
.loginbox button:target
{
    background-color: #ffaa00cc;
    box-shadow: none;
}
.loginbox button:focus-visible
{
    background-color: #ffaa00cc;
    box-shadow: none;
}
.loginbox button:focus
{
    background-color: #ffaa00cc;
    box-shadow: none;
}
.loginbox button:active:focus
{
    background-color: #ffaa00cc;
    box-shadow: none;
}
.loginbox button:active
{
    background-color: #ffaa00cc;
    box-shadow: none;
}

.loginbox span
{
margin-right:10.8%;
float: right;
}

@media only screen and (max-width:600px)
{
    .loginbox span
    {
    margin-right:13%;
    float: right;
    }
}

.loginbox a
{
color: #ffa800;
float: right;
margin-top:-0.45%;
margin-right:1%;
}





.slider
{
height:550px;
background-color: #fff;
float: right;
margin-top:7px;
}

@media only screen and (max-width:991px)
{
    .slider
    {
        height:500px;
    }
}

@media only screen and (max-width:499px)
{
    .slider
    {
        height:300px;
        margin-bottom:20px;
    }
}

.carousel
{
height:550px;
width:90%;
margin-right:5%;
margin-top:0.3%;
}
@media only screen and (max-width:499px)
{
    .carousel
    {
        height:300px;
        width:95% !important;
        margin-right:2.5% !important;
    }
}

.carousel-inner
{
border-radius:20px;
}

.carousel img
{
border-radius:0px;
}

@media only screen and (max-width:991px)
{
    .carousel
    {
        height:500px;
        margin-top:1.5%;
    }
}

@media only screen and (max-width:991px)
{
    .carousel img
    {
        height:500px;
    }
}

@media only screen and (max-width:499px)
{
    .carousel img
    {
        height:300px;
    }
}

span.carousel-control-prev-icon {
    margin-top: -10%;
}

span.carousel-control-next-icon {
    margin-top: 8%;
}


@media only screen and (max-width:499px)
{
span.carousel-control-prev-icon {
    margin-top: -375%;
}
}
@media only screen and (max-width:499px)
{
span.carousel-control-next-icon {
    margin-top: -365%;
}
}




.bot a.navbar-brand {
    margin-right:0px;
    margin-top:10px;
    font-size:21px;
    color: #ffa800 !important;
}

@media only screen and (max-width:991px) 
{
    .bot .btn-primary   {
        
        margin-right: -1.5%;
    }
}

.sone img
{
margin-top:11px !important;
}
.stow img
{
margin-top:11px !important;
}
.ssix img
{
margin-top:11px !important;
}

.sthree img
{
margin-top:10px !important;
}
.sfour img
{
margin-top:10px !important;
}
.sfive img
{
margin-top:10px !important;
}

.dropdown-item img
{
    margin-top:0 !important;
}
.viewarz img {
    margin-bottom: 0.4%;
}

.vov
{
text-align: right;
}

td.vov {
    padding-right: 4%;
}

@media only screen and (max-width:499px) 
{
    td.vov {
        text-align: center;
    }
}

@media only screen and (max-width: 443px) {
    .btn-primary img {
        width: 26.8px;
        height: 26.8px;
    }
}

@media only screen and (max-width: 499px) {
    .top .btn.btn-success {
        margin-top: 13px;
    }
}

@media only screen and (max-width: 443px) {
    .btn-success a {
        font-size: 13.1px !important;
    }
}

@media only screen and (max-width: 443px) 
{
.btn-primary img 
{
    margin-top: 5px !important;
    margin-right:0.5px;
}
}

@media only screen and (max-width:499px) 
{
    .bot a.navbar-brand img 
    {
        width: 115px;
        height:25px;
    }
}

.btn-success:active {
    box-shadow: 0px 0px 8px 0px #9b9b9b;
    background-color: #ffa800 !important;
}
.btn-success:target {
    box-shadow: 0px 0px 8px 0px #9b9b9b;
    background-color: #ffa800 !important;
}
.btn-success:focus {
    box-shadow: 0px 0px 8px 0px #9b9b9b;
    background-color: #ffa800 !important;
}
.btn-success:focus-visible {
    box-shadow: 0px 0px 8px 0px #9b9b9b;
    background-color: #ffa800 !important;
}

@media only screen and (max-width: 499px) {
    tbody span {
        display: block;
        font-size: 10.3px;
    }
}

/* added 2025/03/24 m.z */

.row-navar-arz{
    --bs-gutter-x: 0;
    padding: 3%;

}
.vijgi-top-pd{
    padding-top: 50px;
}
.cheshm-andaz-sec{
    margin-top: 50px;
    padding: 50px 0;
    background-color: #f4f6ff;
}
.cheshm-andaz-sec .tab-content{
    padding-top: 20px;
}
.cheshm-andaz-sec .nav-pills .nav-link{
    color: #212529;
}
.cheshm-andaz-sec .nav-pills .nav-link.active{
    background-color: transparent;   
    color: #ffa800;
    border-bottom: 2px solid #ffa800 !important;
    border-radius: 0 !important;
    padding: 0.5rem !important;
}
.cheshm-andaz-sec .nav-pills .nav-link:hover{
    border-bottom: 2px solid #ffa800 !important;
    border-radius: 0 !important;
}
.sharik-sec{
    padding: 50px 0 !important;
}
.sharik-sec .banner{
    width: 90%;
    margin-right: 5%;
    text-align: center !important;
    padding: 20px !important;
    background: #083650;
background: linear-gradient(90deg, rgba(8, 54, 80, 1) 0%, rgba(16, 65, 99, 1) 32%, rgba(27, 115, 179, 1) 71%, rgba(8, 54, 80, 1) 100%);
}
.khanvde-sec{
    padding: 50px 0 !important;
    background-color: #f4f6ff;
}
.nazarat-sec{
    padding: 50px 0 !important;
}

.faq-sec{
    padding: 50px 0 !important;
    background-color: #f4f6ff;
}
.blog-sec{
    padding: 50px 0 !important;
}
.blog-sec .box-body{
    background-color: #f8f8f8;
    border-radius: 5px;
    padding: 5px;
    min-height: 455px;
    max-height: 480px;
}
.blog-sec .box-body img{
    width: 100%;
    height: 100%;
    border-radius: 5px;
}
.infoasli-sec {
    padding: 20px 0 50px 0 !important;
}
.infoasli-sec p{
    color: #fff !important;
}


/*new-2025/26/03*/

.text-center 
{
margin-top: 2%;
}

.question
{
margin-top:-1.2%;
}

@media only screen and (max-width:991px)
{
    .footer-top
    {
    padding:5% !important;
    }
}

.text-capitalize 
{
    text-align: justify;
    margin-left: 15%;
    line-height: 28px;
    margin-top: -5%;
}

.list-unstyled 
{
    padding-right: 0;
    margin-top: -1%;
}

.footer-bottom 
{
padding-right:15% !important;
}

@media only screen and (max-width:700px) 
{
    .footer-bottom 
    {
    padding-right:0% !important;
    }
}

.col-md-6 {
    flex: 0 0 auto;
    width: 60%;
}

.footer_three
{
background-color: rgb(0 47 74 / 97%);
padding-top:2%;
}

.mb-20 .form-control
{
    padding-top: 0;
    padding-bottom: 0;
}

.footer-title
{
color: #fff !important;
}

.footer_three hr
{
color: yellow !important;
background-color:yellow !important;
}

.text-capitalize
{
color: #cdc7c7 !important;
font-size:16px;
}

.list-unstyled
{
    color: #cdc7c7 !important;
    font-size:16px;
}

.list-unstyled a
{
    color: #cdc7c7 !important;
    font-size:16px;
}

.input-group > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
border-top-left-radius:5px;
border-bottom-left-radius: 5px;
}

.btn-facebook
{
background-color: rgb(13 110 253);
border-radius:50px;
}

.btn-youtube
{
    background-color: #ff0019;
    border-radius:50px;
    margin-right: 24% !important;
    padding-top: 8px;
}

.btn-linkedin
{
    background-color: rgb(47, 97, 172);
    border-radius:50px;
    margin-right: 16% 
    !important;
    padding-top: 8px;
}

.btn-twitter
{
    background-color: rgb(32, 137, 223);
    border-radius:50px;
    margin-right: 8%;
    padding-top: 8px;
}

.form-control
{
padding-top: 5px !important;
padding-bottom: 5px !important;
padding-right:10px !important;
padding-left:10px !important;
}

.widget
{
    color: #cdc7c7 !important;
    font-size:16px;
}

.footer-bottom
{
color: #fff !important;
border-top: 1px solid #cdc7c7;
}

.text-center {
    margin-top: 2%;
    margin-bottom: 1%;
}


.footer-title {
    color: #fff !important;
    border-bottom: 2px solid #c7af05;
    margin-left: 50px;
    padding-bottom: 15px;
}

.info {
    background: #083650;
    background: linear-gradient(90deg, rgba(8, 54, 80, 1) 0%, rgba(27, 115, 179, 1) 72%, rgba(8, 54, 80, 1) 100%);
}

@media (min-width: 1200px) {
    .core-nav .nav-container {
        width: 1140px;
        padding-right: -15px !important;
        padding-left: -15px !important;
    }
}

.top .btn-link
{
float: left;
margin-top: -37.58px;
margin-left: 90px;
text-decoration: none;
padding-right: 17px;
padding-left:15px;
border-radius: 8px;
padding-top: 4.8px;
padding-bottom: 7.2px;
background-color: #0000011a;
}

@media only screen and (max-width: 991px) 
{
    .top .btn-link
    {
    margin-top: 12px;
    margin-left: 10px;
    }
}

@media only screen and (max-width: 499px) 
{
    .top .btn-link
    {
        margin-top: 11.5px !important;
        font-size: 18px;
        padding-top: 5.4px;
        padding-bottom: 9.1px;
        font-size: 14px;
    }
}

@media only screen and (max-width: 449px) 
{
    .btn-success a {
        font-size: 14px !important;
    }
}

.top .btn-link:hover a
{
color: #ffa800 !important;
transition: color 0.3s;
}

.top .btn-success
{
background-color:#ffa800;
padding-right: 17px;
padding-left:18px;
}

@media only screen and (max-width: 499px) 
{
    .top .btn-success
    {
        margin-top: 11px !important;
        font-size: 18px;
        padding-top: 4px;
    }
}

.offcanvas .btn-success
{
padding-left: 0 !important;
padding-right: 0 !important;
}

.sharik-sec .btn-link
{
margin-top: -27.58px;
text-decoration: none;
padding-right: 17px;
padding-left:15px;
border-radius: 8px;
color: #fff !important;
padding-top: 4.8px;
padding-bottom: 7.2px;
background-color: #ffa800;
}

.sharik-sec .btn-link a
{
color: #fff !important;
}

.sharik-sec .btn-link:hover a
{
color: #000 !important;
transition: color 0.3s;
}

.input-group-text
{
    background-color: #ffa800 !important;
    border: none !important;
}

.input-group > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
border-top-left-radius: 0px !important;
border-bottom-left-radius: 0px !important;
}

.form-control
{
direction: rtl !important;
}

.form-control:focus
{
box-shadow: none;
}

#price
{
width: 609%;
height: 300px;
background-color: #fff;
margin-right: -91% !important;
}

#price a
{
width:30%;
float: right;
text-align: right;
padding-right: 0% !important;
border-radius:8px;
padding-left: 0%;
margin-right:2.39%;
margin-top: 2%;
padding-top: 2%;
padding-bottom: 0.75%;
background-color: #dbdbdb7d;
}

#price hr
{
background-color: #fff;
color: #fff;
}

#price img
{
float: right;
margin-left: 5%;
margin-right: 5%;
}

#price span
{
float: right;
margin-top: 2.7px;
font-size: 15.5px;
}

#price p
{
float: right;
margin-top: 2.7px;
color: #767575;
font-size: 15.5px;
margin-top: 4.5px;
margin-right: 3% !important;
}


#price h1
{
font-size: 15.5px;
color: green;
float: left;
margin-top: 5.5px;
margin-left: 5%;
}

#price .mb-3 {
    direction: ltr;
    padding-right: 3%;
    padding-left: 3%;
    padding-top: 2%;
}

#price .form-control
{
    border: none !important;
    height: 40px;
    margin-top: 2px;
    border-radius: 0px 10px 10px 0px;
    background-color: #dbdbdb7d !important;
}

#price .input-group-text
{
width: 10%;
text-align: center !important;
border-radius: 10px 0px 0px 10px;
border: none !important;
background-color: #ffa800 !important;
padding-left: 3% !important;
}
#price .input-group-text:hover
{
cursor: pointer !important;
}

#price h3
{
float:right;
text-align: right;
font-size: 15.5px;
}


.fargh
{
height: auto;
margin-top: 0 !important;
padding-top: 2.3% !important;
color: #ffa800 !important;
background-color: #fff !important;
}

.fargh img
{
float:right;
margin-left: -4% !important;
}

.fargh h2
{
float:right;
font-size: 15.5px;
color: #ffa800 !important;
margin-right: 1.5%;
}

.offcanvas .mb-3 {
    direction: ltr;
}

.offcanvas .form-control {
    height:40px;
}

.stow span
{
margin-right:0;
margin-top:0;
}

.offcanvas .input-group-text
{
height:40px;
}

.offcanvas .input-group-text img
{
background-color: #00000100 !important;
margin-top: -1px !important;
margin-right: 1px !important;
}

#jack span
{
float: right;
margin-top: 2.7px;
font-size: 15.5px;
color: #000 !important;
}

#jack p
{
float: right;
margin-top: 2.7px;
color: #767575;
font-size: 15.5px;
margin-top: 4.5px;
margin-right: 3% !important;
}

.stow li
{
height: 40px !important;
}

#jack h1
{
font-size: 15.5px;
color: green;
float: left;
margin-top: 6.5px;
margin-left: 3%;
}

#jack:hover
{
height: 40px;
cursor: pointer !important;
}
.offcanvas .fargh h2
{
    margin-top: 8%;
    margin-right: -40%;
}

#jack img
{
background-color: #00000000 !important;
}

.stow hr
{
background-color: #00000000 !important;
color: #00000000 !important;
}

.stow .fargh img
{
    margin-top: 8% !important;
    margin-right: -4% !important;
}

@media only screen and (max-width: 449px) 
{
    .stow .fargh img 
    {
        width: 16px;
        height: 16px;
        margin-top: 8.15% !important;
    }
}

.side .dropdown-menu hr {
    background-color: #00000000 !important;
}

.brandi
{
margin-top: 4%;
}

@media only screen and (max-width: 991px) 
{
    .brandi
    {
    margin-top: 4.3%;
    }
}
@media only screen and (max-width: 767px) 
{
    .brandi
    {
    margin-top: 5.5%;
    }
}
@media only screen and (max-width: 550px) 
{
    .brandi
    {
    margin-top: 6.5%;
    }
}
@media only screen and (max-width: 450px) 
{
    .brandi
    {
    margin-top: 7%;
    }
}

@media only screen and (max-width: 400px) 
{
    .brandi
    {
    margin-top: 8.5%;
    }
}
@media only screen and (max-width: 403px) 
{
    .top .btn-primary img {
        margin-top: 2px !important;
        margin-right: 0.5px;
    }
}
@media only screen and (max-width: 430px) {
    .btn-primary img {
        width: 30px;
        height: 30px;
    }
}

.offbrandi
{
font-weight:600;
font-size: 20px;
margin-bottom: 0;
color: #ffa800;
}

.btn-close img {
    margin-top: -18px !important;
    margin-right: 195px !important;
}

@media only screen and (max-width: 400px) {
    .btn-close img {
        margin-top: -18px !important;
        margin-right: 171px !important;
    }
}

@media only screen and (max-width: 500px) {
    #koch img
    {
    width:100px !important;
    height:100px !important;
    }
}

#koch h3
{
    font-size: 22px;
    margin-top: 2%;
    margin-bottom: 2%;
}

@media only screen and (max-width: 500px) 
{
    #koch h3
    {
        font-size: 20px;
        margin-top: 3.5%;
        margin-bottom: 3.5%;
    }
}

@media only screen and (max-width: 700px) 
{
    #koch p
    {
    margin-right: 10%;
    margin-left: 10%;
    margin-bottom:5%;
    }
}

@media only screen and (max-width: 500px) 
{
    #koch p
    {
    margin-right: 10%;
    margin-left: 10%;
    margin-bottom:10%;
    }
}

#koch p
{
color: #787575;
}

/* Index Page Performance Boxes - Full Width Layout */
.performance-section {
    margin-bottom: 25px;
}

.index-performance-box {
    background: #ffffff;
    border-radius: 15px;
    padding: 20px;
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.1);
    border: 1px solid #e2e8f0;
    height: 100%;
    transition: all 0.3s ease;
    margin-bottom: 20px;
    min-height: 220px;
}

.index-performance-box:hover {
    transform: translateY(-5px);
    box-shadow: 0 15px 35px rgba(0, 0, 0, 0.15);
}

.index-performance-header {
    display: flex;
    align-items: flex-start;
    margin-bottom: 20px;
    gap: 12px;
}

.index-performance-icon {
    width: 42px;
    height: 42px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

.index-performance-icon.green {
    background: linear-gradient(135deg, #09B978, #06a569);
}

.index-performance-icon.red {
    background: linear-gradient(135deg, #E74C3C, #c0392b);
}

.index-performance-icon.blue {
    background: linear-gradient(135deg, #3498DB, #2980b9);
}

.index-performance-icon.purple {
    background: linear-gradient(135deg, #9B59B6, #8e44ad);
}

.index-performance-title {
    font-size: 16px;
    font-weight: 700;
    color: #2d3748;
    margin: 0;
    font-family: 'iransans', sans-serif;
    line-height: 1.3;
    flex: 1;
}

.index-performance-items {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.index-performance-item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 12px 15px;
    background: #f8fafc;
    border-radius: 10px;
    transition: all 0.2s ease;
}

.index-performance-item:hover {
    background: #edf2f7;
    transform: translateX(-3px);
}

.index-item-info {
    display: flex;
    align-items: center;
    gap: 12px;
    flex: 1;
}

.index-item-rank {
    font-size: 14px;
    font-weight: 700;
    color: #718096;
    width: 20px;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #e2e8f0;
    border-radius: 50%;
    font-family: 'Arial', sans-serif;
}

.index-coin-icon {
    width: 24px !important;
    height: 24px !important;
    border-radius: 50% !important;
    flex-shrink: 0 !important;
    object-fit: cover !important;
    margin: 0 !important;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1) !important;
}

.index-coin-name {
    font-size: 14px;
    font-weight: 600;
    color: #2d3748;
    font-family: 'iransans', sans-serif;
    flex: 1;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.index-price-change {
    font-size: 13px;
    font-weight: 700;
    padding: 4px 12px;
    border-radius: 20px;
    white-space: nowrap;
    font-family: 'Arial', sans-serif;
}

.index-price-change.positive {
    color: #38a169;
    background: linear-gradient(135deg, #c6f6d5, #9ae6b4);
}

.index-price-change.negative {
    color: #e53e3e;
    background: linear-gradient(135deg, #fed7d7, #feb2b2);
}

.index-volume-info {
    font-size: 13px;
    font-weight: 700;
    color: #3182ce;
    background: linear-gradient(135deg, #bee3f8, #90cdf4);
    padding: 4px 12px;
    border-radius: 20px;
    font-family: 'Arial', sans-serif;
}

.index-new-badge {
    font-size: 11px;
    font-weight: 700;
    color: #805ad5;
    background: linear-gradient(135deg, #e9d8fd, #d6bcfa);
    padding: 4px 10px;
    border-radius: 15px;
    font-family: 'iransans', sans-serif;
}

/* Mobile Responsive */
@media (max-width: 992px) {
    .index-performance-box {
        padding: 18px;
        min-height: 200px;
    }
    
    .index-performance-title {
        font-size: 15px;
    }
    
    .index-performance-icon {
        width: 38px;
        height: 38px;
    }
}

@media (max-width: 768px) {
    .performance-section {
        padding: 20px 0;
    }
    
    .index-performance-box {
        padding: 15px;
        min-height: 180px;
        margin-bottom: 15px;
    }
    
    .index-performance-title {
        font-size: 14px;
        line-height: 1.2;
    }
    
    .index-performance-header {
        gap: 10px;
        margin-bottom: 15px;
    }
    
    .index-performance-icon {
        width: 34px;
        height: 34px;
    }
    
    .index-performance-items {
        gap: 12px;
    }
    
    .index-performance-item {
        padding: 10px 12px;
    }
    
    .index-coin-icon {
        width: 20px !important;
        height: 20px !important;
    }
    
    .index-coin-name {
        font-size: 13px;
    }
    
    .index-item-rank {
        font-size: 12px;
        width: 18px;
        height: 18px;
    }
    
    .index-price-change, .index-volume-info {
        font-size: 12px;
        padding: 3px 10px;
    }
    
    .index-new-badge {
        font-size: 10px;
        padding: 3px 8px;
    }
}

@media (max-width: 576px) {
    .index-performance-box {
        padding: 12px;
        min-height: 160px;
    }
    
    .index-performance-title {
        font-size: 13px;
    }
    
    .index-performance-icon {
        width: 30px;
        height: 30px;
    }
    
    .index-performance-items {
        gap: 10px;
    }
    
    .index-performance-item {
        padding: 8px 10px;
    }
    
    .index-coin-icon {
        width: 18px !important;
        height: 18px !important;
    }
    
    .index-coin-name {
        font-size: 12px;
    }
    
    .index-item-rank {
        font-size: 11px;
        width: 16px;
        height: 16px;
    }
    
    .index-price-change, .index-volume-info {
        font-size: 11px;
        padding: 2px 8px;
    }
    
    .index-new-badge {
        font-size: 9px;
        padding: 2px 6px;
    }
}

/* Ensure proper spacing and alignment */
.currancy .container-fluid {
    padding-left: 15px;
    padding-right: 15px;
}

.currancy .row.g-3 {
    --bs-gutter-x: 1rem;
    --bs-gutter-y: 1rem;
}