@charset "UTF-8";
@media (max-width: 992.98px) {
.sm {
display: none !important;
}
.mburger {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.mburger b {
background-color: var(--primary-color);
height: 3px;
width: 25px;
border-radius: 8px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.mburger b:not(:last-child) {
margin-bottom: 5px;
}
}
.header__menu, .desktop_megamenu {
height: 100%;
display: flex;
align-items: center;
}

.header__bottom {
height: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}

.color-back {
position: fixed;
left: 0;
top: 0;
width: 0;
height: 100%;
background-color: rgba(0, 0, 0, 0.2);
-webkit-transition: all 0.6s cubic-bezier(0.77, 0, 0.175, 1);
transition: all 0.6s cubic-bezier(0.77, 0, 0.175, 1);
z-index: 98;
}

.color-back--open {
width: 100%;
cursor: url("../img/close.png"), auto;
}

.accessibility__btn {
z-index: 700;
width: 60px;
height: 60px;
border-radius: 0px 15px 15px 0px;
background: var(--primary-color);
position: fixed;
left: 0px;
top: calc(50% - 20px);
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
color: #efe2d9;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}

.accessibility__btn i {
font-size: 2em;
}

.accessibility__btn:hover {
color: white;
}

.accessibility__btn:hover .accessibility__tooltip {
opacity: 1;
visibility: visible;
}

.accessibility__tooltip {
opacity: 0;
visibility: hidden;
min-width: -webkit-max-content;
min-width: -moz-max-content;
min-width: max-content;
padding: 5px 15px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
font-size: 14px;
color: white;
background-color: var(--primary-color);
border-radius: 5px;
position: fixed;
left: 65px;
top: calc(50% - 17px);
-webkit-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}

.accessibility__tooltip::after {
content: "";
width: 0;
height: 0;
border-top: 10px solid transparent;
border-bottom: 10px solid transparent;
position: absolute;
left: -7px;
border-right: 10px solid var(--primary-color);
}

.accessibility__filter-container {
position: fixed;
left: 0;
top: 0;
width: 100vw;
height: 100vh;
z-index: 999;
pointer-events: none;
}

.accessibility__menu {
padding-right: 20px;
padding-left: 20px;
}

.accessibility__menu .text-custom-info {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}

.accessibility__menu .text-custom-info .item {
-ms-flex-preferred-size: calc(50% - 7.5px);
flex-basis: calc(50% - 7.5px);
}

.accessibility__menu .text-custom-info .item input {
width: 100%;
margin-top: 5px;
}

.accessibility__menu .font-resize {
border-radius: 5px;
overflow: hidden;
margin-bottom: 15px;
}

.accessibility__menu .font-resize a {
height: 38px;
padding: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}

.st-menu-wrap {
padding: 15px 0;
}

.st-menu-wrap h4 {
color: #fff;
font-size: 1em;
font-weight: 400;
border-bottom: 1px solid #434343;
display: block;
padding-bottom: 10px;
}

.p-radio > input[type=radio] + .p-radio-style {
float: right;
}

.p-radio > span:first-child {
margin-left: 0;
margin-right: 10px;
}

.st-menu-area {
background: #1f2024;
padding: 15px;
margin-bottom: 2px;
}

.st-menu-area .st-menu-item {
padding: 3px 0;
}

.st-menu-item .p-radio > span:first-child {
color: #fff;
font-size: 1em;
}

.st-menu-item .p-radio > span:first-child:hover {
color: #ffb20e;
}

.st-menu-hr {
background: #ff3486;
}

.alert .close span {
display: block;
}

.font-resize {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: 0;
}

.font-resize > button {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
text-align: center;
font-size: 1.5em;
color: #fff;
margin-bottom: 0;
border: 1px solid #000;
cursor: pointer;
}

.font-resize > button:hover {
background: #ffb20e;
color: #fff;
}

label.p-radio {
display: block;
cursor: pointer;
margin-bottom: 0 !important;
}

.alert > p {
padding-left: 0;
text-align: justify;
color: #000;
}

.alert > h4 {
text-shadow: 0 2px 0 #fff;
color: #000;
}

.reset-colors {
background: #ff9103;
border-radius: 10px;
padding: 0 5px;
color: #000;
font-size: 14px;
cursor: pointer;
-webkit-transition: all ease 0.3s;
transition: all ease 0.3s;
}

.reset-colors:hover {
background: #444;
color: #fff;
}

.alert .close {
color: #000;
font-weight: 300;
padding: 0 5px;
font-size: 26px;
text-shadow: 0 0 0 #000;
}

.color-box {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}

.color-box span {
width: 80px;
height: 80px;
background: #000;
border: 2px solid #fff;
-webkit-box-shadow: 1px 1px 1px black;
box-shadow: 1px 1px 1px black;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-transition: all ease-in 0.3s;
transition: all ease-in 0.3s;
-webkit-transition: all ease-in 0.2s;
-moz-transition: all ease-in 0.2s;
-ms-transition: all ease-in 0.2s;
-o-transition: all ease-in 0.2s;
}

.color-box span:hover {
border: 2px solid #ffb20e;
}

.color-box span i {
height: 14px;
}

.color-box span {
position: relative;
cursor: pointer;
}

.color-box span::after,
.color-box span::before {
content: "";
position: absolute;
left: 50%;
width: 50%;
height: 50%;
}

.color-box span.website-color-1 {
background: #16528e;
}

.color-box span.website-color-1::before {
top: 0;
background: #e54b4b;
}

.color-box span.website-color-1::after {
bottom: 0;
background: #0082c8;
}

.color-box span.website-color-2 {
background: #ff7062;
}

.color-box span.website-color-2::before {
top: 0;
background: #a9e2ff;
}

.color-box span.website-color-2::after {
bottom: 0;
background: #32a2ad;
}

.color-box span.website-color-3 {
background: #fff;
}

.color-box span.website-color-3::before {
top: 0;
background: #1f1f1f;
}

.color-box span.website-color-3::after {
bottom: 0;
background: #404042;
}

body.website-color-1 .header-menu {
background: #16528e;
}

body.website-color-1 .box-area .content .portfolio-content h2 a:hover,
body.website-color-1 .list-news .content ul li a:hover,
body.website-color-1 .post-item .post-item-description > h2,
body.website-color-1 .post-item .post-item-description > h2 > a,
body.website-color-1 .post-thumbnail-list .post-thumbnail-entry .post-thumbnail-content a:hover {
color: #004e88;
}

body.website-color-1 .post-item .post-image .post-meta-category {
background-color: #e54b4b;
}

body.website-color-1 #espritmenu ul li:hover,
body.website-color-1 .box-area .title.back-color h2,
body.website-color-1 .ms-tabs .ms-thumb-frame-selected {
background: #e54b4b;
}

body.website-color-1 .box-area #espritmenu ul > li > a::before {
border-top: 5px solid #e54b4b;
}

.svg-wrapper svg g > a:hover path,
body.website-color-1 .svg-wrapper svg a.selected path,
body.website-color-1 .svg-wrapper svg > a:hover path {
border-top: 5px solid #e54b4b;
}

body.website-color-1 .box-area .title,
body.website-color-1 .box-area .title a.link-archive:hover {
border-bottom: 1px solid #0082c8;
}

body.website-color-1 .bazresi-address-phone i,
body.website-color-1 .list-news .content ul li::before,
body.website-color-1 .portfolio-item .portfolio-zoom-icon i {
color: #0082c8;
}

body.website-color-2 .header-menu {
background: #ff7062;
}

body.website-color-2 .box-area .content .portfolio-content h2 a:hover,
body.website-color-2 .list-news .content ul li a:hover,
body.website-color-2 .post-item .post-item-description > h2,
body.website-color-2 .post-item .post-item-description > h2 > a,
body.website-color-2 .post-thumbnail-list .post-thumbnail-entry .post-thumbnail-content a:hover {
color: #ff7062;
}

body.website-color-2 .post-item .post-image .post-meta-category {
background-color: #a9e2ff;
}

body.website-color-2 #espritmenu ul li:hover,
body.website-color-2 .box-area .title.back-color h2,
body.website-color-2 .ms-tabs .ms-thumb-frame-selected {
background: #a9e2ff;
}

body.website-color-2 .box-area #espritmenu ul > li > a::before {
border-top: 5px solid #a9e2ff;
}

.svg-wrapper svg g > a:hover path,
body.website-color-2 .svg-wrapper svg a.selected path,
body.website-color-2 .svg-wrapper svg > a:hover path {
border-top: 5px solid #a9e2ff;
}

body.website-color-2 .box-area .title,
body.website-color-2 .box-area .title a.link-archive:hover {
border-bottom: 1px solid #32a2ad;
}

body.website-color-2 .bazresi-address-phone i,
body.website-color-2 .list-news .content ul li::before,
body.website-color-2 .portfolio-item .portfolio-zoom-icon i {
color: #32a2ad;
}

body.website-color-3 .st-content {
background: #282828;
}

body.website-color-3 #header.header-sticky .header-inner {
background-color: #505050 !important;
}

body.website-color-3 #header[data-transparent=true].header-sticky.sticky-active .header-inner {
background-image: none;
}

body.website-color-3 .sticky-active .logo-bazresi {
background: 0 0;
}

body.website-color-3 .sticky-active .logo-bazresi a > img {
-webkit-filter: brightness(0) invert(1);
filter: brightness(0) invert(1);
}

body.website-color-3 .parallax-container {
background: #39393b url("") !important;
}

body.website-color-3 #footer .footer-content {
background: #1c1c1c url("") no-repeat center center;
}

body.website-color-3 #footer .copyright-content {
background-color: #131313;
}

body.website-color-3 .header-menu {
background-color: #1f1f1f;
}

body.website-color-3 #espritmenu > ul > li > a:hover {
color: fff !important;
}

body.website-color-3 #espritmenu ul > li > a::before {
border-top: 5px solid #fff;
}

body.website-color-3 .services-links {
background: #404042;
}

body.website-color-3 .services-links a {
color: #fff !important;
}

body.website-color-3 #header[data-transparent=true].dark .header-inner {
background-color: #505050;
background-image: none;
}

body.website-color-3 .logo-bazresi {
background: url(../img/header-center-logo-black.png) no-repeat center top;
}

body.website-color-3 #topbar {
border-bottom: 3px solid #4f4f4f;
margin-bottom: 0;
}

body.website-color-3 #header .header-inner #logo a > img {
-webkit-filter: brightness(0) invert(1);
filter: brightness(0) invert(1);
}

body.website-color-3 .box-area .content {
background: #404042;
}

body.website-color-3 .news-slider .card {
background: #404042;
}

body.website-color-3 .main-news-slider.post-sub-site-item .post-item-description h3,
body.website-color-3 .main-news-slider.post-sub-site-item .post-item-description h2,
body.website-color-3 .main-news-slider.post-sub-site-item .post-item-description h2 a,
body.website-color-3 .main-news-slider.post-sub-site-item .post-item-description p {
color: #fff;
}

body.website-color-3 .ms-tabs .ms-thumb-frame {
background-color: #1c1c1c;
color: #fff;
}

body.website-color-3 .ms-tabs.ms-has-thumb .ms-tab-context p {
color: #fff;
}

body.website-color-3 .ms-tabs.ms-dir-v.ms-align-left .ms-thumb-frame-selected .ms-thumb-ol {
border-left-color: #1f1f1f;
}

body.website-color-3 .ms-tabs .ms-thumb-frame-selected {
-webkit-box-shadow: 2px 0 0 #1f1f1f inset;
box-shadow: 2px 0 0 #1f1f1f inset;
}

body.website-color-3 .post-item .post-item-wrap {
background-color: #404042;
}

body.website-color-3 .ms-tabs .ms-thumb-frame {
background-color: #1f1f1f;
border: solid -1px #fff;
}

body.website-color-3 .box-area .title a.link-archive {
color: #fff;
}

body.website-color-3 .box-area .title.back-full-color {
background: #404042;
}

body.website-color-3 .box-area .title h2 {
background: #404042;
color: #fff;
}

body.website-color-3 .btn.btn-danger {
background-color: #404042;
border-color: #404042;
}

body.website-color-3 .other-links .item h3 a {
color: #fff;
}

body.website-color-3 .box-area .content .portfolio-content h2 a,
body.website-color-3 .list-news .content ul li a,
body.website-color-3 .post-item .post-item-description > h2,
body.website-color-3 .post-item .post-item-description > h2 > a,
body.website-color-3 .post-thumbnail-list .post-thumbnail-entry .post-thumbnail-content a {
color: #fff;
}

body.website-color-3 .post-item .post-image .post-meta-category {
background-color: #000;
}

body.website-color-3 #espritmenu ul li:hover,
body.website-color-3 .box-area .title.back-color h2,
body.website-color-3 .ms-tabs .ms-thumb-frame-selected {
background: #404042;
}

body.website-color-3 .box-area #espritmenu ul > li > a::before {
border-top: 5px solid #000;
}

.svg-wrapper svg g > a:hover path,
body.website-color-3 .svg-wrapper svg a.selected path,
body.website-color-3 .svg-wrapper svg > a:hover path {
border-top: 5px solid #000;
}

body.website-color-3 .box-area .title,
body.website-color-3 .box-area .title a.link-archive:hover {
border-bottom: 1px solid #000;
}

body.website-color-3 .bazresi-address-phone i,
body.website-color-3 .list-news .content ul li::before,
body.website-color-3 .portfolio-item .portfolio-zoom-icon i {
color: #fff;
}

body.website-color-3 {
background: #fdbe2d;
}

body.website-color-3 {
background: #e83b5d;
}

.st-container,
.st-content,
.st-pusher {
height: 100%;
}

.st-content {
background: #f9f9f9;
}

.st-content,
.st-content-inner {
position: relative;
}

.st-container {
position: relative;
overflow: hidden;
}

.st-pusher {
position: relative;
left: 0;
z-index: 99;
height: 100%;
-webkit-transition: -webkit-transform 0.5s;
transition: -webkit-transform 0.5s;
transition: transform 0.5s;
transition: transform 0.5s, -webkit-transform 0.5s;
}

.st-pusher::after {
position: absolute;
top: 0;
right: 0;
width: 0;
height: 0;
background: rgba(40, 53, 70, 0.4);
content: "";
opacity: 0;
-webkit-transition: opacity 0.5s, width 0.1s 0.5s, height 0.1s 0.5s;
transition: opacity 0.5s, width 0.1s 0.5s, height 0.1s 0.5s;
z-index: 999;
}

.st-menu-open .st-pusher::after {
width: 100%;
height: 100%;
opacity: 1;
-webkit-transition: opacity 0.5s;
transition: opacity 0.5s;
}

.st-menu {
position: absolute;
top: 0;
left: 0;
z-index: 100;
visibility: hidden;
width: 300px;
height: 100%;
background: #292e35;
-webkit-transition: all 0.5s;
transition: all 0.5s;
}

.st-menu::after {
position: absolute;
top: 0;
right: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.9);
content: "";
opacity: 1;
-webkit-transition: opacity 0.5s;
transition: opacity 0.5s;
}

.st-menu-open .st-menu::after {
width: 0;
height: 0;
opacity: 0;
-webkit-transition: opacity 0.5s, width 0.1s 0.5s, height 0.1s 0.5s;
transition: opacity 0.5s, width 0.1s 0.5s, height 0.1s 0.5s;
}

.st-effect-1.st-menu {
visibility: visible;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}

.st-effect-1.st-menu-open .st-effect-1.st-menu {
visibility: visible;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}

.st-effect-1.st-menu::after {
display: none;
}

.st-effect-4.st-menu-open .st-pusher {
-webkit-transform: translate3d(300px, 0, 0) !important;
transform: translate3d(300px, 0, 0) !important;
cursor: url(../img/close.png), pointer;
}

.st-effect-4.st-menu {
z-index: 1;
-webkit-transform: translate3d(-50%, 0, 0);
transform: translate3d(-50%, 0, 0);
position: fixed;
}

.st-effect-4.st-menu-open .st-effect-4.st-menu {
visibility: visible;
-webkit-transition: -webkit-transform 0.5s;
transition: -webkit-transform 0.5s;
transition: transform 0.5s;
transition: transform 0.5s, -webkit-transform 0.5s;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
background: #000;
overflow: auto;
}

.st-effect-4.st-menu::after {
display: none;
}

.no-csstransforms3d .st-pusher,
.no-js .st-pusher {
padding-left: 300px;
}

.modal-xlg {
max-width: 1400px;
}

.modal {
top: 50%;
}

.modal-content {
background-color: transparent;
border: 0 solid rgba(0, 0, 0, 0.2);
}

.modal-backdrop.show {
opacity: 0.9;
}

.modal-open .modal {
height: 100vh;
}

.modal-top-links .card-body a {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
background: #fff;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: 50px 15px;
}

