:root {
    --primary: #232d42;
    --secondary: #439a86;
    --textColor: #6a6a6a;
    --white: #ffffff;
    --white-hover: #f5f5f5;
    --black: #000000;
    --silver: #f5f5f5;
    --navyblue: #3e517a;
    --orange: orangered;
    --gray: #2c2c2c;
}

/* fonts  */

@font-face {
    font-family: "kalamehLight";
    src: url("../fonts/Kalameh/Standard-Fonts/WebFonts/_eot/KalamehWeb-Light.eot")
    format("eot"),
        /*url("../fonts/Kalameh/Standard-Fonts/WebFonts/_woff/KalamehWeb-Light.woff")*/
        /*    format("woff"),*/
        /*changed _Woff to uppercase*/
    url("../fonts/Kalameh/Standard-Fonts/WebFonts/_Woff/KalamehWeb-Light.woff")
    format("woff"),
    url("../fonts/Kalameh/Standard-Fonts/TTF/Kalameh-Light.ttf")
    format("truetype");
}
@font-face {
    font-family: "kalamehLight";
    src: url("../fonts/Kalameh/farsi-numerals/WebFonts/_eot/KalamehWeb(FaNum)-Light.eot")
    format("eot"),
    url("../fonts/Kalameh/farsi-numerals/WebFonts/_Woff/KalamehWeb(FaNum)-Light.woff")
    format("woff"),
    url("../fonts/Kalameh/farsi-numerals/TTF/Kalameh(FaNum)-Light.ttf")
    format("truetype");
}
@font-face {
    font-family: "kalamehRegular";
    src: url("../fonts/Kalameh/Standard-Fonts/WebFonts/_eot/KalamehWeb-Regular.eot")
    format("eot"),
        /*url("../fonts/Kalameh/Standard-Fonts/WebFonts/_woff/KalamehWeb-Regular.woff")*/
        /*format("woff"),*/
        /*changed _Woff to uppercase*/
    url("../fonts/Kalameh/Standard-Fonts/WebFonts/_Woff/KalamehWeb-Regular.woff")
    format("woff"),
    url("../fonts/Kalameh/Standard-Fonts/TTF/Kalameh-Regular.ttf")
    format("truetype");
}
@font-face {
    font-family: "kalamehRegular";
    src: url("../fonts/Kalameh/farsi-numerals/WebFonts/_eot/KalamehWeb(FaNum)-Regular.eot")
    format("eot"),
        /*url("../fonts/Kalameh/farsi-numerals/WebFonts/_woff/KalamehWeb(FaNum)-Regular.woff")*/
        /*format("woff"),*/
        /*changed _Woff to uppercase*/
    url("../fonts/Kalameh/farsi-numerals/WebFonts/_Woff/KalamehWeb(FaNum)-Regular.woff")
    format("woff"),
    url("../fonts/Kalameh/farsi-numerals/TTF/Kalameh(FaNum)-Regular.ttf")
    format("truetype");
}

@font-face {
    font-family: "kalamehMedium";
    src: url("../fonts/Kalameh/Standard-Fonts/WebFonts/_eot/KalamehWeb-Medium.eot")
    format("eot"),
        /*url("../fonts/Kalameh/Standard-Fonts/WebFonts/_woff/KalamehWeb-Medium.woff")*/
        /*format("woff"),*/
        /*changed _Woff to uppercase*/
    url("../fonts/Kalameh/Standard-Fonts/WebFonts/_Woff/KalamehWeb-Medium.woff")
    format("woff"),

    url("../fonts/Kalameh/Standard-Fonts/TTF/Kalameh-Medium.ttf")
    format("truetype");
}



@font-face {
    font-family: "kalamehMedium";
    src: url("../fonts/Kalameh/farsi-numerals/WebFonts/_eot/KalamehWeb(FaNum)-Medium.eot")
    format("eot"),
    url("../fonts/Kalameh/farsi-numerals/WebFonts/_Woff/KalamehWeb(FaNum)-Medium.woff")
    format("woff"),
    url("../fonts/Kalameh/farsi-numerals/TTF/Kalameh(FaNum)-Medium.ttf")
    format("truetype");
}

