a, a:visited, a:hover {
    color: inherit;
    text-decoration: none;
}

h1 {
    display: block;
    margin: 0 auto 25px auto;
    text-align: center;
    font-size: 23px;
    font-weight: 600;
    letter-spacing: -0.055em;
    font-family: iranyekan;
    color: #3e65a8;
    border: unset !important;
}
h2 {
    display: block;
    margin: 0 auto 60px auto;
    text-align: center;
    font-weight: 400;
    font-size: 1.25em;
    letter-spacing: -0.015em;
}
.contentt{
    font-size: 16px;
    color: #69818c;
    line-height: 30px;
    text-align: justify;
    padding-bottom:12px;
    border-bottom: 1px solid #ddd;
    margin-bottom: 30px !important;
}
.t-conten{

    font-size: 20px;

}
.search-box {
    position: relative;
    width: 100%;
    max-width: 360px;
    height: 60px;
    border-radius: 120px;
    margin: 0 auto;
    z-index: 9;
}
.search-icon, .go-icon {
    position: absolute;
    top: 0;
    height: 60px;
    width: 86px;
    line-height: 61px;
    text-align: center;


}
.search-icon {
    left: 0;
    font-size: 1.22em;
    will-change: transform;

    /*transform: rotate(-45deg);*/
    /*-webkit-transform: rotate(-45deg);*/
    /*-moz-transform: rotate(-45deg);*/
    /*-o-transform: rotate(-45deg);*/
    transform-origin: center center;
    -webkit-transform-origin: center center;
    -moz-transform-origin: center center;
    -o-transform-origin: center center;
    transition: transform 400ms 220ms cubic-bezier(0.190, 1.000, 0.220, 1.000);
    -webkit-transition: transform 400ms 220ms cubic-bezier(0.190, 1.000, 0.220, 1.000);
    -moz-transition: transform 400ms 220ms cubic-bezier(0.190, 1.000, 0.220, 1.000);
    -o-transition: transform 400ms 220ms cubic-bezier(0.190, 1.000, 0.220, 1.000);
    background-color: transparent !important;
    border: unset;
    outline: unset;
    z-index: 99;
    cursor: pointer !important;
}
.search-icon i{
    color: #af3044;
}
.si-rotate {
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
}
.go-icon {
    right: 0;
    pointer-events: none;
    font-size: 1.38em;
    will-change: opacity;
    cursor: default;
    opacity: 0;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transition: opacity 190ms ease-out, transform 260ms cubic-bezier(0.190, 1.000, 0.220, 1.000);
    -webkit-transition: opacity 190ms ease-out, transform 260ms cubic-bezier(0.190, 1.000, 0.220, 1.000);
    -moz-transition: opacity 190ms ease-out, transform 260ms cubic-bezier(0.190, 1.000, 0.220, 1.000);
    -o-transition: opacity 190ms ease-out, transform 260ms cubic-bezier(0.190, 1.000, 0.220, 1.000);
}
.go-in {
    opacity: 1;
    pointer-events: all;
    cursor: pointer;
    transform: rotate(0);
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -o-transform: rotate(0);
    transition: opacity 190ms ease-out, transform 260ms 20ms cubic-bezier(0.190, 1.000, 0.220, 1.000);
    -webkit-transition: opacity 190ms ease-out, transform 260ms 20ms cubic-bezier(0.190, 1.000, 0.220, 1.000);
    -moz-transition: opacity 190ms ease-out, transform 260ms 20ms cubic-bezier(0.190, 1.000, 0.220, 1.000);
    -o-transition: opacity 190ms ease-out, transform 260ms 20ms cubic-bezier(0.190, 1.000, 0.220, 1.000);
}
.search-border {
    display: block;
    width: 100%;
    max-width: 360px;
    height: 60px;
}
.border {
    fill: none;
    stroke: #FFFFFF;
    stroke-width: 5;
    stroke-miterlimit: 10;
}
.border {
    stroke-dasharray: 740;
    stroke-dashoffset: 0;
    transition: stroke-dashoffset 400ms cubic-bezier(0.600, 0.040, 0.735, 0.990);
    -webkit-transition: stroke-dashoffset 400ms cubic-bezier(0.600, 0.040, 0.735, 0.990);
    -moz-transition: stroke-dashoffset 400ms cubic-bezier(0.600, 0.040, 0.735, 0.990);
    -o-transition: stroke-dashoffset 400ms cubic-bezier(0.600, 0.040, 0.735, 0.990);
}
.border-searching .border {
    stroke-dasharray: 740;
    stroke-dashoffset: 459;
    transition: stroke-dashoffset 650ms cubic-bezier(0.755, 0.150, 0.205, 1.000);
    -webkit-transition: stroke-dashoffset 650ms cubic-bezier(0.755, 0.150, 0.205, 1.000);
    -moz-transition: stroke-dashoffset 650ms cubic-bezier(0.755, 0.150, 0.205, 1.000);
    -o-transition: stroke-dashoffset 650ms cubic-bezier(0.755, 0.150, 0.205, 1.000);
}
#search {
    font-family: 'Montserrat Alternates', sans-serif;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 120px !important;
    background: rgba(255,255,255,0);
    padding: 0 68px 0 68px;
    color: #3e65a8;
    font-size: 1.32em;
    font-weight: 400;
    letter-spacing: -0.015em;
    outline: none;
    border: 1px solid;
    z-index: 9;
}
#search::-webkit-input-placeholder {color: #3e65a8;}
#search::-moz-placeholder {color: #3e65a8;}
#search:-ms-input-placeholder {color: #3e65a8;}
#search:-moz-placeholder {color: #3e65a8;}
#search::-moz-selection {color: #3e65a8; background: rgba(0,0,0,0.25);}
#search::selection {color: #FFFFFF; background: rgba(0,0,0,0.25);}

.result-table {
    margin-top: 20px;
    color: #333;
    z-index: 9;
}

.result-table table {
    width: 100%;
    border-collapse: collapse;
}

.result-table th,
.result-table td {
    border: 1px solid #ccc;
    padding: 10px;
    text-align: center;
    background-color: #f9f9f9;
}

.result-table th {
    background-color: #4066a6;
    color: white;
}
.app{
    display: none;
}
.green{
    color: green;
}
@media (max-width: 768px) {
    .app{
        display: block;
    }
    .desc{
        display: none !important;
}
    .result-table {
        margin-top: 20px;
        color: #333;
        z-index: 9;
        width: 100%;
    }

    /* استایل برای باکس‌های اطلاعات */
    .result-item {
        display: flex
    ;
        flex-direction: column;
        text-align: center;
    }

    .result-item .th {
        font-weight: bold;
        background-color: #4066a6;
        color: white;
        padding: 10px;

    }

    .result-item .td {
        padding: 10px;
        background-color: #f9f9f9;
        border: 1px solid #ccc;
    }
    h1{
        font-size: 19px;
    }
}