a.btn {
min-width: 200px;
width: auto;
padding: 18px 0;
/*! position:static; */
/*! top:50%; */
/*! left:50%; */
-webkit-transform: translate(-50%, -50%);
transform: translate(0, 0);
border-radius: 0;
background: #f4f8fb;
background-color: #f4f8fb;
}

.modal-top-links .card-deck {
margin: 0 -15px;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}

.modal-top-links .card-deck .card {
margin: 0 0 1em;
}

.classes_list .button-item {
display: block;
padding: 0.75em;
margin: 0 0 5px;
border-radius: 2px;
-webkit-box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.16), 0 2px 5px 0 rgba(0, 0, 0, 0.26);
box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.16), 0 2px 5px 0 rgba(0, 0, 0, 0.26);
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-transition: -webkit-box-shadow 0.2s ease-out;
transition: -webkit-box-shadow 0.2s ease-out;
transition: box-shadow 0.2s ease-out;
transition: box-shadow 0.2s ease-out, -webkit-box-shadow 0.2s ease-out;
text-decoration: none;
border-bottom: none !important;
font-size: 1em;
background: #f4f8fb;
width: 100%;
-webkit-transition: all 0.2s linear;
transition: all 0.2s linear;
}

.classes_list .button-item:hover {
color: white;
background-color: var(--secondary-color);
}

.classes_list .button-item.active {
-webkit-box-shadow: none;
box-shadow: none;
background: var(--secondary-color);
}

body.zones {
-webkit-box-shadow: inset 0 0 0 1px rgba(128, 0, 128, 0.1) !important;
box-shadow: inset 0 0 0 1px rgba(128, 0, 128, 0.1) !important;
}

body.zones:hover {
-webkit-box-shadow: inset 0 0 0 1px purple !important;
box-shadow: inset 0 0 0 1px purple !important;
}

body.zones * {
-webkit-box-shadow: inset 0 0 0 1px rgba(255, 0, 0, 0.1) !important;
box-shadow: inset 0 0 0 1px rgba(255, 0, 0, 0.1) !important;
}

body.zones :hover {
-webkit-box-shadow: inset 0 0 0 1px red !important;
box-shadow: inset 0 0 0 1px red !important;
}

body.zones * + * {
-webkit-box-shadow: inset 0 0 0 1px rgba(0, 0, 255, 0.1) !important;
box-shadow: inset 0 0 0 1px rgba(0, 0, 255, 0.1) !important;
}

body.zones * + :hover {
-webkit-box-shadow: inset 0 0 0 1px #00f !important;
box-shadow: inset 0 0 0 1px #00f !important;
}

body.zones * + * + * {
-webkit-box-shadow: inset 0 0 0 1px rgba(0, 128, 0, 0.1) !important;
box-shadow: inset 0 0 0 1px rgba(0, 128, 0, 0.1) !important;
}

body.zones * + * + :hover {
-webkit-box-shadow: inset 0 0 0 1px green !important;
box-shadow: inset 0 0 0 1px green !important;
}

body.zones * + * + * + * {
-webkit-box-shadow: inset 0 0 0 1px rgba(128, 0, 128, 0.1) !important;
box-shadow: inset 0 0 0 1px rgba(128, 0, 128, 0.1) !important;
}

body.zones * + * + * + :hover {
-webkit-box-shadow: inset 0 0 0 1px purple !important;
box-shadow: inset 0 0 0 1px purple !important;
}

body.zones * + * + * + * + * {
-webkit-box-shadow: inset 0 0 0 1px rgba(255, 0, 0, 0.1) !important;
box-shadow: inset 0 0 0 1px rgba(255, 0, 0, 0.1) !important;
}

body.zones * + * + * + * + :hover {
-webkit-box-shadow: inset 0 0 0 1px red !important;
box-shadow: inset 0 0 0 1px red !important;
}

body.zones * + * + * + * + * + * {
-webkit-box-shadow: inset 0 0 0 1px rgba(0, 0, 255, 0.1) !important;
box-shadow: inset 0 0 0 1px rgba(0, 0, 255, 0.1) !important;
}

body.zones * + * + * + * + * + :hover {
-webkit-box-shadow: inset 0 0 0 1px #00f !important;
box-shadow: inset 0 0 0 1px #00f !important;
}

body.zones * + * + * + * + * + * + * {
-webkit-box-shadow: inset 0 0 0 1px rgba(0, 128, 0, 0.1) !important;
box-shadow: inset 0 0 0 1px rgba(0, 128, 0, 0.1) !important;
}

body.zones * + * + * + * + * + * + :hover {
-webkit-box-shadow: inset 0 0 0 1px green !important;
box-shadow: inset 0 0 0 1px green !important;
}

body.grayscale,
body.zones.grayscale {
-webkit-filter: grayscale(100%);
filter: grayscale(100%);
}