@font-face {
    font-family: "kalamehBold";
    src: url("../fonts/Kalameh/Standard-Fonts/WebFonts/_eot/KalamehWeb-Bold.eot")
    format("eot"),
    /*url("../fonts/Kalameh/Standard-Fonts/WebFonts/_woff/KalamehWeb-Bold.woff")*/
    /*format("woff"),*/
     /*changed _Woff to uppercase*/
    url("../fonts/Kalameh/Standard-Fonts/WebFonts/_Woff/KalamehWeb-Bold.woff")
    format("woff"),
    url("../fonts/Kalameh/Standard-Fonts/TTF/Kalameh-Bold.ttf")
    format("truetype");
}
@font-face {
    font-family: "kalamehBold";
    src: url("../fonts/Kalameh/farsi-numerals/WebFonts/_eot/KalamehWeb(FaNum)-Bold.eot")
    format("eot"),
    url("../fonts/Kalameh/farsi-numerals/WebFonts/_Woff/KalamehWeb(FaNum)-Bold.woff")
    format("woff"),
    url("../fonts/Kalameh/farsi-numerals/TTF/Kalameh(FaNum)-Bold.ttf")
    format("truetype");
}

/* main styles */

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    border: 0;
    outline: 0;
    color: var(--textColor);
    direction: rtl;
}

h1,
h2,
h3,
h4,
h5,
h6,
.font-bold {
    font-family: "kalamehBold", "kalamehMedium", "kalamehRegular",
    "kalamehLight", sans-serif;
}

a,
p,
span,
li,
label,
input,
textarea,
div,
.font-normal {
    font-family: "kalamehRegular", "kalamehLight", "kalamehMedium",
    "kalamehBold", sans-serif;
}

.text-normal,
.font-normal {
    font-size: 16px;
}
.font-normal {
    font-weight: 400;
}

.text-black {
    color: var(--black);
}

a {
    text-decoration: none;
}

a:hover {
    color: inherit;
}

button {
    background: none;
    cursor: pointer;
    outline: none;
    border: none;
}

body {
    background-color: var(--white);
}

.ltr {
    direction: ltr !important;
}

.container-all {
    position: relative;
    max-width: 100%;
    margin: auto;
    overflow-x: hidden;
}

.public-container {
    width: 100%;
    max-width: 1600px;
    margin-left: auto;
    margin-right: auto;
    padding-right: 40px !important;
    padding-left: 40px !important;
}

.navigation {
    position: relative;
    max-width: 1920px;
    margin: 0 auto;
}

.tabs-normal {
    color: #838383;
}

.has-underline,
.active-tab {
    display: inline-flex;
    position: relative;
    white-space: nowrap;
}

.has-underline::after,
.active-tab::after {
    position: absolute;
    content: "";
    bottom: 0;
    left: 0;
    right: 0;
    height: 1px;
    background-color: #aaa;
}

.active-tab {
    font-family: "kalamehBold", "kalamehMedium", "kalamehRegular",
    "kalamehLight", sans-serif;
    margin-bottom: 0;
    color: #000;
}

/* default classes */
.bg-color-primary {
    background-color: var(--primary) !important;
}
.bg-color-secondary {
    background-color: var(--secondary) !important;
}
.bg-color {
    background-color: var(--white) !important;
}
.color-primary {
    color: var(--primary) !important;
}
.color-secondary {
    color: var(--secondary) !important;
}
.color-textColor {
    color: var(--textColor) !important;
}

.primary-btn {
    font-family: "kalamehMedium" !important;
    font-size: 16px;
    color: var(--white);
    padding: 6px 20px;
    background: var(--navyblue);
    border-radius: 5px;
    box-shadow: -3px -3px 15px rgba(57, 77, 118, 0.2) inset;
    transition: all 0.3s ease;
    cursor: pointer;
}

.green-btn {
    font-family: "kalamehMedium" !important;
    font-size: 16px;
    color: var(--white);
    padding: 6px 20px;
    background: #2a9d8f;
    border-radius: 5px;
    box-shadow: -3px -3px 15px rgba(57, 77, 118, 0.2) inset;
    transition: all 0.3s ease;
    cursor: pointer;
}