.wrapper.colorblind1,
body.zones.colorblind1 {
-webkit-filter: url(../img/filters.svg#protanopia) grayscale(0) !important;
filter: url(../img/filters.svg#protanopia) grayscale(0) !important;
}

body _:-moz-tree-row(hover),
.wrapper.colorblind1,
body.zones.colorblind1 {
filter: url(../img/filters.svg#protanopia) grayscale(0) !important;
}

.wrapper.colorblind2,
body.zones.colorblind2 {
-webkit-filter: url(../img/filters.svg#protanomaly) grayscale(0) !important;
filter: url(../img/filters.svg#protanomaly) grayscale(0) !important;
}

body _:-moz-tree-row(hover),
.wrapper.colorblind2,
body.zones.colorblind2 {
filter: url(../img/filters.svg#protanomaly) grayscale(0) !important;
}

.wrapper.colorblind3,
body.zones.colorblind3 {
-webkit-filter: url(../img/filters.svg#deuteranopia) grayscale(0) !important;
filter: url(../img/filters.svg#deuteranopia) grayscale(0) !important;
}

body _:-moz-tree-row(hover),
.wrapper.colorblind3,
body.zones.colorblind3 {
filter: url(../img/filters.svg#deuteranopia) grayscale(0) !important;
}

.wrapper.colorblind4,
body.zones.colorblind4 {
-webkit-filter: url(../img/filters.svg#deuteranomaly) grayscale(0) !important;
filter: url(../img/filters.svg#deuteranomaly) grayscale(0) !important;
}

body _:-moz-tree-row(hover),
.wrapper.colorblind4,
body.zones.colorblind4 {
filter: url(../img/filters.svg#deuteranomaly) grayscale(0) !important;
}

.wrapper.colorblind5,
body.zones.colorblind5 {
-webkit-filter: url(../img/filters.svg#tritanopia) grayscale(0) !important;
filter: url(../img/filters.svg#tritanopia) grayscale(0) !important;
}

body _:-moz-tree-row(hover),
.wrapper.colorblind5,
body.zones.colorblind5 {
filter: url(../img/filters.svg#tritanopia) grayscale(0) !important;
}

.wrapper.colorblind6,
body.zones.colorblind6 {
-webkit-filter: url(../img/filters.svg#tritanomaly) grayscale(0) !important;
filter: url(../img/filters.svg#tritanomaly) grayscale(0) !important;
}

body _:-moz-tree-row(hover),
.wrapper.colorblind6,
body.zones.colorblind6 {
filter: url(../img/filters.svg#tritanomaly) grayscale(0) !important;
}

.wrapper.colorblind7,
body.zones.colorblind7 {
-webkit-filter: url(../img/filters.svg#achromatopsia) grayscale(0) !important;
filter: url(../img/filters.svg#achromatopsia) grayscale(0) !important;
}

body _:-moz-tree-row(hover),
body.colorblind7,
body.zones.colorblind7 {
filter: url(../img/filters.svg#achromatopsia) grayscale(0) !important;
}

.wrapper.colorblind8,
body.zones.colorblind8 {
-webkit-filter: url(../img/filters.svg#achromatomaly) grayscale(0) !important;
filter: url(../img/filters.svg#achromatomaly) grayscale(0) !important;
}

body _:-moz-tree-row(hover),
.wrapper.colorblind8,
body.zones.colorblind8 {
filter: url(../img/filters.svg#achromatomaly) grayscale(0) !important;
}

.st-menu .btn-group a.btn {
min-width: auto !important;
left: 0;
top: 0;
font-size: 1.2em;
margin: 0 !important;
}

.st-menu .btn-group {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 100%;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}

.news-info-wrap .news-tools li.font-resize a.btn {
min-width: auto;
left: 0;
top: 0;
padding: 6px 12px 3px;
margin: 0 !important;
font-size: 1em;
}

.ostan-menu {
background-color: #00bbda;
height: 30px;
}

.ostan-menu ul li {
list-style: none;
float: right;
border-left: 1px solid #009bb5;
}

.ostan-menu a {
color: #004e88 !important;
}

.ostan-menu ul li a {
display: block;
line-height: 22px;
padding: 4px 10px;
font-weight: 500;
font-size: 13px;
-webkit-transition: margin 0.4s ease, padding 0.4s ease;
transition: margin 0.4s ease, padding 0.4s ease;
}

.ostan-menu ul li::before {
/*! content: ''; */
/*! position: absolute; */
/*! left: 0px; */
/*! top: 50%; */
/*! width: 0px; */
/*! height: 30px; */
/*! background: #00365e; */
/*! transform: translateY(-50%); */
}

.ostan-menu ul li a:hover {
color: #fff !important;
}

.ostan-menu ul li:last-child {
border-left: 0;
}

.search-form .form-control {
color: #fff;
}

.es-search-result strong {
background-color: #47b0de;
padding: 1px;
}

.main-nav:after {
clear: both;
content: " ";
display: block;
height: 0;
font: 0/0 serif;
overflow: hidden;
}

.nav-brand {
float: left;
margin: 0;
}

.nav-brand a {
display: block;
padding: 12px 12px 12px 20px;
color: #555;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 22px;
font-weight: 400;
line-height: 17px;
text-decoration: none;
}

#miz-main-menu {
clear: both;
}

@media (min-width: 992.88px) {
.sm-simple > li > a {
display: flex;
gap: 8px;
align-items: center;
}
}
@media (min-width: 768px) {
#miz-main-menu {
float: right;
clear: none;
}
}
.main-menu-btn {
float: right;
margin: 6px 10px;
position: relative;
display: inline-block;
width: 29px;
height: 29px;
text-indent: 29px;
white-space: nowrap;
overflow: hidden;
cursor: pointer;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.main-menu-btn-icon,
.main-menu-btn-icon:after,
.main-menu-btn-icon:before {
position: absolute;
top: 50%;
left: 2px;
height: 2px;
width: 24px;
background: #555;
-webkit-transition: all 0.25s;
transition: all 0.25s;
}

.main-menu-btn-icon:before {
content: "";
top: -7px;
left: 0;
}

.main-menu-btn-icon:after {
content: "";
top: 7px;
left: 0;
}

#main-menu-state:checked ~ .main-menu-btn .main-menu-btn-icon {
height: 0;
background: 0 0;
}

#main-menu-state:checked ~ .main-menu-btn .main-menu-btn-icon:before {
top: 0;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
}

#main-menu-state:checked ~ .main-menu-btn .main-menu-btn-icon:after {
top: 0;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}

#main-menu-state {
position: absolute;
width: 1px;
height: 1px;
margin: -1px;
border: 0;
padding: 0;
overflow: hidden;
clip: rect(1px, 1px, 1px, 1px);
}

#main-menu-state:not(:checked) ~ #miz-main-menu {
display: none;
}

#main-menu-state:checked ~ #miz-main-menu {
display: block;
}

@media (min-width: 768px) {
.main-menu-btn {
position: absolute;
top: -99999px;
}
#main-menu-state:not(:checked) ~ #miz-main-menu {
display: block;
}
}
[class*=mm-menu_fx-listitems-] .mainmenu-mobile .mm-listitem:last-child {
background: #fbbc05;
color: #000;
}

.alert-browser-check {
position: fixed;
bottom: 30px;
right: 30px;
color: #fff;
font-size: 21px;
padding: 20px 30px 20px 30px;
}

.alert-browser-check .close {
color: #fff;
left: auto;
right: 0;
opacity: 1;
}

.journals .es-post-dis .es-book-img {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
}

#st-trigger-effects button {
position: fixed;
top: 240px;
left: 0;
z-index: 99;
background: 0 0;
border: 0 solid;
background: #ff9f0b;
-webkit-border-top-right-radius: 5px;
-webkit-border-bottom-right-radius: 5px;
-moz-border-radius-topright: 5px;
-moz-border-radius-bottomright: 5px;
border-top-right-radius: 5px;
border-bottom-right-radius: 5px;
padding: 10px;
line-height: 0;
transition: all linear 0.3s;
-webkit-transition: all linear 0.3s;
-moz-transition: all linear 0.3s;
-ms-transition: all linear 0.3s;
-o-transition: all linear 0.3s;
cursor: pointer;
}

#st-trigger-effects button:hover {
padding: 10px 15px;
background: #ff9b00;
}

#st-trigger-effects button i {
font-size: 2em;
}

#menu-1 {
-webkit-transition: all 0.6s cubic-bezier(0.77, 0, 0.175, 1);
transition: all 0.6s cubic-bezier(0.77, 0, 0.175, 1);
left: -100%;
}

.menu-1--open {
visibility: visible;
left: 0 !important;
z-index: 99 !important;
top: 0 !important;
-webkit-transform: unset !important;
transform: unset !important;
}

.color-back {
position: fixed;
left: 0;
top: 0;
width: 0;
height: 100%;
background-color: rgba(0, 0, 0, 0.2);
-webkit-transition: all 0.6s cubic-bezier(0.77, 0, 0.175, 1);
transition: all 0.6s cubic-bezier(0.77, 0, 0.175, 1);
z-index: 98;
}

.color-back--open {
width: 100%;
cursor: url("../img/close.png"), auto;
}

.text-customize {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
border-radius: 5px;
overflow: hidden;
margin-bottom: 15px;
}

.text-customize button {
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
border: 0;
padding: 7px 0;
background-color: #f4f8fb;
font-size: 0.8em;
-webkit-transition: all 0.2s linear;
transition: all 0.2s linear;
font-family: pinar;
text-align: center;
}

.text-customize button:hover {
background-color: var(--secondary-color);
}

.text-customize button[disabled] {
opacity: 0.6;
}

.text-customize button:not(:last-child) {
border-left: 0.5px solid #d4d4d4;
}

.text-custom-info {
font-size: 15px;
color: #fff;
margin-bottom: 10px;
}

.st-menu {
overflow-y: auto;
}

.filter-holder {
position: fixed;
left: 0;
top: 0;
z-index: 999;
width: 100vw;
height: 100vh;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}

.rvfs-decrease,
.rvfs-increase {
-webkit-transition: all 0.2s linear;
transition: all 0.2s linear;
}

.rvfs-decrease:hover,
.rvfs-increase:hover {
background-color: var(--secondary-color);
}

.alert > p {
color: white !important;
}

.alert-info {
color: white;
background-color: var(--secondary-color);
border-color: #e7e7e7;
font-size: 1em;
padding-top: 24px;
position: relative;
}

.alert-info button {
position: absolute;
right: 5px;
top: 5px;
}

.bgcolorbtns {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin: 10px 0 0 0;
overflow: hidden;
border-radius: 5px;
}

.bgcolorbtndef {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
border: 0;
height: 35px;
border: none;
font-family: pinar;
text-align: center;
}

.bgcolorbtn {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
border: none;
}

.menu-1--open + .accessibility a {
-webkit-transform: translateX(-250px) translateY(-50%);
transform: translateX(-250px) translateY(-50%);
}

@media (max-width: 1369.98px) and (min-width: 1200px) {
.accessibility__btn {
width: 45px;
height: 45px;
font-size: 0.7em;
}
}
@media (max-width: 1199.98px) and (min-width: 992.99px) {
.accessibility__btn {
width: 45px;
height: 45px;
font-size: 0.7em;
}
}
@media (max-width: 992.98px) {
.accessibility__btn {
width: 45px;
height: 45px;
font-size: 0.7em;
}
}

/* Mobile first layout SmartMenus Core CSS (it's not recommended editing these rules)
You need this once per page no matter how many menu trees or different themes you use.
-------------------------------------------------------------------------------------------*/
.sm {
box-sizing: border-box;
position: relative;
z-index: 9999;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.sm, .sm ul, .sm li {
display: block;
list-style: none;
margin: 0;
padding: 0;
line-height: normal;
direction: ltr;
text-align: left;
}

.sm-rtl, .sm-rtl ul, .sm-rtl li {
direction: rtl;
text-align: right;
}

.sm > li > h1, .sm > li > h2, .sm > li > h3, .sm > li > h4, .sm > li > h5, .sm > li > h6 {
margin: 0;
padding: 0;
}

.sm ul {
display: none;
}

.sm li, .sm a {
position: relative;
}

.sm a {
display: block;
}

.sm a.disabled {
cursor: default;
}

.sm::after {
content: "";
display: block;
height: 0;
font: 0px/0 serif;
clear: both;
overflow: hidden;
}

.sm *, .sm *::before, .sm *::after {
box-sizing: inherit;
}

.sm-simple.sm-rtl > li:last-child > a {
padding-left: 0;
margin-left: 0;
}

.sm-simple {
background: #f2f5ff;
}

.sm-simple a,
.sm-simple a:hover,
.sm-simple a:focus,
.sm-simple a:active {
color: #000;
font-size: var(--font-size);
font-weight: var(--font-weight);
line-height: 17px;
text-decoration: none;
}

.sm-simple a.current {
background: #555555;
color: #fff;
}

.sm-simple a.disabled {
color: #cccccc;
}

.sm-simple a .sub-arrow {
position: absolute;
top: 50%;
margin-top: -17px;
left: auto;
right: 4px;
width: 34px;
height: 34px;
overflow: hidden;
font: bold 14px/34px monospace !important;
text-align: center;
text-shadow: none;
background: rgba(0, 0, 0, 0.08);
}

.sm-simple a .sub-arrow::before {
content: "+";
}

.sm-simple a.highlighted .sub-arrow::before {
content: "-";
}

.sm-simple > li:first-child {
border-top: 0;
}

.sm-simple ul {
background: #fff;
}

.sm-simple ul a,
.sm-simple ul a:hover,
.sm-simple ul a:focus,
.sm-simple ul a:active {
font-size: var(--font-size);
}

@media (min-width: 768px) {
/* Switch to desktop layout
-----------------------------------------------
These transform the menu tree from
collapsible to desktop (navbar + dropdowns)
-----------------------------------------------*/
/* start... (it's not recommended editing these rules) */
.sm-simple ul {
position: absolute;
width: 12em;
}
.sm-simple li {
float: left;
}
.sm-simple.sm-rtl li {
float: right;
}
.sm-simple ul li,
.sm-simple.sm-rtl ul li,
.sm-simple.sm-vertical li {
float: none;
}
.sm-simple a {
white-space: nowrap;
}
.sm-simple ul a,
.sm-simple.sm-vertical a {
white-space: normal;
}
.sm-simple .sm-nowrap > li > a,
.sm-simple .sm-nowrap > li > :not(ul) a {
white-space: nowrap;
}
/* ...end */
.sm-simple {
background: transparent;
}
.sm-simple a {
padding: 11px 20px;
}
.sm-simple a,
.sm-simple a:hover,
.sm-simple a:focus,
.sm-simple a:active,
.sm-simple a.highlighted {
padding-right: 0;
padding-left: 20px;
padding-right: 20px;
color: var(--text-color);
}
.sm-simple ul a,
.sm-simple ul a:hover,
.sm-simple ul a:focus,
.sm-simple ul a:active,
.sm-simple ul a.highlighted {
color: var(--primary-color);
width: 100%;
}
.sm-simple ul a {
padding-right: 10px;
}
.sm-simple ul {
background-color: #fff;
}
.sm-simple > li > a {
background: none !important;
}
.sm-simple > li > a {
display: flex;
align-items: center;
padding-top: 0;
padding-bottom: 0;
margin-inline-start: 0;
margin-inline-end: 25px;
padding-right: 0 !important;
padding-left: 0 !important;
font-weight: 500;
font-size: 0.875em;
font-size: clamp(0.875em, 0.85em + 0.125vw, 1em);
color: white !important;
gap: 2px;
}
}
@media (min-width: 768px) and (max-width: 1360px) {
.sm-simple > li > a {
margin-inline-end: 15px;
}
}
@media (min-width: 768px) {
.sm-simple li:last-child > a {
border-left: none;
}
.sm-simple a.current {
background: #555555;
color: #fff;
}
.sm-simple a.disabled {
background: #fff;
color: #cccccc;
}
.sm-simple li > a .sm-simple a .sub-arrow {
top: 50%;
margin-top: -8px;
right: 20px;
width: 8px;
height: 1em;
font: 14px/16px monospace !important;
background: transparent;
}
.sm-simple a.highlighted .sub-arrow::before {
content: "+";
}
.sm-simple > li {
border-top: 0;
}
.sm-simple > li:first-child {
border-left: 0;
}
.sm-simple ul {
background: #fff;
box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
}
.sm-simple ul a {
border: 0 !important;
}
.sm-simple ul a .sub-arrow {
left: 8px;
right: auto;
}
.sm-simple ul > li {
border-left: 0;
border-top: 1px solid rgba(255, 255, 255, 0.15);
}
.sm-simple ul > li:first-child {
border-top: 0;
}
.sm-simple .scroll-up,
.sm-simple .scroll-down {
position: absolute;
display: none;
visibility: hidden;
overflow: hidden;
background: #023047;
height: 20px;
}
.sm-simple .scroll-up-arrow,
.sm-simple .scroll-down-arrow {
position: absolute;
top: -2px;
left: 50%;
margin-left: -8px;
width: 0;
height: 0;
overflow: hidden;
border-width: 8px;
border-style: dashed dashed solid dashed;
border-color: transparent transparent #555555 transparent;
}
.sm-simple .scroll-down-arrow {
top: 6px;
border-style: solid dashed dashed dashed;
border-color: #555555 transparent transparent transparent;
}
.sm-simple.sm-rtl a .sub-arrow {
position: unset;
margin-right: 7px;
}
.sm-simple.sm-rtl.sm-vertical a .sub-arrow {
left: auto;
right: 8px;
}
.sm-simple.sm-rtl > li:last-child {
border-left: 0;
}
.sm-simple.sm-rtl ul a .sub-arrow {
left: auto;
right: 8px;
}
.sm-simple.sm-vertical a .sub-arrow {
left: 8px;
right: auto;
}
.sm-simple.sm-vertical li {
border-left: 0;
}
.sm-simple.sm-vertical > li:first-child {
border-top: 0;
}
}
.sm-simple ul a {
padding-top: 15px;
padding-bottom: 15px;
}


.sm-simple ul {
left: 30px !important;
top: 36px !important;
}

.sm-simple .niafam {
display: inline-block;
font-size: 4px;
vertical-align: middle;
margin-inline-start: 5px;
}
.sm-simple .niafam:before {
content: "\e947";
font-family: nla;
}
.sm-simple .niafam ul li .niafam {
transform: rotate(0);
}

.sm-simple li li .niafam {
transform: rotate(-90deg);
margin-left: auto;
}

.sm-simple.sm-rtl li li .niafam {
transform: rotate(0);
margin-left: 0;
margin-right: auto;
}

.sm-simple > li > a,
.sm-simple li li {
transition: all 0.2s linear;
}

.sm-simple > li > a {
color: black;
}

.sm-simple > li > .highlighted {
color: #fff;
}

.sm-simple li li:hover,
.highlighted {
background-color: var(--primary-color) !important;
}

.sm-simple li li:hover > a,
.highlighted > a {
color: var(--yellow);
}

.sm-simple > li > a.highlighted {
color: var(--secondary-color);
}

.sm-simple li li a {
display: flex;
align-items: center;
justify-content: space-between;
padding-left: 15px;
}

.sm-simple ul {
border-radius: 15px;
}

.sm-simple ul li:first-child {
border-top-left-radius: 15px;
border-top-right-radius: 15px;
}

.sm-simple ul li:last-child {
border-bottom-left-radius: 15px;
border-bottom-right-radius: 15px;
}

.desk_megamenu li,
.desk_megamenu ul li,
.dotsMenu__item {
list-style: none;
}

dotsMenu,
.dotsMenu__text::before {
transform: translateY(-50%);
top: 50%;
}

.header-style .header__menu {
align-items: center;
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: center;
}

.header-style .header__menu > a {
text-decoration: none;
}

.header-style .header__menu > a i {
color: #fff;
font-size: 2.1em;
margin-inline-end: 20px;
}

.header-style .header__menu > a:hover i {
color: #ef5654;
}

.header-style .header__menu .sm-simple > li > a {
color: #fff;
font-size: 1.6em;
font-weight: 500;
}

.header-style .header__menu .sm-simple > li > a .niafam {
color: #fff;
font-family: niafam;
font-size: 1em;
margin-inline-start: 7px;
}

.header-style .header__menu .sm-simple > li > a .niafam::before {
content: "\e921";
}

.header-style .header__menu .sm-simple > li > a:hover {
text-shadow: 0 3px 15px rgba(33, 85, 205, 0.3);
}

.header-style .header__menu .sm-simple > li > a:hover .niafam {
color: #ffe55d;
}

.header-style .header__menu .sm-simple > li ul {
min-width: 14em !important;
}

.header-style .header__menu .sm-simple > li ul li span {
font-family: niafam;
transform: rotate(0);
}

.header-style .bg-white {
background: #fff;
border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #eb1e25;
border-style: solid;
border-width: 117px 0 0 70px;
height: 117px;
position: absolute;
inset-inline-start: 0;
top: 3px;
width: 545px;
}

.highlighted,
.sm-simple li li:hover {
background-color: var(--secondary-color) !important;
}

.mm-menu a,
.mm-menu a:active,
.mm-menu a:hover,
.mm-menu a:link,
.mm-menu a:visited {
font-size: 1em;
}

@media (max-width: 992.98px) {
.mm-wrapper_opening .mm-menu_position-bottom .sm,
.mm-wrapper_opening .mm-menu_position-front .sm,
.mm-wrapper_opening .mm-menu_position-top .sm {
display: flex !important;
flex-direction: column;
}
.mm-wrapper_opening .mm-menu_position-bottom .sm li.desk_megamenu-item,
.mm-wrapper_opening .mm-menu_position-front .sm li.desk_megamenu-item,
.mm-wrapper_opening .mm-menu_position-top .sm li.desk_megamenu-item {
align-items: center;
background: #fff;
display: flex;
justify-content: center;
padding: 10px 20px 10px 0;
text-align: center;
width: 100%;
}
.js-mega-desk_megamenu-categories-options ul.mm-listview {
line-height: 46px;
padding-inline-start: 10px;
}
.js-mega-desk_megamenu-categories-options ul.mm-listview a {
font-size: 1.4em;
}
}
[dir=rtl] .mm-listitem:after {
left: 0;
right: 0;
}

.js-mega-desk_megamenu-category {
color: var(--secondary-color) !important;
font-weight: 700;
line-height: 35px;
}

button.close {
background: rgba(0, 0, 0, 0);
border: none;
}

.st-menu,
.sticky_menu_item p {
background-color: var(--light-gray);
}

.alert.alert-info.fade.show {
border-radius: 5px;
margin-bottom: 15px;
padding: 30px 8px 12px;
}

.st-menu .btn-group a.btn {
border-inline-end: 0.5px solid #d4d4d4;
color: var(--primary-color);
font-family: "Vazir FD";
font-size: 1em;
text-decoration: none;
width: 33%;
font-family: pinar;
}

@media (max-width: 575px) {
header .container {
padding: 0;
width: 99% !important;
}
}
.desk_megamenu {
align-items: center;
display: flex;
height: 90px;
}

@media (max-width: 992.98px) {
.header-style {
height: 85px;
}
.header-style .logo__img {
height: 78px;
}
.header-style .bottom .col-12,
.header-style .bottom .container {
margin: 0;
padding: 0;
}
.header-style .bottom .mburger b {
background-color: var(--primary-color);
}
}
.accessibility {
z-index: 999999999999;
position: relative;
}

.accessibility i.niafam-settings-01 {
color: white;
}

.show__icon i {
color: white;
}

@media (max-width: 992.99px) {
.header__top.header-top, .header-bottom__inner {
padding: 0 10px;
}
}
.accessibility__menu {
z-index: 999 !important;
}

@media (max-width: 1850px) {
.header .header-top::before,
.header .header-bottom::before {
right: calc(100% - 8vw);
height: 70px;
}
.header .header-top::after,
.header .header-bottom::after {
left: calc(100% - 8vw);
height: 70px;
}
}
@media only screen and (min-width: 1440px) and (max-width: 1540px) {
.header .header-top::before,
.header .header-bottom::before {
right: calc(100% - 6vw);
}
.header .header-top::after,
.header .header-bottom::after {
left: calc(100% - 6vw);
}
}
@media (max-width: 1366px) {
.header .header-top::before,
.header .header-top::after,
.header .header-bottom::before,
.header .header-bottom::after {
display: none;
}
.link-card__icon img {
width: 54px;
height: 54px;
}
}
@media (max-width: 1365.98px) {
.scroll-nav-item {
width: 30px;
height: 30px;
}
}
#menu-1 .sec {
background-color: var(--light-gray) !important;
}

#menu-1 {
font-family: pinar;
}

#menu-1 .sec button:hover, .button-item:hover {
color: white "";
}

div#menu-1 {
z-index: 9999999 !important;
}

[dir=ltr] .sm-simple .sm-nowrap > li > a {
text-align: left;
}
.sm-simple .sm-nowrap > li > a span {
transform: rotate(90deg) !important;
}

div#menu-1 {
background-color: var(--secondary-color);
}
div#menu-1 a, div#menu-1 p, div#menu-1 span, div#menu-1 div {
font-family: iranSans;
font-weight: bold;
}
div#menu-1 a, div#menu-1 span, div#menu-1 div {
color: var(--blue);
}
div#menu-1 .classes_list .button-item {
background-color: white;
}
div#menu-1 .classes_list .button-item:hover,
div#menu-1 .text-customize button:hover {
background-color: white;
color: var(--green);
}
div#menu-1 .text-custom-info {
display: flex;
flex-flow: column wrap;
gap: 10px;
}
div#menu-1 .text-custom-info p {
color: white !important;
}
div#menu-1 .text-custom-info .item {
width: 100%;
}
div#menu-1 .text-custom-info .reset_color button {
background-color: white;
color: black;
font-weight: 700;
font-family: iranSans;
border: none;
padding: 10px;
border-radius: 5px;
}

:root {
--primary-color: #00297B;
--secondary-color: white;
--gray: #D2D2D2;
--black:#000000;
--dark-blue:#00194C;
--yellow:#D0A53D;
--light:#CCCCCC;
}
@font-face {
font-family: "nla";
src: url("/uploads/nlai/assets/fonts/nla.ttf") format("ttf"), url("/uploads/nlai/assets/fonts/nla.woff") format("woff"), url("/uploads/nlai/assets/fonts/nla.svg") format("svg");
font-weight: normal;
font-style: normal;
font-display: block;
}
[class^=niafam-], [class*=" niafam-"] {
font-family: "nla" !important;
speak: never;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
/* Better Font Rendering =========== */
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}

.niafam-email-1:before {
content: "\e95f";
}

.niafam-close:before {
content: "\e95a";
}

.niafam-mail1:before {
content: "\e95b";
}

.niafam-phone:before {
content: "\e95c";
}

.niafam-plus:before {
content: "\e95d";
}

.niafam-resume:before {
content: "\e95e";
}

.niafam-sla:before {
content: "\e955";
}

.niafam-guide:before {
content: "\e956";
}

.niafam-link:before {
content: "\e957";
}

.niafam-note:before {
content: "\e958";
}

.niafam-question:before {
content: "\e959";
}

.niafam-instagram1:before {
content: "\e949";
}

.niafam-interview:before {
content: "\e94a";
}

.niafam-online-chat .path1:before {
content: "\e94b";
color: rgb(0, 25, 76);
opacity: 0.928;
}

.niafam-online-chat .path2:before {
content: "\e94c";
margin-left: -0.98046875em;
color: rgb(0, 25, 76);
opacity: 0.898;
}

.niafam-online-chat .path3:before {
content: "\e94d";
margin-left: -0.98046875em;
color: rgb(0, 25, 76);
opacity: 0.898;
}

.niafam-online-chat .path4:before {
content: "\e94e";
margin-left: -0.98046875em;
color: rgb(0, 25, 76);
opacity: 0.894;
}

.niafam-online-chat .path5:before {
content: "\e94f";
margin-left: -0.98046875em;
color: rgb(0, 25, 76);
opacity: 0.934;
}

.niafam-online-chat .path6:before {
content: "\e950";
margin-left: -0.98046875em;
color: rgb(0, 25, 76);
opacity: 0.895;
}

.niafam-online-chat .path7:before {
content: "\e951";
margin-left: -0.98046875em;
color: rgb(0, 25, 76);
opacity: 0.935;
}

.niafam-share .path1:before {
content: "\e952";
color: rgb(0, 25, 76);
opacity: 0.928;
}

.niafam-share .path2:before {
content: "\e953";
margin-left: -0.98046875em;
color: rgb(0, 25, 76);
opacity: 0.924;
}

.niafam-share .path3:before {
content: "\e954";
margin-left: -0.98046875em;
color: rgb(0, 25, 76);
opacity: 0.935;
}

.niafam-bookshelf-1:before {
content: "\e948";
}

.niafam-arrow-down:before {
content: "\e947";
}

.niafam-accessibility:before {
content: "\e920";
}

.niafam-add:before {
content: "\e921";
}

.niafam-aparat:before {
content: "\e922";
}

.niafam-bale:before {
content: "\e923";
}

.niafam-bisphon:before {
content: "\e924";
}

.niafam-calendar1:before {
content: "\e925";
}

.niafam-down-arrow:before {
content: "\e926";
}

.niafam-eita:before {
content: "\e927";
}

.niafam-envelope-2:before {
content: "\e928";
}

.niafam-envelope:before {
content: "\e929";
}

.niafam-facebook:before {
content: "\e92a";
}

.niafam-fax:before {
content: "\e92b";
}

.niafam-gap:before {
content: "\e92c";
}

.niafam-home-page:before {
content: "\e92d";
}

.niafam-home:before {
content: "\e92e";
}

.niafam-instagram-2:before {
content: "\e92f";
}

.niafam-instagram:before {
content: "\e930";
}

.niafam-left-arrow1:before {
content: "\e931";
}

.niafam-linkedin:before {
content: "\e932";
}

.niafam-minus:before {
content: "\e933";
}

.niafam-phone-02:before {
content: "\e934";
}

.niafam-phone-03:before {
content: "\e935";
}

.niafam-phone-call:before {
content: "\e936";
}

.niafam-photo-camera:before {
content: "\e937";
}

.niafam-pin:before {
content: "\e938";
}

.niafam-play-button:before {
content: "\e939";
}

.niafam-play:before {
content: "\e93a";
}

.niafam-right-arrow1:before {
content: "\e93b";
}

.niafam-rss:before {
content: "\e93c";
}

.niafam-rubika:before {
content: "\e93d";
}

.niafam-search1:before {
content: "\e93e";
}

.niafam-sitemap:before {
content: "\e93f";
}

.niafam-soroush:before {
content: "\e940";
}

.niafam-telegram:before {
content: "\e941";
}

.niafam-time:before {
content: "\e942";
}

.niafam-twitter:before {
content: "\e943";
}

.niafam-up-arrow-2:before {
content: "\e944";
}

.niafam-video-camera:before {
content: "\e945";
}

.niafam-whatsapp:before {
content: "\e946";
}

.niafam-bell-1:before {
content: "\e900";
}

.niafam-books1:before {
content: "\e901";
}

.niafam-boook:before {
content: "\e902";
}

.niafam-button-arrow-big:before {
content: "\e903";
}

.niafam-calendar:before {
content: "\e904";
}

.niafam-call:before {
content: "\e905";
}

.niafam-digitalization:before {
content: "\e906";
}

.niafam-graduation:before {
content: "\e907";
}

.niafam-Group:before {
content: "\e908";
}

.niafam-left-arrow:before {
content: "\e909";
}

.niafam-library2:before {
content: "\e90a";
}

.niafam-logn-arrow-left:before {
content: "\e90b";
}

.niafam-mail:before {
content: "\e90c";
}

.niafam-mapp:before {
content: "\e90d";
}

.niafam-microscope:before {
content: "\e90e";
}

.niafam-office-building1-1:before {
content: "\e90f";
}

.niafam-open--book:before {
content: "\e910";
}

.niafam-right-arrow:before {
content: "\e911";
}

.niafam-search:before {
content: "\e912";
}

.niafam-telephoon:before {
content: "\e913";
}

.niafam-univercity:before {
content: "\e914";
}

.niafam-Vector-1:before {
content: "\e915";
}

.niafam-Vector:before {
content: "\e916";
}

.niafam-books:before {
content: "\e917";
}

.niafam-ebook:before {
content: "\e918";
}

.niafam-buldings:before {
content: "\e919";
}

.niafam-box:before {
content: "\e91a";
}

.niafam-online-class:before {
content: "\e91b";
}

.niafam-online-learning2-1:before {
content: "\e91c";
}

.niafam-open-book:before {
content: "\e91d";
}

.niafam-chair:before {
content: "\e91e";
}

.niafam-webinar:before {
content: "\e91f";
}

/*! Flickity v2.2.1
https://flickity.metafizzy.co
---------------------------------------------- */
.flickity-enabled {
position: relative;
}

.flickity-enabled:focus {
outline: 0;
}

.flickity-viewport {
overflow: hidden;
position: relative;
height: 100%;
}

.flickity-slider {
position: absolute;
width: 100%;
height: 100%;
}

.flickity-enabled.is-draggable {
-webkit-tap-highlight-color: transparent;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}

.flickity-enabled.is-draggable .flickity-viewport {
cursor: move;
cursor: -webkit-grab;
cursor: grab;
}

.flickity-enabled.is-draggable .flickity-viewport.is-pointer-down {
cursor: -webkit-grabbing;
cursor: grabbing;
}

.flickity-button {
position: absolute;
background: hsla(0, 0%, 100%, 0.75);
border: none;
color: #333;
}

.flickity-button:hover {
background: #fff;
cursor: pointer;
}

.flickity-button:focus {
outline: 0;
box-shadow: 0 0 0 5px #19f;
}

.flickity-button:active {
opacity: 0.6;
}

.flickity-button:disabled {
opacity: 0.3;
cursor: auto;
pointer-events: none;
}

.flickity-button-icon {
fill: currentColor;
}

.flickity-prev-next-button.previous {
left: 10px;
}

.flickity-prev-next-button.next {
right: 10px;
}

.flickity-rtl .flickity-prev-next-button.previous {
left: auto;
right: 10px;
}

.flickity-rtl .flickity-prev-next-button.next {
right: auto;
left: 10px;
}

.flickity-prev-next-button .flickity-button-icon {
position: absolute;
left: 20%;
top: 20%;
width: 60%;
height: 60%;
}

.flickity-page-dots {
position: absolute;
width: 100%;
bottom: -25px;
padding: 0;
margin: 0;
list-style: none;
text-align: center;
line-height: 1;
}

.flickity-rtl .flickity-page-dots {
direction: rtl;
}

.flickity-page-dots .dot {
display: inline-block;
width: 10px;
height: 10px;
margin: 0 8px;
background: #333;
border-radius: 50%;
opacity: 0.25;
cursor: pointer;
}

.flickity-page-dots .dot.is-selected {
opacity: 1;
}

/* flickity-fade */
.flickity-enabled.is-fade .flickity-slider > * {
pointer-events: none;
z-index: 0;
}

.flickity-enabled.is-fade .flickity-slider > .is-selected {
pointer-events: auto;
z-index: 1;
}

.text__blue {
color: var(--primary-color);
}
.text__white {
color: var(--secondary-color);
}
.text__black {
color: var(--black);
}
.text__gray {
color: var(--gray);
}
.text__dark_blue {
color: var(--dark-blue);
}
.text__yellow {
color: var(--yellow);
}
.text__light_gray {
color: var(--light);
}
.text__9 {
font-size: 0.5625em;
font-size: clamp(0.5625em, 0.5625em + 0vw, 0.5625em);
}
.text__10 {
font-size: 0.625em;
font-size: clamp(0.625em, 0.625em + 0vw, 0.625em);
}
.text__11 {
font-size: 0.6875em;
}
.text__12 {
font-size: 0.75em;
}
.text__13 {
font-size: 0.8125em;
}
.text__14 {
font-size: 0.75em;
font-size: clamp(0.75em, 0.725em + 0.125vw, 0.875em);
}
.text__15 {
font-size: 0.8125em;
font-size: clamp(0.8125em, 0.7875em + 0.125vw, 0.9375em);
}
.text__16 {
font-size: 0.875em;
font-size: clamp(0.875em, 0.85em + 0.125vw, 1em);
}
.text__17 {
font-size: 0.9375em;
font-size: clamp(0.9375em, 0.9125em + 0.125vw, 1.0625em);
}
.text__18 {
font-size: 1em;
font-size: clamp(1em, 0.975em + 0.125vw, 1.125em);
}
.text__19 {
font-size: 1.0625em;
font-size: clamp(1.0625em, 1.0375em + 0.125vw, 1.1875em);
}
.text__20 {
font-size: 1.125em;
font-size: clamp(1.125em, 1.1em + 0.125vw, 1.25em);
}
.text__22 {
font-size: 1.25em;
font-size: clamp(1.25em, 1.225em + 0.125vw, 1.375em);
}
.text__24 {
font-size: 1.375em;
font-size: clamp(1.375em, 1.35em + 0.125vw, 1.5em);
}
.text__25 {
font-size: 1.4375em;
font-size: clamp(1.4375em, 1.4125em + 0.125vw, 1.5625em);
}
.text__26 {
font-size: 1.375em;
font-size: clamp(1.375em, 1.325em + 0.25vw, 1.625em);
}
.text__28 {
font-size: 1.5em;
font-size: clamp(1.5em, 1.45em + 0.25vw, 1.75em);
}
.text__30 {
font-size: 1.625em;
font-size: clamp(1.625em, 1.575em + 0.25vw, 1.875em);
}
.text__32 {
font-size: 1.75em;
font-size: clamp(1.75em, 1.7em + 0.25vw, 2em);
}
.text__36 {
font-size: 2em;
font-size: clamp(2em, 1.95em + 0.25vw, 2.25em);
}
.text__40 {
font-size: 2.25em;
font-size: clamp(2.25em, 2.2em + 0.25vw, 2.5em);
}
.text__42 {
font-size: 2.25em;
font-size: clamp(2.25em, 2.175em + 0.375vw, 2.625em);
}
.text__48 {
font-size: 2.75em;
font-size: clamp(2.75em, 2.7em + 0.25vw, 3em);
}
.text__50 {
font-size: 2.875em;
font-size: clamp(2.875em, 2.825em + 0.25vw, 3.125em);
}
.text__black_w {
font-weight: 900;
}
.text__extra_b {
font-weight: 800;
}
.text__bold {
font-weight: 700;
}
.text__semi_b {
font-weight: 600;
}
.text__medium {
font-weight: 500;
}
.text__regular {
font-weight: 400;
}
.text__light {
font-weight: 300;
}
.text__light_u {
font-weight: 200;
}

.line-clamp__1 {
display: -webkit-box !important;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
overflow: hidden;
}
.line-clamp__2 {
display: -webkit-box !important;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
}
.line-clamp__3 {
display: -webkit-box !important;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
}
.line-clamp__4 {
display: -webkit-box;
-webkit-line-clamp: 4;
-webkit-box-orient: vertical;
overflow: hidden;
}
.line-clamp__5 {
display: -webkit-box;
-webkit-line-clamp: 5;
-webkit-box-orient: vertical;
overflow: hidden;
}
.line-clamp__6 {
display: -webkit-box;
-webkit-line-clamp: 6;
-webkit-box-orient: vertical;
overflow: hidden;
}
.line-clamp__7 {
display: -webkit-box;
-webkit-line-clamp: 7;
-webkit-box-orient: vertical;
overflow: hidden;
}
.line-clamp__8 {
display: -webkit-box;
-webkit-line-clamp: 8;
-webkit-box-orient: vertical;
overflow: hidden;
}
.line-clamp__9 {
display: -webkit-box;
-webkit-line-clamp: 9;
-webkit-box-orient: vertical;
overflow: hidden;
}

.cover-link {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
z-index: 999;
}

.flex__column {
display: flex;
flex-wrap: wrap;
flex-direction: column;
}
.flex__row {
display: flex;
flex-wrap: wrap;
flex-direction: row;
align-items: center;
}
.flex__center {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}

.gap__4 {
gap: 4px;
}
.gap__5 {
gap: 5px;
}
.gap__6 {
gap: 6px;
}
.gap__7 {
gap: 7px;
}
.gap__8 {
gap: 8px;
}
.gap__10 {
gap: 10px;
}
.gap__12 {
gap: 12px;
}
.gap__14 {
gap: 14px;
}
.gap__15 {
gap: 15px;
}
.gap__16 {
gap: 16px;
}
.gap__20 {
gap: 20px;
}
.gap__25 {
gap: 25px;
}
.gap__30 {
gap: 30px;
}
.gap__40 {
gap: 40px;
}
.gap__60 {
gap: 60px;
}

.border__radius_5 {
border-radius: 5px;
}
.border__radius_8 {
border-radius: 8px;
}
.border__radius_10 {
border-radius: 10px;
}
.border__radius_15 {
border-radius: 15px;
}
.border__radius_20 {
border-radius: 20px;
}
.border__radius_25 {
border-radius: 25px;
}
.border__radius_30 {
border-radius: 30px;
}

.img-box {
position: relative;
overflow: hidden;
}
.img-box img {
min-width: 100%;
min-height: 100%;
max-width: 100%;
max-height: 100%;
object-fit: cover;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
transition: 0.3s;
}

a {
cursor: pointer;
transition: all 0.2s linear;
}

.row-reverse {
flex-direction: row-reverse;
}

body {
font-family: vazir;
background: rgb(254, 251, 246);
}

@media (max-width: 1460.98px) {
.container {
max-width: 81%;
}
}
@media (max-width: 1360.98px) {
.container {
max-width: 85%;
}
}
@media (max-width: 1200.98px) {
.container {
max-width: 90%;
}
}
@media (max-width: 1100.98px) {
.container {
max-width: 95%;
}
}
@media (min-width: 1460px) {
.container {
max-width: 1290px;
}
}
.container {
margin: 0 auto;
}

.img-box img {
transition: 0.5s;
}

@media (max-width: 1080px) {
.text__11 {
font-size: 10px;
}
.text__12 {
font-size: 0.635em;
font-size: clamp(0.635em, 0.635em + 0vw, 0.635em);
}
.text__13 {
font-size: 0.6875em;
}
.text__14 {
font-size: 0.75em;
}
.text__15 {
font-size: 0.8125em;
}
.text__16 {
font-size: 0.75em;
font-size: clamp(0.75em, 0.725em + 0.125vw, 0.875em);
}
.text__17 {
font-size: 0.8125em;
font-size: clamp(0.8125em, 0.7875em + 0.125vw, 0.9375em);
}
.text__18 {
font-size: 0.875em;
font-size: clamp(0.875em, 0.85em + 0.125vw, 1em);
}
.text__19 {
font-size: 0.9375em;
font-size: clamp(0.9375em, 0.9125em + 0.125vw, 1.0625em);
}
.text__20 {
font-size: 1em;
font-size: clamp(1em, 0.975em + 0.125vw, 1.125em);
}
.text__22 {
font-size: 1.125em;
font-size: clamp(1.125em, 1.1em + 0.125vw, 1.25em);
}
.text__24 {
font-size: 1.25em;
font-size: clamp(1.25em, 1.225em + 0.125vw, 1.375em);
}
.text__26 {
font-size: 1.375em;
font-size: clamp(1.375em, 1.35em + 0.125vw, 1.5em);
}
.text__28 {
font-size: 1.375em;
font-size: clamp(1.375em, 1.325em + 0.25vw, 1.625em);
}
.text__30 {
font-size: 1.5em;
font-size: clamp(1.5em, 1.45em + 0.25vw, 1.75em);
}
.text__32 {
font-size: 1.625em;
font-size: clamp(1.625em, 1.575em + 0.25vw, 1.875em);
}
}
.chat {
display: flex;
align-items: center;
justify-content: center;
gap: 13px;
right: -30px;
position: fixed;
z-index: 9999999;
top: 70%;
transform: rotate(-90deg);
}
@media (max-width: 992.98px) {
.chat {
right: 10px;
}
}
.chat .niafam {
width: 56px;
height: 56px;
background-color: #FFCD4C;
border-radius: 100%;
display: flex;
align-items: center;
justify-content: center;
color: #374957;
transition: 0.5s;
}
.chat p {
line-height: 28px;
opacity: 0;
transition: 0.3s;
visibility: hidden;
}
@media (max-width: 992px) {
.chat p {
display: none;
}
}
.chat:hover p {
opacity: 1;
visibility: visible;
}
.chat:hover .niafam {
background-color: var(--secondary-color);
color: white;
}