.silver-btn {
    font-family: "kalamehMedium" !important;
    font-size: 16px;
    padding: 6px 20px;
    border-radius: 5px;
    box-shadow: -3px -3px 15px rgba(57, 77, 118, 0.2) inset;
    color: #394d76;
    background: #f5f5f5;
    transition: all 0.3s ease;
    cursor: pointer;
}

.silver-btn:hover {
    color: #394d76;
}
.primary-btn:hover {
    color: #fff;
}

.title {
    color: var(--primary);
    font-family: "kalamehBold";
    font-size: 28px;
}

.text {
    color: var(--textColor);
    text-align: justify;
    font-size: 16px;
    line-height: 28px;
}

/* costum css */

.header {
    height: 80px;
    background: transparent;
    padding-right: 10px;
}

.logo-image {
    height: 75%;
}

.header-line {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 1px;
    background: linear-gradient(
            to left,
            rgba(159, 174, 198, 0),
            #9faec6,
            rgba(159, 174, 198, 0)
    );
    transform: translateX(-50%);
    left: 50%;
    margin: auto;
}

.phone-icon-svg {
    transform: translateY(1px) rotateY(180deg);
    fill: #888;
    flex-shrink: 0;
}

.loc-icon-svg {
    transform: translateY(2px);
    fill: #888;
    flex-shrink: 0;
}

.menu-conteiner {
    list-style-type: none;
}
.menu-icon {
    font-size: 24px;
}

/* navbar menu  */
.menu-links {
    color: var(--gray);
    font-size: 16px;
    font-weight: 500;
    transition: all 0.2s linear;
    font-family: "kalamehBold";
}

.menu-links:hover,
.menu-items .active {
    color: #439a86;
}

/* full page menu */

.menu {
    transition: all 0.4s ease-in;
}

.menu-position {
    position: absolute;
    top: 0;
    right: 0;
}

.full-menu-header {
    background: #3e517a;
    color: #fff;
    padding: 16px 0;
    cursor: pointer;
}

.full-menu-logo {
    width: 100px;
}

.contact-us-btn {
    height: 3rem;
    padding: 10px 20px;
    border-radius: 10px;
    background: #2a9d8f;
    cursor: pointer;
    position: absolute;
    bottom: 10px;
    width: 90%;
    margin-right: 20px;
}

.contact-us-btn a {
    color: white;
}

/* banner styles */

.banner {
    border-radius: 15px;
    background-color: var(--white);
    box-shadow: 0 0 8px 5px rgba(217, 217, 217, 0.39);
}

.more-btn {
    color: var(--navyblue);
    text-decoration: underline;
}

.banner-image {
    border-radius: 5px;
    width: 100%;
    max-width: 100%;
}

/* main content */

.main-content {
    min-height: 300px;
    border-radius: 15px;
    background-color: var(--white);
}

.filter {
    background-color: #f7fafd;
    border-radius: 10px;
    box-shadow: 0 0 8px 5px rgba(233, 233, 233, 0.39);
}

.filter-title {
    color: #3e517a;
    font-family: "kalamehbold";
}

.filter-items {
    background-color: var(--white);
    border-radius: 15px;
    min-height: 30px;
}

.filter-items-header {
    border-bottom: 1px solid var(--silver);
    padding: 10px;
}

.filter-items-header:last-child {
    border-bottom: none;
}

.filter-drop-button {
    width: 24px;
    height: 24px;
    border-radius: 3px;
    background-color: var(--white);
    color: var(--textColor);
}

.filter-items-body {
    max-height: 232px;
    overflow-y: auto;
    border-radius: 0 0 15px 15px;
}

.filter-body-items {
    height: 40px;
    border-radius: 0 0 15px 15px;
}

.filter-header {
    border: none;
    transition: 0.3s all ease-in-out;
}

.filter-header-image {
    width: 40px;
    height: 40px;
    margin-right: 10px;
}

.full-page {
    top: 0 !important;
    bottom: 0 !important;
    right: 0 !important;
    left: 0 !important;
}

.filter-container-header {
    padding-bottom: 15px;
    margin-bottom: 15px;
    border-bottom: 1px solid #ddd;
    border-radius: 0;
}

.container-items {
    flex: 1;
    overflow-y: auto;
    width: 100%;
}
/* schools styles */