.header__top {
background-color: var(--dark-blue);
padding: 5px 0;
position: relative;
z-index: 9999;
}
@media (max-width: 768px) {
.header__top-right {
padding: 6px 0;
}
}
.header__top-right .niafam {
margin-inline-end: 5px;
}
@media (max-width: 768px) {
.header__top-right .niafam {
display: none;
}
}
.header__top-right > p {
margin-inline-end: 12px;
}
@media (max-width: 768px) {
.header__top-right > p {
margin-inline-end: 6px;
font-size: 12px;
}
}
.header__top-right .announcement-slider {
min-width: 333px;
}
@media (max-width: 420px) {
.header__top-right .announcement-slider {
min-width: 290px;
}
}
@media (max-width: 380px) {
.header__top-right .announcement-slider {
min-width: 270px;
}
}
.header__top-right .announcement-slider-slide {
width: 100%;
position: relative;
}
.header__top-right .announcement-slider-slide p {
transition: color 0.5s ease;
}
@media (max-width: 480px) {
.header__top-right .announcement-slider-slide p {
font-size: 12px;
}
}
.header__top-right .announcement-slider-slide:hover p {
color: var(--yellow);
line-height: 22px;
}
.header__top-left {
margin-inline-start: auto;
}
.header__top-left .action-button {
padding: 6px 15px 7px 15px;
border: 1px solid white;
border-radius: 5px;
line-height: 25px;
transition: transform 0.2s ease, box-shadow 0.2s ease;
}
.header__top-left .action-button:hover {
transform: scale(1.03);
box-shadow: 0 2px 8px rgba(255, 255, 255, 0.2);
}
@media (max-width: 768px) {
.header__top-left .action-button {
padding: 4px;
font-size: 0.73em;
font-size: clamp(0.73em, 0.705em + 0.125vw, 0.845em);
}
}
@media (max-width: 768px) {
.header__top-left {
display: none;
}
}
.header__middle {
padding-top: 5px;
padding-bottom: 39px;
position: relative;
overflow: hidden;
}
.header__middle::after {
content: "";
position: absolute;
top: -5px;
left: -5px;
width: calc(100% + 10px);
height: calc(100% + 10px);
background-image: url(/uploads/nlai/assets/img/bg__book.webp);
background-size: cover;
background-repeat: no-repeat;
background-position: center;
z-index: 99;
animation: softMove 2s ease-in-out infinite alternate;
}
@keyframes softMove {
0% {
transform: translate(0px, 0px);
}
50% {
transform: translate(2px, -2px);
}
100% {
transform: translate(0px, 0px);
}
}
.header__middle .container {
position: relative;
z-index: 999;
}
.header__middle--right .slogan__text {
padding-bottom: 10px;
border-bottom: 1px solid var(--yellow);
}
.header__middle--right .slogan__date {
margin-top: 10px;
}
.header__middle--right .show___mobile {
display: none;
}
@media (max-width: 992.98px) {
.header__middle--right .show___mobile {
display: block;
}
.header__middle--right .slogan {
display: none;
}
}
.header__middle--center {
position: relative;
margin-inline-end: auto;
margin-inline-start: auto;
max-height: 100px;
}
.header__middle--center .header__logo {
max-height: 100px;
width: auto;
}
@media (max-width: 992.98px) {
.header__middle--center {
max-height: 85px;
position: absolute;
left: 50%;
transform: translateX(-50%);
}
.header__middle--center .header__logo {
max-height: 85px;
}
}
.header__middle-links {
padding: 9px 18px;
border: 1px solid var(--primary-color);
gap: 15px;
border-radius: 5px;
}
@media (max-width: 768px) {
.header__middle-links {
padding: 4px 9px;
}
}
.header__middle-links a {
max-height: 20px;
transition: transform 0.2s ease, color 0.5s ease;
}
.header__middle-links a:hover {
transform: scale(1.02);
color: var(--yellow);
}
@media (max-width: 768px) {
.header__middle-links a:nth-child(3), .header__middle-links a:nth-child(4) {
display: none;
}
}
@media (max-width: 992.98px) {
.header__middle--left {
margin-inline-start: auto;
}
}
@media (max-width: 992.98px) {
.header__middle {
padding-bottom: 8px;
}
.header__middle .container {
height: 90px;
align-items: center;
}
}
.header__bottom {
position: relative;
z-index: 999;
}
.header__bottom .container {
position: absolute;
top: -34px;
left: 50%;
transform: translateX(-50%);
height: 75px;
width: 100%;
}
.header__bottom .container .main-nav {
width: 100%;
background-color: var(--dark-blue);
display: flex;
align-items: center;
justify-content: center;
border-radius: 15px;
}
@media (max-width: 992.98px) {
.header__bottom {
display: none;
}
}

.search-area {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 100%;
height: 100vh;
position: fixed;
top: 0;
inset-inline-start: 0;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
z-index: 10000;
background-color: rgba(26, 26, 37, 0.8666666667);
visibility: hidden;
opacity: 0;
-webkit-transition: 0.5s;
transition: 0.5s;
}

.search-area--opened {
visibility: visible;
opacity: 1;
}

.search-area__close-btn {
color: #fff;
cursor: pointer;
font-size: 60px;
position: absolute;
inset-inline-start: 45px;
top: 20px;
}

.search-area__close-btn i {
color: #000;
}

.search-area__form {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
width: 50%;
margin: 80px 0;
-webkit-transition: 0.5s;
transition: 0.5s;
}

@media (max-width: 992px) {
.search-area__form {
width: 90%;
}
}
.search-area__input {
border-width: 0 0 2px 0;
border-radius: 0;
font-size: 28px;
padding: 10px 0;
font-family: "iranSans";
border-color: #fff;
font-weight: 700;
margin-bottom: 20px;
background-color: transparent;
opacity: 1;
color: #fff;
margin-bottom: 20px;
}

.search-area__input:focus {
border: none;
outline: none;
border-bottom: 1px solid white;
}

.search-area__input::-webkit-input-placeholder {
opacity: 1;
color: #fff;
}

.search-area__input:-ms-input-placeholder {
opacity: 1;
color: #fff;
font-family: "iranSans";
}

.search-area__input::-ms-input-placeholder {
opacity: 1;
color: #fff;
}

.search-area__input::placeholder {
opacity: 1;
color: #fff;
font-family: "vazir";
}

.search-area__text {
color: #fff;
font-family: "vazir";
}

.fixed {
position: fixed;
left: 0;
margin-top: 0;
padding-bottom: 5px;
right: 0;
z-index: 9999;
height: fit-content;
}
@media (min-width: 992.98px) {
.fixed {
top: 40px;
}
}
.fixed .container {
box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
}
@media (max-width: 992.98px) {
.fixed {
top: 0;
background: #eff3f4;
height: 76px;
}
.fixed .container {
height: 100%;
}
.fixed .header__middle--center img {
max-height: 60px;
}
}

@media (max-width: 768px) {
.header_main .logo {
min-height: 60px;
aspect-ratio: 90/60;
}
.header_main .logo_title svg {
height: 45px;
width: 154px;
}
.header_main .logo_title .title_en {
letter-spacing: -0.28px;
}
}
html {
scroll-behavior: smooth;
position: relative;
}

p,
h1,
h2,
h3,
h4,
h5,
a,
span,
div,
* {
text-align: start;
margin: 0;
}

*,
::after,
::before {
box-sizing: border-box;
}

body {
text-align: start;
margin: 0;
position: relative;
background-color: #EFF3F4;
}

ul {
list-style: none;
padding-inline-start: 0;
}

.wrapper {
overflow: hidden;
position: relative;
min-height: 100vh;
}

a {
text-decoration: none;
transition: all 0.5s linear;
display: inline-block;
}
a:hover {
text-decoration: none;
}

form {
position: relative;
}
form .form-control {
background: rgba(255, 255, 255, 0.1);
border: 1px solid var(--secondary-color);
border-radius: 100px;
width: 150px;
height: 30px;
}
form i {
border-radius: 50%;
background: rgba(255, 255, 255, 0.15);
display: flex;
justify-content: center;
align-items: center;
position: absolute;
}
form input {
font-size: 0.625em;
font-size: clamp(0.625em, 0.6em + 0.125vw, 0.75em);
padding-inline-start: 10px;
}
form input::placeholder {
color: white;
font-size: 0.625em;
font-size: clamp(0.625em, 0.6em + 0.125vw, 0.75em);
}

.wrapper,
.main-container,
section,
.footer {
position: relative;
z-index: 2;
}

@keyframes progress-fill {
0% {
width: 0%;
}
100% {
width: 100%;
}
}
@keyframes bounce {
0%, 100% {
transform: translate(-50%, 0);
}
50% {
transform: translate(-50%, -10px);
}
}
.date {
transition: 0.5s;
}

.head h2 {
margin-bottom: 15px;
text-align: center;
}
@media (max-width: 768px) {
.head h2 {
margin-bottom: 6px;
}
}
.head__icon {
gap: 5px;
justify-content: center;
}
.head__icon span {
height: 1px;
width: 150px;
background-color: var(--yellow);
}
@media (max-width: 400px) {
.head__icon span {
width: 120px;
}
}
.head__icon .niafam {
font-size: 25px;
color: var(--yellow);
}

@keyframes wobbleShelf {
0% {
transform: translateX(0) rotate(0deg);
}
25% {
transform: translateX(-10px) rotate(-5deg);
}
50% {
transform: translateX(10px) rotate(5deg);
}
75% {
transform: translateX(-5px) rotate(-2deg);
}
100% {
transform: translateX(0) rotate(0deg);
}
}
.sec_slider {
width: 100%;
}
@media (min-width: 1360px) {
.sec_slider {
height: 658px !important;
}
.sec_slider .flickity-viewport {
height: 658px !important;
}
}
.sec_slider_item {
position: relative;
height: 100%;
width: 100%;
}
.sec_slider_item .img-box {
aspect-ratio: 1920/658;
width: 100%;
min-height: 100%;
}
@media (max-width: 1440px) {
.sec_slider_item .img-box {
aspect-ratio: 1440/600;
}
}
@media (max-width: 1200px) {
.sec_slider_item .img-box {
aspect-ratio: 1200/580;
}
}
@media (max-width: 1080px) {
.sec_slider_item .img-box {
aspect-ratio: 1080/540;
}
}
@media (max-width: 992px) {
.sec_slider_item .img-box {
aspect-ratio: 992/440;
}
}
@media (max-width: 768px) {
.sec_slider_item .img-box {
aspect-ratio: 768/380;
}
}
@media (max-width: 620px) {
.sec_slider_item .img-box {
aspect-ratio: 620/320;
}
}
@media (max-width: 480px) {
.sec_slider_item .img-box {
aspect-ratio: 480/280;
}
}
.sec_slider .flickity-button {
top: 261px;
width: 48px;
height: 48px;
background-color: var(--yellow);
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
transition: 0.3s ease;
}
.sec_slider .flickity-button .niafam {
font-size: 21px;
color: #F0F0F0;
}
.sec_slider .flickity-button:hover {
filter: brightness(0.9);
}
@media (max-width: 992.98px) {
.sec_slider .flickity-button {
display: none;
}
}
.sec_slider .flickity-button.previous {
inset-inline-start: 60px;
}
[dir=ltr] .sec_slider .flickity-button.previous .niafam {
transform: rotate(180deg);
}
.sec_slider .flickity-button.next {
inset-inline-end: 60px;
}
[dir=rtl] .sec_slider .flickity-button.next .niafam {
transform: rotate(180deg);
}
.sec_filterBox {
position: relative;
}
.sec_filterBox .container {
background-color: var(--dark-blue);
border-radius: 15px;
position: absolute;
top: -77px;
left: 50%;
transform: translateX(-50%);
width: 100%;
gap: 40px;
align-items: center;
justify-content: center;
display: flex;
padding-top: 30px;
height: 310px;
}
@media (max-width: 1080.98px) {
.sec_filterBox .container {
top: 0;
position: relative;
margin: 30px auto;
transform: none;
left: 0;
right: 0;
}
}
@media (max-width: 992.98px) {
.sec_filterBox .container {
gap: 30px;
padding: 30px;
height: fit-content;
}
}
.sec_filterBox .container .img__box {
aspect-ratio: 152/152;
max-width: 152px;
animation: wobbleShelf 5s ease-in-out infinite;
transform-origin: center center;
}
.sec_filterBox .container .img__box .niafam {
font-size: 152px;
color: white;
}
@media (max-width: 992px) {
.sec_filterBox .container .img__box {
max-width: 15%;
aspect-ratio: 120/120;
}
.sec_filterBox .container .img__box .niafam {
font-size: 120px;
}
}
@media (max-width: 768.98px) {
.sec_filterBox .container .img__box {
display: none;
}
}
.sec_filterBox .container .filter-box {
max-width: 780px;
width: calc(100% - 152px - 40px);
}
@media (max-width: 1100px) {
.sec_filterBox .container .filter-box {
max-width: 720px;
}
}
@media (max-width: 1020px) {
.sec_filterBox .container .filter-box {
max-width: 680px;
}
}
@media (max-width: 992px) {
.sec_filterBox .container .filter-box {
max-width: 83%;
width: calc(85% - 30px);
}
}
@media (max-width: 768.98px) {
.sec_filterBox .container .filter-box {
max-width: 100%;
width: 100%;
}
}
.sec_filterBox .container .filter-box > p {
text-align: center;
margin-bottom: 20px;
}
.sec_filterBox .container .filter-box .search-box {
position: relative;
border-radius: 20px;
height: 50px;
overflow: hidden;
margin-bottom: 15px;
}
.sec_filterBox .container .filter-box .search-box .icon__search {
position: absolute;
background-color: var(--yellow);
color: var(--primary-color);
font-size: 25px;
padding: 12px 18px;
top: 0;
bottom: 0;
inset-inline-start: 0;
}
@media (max-width: 992px) {
.sec_filterBox .container .filter-box .search-box .icon__search {
font-size: 20px;
}
}
.sec_filterBox .container .filter-box .search-box input {
width: 100%;
height: 100%;
border: none;
background-color: rgba(217, 217, 217, 0.4);
padding-inline-start: 80px;
font-size: 1em;
font-weight:bold;
color:white;
}
.sec_filterBox .container .filter-box .search-box input::placeholder {
font-size: 1em;
font-weight: medium;
color: white;
font-family: vazir;
}
@media (max-width: 992px) {
.sec_filterBox .container .filter-box .search-box input {
font-size: 14px;
}
.sec_filterBox .container .filter-box .search-box input::placeholder {
font-size: 13px;
}
}
.sec_filterBox .container .filter-box .dropdown ,.sec_filterBox .container .filter-box .custom-dropdown {
position: relative;
margin-bottom: 15px;
width: calc(50% - 8px);
}
.sec_filterBox .container .filter-box .dropdown-box , .sec_filterBox .container .filter-box .custom-dropdown-selected {
gap: 16px;
}
@media (max-width: 580px) {
.sec_filterBox .container .filter-box .dropdown , .sec_filterBox .container .filter-box .custom-dropdown{
width: 100%;
margin-bottom: 0;
}
}
.sec_filterBox .container .filter-box .dropdown-selected , .sec_filterBox .container .filter-box .custom-dropdown-selected {
border: none;
padding-inline-start: 25px;
cursor: pointer;
position: relative;
background-color: rgba(217, 217, 217, 0.4);
border-radius: 20px;
color: white;
height: 50px;
font-size: 1em;
font-weight: medium;
display: flex;
align-items: center;
}
@media (max-width: 992px) {
.sec_filterBox .container .filter-box .dropdown-selected , .sec_filterBox .container .filter-box .custom-dropdown-selected {
font-size: 0.813em;
}
}
.sec_filterBox .container .filter-box .dropdown-selected::after , .sec_filterBox .container .filter-box .custom-dropdown-selected::after{
content: "\e947";
font-family: nla;
position: absolute;
inset-inline-end: 25px;
top: 50%;
transform: translateY(-50%);
font-size: 0.625em;
}
@media (max-width: 992px) {
.sec_filterBox .container .filter-box .dropdown-selected::after , .sec_filterBox .container .filter-box .custom-dropdown-selected::after {
font-size: 0.438em;
}
}
.sec_filterBox .container .filter-box .dropdown-items , .sec_filterBox .container .filter-box .custom-dropdown-items {
position: absolute;
top: 97%;
width: 95%;
left: 50%;
transform: translateX(-50%);
border-top: none;
border-radius: 0 0 15px 15px;
z-index: 10;
display: none;
color: white;
overflow: hidden;
animation: slideDown 0.3s ease;
}
.custom-dropdown.active .custom-dropdown-items {
display: block;
animation: slideDown 0.3s ease;
}
.sec_filterBox .container .filter-box .dropdown-items div , .sec_filterBox .container .filter-box .custom-dropdown-items div{
padding: 10px 15px 10px 10px;
cursor: pointer;
border-bottom: 1px solid #5d6a8b;
background-color: #7786a8;
transition: 0.4s;
}
.sec_filterBox .container .filter-box .dropdown-items div:last-child , .sec_filterBox .container .filter-box .custom-dropdown-items div:last-child {
border-bottom: none;
}
.sec_filterBox .container .filter-box .dropdown-items div:hover  , .sec_filterBox .container .filter-box .custom-dropdown-items div:hover{
transform: scale(1.03);
background-color: #576585;
}
.sec_services_desk {
padding-top: 280px;
}
@media (max-width: 1080.98px) {
.sec_services_desk {
padding-top: 15px;
}
}
.sec_services_desk_list {
margin-top: 40px;
width: 100%;
}
.sec_services_desk_list_item {
margin-inline-end: 24.8px;
position: relative;
}
[dir=ltr] .sec_services_desk_list_item {
margin-inline-end: 22.8px;
}
.sec_services_desk_list_item:first-child {
padding-inline-start: 12px;
}
.sec_services_desk_list_item:nth-child(8) {
padding-inline-end: 10px;
}
@media (max-width: 1559.98px) {
.sec_services_desk_list_item {
width: calc(14.2857142857% - 24px);
}
.sec_services_desk_list_item:first-child {
padding-inline-start: 0;
}
.sec_services_desk_list_item:nth-child(8) {
padding-inline-end: 0;
}
}
@media (max-width: 1360.98px) {
.sec_services_desk_list_item {
margin-inline-end: 15px;
width: calc(20% - 12px);
}
}
@media (max-width: 1020.98px) {
.sec_services_desk_list_item {
width: calc(20% - 16px);
}
}
@media (max-width: 700.98px) {
.sec_services_desk_list_item {
margin-inline-end: 10px;
width: calc(25% - 10px);
}
}
@media (max-width: 560.98px) {
.sec_services_desk_list_item {
width: calc(33.3333333333% - 10px);
}
}
@media (max-width: 420.98px) {
.sec_services_desk_list_item {
width: calc(50% - 10px);
}
}
.sec_services_desk_list_item h4 {
transition: 0.8s;
}
@media (max-width: 820.98px) {
.sec_services_desk_list_item h4 {
font-size: 14px;
}
}
.sec_services_desk_list_item .circle_box {
width: 135px;
height: 135px;
background: #FFFFFF;
box-shadow: 0px 15px 30px rgba(0, 0, 0, 0.15);
margin-bottom: 20px;
border-radius: 50%;
transition: 0.8s;
}
.sec_services_desk_list_item .circle_box img {
width: 70px;
height: 70px;
}
.sec_services_desk_list_item .circle_box .niafam {
font-size: 70px;
transition: 0.8s;
}
@media (max-width: 820.98px) {
.sec_services_desk_list_item .circle_box {
width: 100px;
height: 100px;
}
.sec_services_desk_list_item .circle_box img {
width: 45px;
height: 45px;
}
.sec_services_desk_list_item .circle_box .niafam {
font-size: 45px;
}
}
.sec_services_desk_list_item:hover .circle_box {
background: linear-gradient(180deg, #34B8C0 0%, #6F51C7 100%);
}
.sec_services_desk_list_item:hover .circle_box .niafam {
color: white;
}
.sec_services_desk_list_item:hover h4 {
color: var(--primary-color);
}
.sec_services_desk .flex__row .sec_services_desk_list_item {
padding: 0 !important;
}
.sec_services_desk .content-display-box {
position: fixed;
min-width: 100%;
border-radius: 15px;
margin-top: 40px;
display: none;
overflow: hidden;
position: relative;
min-height: 200px;
padding: 0 90px;
align-items: center;
border: 1px solid #105665;
box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.1);
}
.sec_services_desk .content-display-box::before, .sec_services_desk .content-display-box::after {
content: "";
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
width: 100%;
height: 100%;
}
.sec_services_desk .content-display-box::before {
background-color: var(--primary-color);
}
.sec_services_desk .content-display-box::after {
background-image: url("/uploads/nlai/assets/img/bg_services_desk.png");
background-size: cover;
background-repeat: no-repeat;
}
.sec_services_desk .content-display-box .content-body {
z-index: 99;
}
.sec_services_desk .content-display-box .content-body ul {
position: relative;
display: flex;
align-items: center;
justify-content: center;
gap: 35px 72px;
}
.sec_services_desk .content-display-box .content-body li {
font-weight: 500;
font-size: 0.75em;
font-size: clamp(0.75em, 0.725em + 0.125vw, 0.875em);
color: white;
display: flex;
align-items: center;
}
.sec_services_desk .content-display-box .content-body li .niafam {
margin-inline-end: 5px;
font-size: 10px;
}
.sec_services_desk #contentBox {
display: none;
}
.sec_services_desk #contentBox.flex-mode {
display: flex;
}
.sec_services_desk .sec_services_desk_list_item:before {
content: "";
position: absolute;
bottom: -60px;
left: 50%;
transform: translateX(-50%);
border-inline-end: 17.5px solid transparent;
border-inline-start: 17.5px solid transparent;
border-bottom: 17.5px solid transparent;
transition: all 0.3s ease;
}
.sec_services_desk .sec_services_desk_list_item.active:before {
border-inline-end: 35px solid transparent;
border-inline-start: 35px solid transparent;
border-bottom: 35px solid #013C86;
}
.sec_links {
margin-top: 60px;
}
@media (max-width: 768px) {
.sec_links {
margin-top: 30px;
}
}
.sec_links .container {
align-items: start;
gap: 60px;
}
@media (max-width: 1460.98px) {
.sec_links .container {
align-items: center;
gap: 30px;
}
}
@media (max-width: 1200.98px) {
.sec_links .container {
gap: 15px;
}
}
@media (max-width: 1080.98px) {
.sec_links .container {
padding-top: 12px;
}
}
.sec_links .container .flickity-page-dots {
bottom: -10px;
}
.sec_links .container .flickity-page-dots .dot {
width: 10px;
background-color: #cccccc;
height: 2px;
border-radius: 4px;
opacity: 1;
margin: 0 2px;
}
.sec_links .container .flickity-page-dots .dot.is-selected {
width: 20px;
background-color: var(--yellow);
}
.sec_links_left {
flex: 1 0 300px;
max-width: 300px;
}
@media (max-width: 1460.98px) {
.sec_links_left {
flex: 1 0 260px;
max-width: 260px;
}
}
@media (max-width: 1080.98px) {
.sec_links_left {
display: block;
max-width: 100%;
}
}
.sec_links_right {
flex: 3;
padding-top: 10px;
gap: 20px;
}
@media (max-width: 1460.98px) {
.sec_links_right {
gap: 15px;
padding-top: 0;
}
}
@media (max-width: 1080.98px) {
.sec_links_right {
max-width: 100%;
flex: 100%;
gap: 12px;
}
}
@media (max-width: 840.98px) {
.sec_links_right {
gap: 6px;
}
}
.sec_links_img {
border: 3px solid #D0A53D;
border-radius: 15px;
overflow: hidden;
position: relative;
height: 160px;
perspective: 1000px;
transition: 0.4s;
}
.sec_links_img::after {
content: "";
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
width: 100%;
height: 100%;
background: linear-gradient(0deg, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6));
z-index: 1;
transition: 0.4s;
}
@media (max-width: 992px) {
.sec_links_img {
height: 130px;
border-radius: 10px;
}
}
@media (max-width: 620px) {
.sec_links_img {
height: 115px;
border: 1px solid #D0A53D;
border-radius: 8px;
}
}
.sec_links_img:first-child {
width: 360px;
}
@media (max-width: 1460.98px) {
.sec_links_img:first-child {
width: 37%;
}
}
@media (max-width: 1080.98px) {
.sec_links_img:first-child {
width: 38%;
}
}
@media (max-width: 420.98px) {
.sec_links_img:first-child {
width: 37.5%;
}
}
.sec_links_img:nth-child(2) {
width: 250px;
}
@media (max-width: 1460.98px) {
.sec_links_img:nth-child(2) {
width: 27%;
}
}
@media (max-width: 1080.98px) {
.sec_links_img:nth-child(2) {
width: 28%;
}
}
@media (max-width: 420.98px) {
.sec_links_img:nth-child(2) {
width: 27.5%;
}
}
.sec_links_img:nth-child(3), .sec_links_img:nth-child(4), .sec_links_img:nth-child(5) {
width: 280px;
}
@media (max-width: 1460.98px) {
.sec_links_img:nth-child(3), .sec_links_img:nth-child(4), .sec_links_img:nth-child(5) {
width: 30%;
}
}
@media (max-width: 1080.98px) {
.sec_links_img:nth-child(3), .sec_links_img:nth-child(4), .sec_links_img:nth-child(5) {
width: 31%;
}
}
@media (max-width: 420.98px) {
.sec_links_img:nth-child(3), .sec_links_img:nth-child(4), .sec_links_img:nth-child(5) {
width: 30.5%;
}
}
.sec_links_img:nth-child(6), .sec_links_img:nth-child(7) {
width: 330px;
}
@media (max-width: 1460.98px) {
.sec_links_img:nth-child(6), .sec_links_img:nth-child(7) {
width: 34%;
}
}
@media (max-width: 1080.98px) {
.sec_links_img:nth-child(6), .sec_links_img:nth-child(7) {
width: 35%;
}
}
@media (max-width: 420.98px) {
.sec_links_img:nth-child(6), .sec_links_img:nth-child(7) {
width: 34.5%;
}
}
.sec_links_img:nth-child(8) {
width: 300px;
}
@media (max-width: 1460.98px) {
.sec_links_img:nth-child(8) {
width: 32%;
}
}
@media (max-width: 1080.98px) {
.sec_links_img:nth-child(8) {
width: 33%;
}
}
@media (max-width: 420.98px) {
.sec_links_img:nth-child(8) {
width: 32.5%;
}
}
.sec_links_img:nth-child(9) {
width: 260px;
}
@media (max-width: 1460.98px) {
.sec_links_img:nth-child(9) {
width: 28%;
}
}
@media (max-width: 1080.98px) {
.sec_links_img:nth-child(9) {
width: 29%;
}
}
@media (max-width: 420.98px) {
.sec_links_img:nth-child(9) {
width: 28.5%;
}
}
.sec_links_img img {
transition: transform 0.6s ease;
object-fit: cover;
height: 100%;
}
.sec_links_img_details {
position: absolute;
z-index: 3;
inset-inline-start: 30px;
height: 100%;
padding: 10px 0;
display: flex;
align-items: center;
top: 0;
bottom: 0;
gap: 15px;
transition: all 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}
@media (max-width: 1360.98px) {
.sec_links_img_details {
inset-inline-start: 15px;
}
}
.sec_links_img_details .img-box {
aspect-ratio: 70/70;
width: 70px;
}
.sec_links_img_details .niafam {
font-size: 70px;
color: white;
}
@media (max-width: 1460.98px) {
.sec_links_img_details .img-box {
aspect-ratio: 55/55;
width: 55px;
}
.sec_links_img_details .niafam {
font-size: 55px;
}
}
@media (max-width: 992.98px) {
.sec_links_img_details .img-box {
aspect-ratio: 45/45;
width: 45px;
}
.sec_links_img_details .niafam {
font-size: 45px;
}
}
@media (max-width: 620.98px) {
.sec_links_img_details .img-box {
aspect-ratio: 40/40;
width: 40px;
}
.sec_links_img_details .niafam {
font-size: 40px;
}
}
@media (max-width: 480.98px) {
.sec_links_img_details .img-box {
aspect-ratio: 35/35;
width: 35px;
}
.sec_links_img_details .niafam {
font-size: 35px;
}
}
.sec_links_img_details img {
width: 70px;
height: 70px;
border-radius: 10px;
}
@media (max-width: 1460.98px) {
.sec_links_img_details img {
width: 55px;
height: 55px;
}
}
@media (max-width: 992.98px) {
.sec_links_img_details img {
width: 45px;
height: 45px;
}
}
@media (max-width: 620.98px) {
.sec_links_img_details img {
width: 40px;
height: 40px;
}
}
@media (max-width: 480.98px) {
.sec_links_img_details img {
width: 35px;
height: 35px;
}
}
.sec_links_img_details .flex__column {
gap: 5px;
}
@media (max-width: 768.98px) {
.sec_links_img_details {
flex-direction: column;
padding: 6px 4px !important;
justify-content: center;
align-items: center;
width: 100%;
inset-inline-end: 0 !important;
inset-inline-start: 0 !important;
transform: none;
gap: 15px;
}
.sec_links_img_details h3 {
font-size: 0.7125em;
text-align: center;
}
.sec_links_img_details p {
display: none !important;
}
}
@media (max-width: 480.98px) {
.sec_links_img_details h3 {
font-size: 0.6425em;
}
}
.sec_links_img:nth-child(2) .sec_links_img_details, .sec_links_img:nth-child(9) .sec_links_img_details {
inset-inline-start: 16px;
}
@media (max-width: 1360.98px) {
.sec_links_img:nth-child(2) .sec_links_img_details, .sec_links_img:nth-child(9) .sec_links_img_details {
inset-inline-start: 8px;
}
}
.sec_links_img:nth-child(6) .sec_links_img_details, .sec_links_img:nth-child(7) .sec_links_img_details, .sec_links_img:nth-child(8) .sec_links_img_details {
inset-inline-start: 56px;
}
@media (max-width: 1460.98px) {
.sec_links_img:nth-child(6) .sec_links_img_details, .sec_links_img:nth-child(7) .sec_links_img_details, .sec_links_img:nth-child(8) .sec_links_img_details {
inset-inline-start: 32px;
}
}
@media (max-width: 1360.98px) {
.sec_links_img:nth-child(6) .sec_links_img_details, .sec_links_img:nth-child(7) .sec_links_img_details, .sec_links_img:nth-child(8) .sec_links_img_details {
inset-inline-start: 15px;
}
}
.sec_links_img:hover img {
transform: translateZ(20px);
}
.sec_links_img:hover::after {
transition: 0.4s;
background: linear-gradient(0deg, rgba(0, 41, 123, 0.6), rgba(0, 41, 123, 0.6));
}
.sec_links_img:hover .sec_links_img_details {
transform: translateZ(30px);
}
.sec_links_img:hover .sec_links_img_details .niafam {
filter: drop-shadow(0 0 5px rgba(255, 215, 0, 0.7));
}
.sec_links_text {
position: relative;
height: 60px;
background-color: #D0A53D;
padding: 5px 15px;
border-radius: 8px;
align-items: center;
gap: 10px;
margin-bottom: 20px;
transition: 0.5s;
flex-wrap: nowrap;
}
@media (max-width: 1080.98px) {
.sec_links_text {
margin-inline-end: 15px;
width: calc(33.3333333333% - 12px);
transition: none;
margin-top: 5px;
}
}
@media (max-width: 660.98px) {
.sec_links_text {
width: calc(50% - 12px);
height: 40px;
}
}
@media (max-width: 480.98px) {
.sec_links_text {
width: calc(100% - 12px);
}
}
.sec_links_text:last-child {
margin-bottom: 0;
}
.sec_links_text .niafam {
background: #B89B55;
border-radius: 50%;
width: 50px;
height: 50px;
display: flex;
align-items: center;
justify-content: center;
transition: 0.8s;
}
[dir=ltr] .sec_links_text .niafam {
transform: rotate(180deg);
}
@media (max-width: 1460.98px) {
.sec_links_text .niafam {
width: 40px;
height: 40px;
font-size: 14px;
}
}
@media (max-width: 1080.98px) {
.sec_links_text .niafam {
width: 30px;
height: 30px;
font-size: 12px;
}
}
@media (max-width: 660.98px) {
.sec_links_text .niafam {
width: 25px;
height: 25px;
font-size: 10px;
}
}
.sec_links_text p {
transition: 0.5s;
line-height: 25px;
}
@media (max-width: 1460.98px) {
.sec_links_text p {
font-size: 0.75em;
font-size: clamp(0.75em, 0.725em + 0.125vw, 0.875em);
}
}
.sec_links_text::before {
content: "";
position: absolute;
top: -5px;
left: -5px;
right: -5px;
bottom: -5px;
border: 2px solid rgba(208, 165, 61, 0.5);
border-radius: 10px;
animation: pulse 1.5s infinite;
z-index: -1;
transition: 0.8s;
display: none;
}
.sec_links_text:hover {
background: linear-gradient(45deg, #D0A53D, #e5b845);
}
.sec_links_text:hover .niafam {
background: #fff;
color: #D0A53D;
box-shadow: 0 0 10px rgba(255, 255, 255, 0.7);
}
.sec_links_text:hover p {
color: #fff !important;
}
.sec_links_text:hover::before {
display: block;
}
.sec_information-base {
margin-top: 60px;
margin-bottom: 30px;
}
@media (max-width: 992px) {
.sec_information-base {
margin-top: 30px;
}
}
@media (max-width: 768px) {
.sec_information-base {
margin-top: 20px;
margin-bottom: 20px;
}
}
.sec_information-base .container {
max-width: 1440px !important;
}
@media (max-width: 1360px) {
.sec_information-base .container {
max-width: 1100px !important;
}
}
@media (max-width: 1180px) {
.sec_information-base .container {
max-width: 940px !important;
}
}
@media (max-width: 1080.98px) {
.sec_information-base .container {
max-width: 97% !important;
}
}
.sec_information-base .container .inforamation_container {
background: #F4F4F4;
border: 1px solid #DEDEDE;
border-radius: 15px;
padding-top: 40px;
}
.sec_information-base .container .inforamation_container .head__icon .niafam {
color: var(--primary-color);
}
.sec_information-base .container .inforamation_container .head__icon span {
background-color: var(--primary-color);
}
@media (max-width: 1080.98px) {
.sec_information-base .container .inforamation_container {
padding: 20px 30px;
}
}
@media (max-width: 620px) {
.sec_information-base .container .inforamation_container {
padding: 10px 20px 0 20px;
}
}
.sec_information-base .container .bg {
width: 100%;
object-fit: cover;
}
.sec_information-base .container .bg img {
width: 100%;
}
@media (max-width: 992px) {
.sec_information-base .container .bg img {
height: 10px;
}
}
.sec_information-base .right, .sec_information-base .left {
flex: 1 0 300px;
max-width: 300px;
}
@media (max-width: 1360px) {
.sec_information-base .right, .sec_information-base .left {
flex: 1 0 240px;
max-width: 240px;
}
}
@media (max-width: 1180px) {
.sec_information-base .right, .sec_information-base .left {
flex: 1 0 210px;
max-width: 210px;
}
}
@media (max-width: 1080.98px) {
.sec_information-base .right, .sec_information-base .left {
flex: 1 0 48%;
max-width: 48%;
}
}
@media (max-width: 530.98px) {
.sec_information-base .right, .sec_information-base .left {
flex: 47%;
max-width: 47%;
}
}
@media (max-width: 390.98px) {
.sec_information-base .right, .sec_information-base .left {
flex: 46.5%;
max-width: 46.5%;
}
}
.sec_information-base .right .sec_information-base_item, .sec_information-base .left .sec_information-base_item {
margin-bottom: 30px;
position: relative;
}
.sec_information-base .right .sec_information-base_item .img-box, .sec_information-base .left .sec_information-base_item .img-box {
aspect-ratio: 300/200;
min-height: 200px;
width: 300px;
border-radius: 15px;
box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.1);
}
@media (max-width: 1360px) {
.sec_information-base .right .sec_information-base_item .img-box, .sec_information-base .left .sec_information-base_item .img-box {
aspect-ratio: 240/160;
width: 240px;
min-height: 160px;
}
}
@media (max-width: 1180px) {
.sec_information-base .right .sec_information-base_item .img-box, .sec_information-base .left .sec_information-base_item .img-box {
aspect-ratio: 210/140;
width: 210px;
min-height: 140px;
}
}
@media (max-width: 620px) {
.sec_information-base .right .sec_information-base_item .img-box, .sec_information-base .left .sec_information-base_item .img-box {
aspect-ratio: 200/130 !important;
width: 100% !important;
min-height: 130px !important;
}
}
@media (max-width: 480px) {
.sec_information-base .right .sec_information-base_item .img-box, .sec_information-base .left .sec_information-base_item .img-box {
aspect-ratio: 150/110 !important;
min-height: 110px !important;
}
}
.sec_information-base .right .sec_information-base_item .img-box span, .sec_information-base .left .sec_information-base_item .img-box span {
position: absolute;
background: #D0A53D;
inset-inline-start: 15px;
top: 15px;
padding: 4px 20px;
border-radius: 5px;
}
@media (max-width: 992px) {
.sec_information-base .right .sec_information-base_item .img-box span, .sec_information-base .left .sec_information-base_item .img-box span {
padding: 4px 10px;
}
}
@media (max-width: 460px) {
.sec_information-base .right .sec_information-base_item .img-box span, .sec_information-base .left .sec_information-base_item .img-box span {
padding: 2px 4px;
font-size: 11px;
}
}
@media (max-width: 1080.98px) {
.sec_information-base .right .sec_information-base_item, .sec_information-base .left .sec_information-base_item {
width: 100%;
height: 240px;
transition: none;
border-radius: 15px;
overflow: hidden;
}
.sec_information-base .right .sec_information-base_item .img-box, .sec_information-base .left .sec_information-base_item .img-box {
width: 100%;
min-height: 180px;
aspect-ratio: 440/180;
box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.1);
}
}
.sec_information-base .right .sec_information-base_item .date, .sec_information-base .left .sec_information-base_item .date {
margin-top: 15px;
gap: 10px;
color: #666666;
margin-bottom: 5px;
}
.sec_information-base .right .sec_information-base_item .date .niafam, .sec_information-base .left .sec_information-base_item .date .niafam {
font-size: 14px;
}
.sec_information-base .right .sec_information-base_item .text__16, .sec_information-base .left .sec_information-base_item .text__16 {
line-height: 25px;
}
.sec_information-base .center {
flex: 2 0 630px;
max-width: 630px;
}
@media (max-width: 1360px) {
.sec_information-base .center {
flex: 2 0 520px;
max-width: 520px;
}
}
@media (max-width: 1180px) {
.sec_information-base .center {
flex: 2 0 430px;
max-width: 430px;
}
}
@media (max-width: 1080px) {
.sec_information-base .center {
flex: 100%;
max-width: 100%;
order: -2;
height: 450px;
}
}
@media (max-width: 620px) {
.sec_information-base .center {
height: 325px;
}
}
@media (max-width: 620px) {
.sec_information-base .center {
height: 290px;
}
}
.sec_information-base .center .sec_information-base_item {
width: 100%;
position: relative;
border-radius: 15px;
transition: none;
overflow: hidden;
}
.sec_information-base .center .sec_information-base_item .img-box {
border-radius: 15px;
aspect-ratio: 630/412;
max-height: 412px;
width: 100%;
box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.1019607843);
}
@media (max-width: 1360px) {
.sec_information-base .center .sec_information-base_item .img-box {
aspect-ratio: 520/340;
max-height: 340px;
}
}
@media (max-width: 1180px) {
.sec_information-base .center .sec_information-base_item .img-box {
aspect-ratio: 430/290;
max-height: 290px;
}
}
@media (max-width: 620px) {
.sec_information-base .center .sec_information-base_item .img-box {
aspect-ratio: 430/210;
max-height: 210px;
}
}
@media (max-width: 620px) {
.sec_information-base .center .sec_information-base_item .img-box {
aspect-ratio: 400/190;
max-height: 190px;
}
}
.sec_information-base .center .sec_information-base_item .text__bold.text__18 {
margin-top: 18px;
}
@media (max-width: 620px) {
.sec_information-base .center .sec_information-base_item .text__bold.text__18 {
margin-top: 6px;
}
}
.sec_information-base .center .sec_information-base_item .date {
margin-bottom: 15px !important;
margin-top: 5px !important;
}
@media (max-width: 620px) {
.sec_information-base .center .sec_information-base_item .date {
margin-bottom: 6px !important;
margin-top: 0 !important;
}
}
.sec_information-base .center .sec_information-base_item .text__18 {
color: #666666;
line-height: 28px;
}
.sec_information-base .center .sec_information-base_item .date {
margin-top: 15px;
gap: 10px;
color: #666666;
margin-bottom: 5px;
}
.sec_information-base .center .sec_information-base_item .date .niafam {
font-size: 14px;
}
.sec_information-base_list {
margin-top: 40px;
gap: 30px;
justify-content: center;
align-items: start;
padding-bottom: 40px;
}
@media (max-width: 1360px) {
.sec_information-base_list {
gap: 20px;
align-items: center;
}
}
@media (max-width: 768px) {
.sec_information-base_list {
margin-top: 20px;
padding-bottom: 0;
}
}
.sec_information-base .sec_information-base_item {
perspective: 1000px;
transition: 0.4s;
}
.sec_information-base .sec_information-base_item .img-box, .sec_information-base .sec_information-base_item p, .sec_information-base .sec_information-base_item h5 {
transition: 0.5s;
}
.sec_information-base .sec_information-base_item:hover .img-box img {
transform: translate(-50%, -50%) scale(1.05);
}
.sec_information-base .sec_information-base_item:hover p {
color: var(--black) !important;
}
.sec_information-base .sec_information-base_item:hover h5 {
font-weight: 900;
}
.sec_information-base .flickity-page-dots {
top: 30px;
display: flex;
width: 100%;
height: fit-content;
padding-inline-end: 30px !important;
flex-direction: row;
justify-content: end;margin-inline-start: auto;margin-inline-end: 0;
}
@media (max-width: 1080.98px) {
.sec_information-base .flickity-page-dots {
top: 15px;
padding-inline-end: 15px !important;
}
}
@media (max-width: 768.98px) {
.sec_information-base .flickity-page-dots {
top: 10px;
padding-inline-end: 10px !important;
}
}
@media (max-width: 460.98px) {
.sec_information-base .flickity-page-dots {
padding-inline-end: 5px !important;
}
}
.sec_information-base .flickity-page-dots .dot {
width: 10px;
height: 10px;
background-color: #CECECE;
margin-inline-start: 5.6px;
margin-inline-end: 0;
opacity: 1;
}
@media (max-width: 1080.98px) {
.sec_information-base .flickity-page-dots .dot {
height: 6px;
border-radius: 100px;
}
}
@media (max-width: 992px) {
.sec_information-base .flickity-page-dots .dot {
width: 6px;
height: 6px;
}
}
.sec_information-base .flickity-page-dots .dot.is-selected {
background-color: var(--yellow);
width: 27px;
border-radius: 100px;
}
@media (max-width: 992px) {
.sec_information-base .flickity-page-dots .dot.is-selected {
width: 15px;
}
}
@media (max-width: 768.98px) {
.sec_information-base .text__18 {
font-size: 0.8125em;
font-size: clamp(0.8125em, 0.7875em + 0.125vw, 0.9375em);
-webkit-line-clamp: 2;
}
}
.sec_multimedia {
margin-top: 30px;
}
.sec_multimedia::before, .sec_multimedia::after {
content: "";
top: 0;
bottom: 0;
left: 0;
right: 0;
width: 100%;
height: 100%;
position: absolute;
}
.sec_multimedia::before {
background-repeat: no-repeat;
background-size: cover;
background-image: url("/uploads/nlai/assets/img/bg__multimedia.webp");
}
.sec_multimedia::after {
background: linear-gradient(96.13deg, #EDEDED 0.29%, rgba(237, 237, 237, 0.8) 26.05%, rgba(237, 237, 237, 0.7) 53.78%, rgba(237, 237, 237, 0.8) 80.58%, #EDEDED 100%);
}
.sec_multimedia .container {
position: relative;
z-index: 99;
}
.sec_multimedia .container .head {
padding-top: 40px;
}
.sec_multimedia .container .head h2 {
text-align: start;
}
.sec_multimedia .container .head .head__icon {
justify-content: start;
}
.sec_multimedia .container .head .head__icon .niafam {
color: var(--primary-color);
}
.sec_multimedia .container .head .head__icon span {
background-color: var(--primary-color);
width: 150px;
}
.sec_multimedia_head {
align-items: center;
justify-content: space-between;
}
.sec_multimedia_tab {
gap: 10px;
}
@media (max-width: 620px) {
.sec_multimedia_tab {
gap: 5px;
}
}
li.sec_multimedia_tab_item p {
font-weight: bold;
}
.sec_multimedia_tab_item {
width: 130px;
height: 40px;
border: 1px solid #00297B;
border-radius: 15px;
display: flex;
align-items: center;
justify-content: center;
transition: 0.5s;
}
.sec_multimedia_tab_item:hover {
background: #D0A53D;
border: none;
}
.sec_multimedia_tab_item:hover a {
color: var(--secondary-color);
}
@media (max-width: 768px) {
.sec_multimedia_tab_item {
width: 115px;
}
}
@media (max-width: 620px) {
.sec_multimedia_tab_item {
width: 105px;
height: 35px;
}
.sec_multimedia_tab_item .text__16 {
font-size: 0.75em;
font-size: clamp(0.75em, 0.725em + 0.125vw, 0.875em);
}
}
@media (max-width: 500px) {
.sec_multimedia_tab_item {
width: 90px;
height: 30px;
}
.sec_multimedia_tab_item .text__16 {
font-size: 0.8125em;
}
}
@media (max-width: 500px) {
.sec_multimedia_tab_item {
width: 80px;
}
.sec_multimedia_tab_item .text__16 {
font-size: 0.7625em;
}
}
.sec_multimedia_tab_item.active {
background: #D0A53D;
border: none;
}
.sec_multimedia_tab_item.active a {
color: var(--secondary-color);
}
@media (max-width: 800px) {
.sec_multimedia_tab {
width: 100%;
margin-top: 12px;
}
}
.sec_multimedia__content {
margin-top: 40px;
}
.sec_multimedia__pane {
gap: 30px;
align-items: start;
display: none;
}
@media (max-width: 1459.98px) {
.sec_multimedia__pane {
gap: 20px;
}
}
@media (max-width: 1400.98px) {
.sec_multimedia__pane {
gap: 15px;
}
}
.sec_multimedia__pane .flex__row {
gap: 30px;
width: calc(100% - 630px - 30px);
}
@media (max-width: 1459.98px) {
.sec_multimedia__pane .flex__row {
width: calc(100% - 560px - 20px);
gap: 20px;
}
}
@media (max-width: 1400.98px) {
.sec_multimedia__pane .flex__row {
width: calc(100% - 540px - 15px);
gap: 15px;
}
}
@media (max-width: 1282.98px) {
.sec_multimedia__pane .flex__row {
width: calc(50% - 15px);
gap: 15px;
}
}
@media (max-width: 780.98px) {
.sec_multimedia__pane .flex__row {
width: 100%;
gap: 15px;
}
}
.sec_multimedia__pane > .sec_multimedia_item {
width: 630px;
height: 430px;
}
.sec_multimedia__pane > .sec_multimedia_item .img-box {
aspect-ratio: 630/430;
max-height: 430px;
}
@media (max-width: 1459.98px) {
.sec_multimedia__pane > .sec_multimedia_item {
width: 560px;
height: 390px;
}
.sec_multimedia__pane > .sec_multimedia_item .img-box {
aspect-ratio: 560/390;
max-height: 390px;
}
}
@media (max-width: 1400.98px) {
.sec_multimedia__pane > .sec_multimedia_item {
width: 540px;
height: 390px;
}
.sec_multimedia__pane > .sec_multimedia_item .img-box {
aspect-ratio: 540/390;
max-height: 390px;
}
}
@media (max-width: 1282.98px) {
.sec_multimedia__pane > .sec_multimedia_item {
height: 360px;
width: 50%;
}
.sec_multimedia__pane > .sec_multimedia_item .img-box {
aspect-ratio: 540/360;
width: 100%;
max-height: 360px;
min-height: 360px;
}
}
@media (max-width: 780.98px) {
.sec_multimedia__pane > .sec_multimedia_item {
height: 300px;
width: 100%;
}
.sec_multimedia__pane > .sec_multimedia_item .img-box {
aspect-ratio: 540/300;
max-height: 300px;
min-height: 300px;
}
}
@media (max-width: 520px) {
.sec_multimedia__pane > .sec_multimedia_item {
height: 250px;
}
.sec_multimedia__pane > .sec_multimedia_item .img-box {
aspect-ratio: 480/250;
max-height: 250px;
min-height: 250px;
}
}
.sec_multimedia__pane > .sec_multimedia_item > p {
bottom: 30px;
padding: 0 30px;
align-items: center;
}
@media (max-width: 992px) {
.sec_multimedia__pane > .sec_multimedia_item > p {
padding: 0 15px;
font-size: 0.75em;
font-size: clamp(0.75em, 0.725em + 0.125vw, 0.875em);
bottom: 20px;
}
}
.sec_multimedia__pane .archive {
border: 1px solid #00297B;
border-radius: 15px;
height: 40px;
width: 130px;
margin: 10px auto 40px auto;
}
.sec_multimedia__pane .archive:hover {
background: #D0A53D;
border: none;
color: var(--secondary-color);
}
.sec_multimedia__pane.show {
display: flex;
}
.sec_multimedia_item {
position: relative;
border-radius: 15px;
width: 300px;
height: 200px;
perspective: 1000px;
transition: 0.4s;
}
.sec_multimedia_item::before {
content: "";
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
width: 100%;
height: 100%;
background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.7) 100%);
border-radius: 15px;
z-index: 2;
}
.sec_multimedia_item > p {
position: absolute;
z-index: 4;
bottom: 25px;
padding: 0 25px;
line-height: 25px;
text-align: start;
}
@media (max-width: 992px) {
.sec_multimedia_item > p {
font-size: 0.75em;
font-size: clamp(0.75em, 0.725em + 0.125vw, 0.875em);
padding: 0 10px;
bottom: 10px;
}
}
.sec_multimedia_item .img-box {
width: 100%;
border-radius: 15px;
aspect-ratio: 300/200;
max-height: 200px;
}
@media (max-width: 1459.98px) {
.sec_multimedia_item {
width: 260px;
height: 180px;
}
.sec_multimedia_item .img-box {
aspect-ratio: 260/180;
max-height: 180px;
}
}
@media (max-width: 1282.98px) {
.sec_multimedia_item {
width: calc(50% - 15px);
height: 170px;
}
.sec_multimedia_item .img-box {
aspect-ratio: 250/170;
max-height: 170px;
min-height: 170px;
width: 100%;
}
}
@media (max-width: 780.98px) {
.sec_multimedia_item {
width: calc(50% - 8px);
}
}
@media (max-width: 1282.98px) {
.sec_multimedia_item {
height: 150px;
}
.sec_multimedia_item .img-box {
aspect-ratio: 230/150;
max-height: 150px;
min-height: 150px;
}
}
.sec_multimedia_item .img-box, .sec_multimedia_item p {
transition: 0.5s;
}
.sec_multimedia_item:hover .img-box {
transform: translateZ(20px);
}
.sec_multimedia_item:hover p {
font-weight: 900;
color: var(--yellow);
}
.sec_provincial {
margin-top: 60px;
margin-bottom: 30px;
position: relative;
}
.sec_provincial::before {
content: "";
width: 999px;
max-width: 60%;
height: 535px;
background-color: var(--primary-color);
position: absolute;
border-radius: 15px 0 0 15px;
}
@media (max-width: 1860px) {
.sec_provincial::before {
max-width: 54%;
}
}
@media (max-width: 1200px) {
.sec_provincial::before {
height: 460px;
}
}
@media (max-width: 1080.98px) {
.sec_provincial::before {
display: none;
}
}
.sec_provincial .desktop-only {
display: block;
}
.sec_provincial .mobile-only {
display: none;
}
@media (max-width: 1080.98px) {
.sec_provincial .desktop-only {
display: none;
}
.sec_provincial .mobile-only {
display: flex;
gap: 15px;
align-items: center;
}
}
.sec_provincial_head {
padding-top: 30px;
position: relative;
z-index: 9;
align-items: center;
justify-content: space-between;
}
@media (max-width: 1200px) {
.sec_provincial_head {
padding-top: 15px;
}
}
.sec_provincial_head .head h2 {
text-align: start;
}
.sec_provincial_head .head .head__icon {
justify-content: start;
}
.sec_provincial_head .head .head__icon .niafam {
color: white;
}
.sec_provincial_head .head .head__icon span {
background-color: white;
}
.sec_provincial .archive {
position: relative;
z-index: 9;
border: 1px solid #FFFFFF;
padding: 8px 18px;
border-radius: 15px;
}
.sec_provincial .archive:hover {
color: var(--primary-color);
border: none;
background: var(--secondary-color);
}
.sec_provincial .container {
justify-content: space-between;
align-items: start;
}
.sec_provincial .news_provincial {
max-width: 634px;
}
@media (max-width: 1860px) {
.sec_provincial .news_provincial {
max-width: 52%;
}
}
@media (max-width: 1080.98px) {
.sec_provincial .news_provincial {
max-width: 100%;
width: 100%;
background-color: var(--primary-color);
padding: 0 30px;
border-radius: 15px;
}
}
.sec_provincial_list {
position: relative;
z-index: 9;
margin-bottom: 30px;
margin-top: 30px;
}
.sec_provincial_item {
margin-bottom: 30px;
position: relative;
gap: 15px;
max-width: 100%;
transition: all 0.3s ease;
}
@media (max-width: 760px) {
.sec_provincial_item {
gap: 10px;
}
}
.sec_provincial_item .img-box {
aspect-ratio: 140/100;
width: 140px;
max-height: 100px;
border-radius: 10px;
filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.08));
transition: all 0.3s ease;
}
@media (max-width: 1440px) {
.sec_provincial_item .img-box {
aspect-ratio: 120/100;
width: 120px;
}
}
@media (max-width: 1200px) {
.sec_provincial_item .img-box {
aspect-ratio: 100/100;
width: 100px;
}
}
@media (max-width: 992px) {
.sec_provincial_item .img-box {
aspect-ratio: 90/90;
width: 90px;
max-height: 90px;
}
}
@media (max-width: 760px) {
.sec_provincial_item .img-box {
aspect-ratio: 85/90;
width: 85px;
}
}
@media (max-width: 520px) {
.sec_provincial_item .img-box {
aspect-ratio: 80/90;
width: 80px;
}
}
.sec_provincial_item .flex__column {
width: calc(100% - 140px - 15px);
gap: 5px;
}
@media (max-width: 1440px) {
.sec_provincial_item .flex__column {
width: calc(100% - 120px - 15px);
}
}
@media (max-width: 1200px) {
.sec_provincial_item .flex__column {
width: calc(100% - 100px - 15px);
}
}
@media (max-width: 992px) {
.sec_provincial_item .flex__column {
width: calc(100% - 90px - 15px);
}
}
@media (max-width: 760px) {
.sec_provincial_item .flex__column {
width: calc(100% - 85px - 10px);
}
}
@media (max-width: 520px) {
.sec_provincial_item .flex__column {
width: calc(100% - 80px - 15px);
}
}
.sec_provincial_item .flex__column p {
line-height: 20px;
}
.sec_provincial_item .flex__column h6,.sec_provincial_item .flex__column .text__15.text__bold, .sec_provincial_item .flex__column .text__13 {
transition: 0.5s;
}
.sec_provincial_item .flex__column .date {
gap: 6px;
font-size: 0.75em;
color: var(--secondary-color);
}
.sec_provincial_item .flex__column .date .niafam {
font-size: 20px;
}
@media (max-width: 760px) {
.sec_provincial_item .flex__column .date .niafam {
font-size: 1em;
}
}
@media (max-width: 520px) {
.sec_provincial_item .flex__column .date .niafam {
font-size: 14px;
}
}
.sec_provincial_item:hover {
transform: translateY(-5px);
}
.sec_provincial_item:hover .img-box {
filter: drop-shadow(0px 6px 6px rgba(0, 0, 0, 0.15));
}
.sec_provincial_item:hover .flex__column h6 {
color: var(--yellow);
}
.sec_provincial_item:hover .flex__column .text__13 {
color: var(--yellow);
opacity: 0.8;
}
@media (max-width: 1200px) {
.sec_provincial_item {
margin-bottom: 15px;
}
}
.sec_provincial .map {
position: relative;
max-width: 590px;
width: 100%;
z-index: 99;
}
@media (max-width: 1860px) {
.sec_provincial .map {
max-width: 43%;
}
}
@media (max-width: 1440px) {
.sec_provincial .map {
max-width: 45%;
}
}
.sec_provincial .map .active__provinc path {
fill: var(--yellow);
}
.sec_provincial .map a:hover path {
fill: var(--yellow);
}
@media (max-width: 1080.98px) {
.sec_provincial .map {
max-width: 100%;
width: 100%;
order: -2;
margin-bottom: 20px;
}
.sec_provincial .map select#city-selector {
width: 300px;
height: 40px;
border-radius: 8px;
border: none;
background: #596586;
color: white;
padding: 0 15px;
font-family: vazir;
background-position: right 15px center;
}
}
@media (max-width: 500.98px) {
.sec_provincial .map select#city-selector {
width: 220px;
}
}