.schools {
    box-shadow: 0 0 8px 5px rgba(233, 233, 233, 0.39);
    border-radius: 10px;
}

.schools-item {
    min-height: 160px;
    margin-bottom: 15px;
    border-radius: 10px;
    padding: 15px 0;
    background-color: var(--white);
    box-shadow: 0 0 8px 5px rgba(233, 233, 233, 0.39);
    border: 1px solid var(--white);
    transition: 0.3s all ease-in-out;
}

.schools-item:hover {
    border: 1px solid #ccc;
    background-color: var(--white-hover);
}

.schools-item-info {
    height: 100%;
    padding: 10px 0;
}

.schools-button-container {
    height: 100%;
    align-self: flex-end;
}

.schools-item-title {
    color: var(--black);
    font-size: 20px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.schools-item-icon {
    width: 24px;
    height: 24px;
}

.schools-button {
    width: 100%;
    border: 1px solid var(--orange);
    color: var(--orange);
    border-radius: 8px;
    background-color: var(--white);
    transition: 0.3s all ease-in-out;
    padding: 0.4rem 0.7rem;
}

.schools-button:hover {
    color: var(--white);
    background-color: var(--orange);
}

/* exam section start */

.exam-image-container {
    padding: 80px;
}

.exam-image {
    max-width: 100%;
    width: 100%;
}

.exam-title {
    color: var(--gray);
}

.exam-item {
    color: var(--gray);
    font-family: kalamehBold;
}

.exam-item-circle {
    width: 12px;
    height: 12px;
    background-color: var(--secondary);
    border-radius: 50%;
}

.exam-text {
    margin: 20px 0;
}

.exam-btn {
    font-family: "kalamehBold";
    padding: 0.5rem 2rem;
    font-size: 40px;
    border: none;
    border-radius: 30px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    -o-border-radius: 30px;
    margin: 30px auto;
    display: block;
    background-image: linear-gradient(to right, #2b9d8e, #3d557b);
    color: var(--white);
    cursor: pointer;
    transition: all 0.2s linear;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
}

.exam-btn:hover {
    color: var(--white);
    box-shadow: 0 5px 5px rgb(174, 174, 174);
    transform: translateY(-0.2rem);
    -webkit-transform: translateY(-0.2rem);
    -moz-transform: translateY(-0.2rem);
    -ms-transform: translateY(-0.2rem);
    -o-transform: translateY(-0.2rem);
}

/* most visited style */

.most-visited-section {
    background: var(--white);
    padding: 20px;
}

.most-visited-title {
    color: var(--gray);
    font-size: 24px;
}

.most-visited-text {
    white-space: nowrap;
    padding-left: 10px;
}

.most-visited-item {
    border-radius: 15px;
    box-shadow: 0 0 8px 5px #f5f5f5;
}

.most-visited-image-container {
    padding: 10px;
}

.most-visited-image {
    max-width: 100%;
    width: 100%;
    border-radius: 10px;
}

/* footer styles */

.footer-section {
    background-color: #ededed;
    margin-top: 20px;
}

.footer-image {
    height: 65px;
    position: absolute;
    top: -35px;
    right: 10px;
}

.footer {
    height: 300px;
}

.footer-container {
    padding-top: 30px;
}

.footer-links {
    color: #222222;
    text-align: right;
}

.footer-links:hover {
    color: #439a86;
}

.footer-copyright {
    border-top: 1px solid #dcdcdc;
    padding: 8px 0;
}

.footer-text {
    padding-top: 10px;
    font-size: 13px;
    font-family: "kalamehMedium";
}

.footer-button-container {
    border-radius: 10px;
    transition: all 0.2s linear;
    position: relative;
    border-radius: 10px;
    padding: 0 5px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0.7rem 1rem;
    min-width: 230px;
}

.footer-button-container a,
.footer-button-container span {
    color: var(--white);
    white-space: nowrap;
}

.footer-icon {
    color: var(--white);
    width: 24px;
    height: 24px;
    margin-right: 5px;
}

.telegram-box {
    background-image: linear-gradient(to right, #007df0, #85c2fa);
}

.instagram-box {
    margin-left: 10px;
    background-image: linear-gradient(
            to right bottom,
            #f9ce34,
            #ee2a7b,
            #6228d7
    );
}

.medal-first,
.medal-second,
.medal-third {
    background-size: 100%;
    background-position: center;
    background-repeat: no-repeat;
    height: 23px;
    width: 15px;
}

.medal-big-size {
    height: 31px;
    width: 20px;
}

.filter-inputs {
    display: none;
}

.filter-body-items label {
    position: relative;
    padding-right: 30px;
    cursor: pointer;
    user-select: none;
}

.filter-body-items label::before {
    content: "";
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 18px;
    height: 18px;
    border: 1px solid #aeaeae;
    border-radius: 4px;
    background: #fff;
    transition: all 0.2s ease;
}

.filter-inputs:checked + label::before {
    background: #3e517a;
    border-color: #3e517a;
    content: "✔";
    color: #fff;
    font-size: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.card-fix-bottom {
    position: fixed;
    z-index: 10;
    background-color: var(--white);
    display: flex;
    justify-content: center;
    align-items: center;
    -webkit-box-shadow: 0 -10px 20px rgba(0, 0, 0, 0.08);
    box-shadow: 0 -10px 20px rgba(0, 0, 0, 0.08);
    border-top: 1px solid #f0f0f0;
    bottom: 0;
    left: 0;
    right: 0;
    min-height: 60px;
    padding: 5px 15px;
}

.card-fix-bottom .logo-img {
    width: 25px;
}

.text-small {
    font-size: 13px;
}

.vibration-animation {
    animation: vibration 10s ease-in-out infinite;
    -webkit-animation: vibration 10s ease-in-out infinite;
}

@keyframes vibration {
    0% {
        transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
    }
    .1% {
        transform: rotate(2deg);
        -webkit-transform: rotate(2deg);
        -moz-transform: rotate(2deg);
        -ms-transform: rotate(2deg);
        -o-transform: rotate(2deg);
    }
    .2% {
        transform: rotate(-2deg);
        -webkit-transform: rotate(-2deg);
        -moz-transform: rotate(-2deg);
        -ms-transform: rotate(-2deg);
        -o-transform: rotate(-2deg);
    }
    .3% {
        transform: rotate(2deg);
        -webkit-transform: rotate(2deg);
        -moz-transform: rotate(2deg);
        -ms-transform: rotate(2deg);
        -o-transform: rotate(2deg);
    }
    .4% {
        transform: rotate(-2deg);
        -webkit-transform: rotate(-2deg);
        -moz-transform: rotate(-2deg);
        -ms-transform: rotate(-2deg);
        -o-transform: rotate(-2deg);
    }
    .5% {
        transform: rotate(2deg);
        -webkit-transform: rotate(2deg);
        -moz-transform: rotate(2deg);
        -ms-transform: rotate(2deg);
        -o-transform: rotate(2deg);
    }
    .6% {
        transform: rotate(-2deg);
        -webkit-transform: rotate(-2deg);
        -moz-transform: rotate(-2deg);
        -ms-transform: rotate(-2deg);
        -o-transform: rotate(-2deg);
    }
    .7% {
        transform: rotate(2deg);
        -webkit-transform: rotate(2deg);
        -moz-transform: rotate(2deg);
        -ms-transform: rotate(2deg);
        -o-transform: rotate(2deg);
    }
    .8% {
        transform: rotate(-2deg);
        -webkit-transform: rotate(-2deg);
        -moz-transform: rotate(-2deg);
        -ms-transform: rotate(-2deg);
        -o-transform: rotate(-2deg);
    }
    .9% {
        transform: rotate(2deg);
        -webkit-transform: rotate(2deg);
        -moz-transform: rotate(2deg);
        -ms-transform: rotate(2deg);
        -o-transform: rotate(2deg);
    }
    1% {
        transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
    }
}

.searchbox-con {
    position: relative;
    flex: 1;
    border: 1px solid #dddddd;
    border-radius: 6px;
    min-height: 50px;
    display: flex;
    background-color: #f5f5f5;
}

.searchbox-con input {
    flex: 1;
    border: none;
    background: transparent;
    padding: 0 50px 0 10px;
    outline: none;
}

.searchbox-con {
    background-image: url("data:image/svg+xml;utf8,<svg width='25' height='24' xmlns='http://www.w3.org/2000/svg' fill='none' stroke='%23838383' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'><path d='M11.7651 20C16.7357 20 20.7651 15.9706 20.7651 11C20.7651 6.02944 16.7357 2 11.7651 2C6.79457 2 2.76514 6.02944 2.76514 11C2.76514 15.9706 6.79457 20 11.7651 20Z'/><path d='M19.6951 20.6888C20.2251 22.2888 21.4351 22.4488 22.3651 21.0488C23.2151 19.7688 22.6551 18.7188 21.1151 18.7188C19.9751 18.7088 19.3351 19.5988 19.6951 20.6888Z'/></svg>");
    background-repeat: no-repeat;
    background-position: right 10px center;
    background-size: 26px;
}

.searchbox-con input::placeholder {
    color: #838383;
    opacity: 1;
}

.paginate-link {
    width: 40px;
    height: 40px;
    border-radius: 6px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    color: #03121b;
}
.paginate-link.active {
    background-color: #3e517a !important;
    color: #eee !important;
}
.paginate-link:hover {
    background-color: #eee;
}

.text-gray-ae {
    color: #aeaeae;
}

.btn-orange {
    color: #ffffff;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 5px;
    padding: 10px 20px;
    background: #ff4500;
    transition: 0.2s all linear;
    gap: 5px;
}
.btn-orange:hover {
    color: #ffffff;
    background: #ff4500;
}

.btn-orange-out {
    display: inline-flex;
    color: #ff4500;
    border: 1px solid #ff4500;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 5px;
    padding: 10px 20px;
    background: #ffffff;
    transition: 0.2s all linear;
    gap: 5px;
}
.btn-orange-out:hover {
    color: #ffffff;
    background: #ff4500;
}
.btn-orange-out:hover svg {
    filter: brightness(0) invert(1);
}

.btn-primary-out {
    display: inline-flex;
    color: #3e517a;
    border: 1px solid #3e517a;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 5px;
    padding: 10px 20px;
    background: #ffffff;
    transition: 0.2s all linear;
    gap: 5px;
}
.btn-primary-out:hover {
    color: #ffffff;
    background: #3e517a;
}
.btn-primary-out:hover svg {
    filter: brightness(0) invert(1);
}

.card-public {
    position: relative;
    background-color: var(--white);
    border-radius: 10px;
    padding: 10px 15px;
    box-shadow: 0 0 8px 5px rgba(217, 217, 217, 0.39);
}

.cursor-pointer {
    cursor: pointer !important;
}

.owl-nav .owl-prev,
.owl-nav .owl-next {
    position: absolute;
    width: 50px;
    height: 50px;
    transform: translateY(-50%);
    top: 40%;
    z-index: 99;
    background-color: rgba(156, 163, 175, 0.502) !important;
    -webkit-transition: 0.4s all ease-in-out;
    -moz-transition: 0.4s all ease-in-out;
    -ms-transition: 0.4s all ease-in-out;
    -o-transition: 0.4s all ease-in-out;
    transition: 0.4s all ease-in-out;
    border-radius: 50%;
    backdrop-filter: blur(8px);
    display: flex;
    align-items: center;
    justify-content: center;
    padding-bottom: 10px;
}

.owl-nav .owl-prev:hover,
.owl-nav .owl-next:hover {
    background-color: rgba(0, 0, 0, 0.3) !important;
}

.owl-nav .owl-prev.disabled,
.owl-nav .owl-next.disabled {
    opacity: 0.3;
}

.owl-nav .owl-prev {
    right: -10px;
}

.owl-nav .owl-next {
    left: -10px;
}

.owl-nav .owl-prev span,
.owl-nav .owl-next span {
    color: #000000;
    font-size: 35px;
    transform: translateY(-2px);
}

.has-video-icon {
    position: relative;
}
.has-video-icon::after {
    position: absolute;
    content: "";
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
    width: 60px;
    height: 60px;
    background-color: rgba(0, 0, 0, 0.3);
    background-image: url('data:image/svg+xml,<svg viewBox="0 0 55 55" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M27.5 53.75C41.9975 53.75 53.75 41.9975 53.75 27.5C53.75 13.0025 41.9975 1.25 27.5 1.25C13.0025 1.25 1.25 13.0025 1.25 27.5C1.25 41.9975 13.0025 53.75 27.5 53.75Z" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path d="M22.25 17L38 27.5L22.25 38V17Z" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>');
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
    padding: 5px;
    border-radius: 50%;
}

.title-section-style {
    position: relative;
    width: 100%;
    display: flex;
    align-items: center;
    margin-top: 2rem;
    margin-bottom: 1.5rem;
}

.title-section-style strong {
    background-color: var(--white);
    font-size: 16px;
    color: #3e517a;
    position: relative;
    z-index: 1;
    padding-left: 10px;
}

.title-section-style::before {
    position: absolute;
    content: "";
    transform: translateY(-50%);
    left: 0;
    right: 0;
    top: 60%;
    height: 1px;
    background-image: linear-gradient(
            to left,
            rgb(62, 81, 122),
            rgba(62, 81, 122, 0)
    );
}
ul.checked-custom-style {
    list-style: none; /* حذف بولت پیش‌فرض */
    padding: 0;
    margin: 0;
}

ul.checked-custom-style li {
    position: relative;
    padding-right: 32px; /* جا برای آیکون */
    margin-bottom: 10px;
    color: #000000;
    font-size: 15px;
}

ul.checked-custom-style li::before {
    content: "";
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 20px;
    height: 20px;
    background: no-repeat center/contain
    url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" stroke="%233E517A" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" viewBox="0 0 24 24"><path d="M22 11.0799V11.9999C21.9988 14.1563 21.3005 16.2545 20.0093 17.9817C18.7182 19.7088 16.9033 20.9723 14.8354 21.5838C12.7674 22.1952 10.5573 22.1218 8.53447 21.3744C6.51168 20.6271 4.78465 19.246 3.61096 17.4369C2.43727 15.6279 1.87979 13.4879 2.02168 11.3362C2.16356 9.18443 2.99721 7.13619 4.39828 5.49694C5.79935 3.85768 7.69279 2.71525 9.79619 2.24001C11.8996 1.76477 14.1003 1.9822 16.07 2.85986M9.00001 10.9999L12 13.9999L22 3.99987"/></svg>');
}

.description-place p {
    font-size: 16px;
    color: #000000;
    text-align: justify;
    line-height: 28px;
    margin-top: 1rem;
    margin-bottom: 1rem;
}

.overflow-x-auto {
    overflow-x: auto;
}

.has-prev-dot {
    position: relative;
    padding-right: 25px;
}
.has-prev-dot::before {
    position: absolute;
    content: "";
    width: 25px;
    height: 100%;
    right: 0;
    top: 57%;
    transform: translateY(-50%);
    background-image: url('data:image/svg+xml,<svg width="7" height="7" viewBox="0 0 7 7" fill="none" xmlns="http://www.w3.org/2000/svg"><circle cx="3.5" cy="3.5" r="3.5" fill="%233E517A"/></svg>');
    background-position: right;
    background-repeat: no-repeat;
    background-size: 8px;
}

.title-small {
    font-size: 16px;
    color: #000;
    font-family: "kalamehBold", "kalamehMedium", "kalamehRegular",
    "kalamehLight", sans-serif;
}

.table-container {
    overflow-x: auto;
}

.table-normal {
    width: 100%;
}

.table-normal th,
.table-normal td {
    padding: 15px 20px;
    padding-right: 0;
    white-space: nowrap;
    border-bottom: 1px solid #ddd;
}
.table-normal tr:last-child th,
.table-normal tr:last-child td {
    border-bottom: none;
}

.line-height-27 {
    line-height: 27px;
}

.inp-normal {
    background-color: #f9f9f9;
    color: #000000;
    border: 1px solid #3e517a;
    border-radius: 4px;
    width: 100%;
    padding: 10px 20px;
}
.inp-normal:focus {
    background-color: #fff;
    border: 1px solid #2b9d8e;
}

.inp-normal::placeholder {
    color: #727272;
}

.invalid-inp {
    border: 1px solid #ff1d1d;
}

.err-text {
    color: #ff1d1d;
    display: flex;
    margin-top: 3px;
    margin-bottom: 10px;
    font-size: 13px;
}

.alert-container {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.video-desc {
    position: absolute;
    width: 100%;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 7px 15px;
    background-color: rgba(0, 0, 0, 0.5);
    color: #fff;
    text-align: center;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.breadcrumb {
    display: flex;
    align-items: center;
    gap: 10px;
}

.breadcrumb li {
    position: relative;
    padding-left: 28px;
    background-image: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M15.0001 19.9201L8.48009 13.4001C7.71009 12.6301 7.71009 11.3701 8.48009 10.6001L15.0001 4.08008" stroke="%23838383" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/></svg>');
    background-repeat: no-repeat;
    background-size: 24px;
    background-position: left 2px;
}

.breadcrumb li a {
    color: #838383;
}

.breadcrumb li:last-child {
    padding-left: 0;
    background-image: none;
}

[data-blur-login] .bg-blur-full {
    position: relative;
}

[data-blur-login] .bg-blur-full::after {
    position: absolute;
    content: "";
    background-color: rgba(109, 109, 109, 0.3);
    -webkit-backdrop-filter: blur(5px);
    -moz-backdrop-filter: blur(5px);
    -o-backdrop-filter: blur(5px);
    backdrop-filter: blur(4px);
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 0;
}
.z-1 {
    z-index: 1;
}




/* Media ********************
**************************** */

/* for small devices */
@media (max-width: 575.98px) {
    .schools-item-title,
    .banner-title {
        font-size: 17px;
    }

    .header-btn {
        font-size: 14px;
        padding: 5px 12px;
        border-radius: 3px;
    }

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

    .silver-btn {
        margin-left: 5px !important;
    }

    .menu-icon {
        font-size: 18px;
    }

    .logo-image {
        height: 40px;
    }

    .header {
        height: 70px;
    }

    .footer-button-container {
        min-width: 170px;
    }
    .footer-button-container a {
        font-size: 10px;
    }
    .instagram-box {
        margin-left: 0 !important;
    }
}
@media (min-width: 767.99px) {
    .fs-md-6 {
        font-size: 16px !important;
    }
    .fs-md-4 {
        font-size: 24px !important;
    }
    .card-fix-bottom .logo-img {
        width: 35px;
    }
}

@media (max-width: 767.99px) {
    .public-container {
        padding-right: 10px !important;
        padding-left: 10px !important;
    }

    .schools-item-image {
        width: 100% !important;
        height: auto;
    }

    .schools-item-info {
        width: 100% !important;
        padding: 15px 0;
        height: auto;
    }

    .schools-button-container {
        width: 100% !important;
        height: auto;
    }
}

@media (max-width: 991.98px) {
    .filter-header {
        border: 1px solid #3e517a;
        border-radius: 10px;
        padding: 10px;
        cursor: pointer;
        transition: 0.3s all ease-in-out;
    }
    .filter-header * {
        transition: 0.3s all ease-in-out;
    }
    .filter-header:hover {
        background-color: #3e517a;
    }
    .filter-header:hover * {
        color: var(--white);
    }
    .filter-header:hover svg {
        fill: var(--white);
    }

    .filter-container,
    .menu {
        position: fixed;
        width: 100%;
        height: 100vh;
        background: var(--white);
        z-index: 100000;
        padding: 20px;
        transition: all 0.4s ease;
    }

    .filter-container {
        display: flex;
    }

    .menu {
        top: 0;
        left: 100%;
        right: -100%;
        bottom: 0;
    }

    .filter-container {
        top: 100%;
        left: 0;
        right: 0;
        bottom: -100%;
    }
}

/* for large devices */

@media (max-width: 1199.98px) {
    .menu-links {
        font-size: 14px !important;
    }
    .instagram-box {
        margin-left: 0 !important;
    }
}

@media (min-width: 1199.98px) {
    #overflow-header-btns {
        position: absolute;
        top: 0;
        left: 0;
    }
}

/* for devices more than 992px */
@media (min-width: 991.98px) {
    .w-lg-auto {
        width: auto !important;
    }
    .instagram-box {
        margin-left: 0 !important;
    }
    .footer-text {
        font-size: 12px;
    }
}
@media (min-width: 768px) {
    .w-md-auto {
        width: auto !important;
    }
}