@keyframes pulse {
0% {
opacity: 0.8;
transform: scale(1);
}
100% {
opacity: 0;
transform: scale(1.05);
}
}
/* Style for the fixed sidebar */
.fixed-sidebar {
position: fixed;
inset-inline-start: 6px;
top: 83%;
transform: translateY(-50%);
z-index: 1000;
display: flex;
flex-direction: column;
align-items: center;
background: rgba(255, 255, 255, 0.8);
backdrop-filter: blur(32px);
border-radius: 30px;
width: 80px;
padding: 10px 0;
}
@media (max-width: 1180px) {
.fixed-sidebar {
width: 70px;
}
}
@media (max-width: 992px) {
.fixed-sidebar {
width: 60px;
}
}
@media (max-width: 768px) {
.fixed-sidebar {
width: 50px;
}
}
@media (max-width: 520px) {
.fixed-sidebar {
width: 40px;
}
}
.fixed-sidebar .sidebar-item {
background: rgba(255, 255, 255, 0.75);
border: 1px solid #FFFFFF;
box-shadow: 0px 10px 10px 2px rgba(0, 0, 0, 0.05);
border-radius: 20px;
position: relative;
display: flex;
align-items: center;
margin-bottom: 10px;
justify-content: center;
transition: 0.5s;
cursor: pointer;
width: 60px;
height: 60px;
}
@media (max-width: 1180px) {
.fixed-sidebar .sidebar-item {
width: 50px;
height: 50px;
}
}
@media (max-width: 992px) {
.fixed-sidebar .sidebar-item {
width: 40px;
height: 40px;
}
}
@media (max-width: 520px) {
.fixed-sidebar .sidebar-item {
width: 30px;
height: 30px;
}
}
.fixed-sidebar .sidebar-item .niafam {
color: #00194C;
font-size: 40px;
}
@media (max-width: 1180px) {
.fixed-sidebar .sidebar-item .niafam {
font-size: 30px;
}
}
@media (max-width: 992px) {
.fixed-sidebar .sidebar-item .niafam {
font-size: 20px;
}
}
@media (max-width: 520px) {
.fixed-sidebar .sidebar-item .niafam {
font-size: 15px;
}
}
.fixed-sidebar .sidebar-item .label {
position: absolute;
inset-inline-start: calc(100% + 17px);
top: 50%;
transform: translateY(-50%);
background-color: var(--dark-blue);
padding: 5px 10px;
min-width: 160px;
max-width: 160px;
min-height:40px;
height: auto;
line-height: 1.4;
border-radius: 5px;
display: flex;
align-items: center;
justify-content: center;
white-space: normal;
word-wrap: break-word;
text-align: center;
display: none;
transition: 0.5s;
}

@media (max-width: 1180px) {
.fixed-sidebar .sidebar-item .label {
padding: 0 10px;
}
}
@media (max-width: 992px) {
.fixed-sidebar .sidebar-item .label {
padding: 0 6px;
height: 26px;
min-width: 80px;
max-width: 80px;
font-size: 0.6125em;
}
}
.fixed-sidebar .sidebar-item:hover .label {
display: flex;
}

.section {
--opacity: 0;
--clip-path: inset(20% 20% 20% 20%);
opacity: var(--opacity);
transition: opacity 0.8s cubic-bezier(0.4, 0, 0.2, 1), clip-path 0.7s cubic-bezier(0.4, 0, 0.2, 1);
}

.section.animate {
--opacity: 1;
--clip-path: inset(0 0 0 0);
}

.section:nth-child(1) {
transition-delay: 0.1s;
}

.section:nth-child(2) {
transition-delay: 0.1s;
}

.section:nth-child(3) {
transition-delay: 0.2s;
}

.section:nth-child(4) {
transition-delay: 0.3s;
}

.section:nth-child(5) {
transition-delay: 0.4s;
}

.footer {
position: relative;
margin-top: 42px;
background: none;
overflow: hidden;
}
.footer::before {
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: linear-gradient(90deg, rgba(0, 41, 123, 0.7) 0%, #00297B 50%, rgba(0, 41, 123, 0.7) 100%);
z-index: 2;
}
.footer-left, .footer-right {
position: absolute;
top: 0;
bottom: 0;
width: 50%;
background-repeat: no-repeat;
background-size: cover;
background-position: center;
z-index: 1;
}
.footer-left {
left: 0;
background-image: url("/uploads/nlai/assets/img/bg_footer_one.webp");
}
.footer-right {
right: 0;
background-image: url("/uploads/nlai/assets/img/bg_footer.webp");
}
.footer .container {
z-index: 999;
position: relative;
padding-top: 30px;
gap: 50px;
}
@media (max-width: 1480px) {
.footer .container {
gap: 20px;
}
}
@media (max-width: 1080px) {
.footer .container {
gap: 20px 80px;
}
}
@media (max-width: 780px) {
.footer .container {
gap: 20px 50px;
}
}
@media (max-width: 710px) {
.footer .container {
gap: 20px 30px;
}
}
@media (max-width: 680px) {
.footer .container {
gap: 20px 15px;
}
}
.footer__col {
z-index: 999;
position: relative;
}
@media (max-width: 1080px) {
.footer__col:nth-child(2) .list_links {
gap: 80px;
}
}
@media (max-width: 780px) {
.footer__col:nth-child(2) .list_links {
gap: 50px;
}
}
@media (max-width: 710px) {
.footer__col:nth-child(2) .list_links {
gap: 30px;
}
}
@media (max-width: 680px) {
.footer__col:nth-child(2) .list_links {
gap: 15px;
}
}
.footer__col .circle__box {
width: 30px;
height: 30px;
display: flex;
align-items: center;
justify-content: center;
background-color: white;
border-radius: 50%;
transition: 0.3s;
}
.footer__col .circle__box img {
transition: 0.5s;
}
.footer__col .logo {
position: relative;
filter: brightness(0) invert(1);
height: 91px;
}
.footer__col .logo img {
height: 100%;
}
.footer__col .list_content_us {
max-width: 408px;
}
@media (max-width: 1260px) {
.footer__col .list_content_us {
max-width: 360px;
}
}
@media (max-width: 1200px) {
.footer__col .list_content_us {
max-width: 350px;
}
}
@media (max-width: 1080px) {
.footer__col .list_content_us {
max-width: 100%;
}
}
.footer__col .list_content_us li {
align-items: start;
flex-wrap: nowrap;
justify-content: space-between;
margin-bottom: 20px;
margin-top: 20px;
}
.footer__col .list_content_us li > .flex__column {
width: 178px;
}
.footer__col .list_content_us li > .flex__column .list_links {
margin-top: 20px;
}
.footer__col .list_content_us li > .flex__column .list_links-item {
margin-inline-end: 12px;
position: relative;
}
.footer__col .list_content_us li > .flex__column .list_links-item:hover {
box-shadow: 0 0 10px 3px rgba(255, 255, 255, 0.7);
}
.footer__col .list_content_us li > .flex__column .list_links-item:hover img {
transform: scale(1.09);
}
.footer__col .list_content_us li > p {
width: calc(100% - 178px - 15px);
margin-top: 6px;
}
.footer__col .list_content_us li .title .circle__box {
margin-inline-end: 10px;
width: 35px;
height: 35px;
}
.footer__col .head {
margin-bottom: 30px;
}
.footer__col .head h5 {
margin-bottom: 4px;
}
.footer__col .head .head__icon {
justify-content: start;
}
.footer__col .head .head__icon .niafam {
color: white;
}
.footer__col .head .head__icon span {
background-color: white;
}
.footer__col .list_links ul {
margin-inline-end: 80px;
}
@media (max-width: 1480px) {
.footer__col .list_links ul {
margin-inline-end: 30px;
}
}
@media (max-width: 1226px) {
.footer__col .list_links ul {
margin-inline-end: 20px;
}
}
.footer__col .list_links_item {
margin-bottom: 15px;
position: relative;
transition: 0.6s;
}
.footer__col .list_links_item .niafam {
margin-inline-end: 5px;
}
.footer__col .list_links_item:hover {
transform: scale(1.04);
}
.footer .copy_right {
background-color: white;
padding: 7px 20px;
width: 100%;
border-radius: 15px;
justify-content: space-between;
margin-bottom: 30px;
}
.footer .copy_right p {
color: #1F3C88;
}/*# sourceMappingURL=main.css.map */
@media (min-width: 1559.98px){
div#servicesList {
align-items: start;
}
.sec_services_desk .flex__row .sec_services_desk_list_item{
width: calc((100% / 8) - 24.8px);
}
.sec_services_desk .flex__row .sec_services_desk_list_item h4{text-align:center;}
}
.st-menu::after{display: none;}
nav#menu-1 {
background: #fff;
padding: 10px;
}
.niafam-accessibility__item .noUi-target {
margin-bottom: 2.5rem;
margin-top: 10px;
}
input::placeholder , button{
font-family: vazir;
}
.offcanvas-settings {
position: fixed;
top: 0;
left: -600px;
width: 300px;
height: 100%;
background: #f8f8f8 !important;
box-shadow: 30px 0px 60px 30px rgba(0, 0, 0, 0.2);
padding: 20px 20px 20px 10px;
transition: left 0.3s;
z-index: 1000;
overflow-y: auto;
scrollbar-width: thin;
scrollbar-color: #ccc #f8f8f8;
}
#menu-1 {
left: -100%;
transition: 0.6s cubic-bezier(0.77, 0, 0.175, 1);
}

.st-effect-4.st-menu {
z-index: 1;
transform: translate3d(-50%, 0px, 0px);
position: fixed;
}
#menu-1 {
transition: 0.6s cubic-bezier(0.77, 0, 0.175, 1);
}