/*#region ----------------- X) General */

@import url(../css/fontface.css);

*,

*::before,

*::after {

  box-sizing: border-box;

  outline: none !important;

}



body {

  font-family: IRANSans !important;

  font-weight: 300;

  direction: rtl;

  margin: 0;

  text-align: right;

}



html {

  scroll-behavior: smooth;

  line-height: 1.15;

  -webkit-text-size-adjust: 100%;

  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);

}



h1,

h2,

h3,

h4,

h5,

h6 {

  margin-top: 0;

  margin-bottom: 0.5rem;

}



h1,

h2,

h3,

h4,

h5,

h6,

input,

textarea,

strong,

span,

p {

  font-family: IRANSans !important;

}



h1 {

  font-weight: bold;

}



h1 {

  font-size: 2.5rem;

  font-weight: bold;

}



h2 {

  font-size: 2rem;

  font-weight: bold;

}



h3 {

  font-size: 1.75rem;

  font-weight: bold;

}



h4 {

  font-size: 1.5rem;

  font-weight: bold;

}



h5 {

  font-size: 1.25rem;

  font-weight: bold;

}



h6 {

  font-size: 1rem;

  font-weight: bold;

}



p {

  margin-top: 0;

  margin-bottom: 1rem;

  line-height: 25px;

}



b,

strong {

  font-weight: bolder;

}



ul {

  list-style: none;

  padding: 0;

  margin: 0;

}



nav {

  display: block;

}



a {

  text-decoration: none !important;

}



img {

  vertical-align: middle;

  border-style: none;

  font-size: 13px;

  font-weight: 300;

}



svg {

  overflow: hidden;

  vertical-align: middle;

}



input,

button,

select,

optgroup,

textarea {

  margin: 0;

  font-family: inherit;

  font-size: inherit;

  line-height: inherit;

}



input[type=number]::-webkit-inner-spin-button,

input[type=number]::-webkit-outer-spin-button {

  -webkit-appearance: none;

  margin: 0;

}



input[type=number] {

  -moz-appearance: textfield;

}



::-moz-selection {

  background-color: #006494;

  color: white;

}



::selection {

  background-color: #006494;

  color: white;

}



.fixedposition {

  overflow: hidden;

}



.custom-scollbar {

  scrollbar-color: white rgba(255, 255, 255, 0.3);

  scrollbar-width: thin;

}

.custom-scollbar::-webkit-scrollbar {

  border-radius: 10px;

  width: 5px;

  height: 8px;

  background-color: rgba(255, 255, 255, 0.3);

}

.custom-scollbar::-webkit-scrollbar-thumb {

  border-radius: 10px;

  background: white;

}



/*#endregion -------------- X) General */

/*#region ----------------- Animation */

@-webkit-keyframes flicker {

  0% {

    opacity: 1;

  }

  3% {

    opacity: 0.4;

  }

  6% {

    opacity: 1;

  }

  7% {

    opacity: 0.4;

  }

  8% {

    opacity: 1;

  }

  9% {

    opacity: 0.4;

  }

  10% {

    opacity: 1;

  }

  100% {

    opacity: 1;

  }

}

@keyframes flicker {

  0% {

    opacity: 1;

  }

  3% {

    opacity: 0.4;

  }

  6% {

    opacity: 1;

  }

  7% {

    opacity: 0.4;

  }

  8% {

    opacity: 1;

  }

  9% {

    opacity: 0.4;

  }

  10% {

    opacity: 1;

  }

  100% {

    opacity: 1;

  }

}

@-webkit-keyframes transformYY {

  0% {

    transform: translateY(0px);

  }

  50% {

    transform: translateY(3px);

  }

  100% {

    transform: translateY(0px);

  }

}

@keyframes transformYY {

  0% {

    transform: translateY(0px);

  }

  50% {

    transform: translateY(3px);

  }

  100% {

    transform: translateY(0px);

  }

}

@-webkit-keyframes gearsRotatetop {

  0% {

    transform: rotateZ(0deg);

  }

  100% {

    transform: rotateZ(360deg);

  }

}

@keyframes gearsRotatetop {

  0% {

    transform: rotateZ(0deg);

  }

  100% {

    transform: rotateZ(360deg);

  }

}

@-webkit-keyframes gearsRotatecenter {

  0% {

    transform: rotateZ(0deg);

  }

  100% {

    transform: rotateZ(-360deg);

  }

}

@keyframes gearsRotatecenter {

  0% {

    transform: rotateZ(0deg);

  }

  100% {

    transform: rotateZ(-360deg);

  }

}

@-webkit-keyframes swipeLeftsmall {

  from {

    opacity: 0;

    transform: translateX(20px);

  }

  to {

    opacity: 1;

    transform: translateX(0);

  }

}

@keyframes swipeLeftsmall {

  from {

    opacity: 0;

    transform: translateX(20px);

  }

  to {

    opacity: 1;

    transform: translateX(0);

  }

}

@-webkit-keyframes scaleIn {

  from {

    transform: scale(0.7);

    opacity: 0;

  }

  to {

    transform: scale(1);

    opacity: 1;

  }

}

@keyframes scaleIn {

  from {

    transform: scale(0.7);

    opacity: 0;

  }

  to {

    transform: scale(1);

    opacity: 1;

  }

}

@-webkit-keyframes scaleOut {

  from {

    transform: scale(1);

    opacity: 1;

  }

  to {

    transform: scale(0.7);

    opacity: 0;

  }

}

@keyframes scaleOut {

  from {

    transform: scale(1);

    opacity: 1;

  }

  to {

    transform: scale(0.7);

    opacity: 0;

  }

}

/*#endregion -------------- Animation */

/*#region ----------------- Buttons */

.btn {

  padding: 0.7rem 1.5rem;

  font-size: 16px;

  border-radius: 50px;

  border: 1px solid transparent;

  display: inline-block;

  white-space: nowrap;

  position: relative;

}



.icon-right {

  padding-right: 3.5rem;

  position: relative;

}

.icon-right::before {

  content: "";

  position: absolute;

  right: 4px;

  top: 50%;

  transform: translateY(-50%);

  width: 40px;

  height: 40px;

  border-radius: 50%;

  background-color: rgba(255, 255, 255, 0.3);

  color: white;

  transition: all 0.25s ease-in-out;

}

.icon-right .mdi {

  color: white;

  line-height: 2;

  position: absolute;

  right: 12px;

  top: 0;

  font-size: 24px;

}



.icon-left {

  padding-left: 3.5rem;

  position: relative;

  color: white;

}

.icon-left::before {

  content: "";

  position: absolute;

  left: 4px;

  top: 50%;

  transform: translateY(-50%);

  width: 40px;

  height: 40px;

  border-radius: 50%;

  background-color: rgba(255, 255, 255, 0.3);

  color: white;

  transition: all 0.25s ease-in-out;

}

.icon-left .mdi {

  line-height: 2;

  position: absolute;

  left: 10px;

  top: 0;

  font-size: 24px;

}



.btn-primary-outline {

  border-color: #006494;

  color: #006494;

  background-color: transparent;

}

.btn-primary-outline .mdi {

  color: white;

}

.btn-primary-outline:hover, .btn-primary-outline:focus {

  box-shadow: 0 0 0 0.25rem rgba(255, 255, 255, 0.2);

  background-color: rgba(255, 255, 255, 0.8);

  color: #006494;

  border-color: transparent;

}

.btn-primary-outline:hover .mdi, .btn-primary-outline:focus .mdi {

  color: white;

}



.btn-primary {

  background: #006494;

  color: white;

  box-shadow: none;

  border: none;

}

.btn-primary:hover, .btn-primary:focus {

  box-shadow: 0 0 0 0.25rem rgba(255, 255, 255, 0.2);

  background-color: #009cf9;

}

.btn-primary:hover .mdi, .btn-primary:focus .mdi {

  color: #006494;

}

.btn-primary:hover.icon-right::before, .btn-primary:focus.icon-right::before {

  background-color: #006494;

}

.btn-primary:hover.icon-right .mdi, .btn-primary:focus.icon-right .mdi {

  color: white;

}



.btn-secondary {

  background: #24cb9c;

  color: white;

  box-shadow: none;

  border: none;

}

.btn-secondary:hover, .btn-secondary:focus {

  background-color: #009cf9;

}

.btn-secondary:hover .mdi, .btn-secondary:focus .mdi {

  color: #009cf9;

}



.btn-collapse {

  background-color: #006494;

  width: 100%;

  text-align: right;

  border-radius: 25px 25px 0 0;

  transition: all 0.2s ease-in-out;

  padding-left: 40px;

}

.btn-collapse .title {

  color: white;

  white-space: normal;

  display: -webkit-box;

  -webkit-line-clamp: 1;

  -webkit-box-orient: vertical;

  overflow: hidden;

}

.btn-collapse .icon {

  position: absolute;

  left: 0;

  top: 0;

  width: 48px;

  height: 48px;

  display: flex;

  align-items: center;

  justify-content: center;

  color: rgba(255, 255, 255, 0.6);

  transform: rotate(-90deg);

  transition: all 0.2s ease-in-out;

}

.btn-collapse .icon .mdi {

  margin: 0;

  position: unset;

}

.btn-collapse:hover, .btn-collapse:focus {

  background-color: black;

}

.btn-collapse.collapsed {

  border-radius: 25px;

}

.btn-collapse.collapsed .icon {

  transform: rotate(0);

}



.dropdown-toggle::after {

  margin-left: 0;

  margin-right: 0.3em !important;

  vertical-align: 0em !important;

}



.btn-notification {

  background-color: #191923;

  width: 43px;

  height: 43px;

  border: none;

  border-radius: 50%;

  color: white;

  font-size: 24px;

  position: relative;

}

.btn-notification .badge {

  font-size: 13px;

  position: absolute;

  right: -15px;

  top: -5px;

}



.btn-help {

  background-color: transparent;

  padding: 0;

  width: 37px;

  height: 37px;

  border-radius: 0;

  font-size: 24px;

  color: rgba(255, 255, 255, 0.7);

  border: none;

}



/*#endregion -------------- Buttons */

/*#region ----------------- Navbar */

.myNavbar {

  position: fixed;

  right: 0;

  top: 0;

  z-index: 1010;

  width: 100%;

  background-color: transparent;

  box-shadow: none;

  transition: all 0.3s ease-in-out;

}

.myNavbar.scroll-navbar {

  background-color: #006494;

  box-shadow: 0 5px 25px rgba(20, 22, 25, 0.1);

}

.myNavbar.scroll-navbar .nav-logo a {

  background-color: white;

  background-image: url(../images/logo-black.png);

  box-shadow: 0 5px 25px rgba(20, 22, 25, 0.1);

}

.myNavbar.scroll-navbar .nav-logo a::before {

  background-color: white;

}





.myNavbar.scroll-navbar .nav-category .btn-mobile-menu {

  background: white;

  color: #006494;

}

.myNavbar.scroll-navbar .nav-actions .btn-nav {

  background-color: rgba(255, 255, 255, 0.2);

}

.myNavbar.scroll-navbar .nav-actions .btn-nav .mdi {

  color: white;

}

.myNavbar.scroll-navbar .nav-actions .btn-nav:hover {

  background-color: #009cf9;

}

.myNavbar.scroll-navbar .nav-social ul li a {

  color: white;

}

.myNavbar.scroll-navbar .nav-social ul li svg {

  fill: white;

}

.myNavbar .header-inner {

  display: grid;

  grid-template-columns: 1fr auto 100px;

  align-items: center;

}

.myNavbar .nav-logo a {

  display: block;

  width: 100px;

  height: 90px;

  margin: 0 auto;

  padding: 8px;

  position: relative;

  background-color: #006494;

  background-image: url(../images/logo-white.png);

  background-repeat: no-repeat;

  background-size: 90%;

  background-position: center;

}

.myNavbar .nav-logo a::before {

  content: "";

  position: absolute;

  bottom: -10px;

  right: 0;

  width: 100%;

  height: 10px;

  background-color: #006494;

  border-radius: 0 0 10px 10px;

}

.myNavbar .nav-logo a img,

.myNavbar .nav-logo a svg {

  width: 100%;

  -o-object-fit: cover;

     object-fit: cover;

}

.myNavbar .nav-category {

  height: 100%;

  display: flex;

  align-items: center;

  justify-content: flex-start;

}

.myNavbar .nav-category .mobile-menu {

  display: flex;

  align-items: center;

  justify-content: flex-start;

  height: 100%;

}

.myNavbar .nav-category .btn-mobile-menu {

  background: linear-gradient(90deg, #006494, #006494);

  color: white;

  padding: 5px 15px;

  border-radius: 12px;

  border: none;

  display: flex;

  align-items: center;

}

.myNavbar .nav-category .btn-mobile-menu .icon {

  position: relative;

  font-size: 28px;

  display: inline-block;

  margin-left: 5px;

  line-height: 0;

}

.myNavbar .nav-category .btn-mobile-menu .icon .mdi {

  line-height: 1;

  display: inline-block;

  position: relative;

  top: 2px;

}

.myNavbar .nav-category .btn-mobile-menu .text {

  display: inline-block;

  font-size: 16px;

  font-weight: 500;

}

.myNavbar .nav-category .menu-list {

  display: flex;

  align-items: center;

  justify-content: flex-start;

  height: 100%;

  margin-right: 20px;

}

.myNavbar .nav-category .menu-item {

  height: 100%;

  position: relative;

}

.myNavbar .nav-category .menu-item:hover .sub-menu-list {

  display: block;

}

.myNavbar .nav-category .link {

  display: flex;

  align-items: center;

  justify-content: center;

  padding: 5px 15px;

  font-size: 16px;

  font-weight: 500;

  color: #3a4856;

  height: 100%;

  position: relative;

  transition: all 0.2s ease-in-out;

}

.myNavbar .nav-category .link::before {

  content: "";

  position: absolute;

  bottom: 0;

  right: 50%;

  transform: translateX(50%);

  width: 0;

  height: 3px;

  background-color: #006494;

  transition: all 0.2s ease-in-out;

}

.myNavbar .nav-category .link .mdi {

  margin-left: 10px;

  font-size: 32px;

  color: #3a4856;

  position: relative;

  top: 2px;

}

.myNavbar .nav-category .link:hover {

  color: #006494;

}

.myNavbar .nav-category .link:hover::before {

  width: 100%;

}

.myNavbar .nav-category .link:hover .mdi {

  color: #006494;

}

.myNavbar .nav-category .sub-menu-list {

  display: none;

  position: absolute;

  right: 0;

  top: 100%;

  background-color: white;

  box-shadow: 0 5px 25px rgba(20, 22, 25, 0.1);

}

.myNavbar .nav-category .sub-menu-item {

  min-width: 250px;

  position: relative;

}

.myNavbar .nav-category .sub-menu-item a {

  display: block;

  padding: 15px 20px;

  font-size: 14px;

  font-weight: 400;

  color: #3a4856;

  border-bottom: 1px solid rgba(10, 12, 15, 0.2);

  position: relative;

}

.myNavbar .nav-category .sub-menu-item a .mdi {

  position: absolute;

  left: 10px;

  top: 50%;

  transform: translateY(-50%);

  color: #627c92;

}

.myNavbar .nav-category .sub-menu-item a:hover {

  color: #006494;

}

.myNavbar .nav-category .sub-menu-item a:hover .mdi {

  color: #006494;

}

.myNavbar .nav-category .sub-menu-item ul {

  visibility: hidden;

  opacity: 0;

  position: absolute;

  right: 90%;

  top: 0;

  min-width: 250px;

  background-color: white;

  box-shadow: 0 5px 25px rgba(20, 22, 25, 0.1);

  transition: all 0.2s ease-in-out;

}

.myNavbar .nav-category .sub-menu-item:hover ul {

  visibility: visible;

  opacity: 1;

  right: 100%;

}

.myNavbar .nav-actions {

  display: flex;

  align-items: center;

  justify-content: flex-end;

  height: 100%;

}

.myNavbar .nav-actions .item {

  margin-left: 10px;

  position: relative;

}

.myNavbar .nav-actions .item:last-child {

  margin-left: 20px;

}

.myNavbar .nav-actions .btn-nav {

  display: flex;

  align-items: center;

  justify-content: center;

  flex-direction: column;

  background-color: transparent;

  padding: 0;

  border: none;

  height: 100%;

  width: 34px;

  height: 34px;

  background-color: rgba(0, 0, 0, 0.05);

  border-radius: 8px;

  transition: all 0.2s ease-in-out;

}

.myNavbar .nav-actions .btn-nav .mdi {

  font-size: 24px;

  color: #3a4856;

  line-height: 1;

  position: relative;

  top: 2px;

}

.myNavbar .nav-actions .btn-nav .text {

  font-size: 12px;

  color: #4e6274;

}

.myNavbar .nav-actions .btn-nav:hover {

  background-color: #006494;

}

.myNavbar .nav-actions .btn-nav:hover .mdi {

  color: white;

}

.myNavbar .nav-actions .nav-userprofile:hover .user-menuList {

  display: block;

  -webkit-animation: swipeupsmall 0.2s ease-in-out;

          animation: swipeupsmall 0.2s ease-in-out;

}

.myNavbar .nav-actions .user-menuList {

  display: none;

  position: absolute;

  top: 85px;

  left: -15px;

  min-width: 200px;

  background-color: white;

  border-radius: 0;

  box-shadow: 0 5px 25px rgba(20, 22, 25, 0.1);

}

.myNavbar .nav-actions .user-menuList ul li {

  border-bottom: 1px solid rgba(10, 12, 15, 0.2);

}

.myNavbar .nav-actions .user-menuList ul li a {

  display: block;

  padding: 15px 20px;

  font-size: 14px;

  font-weight: 400;

  color: #3a4856;

}

.myNavbar .nav-actions .user-menuList ul li .mdi {

  margin-left: 15px;

  font-size: 18px;

  position: relative;

  top: 4px;

  color: #627c92;

}

.myNavbar .nav-actions .user-menuList ul li:hover a {

  color: #006494;

}

.myNavbar .nav-actions .user-menuList ul li:hover .mdi {

  color: #006494;

}

.myNavbar .nav-social {

  margin-right: 15px;

}

.myNavbar .nav-social ul {

  display: flex;

  align-items: center;

  justify-content: center;

}

.myNavbar .nav-social ul li {

  font-size: 28px;

  width: 34px;

  height: 34px;

  display: flex;

  align-items: center;

  justify-content: center;

}

.myNavbar .nav-social ul li a {

  color: #006494;

}

.myNavbar .nav-social ul li .mdi {

  position: relative;

  top: 2px;

}

.myNavbar .nav-social ul li:hover a {

  color: #009cf9;

}

.myNavbar .nav-social ul li:hover svg {

  fill: #009cf9;

}

.myNavbar .nav-social ul svg {

  position: relative;

  top: 1px;

  width: 25px;

  fill: #006494;

}



#desktop-search-content {

  position: fixed;

  top: 0;

  right: 0;

  width: 100%;

  height: 100%;

  z-index: 1090;

  background-color: rgba(0, 0, 0, 0.85);

  border-radius: 100px;

  display: none;

}

#desktop-search-content .search-inner {

  padding: 3rem 15px 15px 15px;

  height: 100%;

  display: flex;

  align-items: center;

  justify-content: center;

  flex-direction: column;

}

#desktop-search-content .search-inner form {

  display: grid;

  grid-template-columns: auto 40px;

  align-items: center;

  position: relative;

}

#desktop-search-content .search-inner .search-input {

  align-items: center;

  position: relative;

  width: 650px;

  margin: 0 auto;

}

#desktop-search-content .search-inner .search-input input {

  width: 100%;

  height: 50px;

  border: none;

  border-radius: 50px;

  background-color: white;

  font-size: 14px;

  font-weight: 400;

  color: #3a4856;

  padding: 5px 15px 5px 150px;

}

#desktop-search-content .search-inner .search-input .btn-clear {

  border-radius: 50%;

  background-color: #627c92;

  border: none;

  position: absolute;

  top: 5px;

  left: 95px;

  width: 40px;

  height: 40px;

  color: white;

  display: none;

}

#desktop-search-content .search-inner .search-input .btn-clear .mdi {

  font-size: 20px;

  position: relative;

  top: 3px;

}

#desktop-search-content .search-inner .search-input .btn-clear.active {

  display: block;

}

#desktop-search-content .search-inner .search-input .btn-search-result {

  position: absolute;

  left: 0;

  top: 0;

  height: 40px;

  height: 100%;

  padding: 3px 20px;

  background: linear-gradient(45deg, #006494 0%, #009cf9 100%);

  color: white;

  border: 3px solid white;

  border-radius: 50px;

}

#desktop-search-content .search-inner .list-result {

  width: 650px;

  margin: 1.5rem auto 0 auto;

  overflow-y: auto;

  scrollbar-color: rgba(255, 255, 255, 0.5) rgba(255, 255, 255, 0.2);

  scrollbar-width: thin;

}

#desktop-search-content .search-inner .list-result::-webkit-scrollbar {

  border-radius: 10px;

  width: 5px;

  height: 8px;

  background-color: rgba(255, 255, 255, 0.2);

}

#desktop-search-content .search-inner .list-result::-webkit-scrollbar-thumb {

  border-radius: 10px;

  background: rgba(255, 255, 255, 0.5);

}

#desktop-search-content .search-inner .list-result .tags {

  display: flex;

  align-items: flex-start;

  justify-content: flex-start;

  flex-wrap: wrap;

  padding-bottom: 1rem;

}

#desktop-search-content .search-inner .list-result .tags li a {

  display: block;

  padding: 5px 10px;

  margin: 0 0 15px 10px;

  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.07);

  white-space: nowrap;

  font-size: 13px;

  font-weight: 400;

  color: white;

  border-radius: 50px;

  background-color: rgba(255, 255, 255, 0.2);

}

#desktop-search-content .search-inner .list-result .tags li a:hover {

  background-color: #006494;

}

#desktop-search-content .btn-arrow-back {

  position: absolute;

  left: 30px;

  top: 30px;

  border: none;

  width: 48px;

  height: 48px;

  display: flex;

  align-items: center;

  justify-content: center;

  border-radius: 50%;

  background-color: rgba(255, 255, 255, 0.2);

  color: white;

}

#desktop-search-content .btn-arrow-back .mdi {

  font-size: 24px;

  position: relative;

  top: 1px;

  left: 3px;

  margin-right: 5px;

}

#desktop-search-content.active {

  display: block;

  -webkit-animation: scaleIn 0.3s ease-in-out;

          animation: scaleIn 0.3s ease-in-out;

  border-radius: 0;

}



#sidebar-menu {

  position: fixed;

  top: 0;

  right: -300px;

  height: 100vh;

  width: 300px;

  z-index: 2002;

  background: #fff;

  box-shadow: 5px 0 15px rgba(0, 0, 0, 0.2);

  overflow-y: auto;

  transition: all 0.2s ease-in-out;

}

#sidebar-menu.active {

  right: 0;

}

#sidebar-menu .sidebar-header {

  padding: 40px 15px 30px 15px;

  background-color: #006494;

  background-image: url(../images/4-3-1024x576.jpg);

  background-repeat: no-repeat;

  background-size: cover;

  background-position: center center;

  position: relative;

}

#sidebar-menu .sidebar-header::before {

  content: "";

  position: absolute;

  right: 0;

  top: 0;

  width: 100%;

  height: 100%;

  background-color: #006494;

  opacity: 0.8;

}

#sidebar-menu .sidebar-header .btn-close-menu {

  width: 45px;

  height: 45px;

  color: white;

  background-color: transparent;

  border: 1px solid white;

  border-radius: 50%;

  padding: 0;

  position: absolute;

  left: 15px;

  top: 15px;

  opacity: 0.7;

  z-index: 20;

}

#sidebar-menu .sidebar-header .btn-close-menu .mdi {

  font-size: 24px;

  position: relative;

  top: 2px;

}

#sidebar-menu .sidebar-header .btn-close-menu:hover {

  opacity: 1;

}

#sidebar-menu .sidebar-header .sidebar-logo {

  position: relative;

  z-index: 10;

  width: 100px;

  margin: 0 auto;

}

#sidebar-menu .sidebar-header .sidebar-logo img {

  width: 100%;

}

#sidebar-menu .sidebar-header .sidebar-logo span {

  font-size: 16px;

  font-weight: 500;

  color: #3a4856;

}

#sidebar-menu .category-list {

  margin-top: 20px;

}

#sidebar-menu .category-list .item {

  border-bottom: 1px solid rgba(0, 0, 0, 0.06);

}

#sidebar-menu .category-list .item a {

  padding: 10px 20px 10px 0;

  display: block;

  font-size: 14px;

  font-weight: 500;

  color: #3a4856;

  position: relative;

  transition: all 0.2s ease;

}

#sidebar-menu .category-list .item a .mdi {

  position: absolute;

  left: 20px;

  color: #009cf9;

}

#sidebar-menu .category-list .item a:hover {

  color: #006494;

  padding-right: 30px;

  background-color: #f1faff;

  transition: all 0.2s ease;

}

#sidebar-menu .collapse-item {

  position: relative;

}

#sidebar-menu .collapse-item .btn {

  width: 100%;

  padding: 12px 24px;

  text-align: right;

  font-size: 14px;

  border-radius: 0;

  background-color: white;

  border: none;

  color: #006494;

  border-bottom: 1px solid rgba(0, 0, 0, 0.06);

}

#sidebar-menu .collapse-item .btn:hover, #sidebar-menu .collapse-item .btn:focus {

  box-shadow: none;

}

#sidebar-menu .collapse-item .btn .icon {

  position: absolute;

  left: 10px;

  top: 13px;

  color: #006494;

  transform: rotate(45deg);

  transition: all 0.2s ease-in-out;

}

#sidebar-menu .collapse-item .btn .icon .mdi {

  font-size: 16px;

}

#sidebar-menu .collapse-item .btn.collapsed {

  color: #3a4856;

}

#sidebar-menu .collapse-item .btn.collapsed .icon {

  left: 12px;

  top: 14px;

  transform: rotate(0deg);

  color: #4e6274;

}

#sidebar-menu .collapse-item .card {

  padding: 15px 15px 15px 0;

  border-radius: 0;

  border: none;

  border-bottom: 1px solid rgba(10, 12, 15, 0.2);

  background-color: rgba(0, 0, 0, 0.02);

}

#sidebar-menu .collapse-item .card ul li:hover .name {

  color: #006494;

}

#sidebar-menu .collapse-item .card ul li a {

  display: block;

  padding: 6px 0;

}

#sidebar-menu .collapse-item .card ul li .name {

  font-size: 14px;

  font-weight: 400;

  color: #4e6274;

}

#sidebar-menu .collapse-item .card ul li .desc {

  margin-right: 10px;

  font-size: 12px;

  font-weight: 400;

  color: #627c92;

}

#sidebar-menu .collapse-item .card ul li .mdi {

  font-size: 18px;

  position: relative;

  top: 5px;

}



.overlay-back {

  display: none;

  position: fixed;

  top: 0;

  right: 0;

  width: 100vw;

  height: 100vh;

  background: rgba(0, 0, 0, 0.6);

  z-index: 2001;

  opacity: 0;

  transition: all 0.3s;

}

.overlay-back.active {

  display: block;

  opacity: 1;

}



#mobile_menu {

  display: none;

}



@media (max-width: 2200px) {

  .min-height-news {

    min-height: 370px;

  }

  .min-height-course {

    min-height: 450px;

  }

}





@media (max-width: 1200px) {

  #mobile_menu {

    display: block;

  }

  .min-height-news {

    min-height: 370px;

  }

  .min-height-course {

    min-height: 480px;

  }

}



@media (max-width: 992px) {

  .myNavbar {

    background-color: white;

    box-shadow: 0 5px 25px rgba(20, 22, 25, 0.1);

  }

  .myNavbar .header-inner {

    grid-template-columns: 1fr 130px 85px;

  }

  .myNavbar .nav-logo a {

    width: 85px;

    height: 75px;

    margin: 0;

  }

  .myNavbar .nav-category .menu-list {

    display: none;

  }

  .myNavbar .nav-category .mobile-menu {

    display: flex;

  }

  .myNavbar .nav-category .btn-mobile-menu .mdi {

    top: 2px;

  }

  .myNavbar .nav-actions {

    align-items: center;

  }

  .myNavbar .nav-actions .item {

    display: flex;

    align-items: center;

    justify-content: flex-end;

    margin-left: 15px;

  }

  .myNavbar .nav-actions .item:last-child {

    margin-left: 20px;

  }

  .myNavbar .nav-actions .btn-nav {

    width: 36px;

    height: 36px;

  }

  .myNavbar .nav-actions .btn-nav .text {

    display: none;

  }

  .myNavbar .nav-actions .btn-nav.signin::before {

    right: -2px;

    bottom: -1px;

  }

  .myNavbar .nav-actions .user-menuList {

    left: 5px;

    top: 75px;

  }

  #mobile_menu {

    display: block;

  }

  .min-height-news {

    min-height: 370px;

  }

  .min-height-course {

    min-height: 480px;

  }

}





@media (max-width: 992px) {

  .myNavbar .nav-social {

    display: none;

  }

  #desktop-search-content .search-inner .search-input {

    width: 95%;

  }

  #desktop-search-content .search-inner .list-result {

    width: 100%;

  }

  #mobile_menu {

    display: block;

  }

  .min-height-news {

    min-height: 400px;

  }

}

@media (max-width: 768px) {

  .myNavbar .nav-category .btn-mobile-menu {

    width: 48px;

    height: 48px;

    padding: 2px;

  }

  .myNavbar .nav-category .btn-mobile-menu .text {

    display: none;

  }

  .myNavbar .nav-category .btn-mobile-menu .icon {

    width: 100%;

    margin: 0;

  }

  #mobile_menu {

    display: block;

  }

  .min-height-news {

    min-height: 320px;

  }

  .min-height-course {

    min-height: 370px;

  }

}

@media (max-width: 575px) {

  .myNavbar .header-inner {

    grid-template-columns: 1fr 130px 70px;

  }

  .myNavbar .nav-logo a {

    width: 70px;

    height: 70px;

  }

  .myNavbar .nav-category .btn-mobile-menu {

    font-size: 28px;

    width: 40px;

    height: 40px;

  }

  .myNavbar .nav-actions .item {

    margin-left: 10px;

  }

  .myNavbar .nav-actions .item:last-child {

    margin-left: 15px;

  }

  .myNavbar .nav-actions .user-menuList {

    top: 60px;

    left: 0;

  }

  #mobile_menu {

    display: block;

  }

  .min-height-news {

    min-height: 320px;

  }

  .min-height-course {

    min-height: 350px;

  }

}

@media (max-width: 350px) {

  #sidebar-menu {

    width: 100%;

    right: -350px;

  }

  #mobile_menu {

    display: block;

  }

  .min-height-news {

    min-height: 300px;

  }

}

/*#endregion -------------- Navbar */

/*#region ----------------- Navbar */

.swiper.swiper-news, .swiper.swiper-ebooks, .swiper.swiper-blogs {

  position: unset !important;

}

.swiper.swiper-companies {

  position: unset !important;

  padding: 0 10px;

}

.swiper .swiper-button-prev,

.swiper .swiper-button-next {

  background-color: white;

  width: 40px;

  height: 40px;

  border-radius: 50%;

}

.swiper .swiper-button-prev::after,

.swiper .swiper-button-next::after {

  font-family: "Material Design Icons";

  font-size: 24px;

  color: #3a4856;

}

.swiper.swiper-rtl .swiper-button-next::after {

  content: "\f0141";

}

.swiper.swiper-rtl .swiper-button-prev::after {

  content: "\f0142";

}

.swiper .swiper-pagination-bullet {

  width: 8px;

  height: 8px;

  background-color: #006494;

  opacity: 0.5;

  transition: all 0.2s ease;

}

.swiper .swiper-pagination-bullet.swiper-pagination-bullet-active {

  opacity: 1;

  width: 16px;

  border-radius: 5px;

}

.swiper .swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active {

  width: 8px;

  height: 16px;

}



.home-swiper-section2 {

  padding: 160px 0 0 0;

  position: relative;

}



.home-swiper-section2 .section-inner {

  position: relative;

}

.home-swiper-section2 .news-feed {

  position: relative;

}



.home-swiper-section {

  padding: 160px 0 80px 0;

  position: relative;

}

.home-swiper-section::before {

  content: "";

  position: absolute;

  top: 0;

  left: 0;

  background-image: url(../images/hero-index.bg.png);

  background-repeat: no-repeat;

  background-size: cover;

  background-position: bottom center;

  width: 100%;

  height: 700px;

  z-index: -1;

}

.home-swiper-section::after {

  content: "";

  position: absolute;

  left: 70px;

  bottom: 20px;

  width: 150px;

  height: 150px;

  background-image: url(../images/dots.png);

  background-repeat: no-repeat;

  background-size: contain;

  background-position: center center;

}

.home-swiper-section .section-inner {

  position: relative;

}

.home-swiper-section .news-feed {

  position: relative;

}



.swiper-home .swiper-wrapper {

  position: unset !important;

  overflow: unset !important;

}

.swiper-home .swiper-button-prev,

.swiper-home .swiper-button-next {

  background-color: white;

  top: unset;

  bottom: 40px;

}

.swiper-home .swiper-button-prev::after,

.swiper-home .swiper-button-next::after {

  color: #3a4856;

}

.swiper-home .swiper-button-prev {

  right: 20px !important;

}

.swiper-home .swiper-button-next {

  left: auto !important;

  right: 70px !important;

}

.swiper-home .swiper-pagination {

  text-align: right;

  padding-right: 20px;

}

.swiper-home .swiper-pagination-bullet {

  background-color: white;

}

.swiper-home .swiper-slide .img-content img {

  width: 100%;

  border-radius: 10px;

}



.swiper-news {

  height: 410px !important;

  padding: 12px 10px 0 12px !important;

}

.swiper-news .swiper-pagination-vertical.swiper-pagination-bullets {

  right: unset;

  left: -10px;

}



.swiper-ebooks .swiper-button-next,

.swiper-blogs .swiper-button-next {

  left: -15px !important;

  box-shadow: 0 5px 25px rgba(20, 22, 25, 0.1);

}

.swiper-ebooks .swiper-button-prev,

.swiper-blogs .swiper-button-prev {

  right: -15px !important;

  box-shadow: 0 5px 25px rgba(20, 22, 25, 0.1);

}



.swiper-blogs .swiper-wrapper {

  padding: 20px 0;

}



.gears-anim {

  direction: ltr;

  height: 170px;

  width: 280px;

  position: absolute;

  right: 0;

  bottom: -20px;

}

.gears-anim .topgear {

  position: absolute;

  width: 130px;

  height: 130px;

  left: 0;

  top: 0;

  -webkit-animation: gearsRotatetop 3s infinite;

          animation: gearsRotatetop 3s infinite;

  -webkit-animation-timing-function: linear;

          animation-timing-function: linear;

}

.gears-anim .centergear {

  position: absolute;

  width: 100px;

  height: 100px;

  top: 72px;

  left: 108px;

  -webkit-animation: gearsRotatecenter 3s infinite;

          animation: gearsRotatecenter 3s infinite;

  -webkit-animation-timing-function: linear;

          animation-timing-function: linear;

}

.gears-anim .bottomgear {

  position: absolute;

  width: 70px;

  height: 70px;

  top: 67px;

  left: 202px;

  -webkit-animation: gearsRotatetop 3s infinite;

          animation: gearsRotatetop 3s infinite;

  -webkit-animation-timing-function: linear;

          animation-timing-function: linear;

}



@media (max-width: 1400px) {

  .swiper-news {

    height: 350px !important;

    padding: 12px 10px 5px 12px !important;

  }

}

@media (max-width: 1199px) {

  .home-swiper-section {

    padding-top: 150px;

  }

  .home-swiper-section::before {

    height: 600px;

  }

  .swiper-news {

    height: 300px !important;

  }

}

@media (max-width: 992px) {

  .home-swiper-section {

    padding-top: 130px;

  }

  .home-swiper-section::before {

    height: 800px;

  }

  .home-swiper-section::after {

    left: 20px;

    bottom: 0;

    width: 100px;

    height: 100px;

  }

  .home-swiper-section .news-feed {

    margin-top: 2rem;

  }

  .swiper-news {

    height: 200px !important;

    padding: 0 10px !important;

  }

  .gears-anim {

    transform: scale(0.7);

    right: -40px;

  }

}

@media (max-width: 768px) {

  .home-swiper-section::before {

    height: 700px;

  }

  .swiper .swiper-pagination-bullet {

    width: 5px;

    height: 5px;

  }

  .swiper .swiper-pagination-bullet.swiper-pagination-bullet-active {

    opacity: 1;

    width: 10px;

  }

  .swiper .swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active {

    width: 5px;

    height: 10px;

  }

  .swiper-home .swiper-button-prev,

.swiper-home .swiper-button-next {

    width: 30px;

    height: 30px;

    bottom: 30px;

  }

  .swiper-home .swiper-button-prev::after,

.swiper-home .swiper-button-next::after {

    color: #3a4856;

  }

  .swiper-home .swiper-button-prev {

    right: 10px !important;

  }

  .swiper-home .swiper-button-next {

    left: auto !important;

    right: 50px !important;

  }

  .swiper-home .swiper-pagination {

    text-align: right;

    padding-right: 10px;

    bottom: 5px !important;

  }

}

@media (max-width: 575px) {

  .swiper-news {

    height: 140px !important;

  }

  .home-swiper-section {

    padding-top: 110px;

  }

  .home-swiper-section::before {

    height: 550px;

  }

  .home-swiper-section::after {

    left: 10px;

    bottom: 0;

    width: 80px;

    height: 80px;

  }

  .home-swiper-section .news-feed {

    margin-top: 1.5rem;

  }

  .gears-anim {

    transform: scale(0.5);

    right: -60px;

  }

  .swiper-ebooks .swiper-button-next,

.swiper-blogs .swiper-button-next {

    left: -5px !important;

    width: 30px;

    height: 30px;

  }

  .swiper-ebooks .swiper-button-prev,

.swiper-blogs .swiper-button-prev {

    right: -5px !important;

    width: 30px;

    height: 30px;

  }

}

@media (max-width: 430px) {

  .swiper-home .swiper-button-prev,

.swiper-home .swiper-button-next {

    bottom: 5px;

    background-color: transparent;

    z-index: 50;

  }

  .swiper-home .swiper-button-prev::after,

.swiper-home .swiper-button-next::after {

    color: white;

  }

  .swiper-home .swiper-button-prev {

    right: auto !important;

    left: 30px !important;

  }

  .swiper-home .swiper-button-next {

    left: 5px !important;

    right: unset !important;

  }

}

/*#endregion -------------- Navbar */

/*#region ----------------- Cards */

.card-news .card-inner {

  display: grid;

  grid-template-columns: 90px auto;

  align-items: center;

  background-color: white;

  box-shadow: 0 5px 18px -1px rgba(20, 22, 25, 0.1);

  padding: 6px;

  border-radius: 10px;

}

.card-news .thumb {

  width: 90px;

}

.card-news .thumb img {

  width: 100%;

  border-radius: 8px;

}

.card-news .info {

  padding-right: 10px;

}

.card-news .info h6 {

  font-size: 14px;

  margin-bottom: 5px;

  display: -webkit-box;

  -webkit-line-clamp: 1;

  -webkit-box-orient: vertical;

  overflow: hidden;

  color: #3a4856;

}

.card-news .info p {

  font-size: 12px;

  margin-bottom: 5px;

  display: -webkit-box;

  -webkit-line-clamp: 1;

  -webkit-box-orient: vertical;

  overflow: hidden;

  color: #3a4856;

}

.card-news .info .date {

  font-size: 12px;

  color: #4e6274;

}

.card-news .info .date .mdi {

  margin-left: 5px;

  font-size: 16px;

  position: relative;

  top: 2px;

}



.card-company {

  padding: 0 5px;

  transition: all 0.2s ease-in-out;

}

.card-company .card-inner {

  display: block;

  background-color: white;

  box-shadow: 0 5px 25px rgba(20, 22, 25, 0.1);

  border-radius: 10px;

  padding: 30px 20px;

  text-align: center;

}

.card-company .thumb {

  width: 90px;

  height: 90px;

  margin: 0 auto;

}

.card-company .thumb img {

  width: 100%;

  -o-object-fit: cover;

     object-fit: cover;

  border-radius: 5px;

}

.card-company .info {

  margin-top: 1rem;

}

.card-company .info h6 {

  font-size: 14px;

  color: #3a4856;

  margin-bottom: 5px;

  display: -webkit-box;

  -webkit-line-clamp: 1;

  -webkit-box-orient: vertical;

  overflow: hidden;

}

.card-company .info p {

  margin-bottom: 0;

  font-size: 14px;

  color: #4e6274;

  display: -webkit-box;

  -webkit-line-clamp: 1;

  -webkit-box-orient: vertical;

  overflow: hidden;

}

.card-company:hover {

  transform: translateY(-5px);

}

.card-company:hover .info h6 {

  color: #006494;

}



.card-product {

  padding: 0 5px;

}

.card-product .card-inner {

  background-color: white;

  box-shadow: 0 5px 25px rgba(20, 22, 25, 0.1);

  border-radius: 15px;

  position: relative;

  display: block;

}

.card-product .thumb img {

  width: 100%;

  border-radius: 15px 15px 0 0;

}

.card-product .info {

  padding: 15px 15px 40px 15px;

  text-align: right;

}

.card-product .info h2 {

  font-size: 16px;

  color: #3a4856;

}

.card-product .info h5 {

  font-size: 13px;

  color: #006494;

  font-weight: 500;

}

.card-product .info p {

  color: #4e6274;

  font-size: 13px;

  font-weight: 300;

  line-height: 20px;

  min-height: 40px;

  margin-bottom: 0;

  display: -webkit-box;

  -webkit-line-clamp: 2;

  -webkit-box-orient: vertical;

  overflow: hidden;

}

.card-product .product-category {

  background-color: #006494;

  color: white;

  position: absolute;

  left: 0;

  bottom: 0;

  padding: 5px 15px;

  border-radius: 0 15px 15px 15px;

  font-size: 12px;

}

.card-product .product-status {

  color: white;

  position: absolute;

  left: 0;

  bottom: 0;

  padding: 5px 15px;

  border-radius: 0 15px 15px 15px;

  font-size: 12px;

}

.card-product .product-status.active {

  background-color: #00b854;

}

.card-product .product-status.error {

  background-color: #e62400;

}



.card-service {

  width: 100%;

  -webkit-user-select: none;

     -moz-user-select: none;

      -ms-user-select: none;

          user-select: none;

  margin: 10px 0;

}

.card-service .card-inner {

  position: relative;

}

.card-service .img-container {

  width: 100%;

  height: 220px;

  overflow: hidden;

  border-radius: 20px;

  position: relative;

  margin: 0;

}

.card-service .img-container .img-inner {

  position: absolute;

  top: 0;

  right: 0;

  width: 100%;

  height: 100%;

}

.card-service .img-container img {

  width: 100%;

  height: 100%;

  -o-object-fit: cover;

     object-fit: cover;

  border-radius: 20px;

  transition: all 0.3s ease-in;

}

.card-service .img-container::before {

  content: "";

  position: absolute;

  left: 0;

  top: 0;

  width: 100%;

  height: 100%;

  background: linear-gradient(180deg, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6));

  background-size: 100% 200%;

  transition: background-size 0.2s ease-in-out;

  z-index: 1;

  border-radius: 20px;

}

.card-service .info {

  position: absolute;

  left: 0;

  top: 0;

  width: 100%;

  height: 100%;

  display: flex;

  align-items: center;

  justify-content: center;

  z-index: 10;

}

.card-service .info h6 {

  color: white;

  margin-bottom: 0;

}

.card-service:hover .img-container::before {

  background: linear-gradient(180deg, rgba(0, 0, 0, 0.6), rgba(36, 203, 156, 0.6));

  background-size: 100% 100%;

}



.card-status {

  margin: 10px 0;

}

.card-status .card-inner {

  text-align: center;

}

.card-status .icon {

  width: 80px;

  height: 80px;

  border-radius: 50%;

  margin: 0 auto;

  background-color: rgba(255, 255, 255, 0.2);

  padding: 18px;

}

.card-status .icon img {

  width: 100%;

}

.card-status h6 {

  color: white;

  margin-bottom: 0;

  font-size: 14px;

  margin-top: 1rem;

}



.card-centers .card-inner {

  position: relative;

  display: flex;

  align-items: center;

  justify-content: center;

  width: 200px;

  height: 230px;

}

.card-centers .card-inner::before {

  content: "";

  position: absolute;

  left: 0;

  top: 0;

  width: 100%;

  height: 100%;

  z-index: -1;

  transition: all 0.2s ease-in-out;

  background-repeat: no-repeat;

  background-size: 200px;

  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMjQxIiBoZWlnaHQ9IjI3NCIgdmlld0JveD0iMCAwIDI0MSAyNzQiPjxkZWZzPjxjbGlwUGF0aCBpZD0iYiI+PHJlY3Qgd2lkdGg9IjI0MSIgaGVpZ2h0PSIyNzQiLz48L2NsaXBQYXRoPjwvZGVmcz48ZyBpZD0iYSIgY2xpcC1wYXRoPSJ1cmwoI2IpIj48ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtNTkgMTAyLjUpIHJvdGF0ZSgtMzApIiBmaWxsPSIjZmZmIj48cGF0aCBkPSJNIDE5OS42NjUyNTI2ODU1NDY5IDIzOC41IEwgNzcuMzM0NzQ3MzE0NDUzMTIgMjM4LjUgQyA3NS4xNDMxNDI3MDAxOTUzMSAyMzguNSA3Mi45ODE1MzY4NjUyMzQzOCAyMzcuOTIwNjg0ODE0NDUzMSA3MS4wODM2NzkxOTkyMTg3NSAyMzYuODI0NzA3MDMxMjUgQyA2OS4xODU3ODMzODYyMzA0NyAyMzUuNzI4NzEzOTg5MjU3OCA2Ny42MDM2MDcxNzc3MzQzOCAyMzQuMTQ2MDQxODcwMTE3MiA2Ni41MDgxNzg3MTA5Mzc1IDIzMi4yNDc4MTc5OTMxNjQxIEwgNS4zMzczNTcwNDQyMTk5NzEgMTI2LjI0NzgxNzk5MzE2NDEgQyA0LjI0MjYwNzExNjY5OTIxOSAxMjQuMzUwNzUzNzg0MTc5NyAzLjY2MzkyODUwODc1ODU0NSAxMjIuMTkwMjg0NzI5MDAzOSAzLjY2MzkyODUwODc1ODU0NSAxMjAgQyAzLjY2MzkyODUwODc1ODU0NSAxMTcuODA5Njc3MTI0MDIzNCA0LjI0MjYwNzExNjY5OTIxOSAxMTUuNjQ5MjE1Njk4MjQyMiA1LjMzNzM1NzA0NDIxOTk3MSAxMTMuNzUyMTgyMDA2ODM1OSBMIDY2LjUwODIxNjg1NzkxMDE2IDcuNzUyMTc4NjY4OTc1ODMgQyA2Ny42MDM2NDUzMjQ3MDcwMyA1Ljg1Mzk2NDMyODc2NTg2OSA2OS4xODU4MjE1MzMyMDMxMiA0LjI3MTI4NTUzMzkwNTAyOSA3MS4wODM3MTczNDYxOTE0MSAzLjE3NTI4NTgxNjE5MjYyNyBDIDcyLjk4MTU3NTAxMjIwNzAzIDIuMDc5MzIxMzg0NDI5OTMyIDc1LjE0MzE4MDg0NzE2Nzk3IDEuNSA3Ny4zMzQ3ODU0NjE0MjU3OCAxLjUgTCAxOTkuNjY1MjUyNjg1NTQ2OSAxLjUgQyAyMDEuODU2ODU3Mjk5ODA0NyAxLjUgMjA0LjAxODQ2MzEzNDc2NTYgMi4wNzkzMjEzODQ0Mjk5MzIgMjA1LjkxNjMyMDgwMDc4MTIgMy4xNzUyODU4MTYxOTI2MjcgQyAyMDcuODE0MjA4OTg0Mzc1IDQuMjcxMjg1NTMzOTA1MDI5IDIwOS4zOTYzOTI4MjIyNjU2IDUuODUzOTY0MzI4NzY1ODY5IDIxMC40OTE4MjEyODkwNjI1IDcuNzUyMTc4NjY4OTc1ODMgTCAyNzEuNjYyNjI4MTczODI4MSAxMTMuNzUyMTgyMDA2ODM1OSBDIDI3Mi43NTczODUyNTM5MDYyIDExNS42NDkyNDYyMTU4MjAzIDI3My4zMzYwNTk1NzAzMTI1IDExNy44MDk3MTUyNzA5OTYxIDI3My4zMzYwNTk1NzAzMTI1IDEyMCBDIDI3My4zMzYwNTk1NzAzMTI1IDEyMi4xOTAyODQ3MjkwMDM5IDI3Mi43NTczODUyNTM5MDYyIDEyNC4zNTA3NTM3ODQxNzk3IDI3MS42NjI2MjgxNzM4MjgxIDEyNi4yNDc4MTc5OTMxNjQxIEwgMjEwLjQ5MTgyMTI4OTA2MjUgMjMyLjI0NzgxNzk5MzE2NDEgQyAyMDkuMzk2MzkyODIyMjY1NiAyMzQuMTQ2MDQxODcwMTE3MiAyMDcuODE0MjA4OTg0Mzc1IDIzNS43Mjg3MTM5ODkyNTc4IDIwNS45MTYzMjA4MDA3ODEyIDIzNi44MjQ3MDcwMzEyNSBDIDIwNC4wMTg0NjMxMzQ3NjU2IDIzNy45MjA2ODQ4MTQ0NTMxIDIwMS44NTY4NTcyOTk4MDQ3IDIzOC41IDE5OS42NjUyNTI2ODU1NDY5IDIzOC41IFoiIHN0cm9rZT0ibm9uZSIvPjxwYXRoIGQ9Ik0gNzcuMzM0NzYyNTczMjQyMTkgMyBDIDczLjQxNjUzNDQyMzgyODEyIDMgNjkuNzY1ODg0Mzk5NDE0MDYgNS4xMDgxODQ4MTQ0NTMxMjUgNjcuODA3NDE4ODIzMjQyMTkgOC41MDE4OTIwODk4NDM3NSBMIDYuNjM2NTM1NjQ0NTMxMjUgMTE0LjUwMTg4NDQ2MDQ0OTIgQyA0LjY3OTQ3Mzg3Njk1MzEyNSAxMTcuODkzMjM0MjUyOTI5NyA0LjY3OTQ3Mzg3Njk1MzEyNSAxMjIuMTA2NzY1NzQ3MDcwMyA2LjYzNjUzNTY0NDUzMTI1IDEyNS40OTgxMTU1Mzk1NTA4IEwgNjcuODA3Mzg4MzA1NjY0MDYgMjMxLjQ5ODEwNzkxMDE1NjIgQyA2OS43NjU4MDgxMDU0Njg3NSAyMzQuODkxODE1MTg1NTQ2OSA3My40MTY1MDM5MDYyNSAyMzcgNzcuMzM0NzYyNTczMjQyMTkgMjM3IEwgMTk5LjY2NTIyMjE2Nzk2ODggMjM3IEMgMjAzLjU4MzQ5NjA5Mzc1IDIzNyAyMDcuMjM0MTkxODk0NTMxMiAyMzQuODkxODE1MTg1NTQ2OSAyMDkuMTkyNjExNjk0MzM1OSAyMzEuNDk4MTA3OTEwMTU2MiBMIDI3MC4zNjM0MzM4Mzc4OTA2IDEyNS40OTgwNzczOTI1NzgxIEMgMjcyLjMyMDUyNjEyMzA0NjkgMTIyLjEwNjcyNzYwMDA5NzcgMjcyLjMyMDUyNjEyMzA0NjkgMTE3Ljg5MzI3MjM5OTkwMjMgMjcwLjM2MzQzMzgzNzg5MDYgMTE0LjUwMTg4NDQ2MDQ0OTIgTCAyMDkuMTkyNjExNjk0MzM1OSA4LjUwMTkyMjYwNzQyMTg3NSBDIDIwNy4yMzQxNjEzNzY5NTMxIDUuMTA4MTg0ODE0NDUzMTI1IDIwMy41ODM0NjU1NzYxNzE5IDMgMTk5LjY2NTIyMjE2Nzk2ODggMyBMIDc3LjMzNDc2MjU3MzI0MjE5IDMgTSA3Ny4zMzQ3NjI1NzMyNDIxOSAwIEwgMTk5LjY2NTIyMjE2Nzk2ODggMCBDIDIwNC42Njc5Njg3NSAwIDIwOS4yOTA0OTY4MjYxNzE5IDIuNjY5NDY0MTExMzI4MTI1IDIxMS43OTEwMDAzNjYyMTA5IDcuMDAyNDI2MTQ3NDYwOTM4IEwgMjcyLjk2MTgyMjUwOTc2NTYgMTEzLjAwMjQyNjE0NzQ2MDkgQyAyNzUuNDYwODE1NDI5Njg3NSAxMTcuMzMyODA5NDQ4MjQyMiAyNzUuNDYwODE1NDI5Njg3NSAxMjIuNjY3MTkwNTUxNzU3OCAyNzIuOTYxODIyNTA5NzY1NiAxMjYuOTk3NTczODUyNTM5MSBMIDIxMS43OTEwMDAzNjYyMTA5IDIzMi45OTc1NzM4NTI1MzkxIEMgMjA5LjI5MDQ5NjgyNjE3MTkgMjM3LjMzMDU4MTY2NTAzOTEgMjA0LjY2Nzk2ODc1IDI0MCAxOTkuNjY1MjIyMTY3OTY4OCAyNDAgTCA3Ny4zMzQ3NjI1NzMyNDIxOSAyNDAgQyA3Mi4zMzIwMzEyNSAyNDAgNjcuNzA5NTAzMTczODI4MTIgMjM3LjMzMDU4MTY2NTAzOTEgNjUuMjA4OTk5NjMzNzg5MDYgMjMyLjk5NzU3Mzg1MjUzOTEgTCA0LjAzODE0Njk3MjY1NjI1IDEyNi45OTc1NzM4NTI1MzkxIEMgMS41MzkxODQ1NzAzMTI1IDEyMi42NjcxOTA1NTE3NTc4IDEuNTM5MTg0NTcwMzEyNSAxMTcuMzMyODA5NDQ4MjQyMiA0LjAzODE0Njk3MjY1NjI1IDExMy4wMDI0MjYxNDc0NjA5IEwgNjUuMjA5MDQ1NDEwMTU2MjUgNy4wMDI0MjYxNDc0NjA5MzggQyA2Ny43MDk1MzM2OTE0MDYyNSAyLjY2OTQ2NDExMTMyODEyNSA3Mi4zMzIwNzcwMjYzNjcxOSAwIDc3LjMzNDc2MjU3MzI0MjE5IDAgWiIgc3Ryb2tlPSJub25lIiBmaWxsPSIjZTJlNmViIi8+PC9nPjwvZz48L3N2Zz4=);

}

.card-centers .thumb {

  width: 140px;

  height: 140px;

}

.card-centers .thumb img {

  width: 100%;

}

.card-centers:hover .card-inner::before {

  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMjQxIiBoZWlnaHQ9IjI3NCIgdmlld0JveD0iMCAwIDI0MSAyNzQiPjxkZWZzPjxjbGlwUGF0aCBpZD0iYiI+PHJlY3Qgd2lkdGg9IjI0MSIgaGVpZ2h0PSIyNzQiLz48L2NsaXBQYXRoPjwvZGVmcz48ZyBpZD0iYSIgY2xpcC1wYXRoPSJ1cmwoI2IpIj48ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtNTkgMTAyLjUpIHJvdGF0ZSgtMzApIiBmaWxsPSIjZmZmIj48cGF0aCBkPSJNIDE5OS42NjUyNTI2ODU1NDY5IDIzOC41IEwgNzcuMzM0NzQ3MzE0NDUzMTIgMjM4LjUgQyA3NS4xNDMxNDI3MDAxOTUzMSAyMzguNSA3Mi45ODE1MzY4NjUyMzQzOCAyMzcuOTIwNjg0ODE0NDUzMSA3MS4wODM2NzkxOTkyMTg3NSAyMzYuODI0NzA3MDMxMjUgQyA2OS4xODU3ODMzODYyMzA0NyAyMzUuNzI4NzEzOTg5MjU3OCA2Ny42MDM2MDcxNzc3MzQzOCAyMzQuMTQ2MDQxODcwMTE3MiA2Ni41MDgxNzg3MTA5Mzc1IDIzMi4yNDc4MTc5OTMxNjQxIEwgNS4zMzczNTcwNDQyMTk5NzEgMTI2LjI0NzgxNzk5MzE2NDEgQyA0LjI0MjYwNzExNjY5OTIxOSAxMjQuMzUwNzUzNzg0MTc5NyAzLjY2MzkyODUwODc1ODU0NSAxMjIuMTkwMjg0NzI5MDAzOSAzLjY2MzkyODUwODc1ODU0NSAxMjAgQyAzLjY2MzkyODUwODc1ODU0NSAxMTcuODA5Njc3MTI0MDIzNCA0LjI0MjYwNzExNjY5OTIxOSAxMTUuNjQ5MjE1Njk4MjQyMiA1LjMzNzM1NzA0NDIxOTk3MSAxMTMuNzUyMTgyMDA2ODM1OSBMIDY2LjUwODIxNjg1NzkxMDE2IDcuNzUyMTc4NjY4OTc1ODMgQyA2Ny42MDM2NDUzMjQ3MDcwMyA1Ljg1Mzk2NDMyODc2NTg2OSA2OS4xODU4MjE1MzMyMDMxMiA0LjI3MTI4NTUzMzkwNTAyOSA3MS4wODM3MTczNDYxOTE0MSAzLjE3NTI4NTgxNjE5MjYyNyBDIDcyLjk4MTU3NTAxMjIwNzAzIDIuMDc5MzIxMzg0NDI5OTMyIDc1LjE0MzE4MDg0NzE2Nzk3IDEuNSA3Ny4zMzQ3ODU0NjE0MjU3OCAxLjUgTCAxOTkuNjY1MjUyNjg1NTQ2OSAxLjUgQyAyMDEuODU2ODU3Mjk5ODA0NyAxLjUgMjA0LjAxODQ2MzEzNDc2NTYgMi4wNzkzMjEzODQ0Mjk5MzIgMjA1LjkxNjMyMDgwMDc4MTIgMy4xNzUyODU4MTYxOTI2MjcgQyAyMDcuODE0MjA4OTg0Mzc1IDQuMjcxMjg1NTMzOTA1MDI5IDIwOS4zOTYzOTI4MjIyNjU2IDUuODUzOTY0MzI4NzY1ODY5IDIxMC40OTE4MjEyODkwNjI1IDcuNzUyMTc4NjY4OTc1ODMgTCAyNzEuNjYyNjI4MTczODI4MSAxMTMuNzUyMTgyMDA2ODM1OSBDIDI3Mi43NTczODUyNTM5MDYyIDExNS42NDkyNDYyMTU4MjAzIDI3My4zMzYwNTk1NzAzMTI1IDExNy44MDk3MTUyNzA5OTYxIDI3My4zMzYwNTk1NzAzMTI1IDEyMCBDIDI3My4zMzYwNTk1NzAzMTI1IDEyMi4xOTAyODQ3MjkwMDM5IDI3Mi43NTczODUyNTM5MDYyIDEyNC4zNTA3NTM3ODQxNzk3IDI3MS42NjI2MjgxNzM4MjgxIDEyNi4yNDc4MTc5OTMxNjQxIEwgMjEwLjQ5MTgyMTI4OTA2MjUgMjMyLjI0NzgxNzk5MzE2NDEgQyAyMDkuMzk2MzkyODIyMjY1NiAyMzQuMTQ2MDQxODcwMTE3MiAyMDcuODE0MjA4OTg0Mzc1IDIzNS43Mjg3MTM5ODkyNTc4IDIwNS45MTYzMjA4MDA3ODEyIDIzNi44MjQ3MDcwMzEyNSBDIDIwNC4wMTg0NjMxMzQ3NjU2IDIzNy45MjA2ODQ4MTQ0NTMxIDIwMS44NTY4NTcyOTk4MDQ3IDIzOC41IDE5OS42NjUyNTI2ODU1NDY5IDIzOC41IFoiIHN0cm9rZT0ibm9uZSIvPjxwYXRoIGQ9Ik0gNzcuMzM0NzYyNTczMjQyMTkgMyBDIDczLjQxNjUzNDQyMzgyODEyIDMgNjkuNzY1ODg0Mzk5NDE0MDYgNS4xMDgxODQ4MTQ0NTMxMjUgNjcuODA3NDE4ODIzMjQyMTkgOC41MDE4OTIwODk4NDM3NSBMIDYuNjM2NTM1NjQ0NTMxMjUgMTE0LjUwMTg4NDQ2MDQ0OTIgQyA0LjY3OTQ3Mzg3Njk1MzEyNSAxMTcuODkzMjM0MjUyOTI5NyA0LjY3OTQ3Mzg3Njk1MzEyNSAxMjIuMTA2NzY1NzQ3MDcwMyA2LjYzNjUzNTY0NDUzMTI1IDEyNS40OTgxMTU1Mzk1NTA4IEwgNjcuODA3Mzg4MzA1NjY0MDYgMjMxLjQ5ODEwNzkxMDE1NjIgQyA2OS43NjU4MDgxMDU0Njg3NSAyMzQuODkxODE1MTg1NTQ2OSA3My40MTY1MDM5MDYyNSAyMzcgNzcuMzM0NzYyNTczMjQyMTkgMjM3IEwgMTk5LjY2NTIyMjE2Nzk2ODggMjM3IEMgMjAzLjU4MzQ5NjA5Mzc1IDIzNyAyMDcuMjM0MTkxODk0NTMxMiAyMzQuODkxODE1MTg1NTQ2OSAyMDkuMTkyNjExNjk0MzM1OSAyMzEuNDk4MTA3OTEwMTU2MiBMIDI3MC4zNjM0MzM4Mzc4OTA2IDEyNS40OTgwNzczOTI1NzgxIEMgMjcyLjMyMDUyNjEyMzA0NjkgMTIyLjEwNjcyNzYwMDA5NzcgMjcyLjMyMDUyNjEyMzA0NjkgMTE3Ljg5MzI3MjM5OTkwMjMgMjcwLjM2MzQzMzgzNzg5MDYgMTE0LjUwMTg4NDQ2MDQ0OTIgTCAyMDkuMTkyNjExNjk0MzM1OSA4LjUwMTkyMjYwNzQyMTg3NSBDIDIwNy4yMzQxNjEzNzY5NTMxIDUuMTA4MTg0ODE0NDUzMTI1IDIwMy41ODM0NjU1NzYxNzE5IDMgMTk5LjY2NTIyMjE2Nzk2ODggMyBMIDc3LjMzNDc2MjU3MzI0MjE5IDMgTSA3Ny4zMzQ3NjI1NzMyNDIxOSAwIEwgMTk5LjY2NTIyMjE2Nzk2ODggMCBDIDIwNC42Njc5Njg3NSAwIDIwOS4yOTA0OTY4MjYxNzE5IDIuNjY5NDY0MTExMzI4MTI1IDIxMS43OTEwMDAzNjYyMTA5IDcuMDAyNDI2MTQ3NDYwOTM4IEwgMjcyLjk2MTgyMjUwOTc2NTYgMTEzLjAwMjQyNjE0NzQ2MDkgQyAyNzUuNDYwODE1NDI5Njg3NSAxMTcuMzMyODA5NDQ4MjQyMiAyNzUuNDYwODE1NDI5Njg3NSAxMjIuNjY3MTkwNTUxNzU3OCAyNzIuOTYxODIyNTA5NzY1NiAxMjYuOTk3NTczODUyNTM5MSBMIDIxMS43OTEwMDAzNjYyMTA5IDIzMi45OTc1NzM4NTI1MzkxIEMgMjA5LjI5MDQ5NjgyNjE3MTkgMjM3LjMzMDU4MTY2NTAzOTEgMjA0LjY2Nzk2ODc1IDI0MCAxOTkuNjY1MjIyMTY3OTY4OCAyNDAgTCA3Ny4zMzQ3NjI1NzMyNDIxOSAyNDAgQyA3Mi4zMzIwMzEyNSAyNDAgNjcuNzA5NTAzMTczODI4MTIgMjM3LjMzMDU4MTY2NTAzOTEgNjUuMjA4OTk5NjMzNzg5MDYgMjMyLjk5NzU3Mzg1MjUzOTEgTCA0LjAzODE0Njk3MjY1NjI1IDEyNi45OTc1NzM4NTI1MzkxIEMgMS41MzkxODQ1NzAzMTI1IDEyMi42NjcxOTA1NTE3NTc4IDEuNTM5MTg0NTcwMzEyNSAxMTcuMzMyODA5NDQ4MjQyMiA0LjAzODE0Njk3MjY1NjI1IDExMy4wMDI0MjYxNDc0NjA5IEwgNjUuMjA5MDQ1NDEwMTU2MjUgNy4wMDI0MjYxNDc0NjA5MzggQyA2Ny43MDk1MzM2OTE0MDYyNSAyLjY2OTQ2NDExMTMyODEyNSA3Mi4zMzIwNzcwMjYzNjcxOSAwIDc3LjMzNDc2MjU3MzI0MjE5IDAgWiIgc3Ryb2tlPSJub25lIiBmaWxsPSIjMDA5Y2Y5Ii8+PC9nPjwvZz48L3N2Zz4=);

}



.card-advert {

  margin-bottom: 16px;

}

.card-advert .card-inner {

  position: relative;

}

.card-advert .card-inner::before {

  content: "";

  position: absolute;

  top: 0;

  right: 0;

  width: 100%;

  height: 100%;

  background-color: rgba(0, 0, 0, 0.7);

  z-index: 10;

  border-radius: 15px;

  transition: all 0.3s ease-in-out;

}

.card-advert .img-container {

  width: 100%;

  height: 250px;

  overflow: hidden;

  border-radius: 15px;

  position: relative;

  margin: 0;

}

.card-advert .img-container .img-inner {

  position: absolute;

  top: 0;

  right: 0;

  width: 100%;

  height: 100%;

}

.card-advert .img-container img {

  width: 100%;

  height: 100%;

  -o-object-fit: cover;

     object-fit: cover;

  border-radius: 15px;

  transition: all 0.3s ease-in;

}

.card-advert .info {

  position: relative;

  width: 100%;

  height: 100%;

  display: flex;

  align-items: center;

  justify-content: center;

  flex-direction: column;

  z-index: 50;

}

.card-advert .info h6 {

  font-size: 14px;

  color: white;

  margin-bottom: 0;

}

.card-advert .info .btn {

  margin-top: 1rem;

  display: none;

  padding: 0.5rem 1.2rem;

  font-size: 14px;

}

.card-advert:hover .card-inner::before {

  background-color: rgba(0, 100, 148, 0.7);

}

.card-advert:hover .info .btn {

  display: block;

}



.card-file {

  width: 100%;

  margin-bottom: 20px;

}

.card-file .card-inner {

  background-color: white;

  box-shadow: 0 5px 25px rgba(20, 22, 25, 0.1);

  border-radius: 15px;

}

.card-file .information {

  display: grid;

  grid-template-columns: 48px auto;

  padding: 20px;

}

.card-file .information .thumb {

  width: 48px;

  height: 48px;

  border-radius: 10px;

  color: white;

  display: flex;

  align-items: center;

  justify-content: center;

  font-size: 28px;

}

.card-file .information .thumb .mdi {

  position: relative;

  top: 2px;

}

.card-file .information ul {

  padding-right: 15px;

}

.card-file .information ul li {

  font-size: 14px;

  font-weight: 400;

  color: #4e6274;

  margin-bottom: 5px;

}

.card-file .information ul li span {

  color: #3a4856;

}

.card-file .c-footer {

  border-top: 1px solid rgba(10, 12, 15, 0.2);

  padding: 20px;

  display: flex;

  align-items: center;

  justify-content: space-between;

}

.card-file .c-footer .category h6 {

  font-size: 12px;

  color: #4e6274;

}

.card-file .c-footer .category h6 span {

  color: #3a4856;

  margin-right: 3px;

}

.card-file.color-pdf .information .thumb {

  background-color: #e80e02;

}

.card-file.color-word .information .thumb {

  background-color: #285291;

}



.card-event {

  width: 100%;

  margin-bottom: 16px;

}

.card-event .card-inner {

  background-color: white;

  box-shadow: 0 5px 18px -1px rgba(20, 22, 25, 0.1);

  border-radius: 10px;

  display: grid;

  grid-template-columns: 150px 1fr;

}

.card-event .thumb {

  width: 150px;

}

.card-event .thumb img {

  width: 100%;

  border-radius: 0 10px 10px 0;

}

.card-event .info-list {

  padding: 12px;

}

.card-event .info-list li {

  margin-top: 5px;

  font-size: 13px;

  color: #4e6274;

  font-weight: 400;

  display: -webkit-box;

  -webkit-line-clamp: 1;

  -webkit-box-orient: vertical;

  overflow: hidden;

}

.card-event .info-list li.title {

  font-weight: 600;

  margin-bottom: 12px;

  font-size: 16px;

  border-bottom: 1px solid rgba(10, 12, 15, 0.2);

  padding-bottom: 12px;

}

.card-event .info-list li span {

  color: #3a4856;

}

.card-event:hover .card-inner {

  box-shadow: 0 5px 25px rgba(20, 22, 25, 0.1);

}

.card-event:hover .info-list li.title {

  color: #006494;

}

.card-event:hover .info-list li.title span {

  color: #006494;

}



.card-samaneh {

  margin-bottom: 20px;

}

.card-samaneh .card-inner {

  display: grid;

  grid-template-columns: 150px auto;

  padding: 12px;

  border-radius: 12px;

  background-color: white;

  box-shadow: 0 5px 25px rgba(20, 22, 25, 0.1);

}

.card-samaneh .thumb {

  width: 150px;

  height: 150px;

  border: 1px solid rgba(10, 12, 15, 0.2);

  border-radius: 10px;

}

.card-samaneh .thumb img {

  width: 100%;

  border-radius: 10px;

}

.card-samaneh .info {

  padding-right: 15px;

  padding-left: 20px;

}

.card-samaneh .info h2 {

  font-size: 16px;

  margin-bottom: 1rem;

}

.card-samaneh .info ul li {

  font-size: 14px;

  font-weight: 400;

  margin-bottom: 10px;

  color: #4e6274;

}

.card-samaneh .info ul li span {

  color: #4e6274;

}

.card-samaneh .info ul li a {

  display: inline-block;

  color: #4e6274;

}

.card-samaneh .info ul li a span {

  color: #009cf9;

}

.card-samaneh .info .desc p {

  font-size: 14px;

  font-weight: 400;

  color: #4e6274;

  text-align: justify;

}



.card-reserve {

  margin-bottom: 20px;

}

.card-reserve .card-inner {

  display: grid;

  grid-template-columns: 170px auto;

  padding: 12px;

  border-radius: 15px 15px 15px 35px;

  background-color: white;

  box-shadow: 0 5px 25px rgba(20, 22, 25, 0.1);

}

.card-reserve .thumb {

  width: 170px;

  height: 170px;

  border: 1px solid rgba(10, 12, 15, 0.2);

  border-radius: 12px;

}

.card-reserve .thumb img {

  width: 100%;

  border-radius: 12px;

}

.card-reserve .info {

  padding-right: 20px;

  padding-top: 10px;

}

.card-reserve .info h2 {

  font-size: 16px;

  margin-bottom: 15px;

  display: -webkit-box;

  -webkit-line-clamp: 1;

  -webkit-box-orient: vertical;

  overflow: hidden;

}

.card-reserve .info ul li {

  font-size: 14px;

  font-weight: 400;

  color: #4e6274;

  margin: 5px 0;

}

.card-reserve .info ul li span {

  margin-right: 10px;

  color: #3a4856;

}

.card-reserve .info ul li span.active {

  color: #e62400;

}

.card-reserve .info ul li span.empty {

  color: #00b854;

}

.card-reserve .info .button-group {

  text-align: left;

}



.card-course {

  margin-bottom: 20px;

}

.card-course .card-inner {

  display: block;

  background-color: white;

  box-shadow: 0 5px 18px -1px rgba(20, 22, 25, 0.1);

  border-radius: 12px;

  transition: all 0.2s ease-in-out;

}

.card-course .thumb img {

  width: 100%;

  border-radius: 12px 12px 0 0;

}

.card-course .info {

  padding: 10px;

}

.card-course .info .name {

  font-size: 16px;

  color: #3a4856;

  margin-bottom: 6px;

}

.card-course .info .category {

  font-size: 14px;

  font-weight: 400;

  color: #4e6274;

  margin-bottom: 0;

}

.card-course .read-more {

  text-align: left;

  padding: 0 0 10px 0;

  font-size: 13px;

  font-weight: 400;

  color: #009cf9;

  transition: all 0.2s ease-in-out;

  margin-bottom: 0;

}

.card-course .read-more .mdi {

  margin-right: 5px;

  font-size: 15px;

  position: relative;

  top: 3px;

  left: -5px;

  transition: all 0.2s ease-in-out;

  opacity: 0;

}

.card-course:hover .card-inner {

  transform: scale(1.01);

  box-shadow: 0 5px 25px rgba(20, 22, 25, 0.1);

}

.card-course:hover .info .name {

  color: #006494;

}

.card-course:hover .read-more {

  padding-left: 10px;

}

.card-course:hover .read-more .mdi {

  left: 0;

  opacity: 1;

}



.card-blog-row {

  background-color: white;

  border-radius: 12px;

  margin-bottom: 25px;

  box-shadow: 0 5px 25px rgba(20, 22, 25, 0.1);

  width: 100%;

}

.card-blog-row a {

  display: grid;

  grid-template-columns: 250px auto;

  position: relative;

}

.card-blog-row .blog-pic {

  width: 100%;

  height: 182px;

  overflow: hidden;

  border-radius: 0;

  position: relative;

  margin: 0;

  border-radius: 0 12px 12px 0;

}

.card-blog-row .blog-pic .img-inner {

  position: absolute;

  top: 0;

  right: 0;

  width: 100%;

  height: 100%;

}

.card-blog-row .blog-pic img {

  width: 100%;

  height: 100%;

  -o-object-fit: cover;

     object-fit: cover;

  border-radius: 0;

  transition: all 0.3s ease-in;

}

.card-blog-row .card-b {

  padding: 15px;

  display: flex;

  align-items: flex-start;

  justify-content: flex-start;

  flex-direction: column;

}

.card-blog-row .card-b .titr {

  font-size: 17px;

  font-weight: 600;

  color: #3a4856;

  line-height: 28px;

  display: -webkit-box;

  -webkit-line-clamp: 2;

  -webkit-box-orient: vertical;

  overflow: hidden;

}

.card-blog-row .card-b .desc {

  font-size: 13px;

  font-weight: 400;

  color: #4e6274;

  display: -webkit-box;

  -webkit-line-clamp: 2;

  -webkit-box-orient: vertical;

  overflow: hidden;

  margin-bottom: 0;

  margin-top: 10px;

}

.card-blog-row .card-b .status-list {

  display: flex;

  align-items: center;

  justify-content: flex-start;

}

.card-blog-row .card-b .status-list li {

  font-size: 11px;

  font-weight: 400;

  color: #627c92;

  margin-left: 25px;

}

.card-blog-row .card-b .status-list li .mdi {

  font-size: 14px;

  margin-left: 3px;

  position: relative;

  top: 2px;

}

.card-blog-row .category {

  position: absolute;

  right: 10px;

  top: 10px;

  background: linear-gradient(45deg, #009cf9 0%, #006494 100%);

  font-size: 12px;

  font-weight: 600;

  color: white;

  padding: 3px 10px;

  border-radius: 5px;

}



.card-ebook {

  padding: 10px 0 0 10px;

}

.card-ebook .cover img {

  width: 100%;

  box-shadow: -2px 10px 14px -8px rgba(122, 122, 122, 0.5);

  border-radius: 3px;

}

.card-ebook .text {

  margin-top: 15px;

}

.card-ebook .text .name {

  font-size: 13px;

  font-weight: 500;

  color: #3a4856;

  margin-bottom: 8px;

  display: -webkit-box;

  -webkit-line-clamp: 1;

  -webkit-box-orient: vertical;

  overflow: hidden;

}

.card-ebook .text .author {

  font-size: 12px;

  font-weight: 500;

  color: #4e6274;

  display: -webkit-box;

  -webkit-line-clamp: 1;

  -webkit-box-orient: vertical;

  overflow: hidden;

}



.card-blog {

  border-radius: 15px;

  background-color: white;

  box-shadow: 0 5px 25px rgba(20, 22, 25, 0.1);

}

.card-blog a {

  display: block;

}

.card-blog .news-pic {

  width: 100%;

  height: 200px;

  overflow: hidden;

  border-radius: 0;

  position: relative;

  margin: 0;

  border-radius: 15px 15px 0 0;

}

.card-blog .news-pic .img-inner {

  position: absolute;

  top: 0;

  right: 0;

  width: 100%;

  height: 100%;

}

.card-blog .news-pic img {

  width: 100%;

  height: 100%;

  -o-object-fit: cover;

     object-fit: cover;

  border-radius: 0;

  transition: all 0.3s ease-in;

}

.card-blog .card-b {

  padding: 15px;

}

.card-blog .card-b .titr {

  font-size: 14px;

  font-weight: 600;

  color: #3a4856;

  line-height: 24px;

  height: 48px;

  display: -webkit-box;

  -webkit-line-clamp: 2;

  -webkit-box-orient: vertical;

  overflow: hidden;

}

.card-blog .card-b .desc {

  font-size: 12px;

  font-weight: 400;

  color: #4e6274;

  line-height: 21px;

  margin-bottom: 0;

  display: -webkit-box;

  -webkit-line-clamp: 2;

  -webkit-box-orient: vertical;

  overflow: hidden;

}

.card-blog .card-f {

  padding: 0 15px 10px 15px;

}

.card-blog .card-f .status-list {

  display: flex;

  align-items: center;

  justify-content: space-between;

}

.card-blog .card-f .status-list li {

  font-size: 11px;

  font-weight: 400;

  color: #627c92;

}

.card-blog .card-f .status-list li .mdi {

  font-size: 14px;

  margin-left: 3px;

  position: relative;

  top: 2px;

}

.card-blog .category {

  position: absolute;

  right: 10px;

  top: 10px;

  background: linear-gradient(45deg, #006494 0%, #009cf9 100%);

  font-size: 12px;

  font-weight: 600;

  color: white;

  padding: 3px 10px;

  border-radius: 5px;

}



@media (max-width: 1199px) {

  .card-news .card-inner {

    grid-template-columns: 70px auto;

  }

  .card-news .thumb {

    width: 70px;

  }

  .card-news .info h6 {

    font-size: 12px;

    margin-bottom: 3px;

  }

  .card-news .info p {

    font-size: 10px;

    margin-bottom: 0;

  }

  .card-news .info .date {

    font-size: 10px;

  }

  .card-news .info .date .mdi {

    font-size: 14px;

  }

  .card-service .img-container {

    height: 180px;

  }

  .card-service .info h6 {

    font-size: 14px;

  }

  .card-event .card-inner {

    grid-template-columns: 120px 1fr;

  }

  .card-event .thumb {

    width: 120px;

  }

  .card-event .info-list li {

    font-size: 12px;

  }

  .card-event .info-list li.title {

    font-size: 14px;

  }

  .card-ebook .text .name {

    font-size: 12px;

  }

  .card-ebook .text .author {

    font-size: 10px;

  }

  .card-blog-row a {

    grid-template-columns: 200px auto;

  }

}

@media (max-width: 992px) {

  .card-centers .card-inner {

    width: 150px;

    height: 175px;

  }

  .card-centers .card-inner::before {

    background-size: 150px;

  }

  .card-centers .thumb {

    width: 80px;

    height: 80px;

  }

  .card-advert .img-container {

    height: 200px;

  }

  .card-course .info {

    padding-bottom: 5px;

  }

  .card-course .info .name {

    font-size: 14px;

    margin-bottom: 3px;

  }

  .card-course .info .category {

    font-size: 13px;

  }

  .card-course .read-more {

    font-size: 12px;

  }

  .card-blog-row .card-b .titr {

    font-size: 15px;

  }

  .card-blog .news-pic {

    height: 170px;

  }

  .card-blog .card-b .titr {

    font-size: 13px;

    line-height: 22px;

    height: 44px;

  }

  .card-blog .card-b .desc {

    font-size: 11px;

    line-height: 20px;

  }

}

@media (max-width: 768px) {

  .card-product .info h2 {

    font-size: 13px;

  }

  .card-product .info h5 {

    font-size: 11px;

  }

  .card-product .info p {

    font-size: 11px;

    line-height: 18px;

    min-height: 36px;

  }

  .card-product .product-category,

.card-product .product-status {

    font-size: 10px;

  }

  .card-status .icon {

    width: 65px;

    height: 65px;

    padding: 15px;

  }

  .card-status h6 {

    font-size: 12px;

  }

  .card-event .card-inner {

    grid-template-columns: 110px 1fr;

  }

  .card-event .thumb {

    width: 110px;

  }

  .card-event .info-list li {

    font-size: 11px;

  }

  .card-event .info-list li.title {

    font-size: 13px;

    margin-bottom: 8px;

    padding-bottom: 5px;

  }

  .card-samaneh .card-inner {

    grid-template-columns: 120px auto;

  }

  .card-samaneh .thumb {

    width: 120px;

    height: 120px;

  }

  .card-reserve .card-inner {

    grid-template-columns: 140px auto;

  }

  .card-reserve .thumb {

    width: 140px;

    height: 140px;

  }

  .card-reserve .info h2 {

    font-size: 14px;

  }

  .card-reserve .info ul li {

    font-size: 12px;

    margin: 3px 0;

  }

  .card-reserve .info .button-group .btn {

    transform: scale(0.8);

  }

  .card-blog-row {

    margin-bottom: 20px;

  }

  .card-blog-row a {

    grid-template-columns: 180px auto;

  }

  .card-blog-row .blog-pic {

    height: 122px;

  }

  .card-blog-row .card-b .titr {

    font-size: 13px;

    -webkit-line-clamp: 1;

    line-height: normal;

  }

  .card-blog-row .card-b .desc {

    -webkit-line-clamp: 1;

    font-size: 12px;

  }

  .card-blog-row .category {

    font-size: 10px;

  }

  .card-ebook .text .name {

    font-size: 10px;

  }

  .card-ebook .text .author {

    font-size: 8px;

  }

  .card-blog .news-pic {

    height: 150px;

  }

  .card-blog .card-b .titr {

    font-size: 12px;

    line-height: 19px;

    height: 38px;

  }

  .card-blog .card-b .desc {

    font-size: 10px;

    line-height: 18px;

  }

  .card-blog .card-f .status-list li {

    font-size: 10px;

  }

  .card-blog .card-f .status-list li .mdi {

    font-size: 12px;

  }

  .card-blog .category {

    font-size: 10px;

  }

}

@media (max-width: 575px) {

  .card-news .card-inner {

    grid-template-columns: 50px auto;

    box-shadow: 0 3px 10px -1px rgba(0, 0, 0, 0.1);

  }

  .card-news .thumb {

    width: 50px;

  }

  .card-news .info h6 {

    font-size: 10px;

    margin-bottom: 0;

  }

  .card-news .info p {

    font-size: 9px;

    line-height: normal;

  }

  .card-news .info .date {

    font-size: 9px;

  }

  .card-news .info .date .mdi {

    font-size: 13px;

  }

  .card-company {

    padding: 0 2px;

  }

  .card-company .card-inner {

    padding: 20px;

  }

  .card-company .thumb {

    width: 70px;

    height: 70px;

  }

  .card-company .info h6 {

    font-size: 12px;

  }

  .card-company .info p {

    font-size: 11px;

  }

  .card-service {

    margin: 5px 0;

  }

  .card-service .img-container {

    height: 150px;

  }

  .card-service .info h6 {

    font-size: 12px;

  }

  .card-centers .card-inner {

    width: 115px;

    height: 132px;

  }

  .card-centers .card-inner::before {

    background-size: 115px;

  }

  .card-centers .thumb {

    width: 50px;

    height: 50px;

  }

  .card-file .information {

    grid-template-columns: 38px auto;

    padding: 12px;

  }

  .card-file .information .thumb {

    width: 38px;

    height: 38px;

    font-size: 20px;

  }

  .card-file .information ul {

    padding-right: 10px;

  }

  .card-file .information ul li {

    font-size: 12px;

  }

  .card-file .c-footer {

    padding: 12px;

  }

  .card-samaneh .card-inner {

    grid-template-columns: 100%;

  }

  .card-samaneh .thumb {

    width: 100px;

    height: 100px;

    margin: 0 auto 1rem auto;

  }

  .card-samaneh .info h2 {

    margin-bottom: 10px;

    font-size: 14px;

  }

  .card-samaneh .info ul li {

    font-size: 13px;

  }

  .card-samaneh .info .desc p {

    font-size: 13px;

    line-height: 23px;

  }

  .card-reserve .card-inner {

    grid-template-columns: 120px auto;

  }

  .card-reserve .thumb {

    width: 120px;

    height: 120px;

  }

  .card-reserve .info {

    padding-right: 10px;

  }

  .card-reserve .info h2 {

    font-size: 13px;

  }

  .card-reserve .info ul li {

    font-size: 11px;

    margin: 2px 0;

  }

  .card-blog-row {

    margin-bottom: 15px;

  }

  .card-blog-row a {

    grid-template-columns: 150px auto;

  }

  .card-blog-row .card-b .titr {

    font-size: 12px;

    -webkit-line-clamp: 2;

  }

  .card-blog-row .card-b .desc {

    display: none;

  }

  .card-blog-row .category {

    font-size: 8px;

  }

  .card-ebook .text .name {

    font-size: 9px;

  }

  .card-ebook .text .author {

    font-size: 7px;

  }

  .card-blog .news-pic {

    height: 130px;

  }

  .card-blog .category {

    font-size: 8px;

  }

}

@media (max-width: 400px) {

  .card-file .c-footer {

    flex-direction: column;

    padding: 10px;

  }

  .card-file .c-footer .category {

    margin-bottom: 5px;

    flex: 0 0 100%;

    width: 100%;

  }

  .card-file .c-footer .button-group {

    flex: 0 0 100%;

    width: 100%;

  }

  .card-file .c-footer .button-group .btn {

    width: 100%;

    padding: 0.4rem 1rem;

    font-size: 13px;

  }

  .card-file .c-footer .button-group .btn.icon-right::before {

    width: 28px;

    height: 28px;

    right: 2px;

  }

  .card-file .c-footer .button-group .btn.icon-right .mdi {

    right: 7px;

    line-height: 1;

    top: 8px;

    font-size: 18px;

  }

  .card-event .card-inner {

    grid-template-columns: 100%;

  }

  .card-event .thumb {

    width: 100%;

  }

  .card-event .thumb img {

    border-radius: 10px 10px 0 0;

  }

  .card-event .info-list li {

    font-size: 10px;

  }

  .card-event .info-list li.title {

    font-size: 12px;

  }

  .card-blog-row a {

    grid-template-columns: 100%;

  }

  .card-blog-row .blog-pic {

    height: 170px;

    border-radius: 10px 10px 0 0;

  }

  .card-blog-row .card-b .titr {

    -webkit-line-clamp: 1;

  }

  .card-blog-row .card-b .status-list {

    flex-wrap: wrap;

  }

  .card-blog-row .card-b .status-list li {

    margin: 0 0 5px 15px;

  }

  .card-blog-row .card-b .status-list li:last-child {

    display: none;

  }

  .card-blog .news-pic {

    height: 100px;

  }

}

@media (max-width: 330px) {

  .card-reserve .card-inner {

    grid-template-columns: 100%;

    padding: 5px;

    border-radius: 12px 12px 25px 25px;

  }

  .card-reserve .thumb {

    width: 100%;

    height: auto;

    border-radius: 10px;

  }

  .card-reserve .thumb img {

    border-radius: 10px;

  }

  .card-reserve .info {

    padding-right: 0;

  }

  .card-reserve .info h2 {

    font-size: 13px;

  }

  .card-reserve .info ul li {

    font-size: 11px;

    margin: 2px 0;

  }

  .card-reserve .info .button-group {

    margin-top: 10px;

  }

  .card-reserve .info .button-group .btn {

    width: 100%;

    transform: scale(1);

  }

}

/*#endregion -------------- Cards */

/*#region ----------------- Page Title */

.page-title .title-inner {

  width: 700px;

  margin: 0 auto;

  text-align: center;

  position: relative;

}

.page-title .title-inner::before {

  content: "";

  position: absolute;

  bottom: -20px;

  right: 50%;

  transform: translateX(50%);

  width: 100px;

  height: 5px;

  border-radius: 10px;

  background-color: #006494;

}

.page-title .title {

  font-size: 26px;

  color: #3a4856;

  margin-bottom: 5px;

  display: inline-block;

  position: relative;

}

.page-title .desc {

  margin-top: 10px;

  font-size: 16px;

  font-weight: 400;

  color: #4e6274;

}

.page-title.text-right .title-inner {

  text-align: right;

  margin-right: 0;

}

.page-title.text-right .title-inner::before {

  right: 0;

  transform: translateX(0);

}

.page-title.text-right .title {

  margin: 0 0 0 auto;

}



@media (max-width: 992px) {

  .page-title.text-right .title-inner {

    text-align: center;

    margin: 0 auto;

  }

  .page-title.text-right .title-inner::before {

    right: 50%;

    transform: translateX(50%);

  }

}

@media (max-width: 768px) {

  .page-title .title-inner {

    width: 100%;

  }

  .page-title .title {

    font-size: 23px;

  }

}

@media (max-width: 575px) {

  .page-title .title {

    font-size: 20px;

  }

  .page-title .desc {

    margin-top: 0;

    font-size: 13px;

  }

}

@media (max-width: 320px) {

  .page-title .title {

    font-size: 16px;

  }

  .page-title .desc {

    margin-top: 0;

    font-size: 12px;

  }

}

/*#endregion -------------- Page Title */

/*#region ----------------- Company */

.companies-section {

  margin: 100px 0;

}

.companies-section .section-inner {

  position: relative;

  margin-top: 3rem;

}

.companies-section .buttons-group {

  text-align: center;

  margin-top: 2.5rem;

}



.swiper-companies .swiper-wrapper {

  padding: 20px 0 !important;

}

.swiper-companies .swiper-button-next {

  left: -20px !important;

}

.swiper-companies .swiper-button-prev {

  right: -20px !important;

}



.company-details-section {

  margin-bottom: 50px;

  position: relative;

  padding-top: 180px;

}

.company-details-section::before {

  content: "";

  position: absolute;

  right: 0;

  top: 0;

  width: 100%;

  height: 320px;

  background-image: url(../images/bg/shiny-overlay.jpg);

  background-repeat: no-repeat;

  background-size: cover;

  background-position: top right;

  z-index: -1;

  opacity: 0.6;

}

.company-details-section .side-details {

  position: -webkit-sticky;

  position: sticky;

  top: 120px;

}

.company-details-section .box-content {

  background-color: white;

  box-shadow: 0 5px 25px rgba(20, 22, 25, 0.1);

  padding: 15px;

  border-radius: 15px;

  margin-bottom: 20px;

}

.company-details-section .ceo-info {

  text-align: center;

}

.company-details-section .ceo-info .ceo-thumb {

  width: 120px;

  height: 120px;

  margin: 0 auto;

}

.company-details-section .ceo-info .ceo-thumb img {

  width: 100%;

  border-radius: 50%;

}

.company-details-section .ceo-info .info {

  padding-top: 15px;

}

.company-details-section .ceo-info .info h2 {

  font-size: 16px;

  margin-bottom: 5px;

  color: #3a4856;

}

.company-details-section .ceo-info .info p {

  font-size: 14px;

  margin-bottom: 0;

  color: #4e6274;

}

.company-details-section .info-list li {

  margin: 8px 0;

  display: flex;

  align-items: center;

  justify-content: flex-start;

  font-weight: 400;

  font-size: 14px;

}

.company-details-section .info-list .name,

.company-details-section .info-list .desc {

  display: inline-block;

}

.company-details-section .info-list .name {

  color: #4e6274;

  margin-left: 10px;

}

.company-details-section .info-list .desc {

  color: #006494;

}

.company-details-section .info-list .desc a {

  -webkit-text-decoration: underline 1px dashed #006494 !important;

          text-decoration: underline 1px dashed #006494 !important;

  color: #006494;

}

.company-details-section .info-list.list-row li {

  flex-direction: row;

}

.company-details-section .info-list.list-flex li {

  flex-direction: column;

  align-items: flex-start;

  margin: 12px 0;

}

.company-details-section .info-list.list-flex li .name {

  margin: 0 0 5px 0;

}

.company-details-section .main-details .main-inner {

  background-color: white;

  box-shadow: 0 5px 25px rgba(20, 22, 25, 0.1);

  padding: 15px;

  border-radius: 15px;

}

.company-details-section .main-details .logo-info {

  display: flex;

  align-items: center;

  justify-content: flex-start;

}

.company-details-section .main-details .logo-info .logo-thumb {

  width: 90px;

  height: 90px;

}

.company-details-section .main-details .logo-info .logo-thumb img {

  width: 100%;

  border-radius: 50%;

}

.company-details-section .main-details .logo-info .info {

  padding-right: 15px;

}

.company-details-section .main-details .logo-info .info h2 {

  color: #3a4856;

}

.company-details-section .main-details .logo-info .info h2.fa {

  font-size: 16px;

  font-weight: 500;

  margin-bottom: 10px;

}

.company-details-section .main-details .logo-info .info h2.en {

  font-size: 13px;

  margin-bottom: 0;

}

.company-details-section .description {

  margin-top: 2rem;

}

.company-details-section .description h3 {

  font-size: 16px;

  color: #3a4856;

}

.company-details-section .description h3 .mdi {

  font-size: 20px;

  color: #009cf9;

  position: relative;

  top: 3px;

}

.company-details-section .description p {

  font-size: 14px;

  padding-right: 20px;

  text-align: justify;

}



.media-content {

  border-top: 1px solid rgba(10, 12, 15, 0.2);

  margin-top: 1.5rem;

  padding-top: 1.5rem;

}

.media-content video,

.media-content iframe {

  width: 100%;

  border-radius: 15px;

  display: block;

}

.media-content .img-inner img {

  width: 100%;

  border-radius: 15px;

}



@media (max-width: 768px) {

  .company-details-section {

    padding-top: 140px;

  }

  .company-details-section .ceo-info .ceo-thumb {

    width: 100px;

    height: 100px;

  }

  .company-details-section .ceo-info .info h2 {

    font-size: 14px;

  }

  .company-details-section .ceo-info .info p {

    font-size: 13px;

  }

  .company-details-section .main-details .logo-info .logo-thumb {

    width: 80px;

    height: 80px;

  }

  .company-details-section .main-details .logo-info .info h2.fa {

    font-size: 14px;

  }

  .company-details-section .main-details .logo-info .info h2.en {

    font-size: 12px;

  }

  .company-details-section .description h3 {

    font-size: 14px;

  }

  .company-details-section .description p {

    font-size: 13px;

    line-height: 22px;

  }

}

@media (max-width: 575px) {

  .companies-section {

    margin: 60px 0;

  }

  .companies-section .section-inner {

    margin-top: 2.5rem;

  }

  .swiper-companies .swiper-button-next {

    left: -5px !important;

    width: 30px !important;

    height: 30px !important;

  }

  .swiper-companies .swiper-button-prev {

    right: -5px !important;

    width: 30px !important;

    height: 30px !important;

  }

  .company-details-section .ceo-info .ceo-thumb {

    width: 80px;

    height: 80px;

  }

  .company-details-section .ceo-info .info h2 {

    font-size: 13px;

  }

  .company-details-section .ceo-info .info p {

    font-size: 12px;

  }

  .company-details-section .info-list li {

    font-size: 13px;

  }

  .company-details-section .main-details .logo-info .logo-thumb {

    width: 60px;

    height: 60px;

  }

  .company-details-section .main-details .logo-info .info h2.fa {

    font-size: 13px;

  }

  .company-details-section .main-details .logo-info .info h2.en {

    font-size: 11px;

  }

  .company-details-section .description h3 {

    font-size: 13px;

  }

  .company-details-section .description p {

    font-size: 12px;

    line-height: 20px;

  }

}

/*#endregion -------------- Company */

/*#region ----------------- element */

.products-section {

  padding: 90px 0;

  border-radius: 100px 0;

  background-color: #f1faff;

  position: relative;

}

.products-section::after {

  content: "";

  position: absolute;

  left: 0;

  top: -40px;

  background-image: url(../images/shapes/shape-green-gear.svg);

  background-repeat: no-repeat;

  background-size: contain;

  width: 190px;

  height: 188px;

}

.products-section::before {

  content: "";

  position: absolute;

  right: 0;

  bottom: -40px;

  background-image: url(../images/shapes/shape-triangles.svg);

  background-repeat: no-repeat;

  background-size: contain;

  width: 120px;

  height: 153px;

}

.products-section .section-inner {

  margin-top: 3.5rem;

}

.products-section.type-2 {

  background-color: transparent;

  padding-top: 0;

}

.products-section.type-2::after, .products-section.type-2::before {

  display: none;

}

.products-section .buttons-group {

  margin-top: 2rem;

  text-align: center;

}



.swiper-products .swiper-wrapper {

  padding: 20px 0 80px 0 !important;

}

.swiper-products .swiper-button-next,

.swiper-products .swiper-button-prev {

  bottom: 0;

  top: unset;

}

.swiper-products .swiper-button-next {

  left: calc(50% - 50px) !important;

}

.swiper-products .swiper-button-prev {

  right: calc(50% - 50px) !important;

}



.products-list-section {

  margin-bottom: 80px;

  position: relative;

  padding-top: 180px;

}

.products-list-section::before {

  content: "";

  position: absolute;

  right: 0;

  top: 0;

  width: 100%;

  height: 320px;

  background-image: url(../images/bg/shiny-overlay.jpg);

  background-repeat: no-repeat;

  background-size: cover;

  background-position: top right;

  z-index: -1;

  opacity: 0.7;

}

.products-list-section .section-inner .myrow {

  display: grid;

  grid-template-columns: 300px auto;

}

.products-list-section .products-main {

  padding-right: 25px;

}

.products-list-section .products-main .main-inner {

  margin-top: 1rem;

}

.products-list-section .products-side .side-inner {

  position: -webkit-sticky;

  position: sticky;

  top: 120px;

}

.products-list-section .products-side .btn-close-side-filter {

  width: 40px;

  height: 40px;

  background-color: #006494;

  border: none;

  position: absolute;

  left: 10px;

  top: 10px;

  z-index: 50;

  border-radius: 50%;

  color: white;

  display: none;

}

.products-list-section .m-title {

  font-size: 18px;

  font-weight: 900;

  margin-top: 1rem;

  color: #3a4856;

}

.products-list-section .sort-content {

  display: flex;

  align-items: center;

  justify-content: flex-start;

}

.products-list-section .sort-content .sort-title {

  font-size: 13px;

  font-weight: 400;

  color: #4e6274;

  margin-bottom: 0;

}

.products-list-section .sort-content .sort-title .mdi {

  font-size: 22px;

  position: relative;

  top: 5px;

  margin-left: 5px;

  line-height: 0;

}

.products-list-section .sort-content ul {

  display: flex;

  align-items: center;

  justify-content: flex-start;

  margin-right: 20px;

}

.products-list-section .sort-content ul li {

  margin-left: 10px;

}

.products-list-section .sort-content ul li a {

  border-radius: 5px;

  display: block;

  font-size: 13px;

  font-weight: 400;

  color: #4e6274;

  padding: 3px 5px;

}

.products-list-section .sort-content ul li.active a {

  background-color: #006494;

  color: white;

}

.products-list-section .sort-content .btn-sort,

.products-list-section .sort-content .btn-advanced-search {

  display: none;

  margin-left: 15px;

  background-color: white;

  border: 1px solid rgba(10, 12, 15, 0.2);

  border-radius: 8px;

  padding: 8px;

  font-size: 12px;

  font-weight: 400;

  color: #4e6274;

  cursor: pointer;

}

.products-list-section .sort-content .btn-sort .mdi,

.products-list-section .sort-content .btn-advanced-search .mdi {

  margin-left: 5px;

  font-size: 20px;

  line-height: 0;

  position: relative;

  top: 5px;

}

.products-list-section .products-list {

  display: flex;

  align-items: flex-start;

  justify-content: flex-start;

  flex-wrap: wrap;

  margin-top: 2rem;

}

.products-list-section .products-list .card-product {

  flex: 0 0 33.33%;

  width: 33.33%;

  padding-left: 15px;

  margin-bottom: 1.2rem;

}

.products-list-section .products-list .card-company {

  flex: 0 0 25%;

  width: 25%;

  padding-left: 15px;

  margin-bottom: 1.2rem;

}

.products-list-section .products-list .card-course {

  flex: 0 0 33.33%;

  width: 33.33%;

  padding-left: 15px;

  margin-bottom: 1.2rem;

}













.products-list-section-index {

  margin-bottom: 80px;

  position: relative;

}

.products-list-section-index::before {

  content: "";

  position: absolute;

  right: 0;

  top: 0;

  width: 100%;

  background-repeat: no-repeat;

  background-size: cover;

  background-position: top right;

  z-index: -1;

  opacity: 0.7;

}



.products-list-section-index .products-main {

  padding-right: 25px;

}

.products-list-section-index .products-main .main-inner {

  margin-top: 1rem;

}

.products-list-section-index .products-side .side-inner {

  position: -webkit-sticky;

  position: sticky;

  top: 120px;

}



.products-list-section-index .m-title {

  font-size: 18px;

  font-weight: 900;

  margin-top: 1rem;

  color: #3a4856;

}

.products-list-section-index .sort-content {

  display: flex;

  align-items: center;

  justify-content: flex-start;

}

.products-list-section-index .sort-content .sort-title {

  font-size: 13px;

  font-weight: 400;

  color: #4e6274;

  margin-bottom: 0;

}

.products-list-section-index .sort-content .sort-title .mdi {

  font-size: 22px;

  position: relative;

  top: 5px;

  margin-left: 5px;

  line-height: 0;

}

.products-list-section-index .sort-content ul {

  display: flex;

  align-items: center;

  justify-content: flex-start;

  margin-right: 20px;

}

.products-list-section-index .sort-content ul li {

  margin-left: 10px;

}

.products-list-section-index .sort-content ul li a {

  border-radius: 5px;

  display: block;

  font-size: 13px;

  font-weight: 400;

  color: #4e6274;

  padding: 3px 5px;

}

.products-list-section-index .sort-content ul li.active a {

  background-color: #006494;

  color: white;

}

.products-list-section-index .sort-content .btn-sort,

.products-list-section-index .sort-content .btn-advanced-search {

  display: none;

  margin-left: 15px;

  background-color: white;

  border: 1px solid rgba(10, 12, 15, 0.2);

  border-radius: 8px;

  padding: 8px;

  font-size: 12px;

  font-weight: 400;

  color: #4e6274;

  cursor: pointer;

}

.products-list-section-index .sort-content .btn-sort .mdi,

.products-list-section-index .sort-content .btn-advanced-search .mdi {

  margin-left: 5px;

  font-size: 20px;

  line-height: 0;

  position: relative;

  top: 5px;

}

.products-list-section-index .products-list {

  display: flex;

  align-items: flex-start;

  justify-content: flex-start;

  flex-wrap: wrap;

  margin-top: 2rem;

}

.products-list-section-index .products-list .card-product {

  flex: 0 0 33.33%;

  width: 33.33%;

  padding-left: 15px;

  margin-bottom: 1.2rem;

}

.products-list-section-index .products-list .card-company {

  flex: 0 0 25%;

  width: 25%;

  padding-left: 15px;

  margin-bottom: 1.2rem;

}

.products-list-section-index .products-list .card-course {

  flex: 0 0 33.33%;

  width: 33.33%;

  padding-left: 15px;

  margin-bottom: 1.2rem;

}





.side-box {

  background-color: white;

  padding: 20px 15px 10px;

  border-radius: 10px;

  margin-bottom: 15px;

  box-shadow: 0 5px 25px rgba(20, 22, 25, 0.1);

}

.side-box .box-header {

  display: flex;

  align-items: center;

  justify-content: space-between;

}

.side-box .box-header h2 {

  font-size: 15px;

  font-weight: 600;

  color: #3a4856;

  margin-bottom: 0;

}

.side-box .box-header .btn-clean-filter {

  background-color: transparent;

  padding: 0;

  margin: 0;

  font-size: 12px;

  font-weight: 400;

  color: var(--primary);

  border: none;

}

.side-box .box-body {

  margin-top: 15px;

}

.side-box .box-body .title {

  font-size: 13px;

  font-weight: 500;

  color: #3a4856;

  margin: 15px 0;

}

.side-box .btn-side-collapse {

  width: 100%;

  text-align: right;

  position: relative;

  font-size: 13px;

  color: #009cf9;

  background-color: white;

  border: none;

  padding: 0.5rem 0;

  -webkit-user-select: none;

     -moz-user-select: none;

      -ms-user-select: none;

          user-select: none;

}

.side-box .btn-side-collapse::before {

  content: "\f0374";

  font-family: "Material Design Icons";

  font-size: 18px;

  line-height: 0;

  position: relative;

  top: 3px;

  color: #009cf9;

}

.side-box .btn-side-collapse.collapsed {

  color: #3a4856;

}

.side-box .btn-side-collapse.collapsed::before {

  content: "\f0415";

  color: #4e6274;

}

.side-box .btn-side-collapse:hover {

  color: #006494;

}

.side-box .sub-list-items ul li a {

  display: block;

  font-size: 13px;

  font-weight: 400;

  color: #4e6274;

  padding: 0.4rem 2.2rem 0.4rem 0;

}

.side-box .sub-list-items ul li.active a {

  color: #006494;

}

.side-box .sub-list-items ul li:hover > a {

  color: #006494;

}

.side-box .sub-btn-collapse {

  -webkit-user-select: none;

     -moz-user-select: none;

      -ms-user-select: none;

          user-select: none;

}

.side-box .sub-btn-collapse .name {

  display: block;

  font-size: 13px;

  font-weight: 400;

  color: #009cf9;

  padding: 0.4rem 2.2rem 0.4rem 0;

  position: relative;

  cursor: pointer;

}

.side-box .sub-btn-collapse .name::before {

  content: "\f0374";

  font-family: "Material Design Icons";

  font-size: 18px;

  line-height: 0;

  position: relative;

  top: 3px;

  right: -3px;

  color: #009cf9;

}

.side-box .sub-btn-collapse.collapsed .name {

  color: #4e6274;

}

.side-box .sub-btn-collapse.collapsed .name::before {

  content: "\f0415";

  color: #4e6274;

}

.side-box .sub-btn-collapse .sub-main-collapse {

  padding-right: 2rem;

}

.side-box .list-of-checkbox {

  margin-top: 15px;

}

.side-box .list-of-checkbox .form-check {

  margin-top: 10px;

}

.side-box .list-of-checkbox .form-check-label {

  font-size: 13px;

  font-weight: 400;

  color: #4e6274;

}

.side-box .list-of-checkbox .form-check-input:focus, .side-box .list-of-checkbox .form-check-input:hover {

  box-shadow: none;

}

.side-box.side-collapse {

  padding-top: 10px;

  padding-left: 10px;

}

.side-box.side-collapse .btn-collapse {

  padding: 0;

  height: 30px;

  background-color: transparent;

  border: none;

  position: relative;

}

.side-box.side-collapse .btn-collapse .title {

  font-size: 15px;

  font-weight: 600;

  color: #3a4856;

}

.side-box.side-collapse .btn-collapse .icon {

  left: 0;

  top: 0;

  width: 30px;

  height: 30px;

  color: #4e6274;

  font-size: 24px;

}

.side-box.side-switch {

  padding-top: 10px;

}

.side-box.side-switch .form-switch {

  margin-top: 10px;

}

.side-box.side-switch .form-check-label {

  font-size: 13px;

  font-weight: 400;

  color: #4e6274;

}

.side-box.side-switch .form-check-input:focus, .side-box.side-switch .form-check-input:hover {

  box-shadow: none;

}

.side-box.side-search .input-search {

  width: 100%;

  height: 44px;

  border-radius: 8px;

  margin-bottom: 1rem;

  border: 1px solid rgba(10, 12, 15, 0.2);

  padding: 5px 15px;

  font-size: 14px;

}

.side-box.side-search .btn-search {

  width: 100%;

}



.side-overlay {

  position: fixed;

  top: 0;

  right: 0;

  width: 100%;

  height: 100%;

  background-color: rgba(0, 0, 0, 0.6);

  z-index: 1555;

  display: none;

}

.side-overlay.active {

  display: block;

}



@media (max-width: 1199px) {

  .products-list-section .products-list .card-product,

.products-list-section .products-list .card-course {

    flex: 0 0 50%;

    width: 50%;

  }

  .products-list-section .products-list .card-company {

    flex: 0 0 25%;

    width: 25%;

  }

}



.products-list-section-index .products-list .card-product,

.products-list-section-index .products-list .card-course {

  flex: 0 0 50%;

  width: 50%;

}

.products-list-section-index .products-list .card-company {

  flex: 0 0 25%;

  width: 25%;

}



@media (max-width: 992px) {

  .products-section::after {

    width: 140px;

    height: 139px;

  }

  .products-section::before {

    width: 90px;

    height: 115px;

  }

  .products-list-section {

    padding-top: 100px;

  }

  .products-list-section .section-inner .myrow {

    grid-template-columns: 100%;

  }

  .products-list-section .section-inner .myrow .products-main {

    padding-right: 0;

  }

  .products-list-section .sort-content .sort-title {

    display: none;

  }

  .products-list-section .sort-content ul {

    display: none;

  }

  .products-list-section .sort-content .btn-advanced-search,

.products-list-section .sort-content .btn-sort {

    display: block;

  }

  .products-list-section .products-side {

    position: fixed;

    right: -300px;

    top: 0;

    width: 300px;

    height: 100vh;

    z-index: 1999;

    overflow-y: auto;

    background-color: white;

    transition: all 0.2s ease-in-out;

    box-shadow: 5px 0 15px rgba(0, 0, 0, 0.2);

  }

  .products-list-section .products-side.active {

    right: 0;

  }

  .products-list-section .products-side .side-inner {

    box-shadow: 0 5px 25px rgba(20, 22, 25, 0.1);

    height: 100%;

    padding: 55px 10px 10px 10px;

    top: 0;

    position: relative;

  }

  .products-list-section .products-side .side-box {

    box-shadow: none;

    border: 1px solid rgba(10, 12, 15, 0.2);

  }

  .products-list-section .products-side .btn-close-side-filter {

    display: block;

  }

  .products-list-section .products-list .card-product,

.products-list-section .products-list .card-course {

    flex: 0 0 33.33%;

    width: 33.33%;

  }

}







.products-list-section-index {

  padding-top: 20px;

}

.products-list-section-index .section-inner .myrow {

  grid-template-columns: 100%;

}

.products-list-section-index .section-inner .myrow .products-main {

  padding-right: 0;

}

.products-list-section-index .sort-content .sort-title {

  display: none;

}

.products-list-section-index .sort-content ul {

  display: none;

}

.products-list-section-index .sort-content .btn-advanced-search,

.products-list-section-index .sort-content .btn-sort {

  display: block;

}

.products-list-section-index .products-side {

  position: fixed;

  right: -300px;

  top: 0;

  width: 300px;

  height: 100vh;

  z-index: 1999;

  overflow-y: auto;

  background-color: white;

  transition: all 0.2s ease-in-out;

  box-shadow: 5px 0 15px rgba(0, 0, 0, 0.2);

}

.products-list-section-index .products-side.active {

  right: 0;

}

.products-list-section-index .products-side .side-inner {

  box-shadow: 0 5px 25px rgba(20, 22, 25, 0.1);

  height: 100%;

  padding: 55px 10px 10px 10px;

  top: 0;

  position: relative;

}

.products-list-section-index .products-side .side-box {

  box-shadow: none;

  border: 1px solid rgba(10, 12, 15, 0.2);

}

.products-list-section-index .products-side .btn-close-side-filter {

  display: block;

}

.products-list-section-index .products-list .card-product,

.products-list-section-index .products-list .card-course {

  flex: 0 0 33.33%;

  width: 33.33%;

}

@media (max-width: 768px) {

  .products-list-section .products-list .card-product .info {

    padding-bottom: 25px;

  }

  .products-list-section .products-list .card-product .info p {

    display: none;

  }

  .products-list-section .products-list .card-company {

    flex: 0 0 50%;

    width: 50%;

  }

  .products-list-section .products-list .card-company .card-inner {

    padding: 15px;

  }

  .products-list-section .products-list .card-product,

.products-list-section .products-list .card-course {

    padding: 0 5px;

    flex: 0 0 50%;

    width: 50%;

  }



  .products-list-section-index .products-list .card-product .info {

    padding-bottom: 25px;

  }

  .products-list-section-index .products-list .card-product .info p {

    display: none;

  }

  .products-list-section-index .products-list .card-company {

    flex: 0 0 50%;

    width: 50%;

  }

  .products-list-section-index .products-list .card-company .card-inner {

    padding: 15px;

  }

  .products-list-section-index .products-list .card-product,

  .products-list-section-index .products-list .card-course {

    padding: 0 5px;

    flex: 0 0 50%;

    width: 50%;

  }

}

@media (max-width: 575px) {

  .products-section::after {

    width: 100px;

    height: 99px;

    top: -20px;

  }

  .products-section::before {

    width: 50px;

    height: 64px;

    bottom: 0;

  }

  .products-section .section-inner {

    margin-top: 2rem;

  }

  .products-list-section .sort-content {

    flex-wrap: wrap;

  }

  .products-list-section .sort-content .btn-advanced-search,

.products-list-section .sort-content .btn-sort {

    margin: 5px 0 5px 5px;

  }

  .products-list-section .products-list .card-product .info {

    padding-bottom: 15px;

  }

  .products-list-section .products-list .card-product .info h2 {

    font-size: 11px;

  }

  .products-list-section .products-list .card-product .info h5 {

    font-size: 9px;

  }

  .products-list-section .products-list .card-product .product-category {

    padding: 2px 10px;

    font-size: 8px;

  }

  .products-list-section .products-list .card-company {

    padding: 0 5px;

  }

  .products-list-section .products-list .card-company .card-inner {

    padding: 10px;

  }

  .products-list-section .products-list .card-company .thumb {

    width: 60px;

    height: 60px;

  }

  .products-list-section .products-list .card-company .info h6 {

    font-size: 10px;

    margin-bottom: 2px;

  }

  .products-list-section .products-list .card-company .info p {

    font-size: 10px;

  }









  .products-list-section-index .sort-content {

    flex-wrap: wrap;

  }

  .products-list-section-index .sort-content .btn-advanced-search,

  .products-list-section-index .sort-content .btn-sort {

    margin: 5px 0 5px 5px;

  }

  .products-list-section-index .products-list .card-product .info {

    padding-bottom: 15px;

  }

  .products-list-section-index .products-list .card-product .info h2 {

    font-size: 11px;

  }

  .products-list-section-index .products-list .card-product .info h5 {

    font-size: 9px;

  }

  .products-list-section-index .products-list .card-product .product-category {

    padding: 2px 10px;

    font-size: 8px;

  }

  .products-list-section-index .products-list .card-company {

    padding: 0 5px;

  }

  .products-list-section-index .products-list .card-company .card-inner {

    padding: 10px;

  }

  .products-list-section-index .products-list .card-company .thumb {

    width: 60px;

    height: 60px;

  }

  .products-list-section-index .products-list .card-company .info h6 {

    font-size: 10px;

    margin-bottom: 2px;

  }

  .products-list-section-index .products-list .card-company .info p {

    font-size: 10px;

  }

}

@media (max-width: 300px) {

  .products-list-section .products-list .card-product,

.products-list-section .products-list .card-course {

    flex: 0 0 100%;

    width: 100%;

  }



  .products-list-section-index .products-list .card-product,

  .products-list-section-index .products-list .card-course {

    flex: 0 0 100%;

    width: 100%;

  }

}

/*#endregion -------------- element */

/*#region ----------------- Services */

.services-section {

  padding: 100px 0;

}

.services-section .section-inner {

  margin-top: 3.5rem;

}



@media (max-width: 1199px) {

  .services-section .section-inner {

    width: 100%;

  }

}

@media (max-width: 992px) {

  .services-section {

    padding: 30px 0;

  }

}

@media (max-width: 768px) {

  .services-section {

    padding: 30px 0;

  }

}

/*#endregion -------------- Services */

/*#region ----------------- element */

.status-section {

  overflow: hidden;

  position: relative;

  background-image: url(../images/qazvin.jpg);

  background-repeat: no-repeat;

  background-size: cover;

  background-position: center center;

  background-attachment: fixed;

}

.status-section::before {

  content: "";

  position: absolute;

  top: 0;

  right: 0;

  width: 100%;

  height: 100%;

  background-color: rgba(0, 100, 148, 0.8);

}

.status-section .section-inner {

  position: relative;

  z-index: 20;

  padding: 80px 0 60px 0;

}

.status-section .page-title h2 {

  color: white;

  font-size: 20px;

}



/*#endregion -------------- element */

/*#region ----------------- Affiliated Centers */

.affiliated-centers-section {

  padding: 100px 0;

}

.affiliated-centers-section .section-inner {

  width: 880px;

  margin: 4rem auto 0 auto;

}

.affiliated-centers-section .grid-layout {

  display: flex;

  align-items: center;

  justify-content: center;

  flex-wrap: wrap;

}

.affiliated-centers-section .grid-layout .grid-item {

  flex: 0 0 200px;

  width: 200px;

  margin: 0 10px;

}

.affiliated-centers-section .grid-layout .grid-item:nth-child(5) {

  position: relative;

  top: -40px;

}

.affiliated-centers-section .grid-layout .grid-item:nth-child(6) {

  position: relative;

  top: -40px;

}

.affiliated-centers-section .grid-layout .grid-item:nth-child(7) {

  position: relative;

  top: -40px;

}



@media (max-width: 992px) {

  .affiliated-centers-section .section-inner {

    width: 100%;

  }

  .affiliated-centers-section .grid-layout .grid-item {

    flex: 0 0 150px;

    width: 175px;

  }

}

@media (max-width: 768px) {

  .affiliated-centers-section .grid-layout .grid-item {

    flex: 0 0 150px;

    width: 175px;

    margin-bottom: 10px;

  }

  .affiliated-centers-section .grid-layout .grid-item:nth-child(5) {

    top: unset;

  }

  .affiliated-centers-section .grid-layout .grid-item:nth-child(6) {

    top: unset;

  }

  .affiliated-centers-section .grid-layout .grid-item:nth-child(7) {

    top: unset;

  }

}

@media (max-width: 575px) {

  .affiliated-centers-section .grid-layout .grid-item {

    flex: 0 0 115px;

    width: 115px;

    margin: 0 5px 5px 5px;

  }

  .affiliated-centers-section .grid-layout .grid-item:nth-child(5) {

    top: unset;

  }

  .affiliated-centers-section .grid-layout .grid-item:nth-child(6) {

    top: unset;

  }

  .affiliated-centers-section .grid-layout .grid-item:nth-child(7) {

    top: unset;

  }

}

/*#endregion -------------- Affiliated Centers */

/*#region ----------------- About Us */

.about-us {

  padding: 20px 0 100px 0;

  position: relative;

}

.about-us::before {

  content: "";

  position: absolute;

  top: 50px;

  right: 0;

  width: 100%;

  height: 100%;

  -webkit-clip-path: polygon(0 0, 100% 0%, 100% 75%, 0% 100%);

          clip-path: polygon(0 0, 100% 0%, 100% 75%, 0% 100%);

  background-color: #f1faff;

  z-index: -1;

}

.about-us::after {

  content: "";

  position: absolute;

  bottom: -20px;

  left: 10px;

  width: 100px;

  height: 166px;

  background-image: url(../images/rocket-green.svg);

  background-repeat: no-repeat;

  background-size: 100%;

  z-index: -1;

}

.about-us .text-content {

  padding: 80px 0 0 30px;

}

.about-us .text-content .description {

  margin-top: 3rem;

}

.about-us .text-content .description p {

  text-align: justify;

  color: #3a4856;

}

.about-us .text-content .buttons-group {

  margin: 30px 0;

}

.about-us .image-content .img-inner {

  width: 450px;

  margin: 0 auto;

  position: relative;

}

.about-us .image-content .img-inner::before {

  content: "";

  width: 100%;

  height: 100%;

  position: absolute;

  bottom: -25px;

  right: -25px;

  border: 2px solid #006494;

  border-radius: 20px 20px 40px 20px;

  z-index: -1;

}

.about-us .image-content img {

  border-radius: 25px;

  width: 100%;

}



@media (max-width: 1400px) {

  .about-us .image-content .img-inner {

    width: 400px;

  }

}

@media (max-width: 1199px) {

  .about-us .image-content .img-inner {

    width: 350px;

  }

}

@media (max-width: 992px) {

  .about-us {

    padding-top: 90px;

    margin-bottom: 70px;

  }

  .about-us .text-content {

    text-align: center;

    padding-left: 0;

    padding-top: 50px;

  }

  .about-us .text-content .description p {

    text-align: center;

    font-size: 14px;

  }

  .about-us .image-content {

    margin-top: 1rem;

  }

}

@media (max-width: 768px) {

  .about-us .text-content .description p {

    font-size: 14px;

  }

}

@media (max-width: 575px) {

  .about-us {

    margin-bottom: 60px;

  }

  .about-us::after {

    width: 70px;

    height: 116px;

    bottom: -60px;

  }

  .about-us .image-content .img-inner {

    width: 85%;

  }

  .about-us .image-content .img-inner::before {

    right: -15px;

    bottom: -15px;

  }

  .about-us .text-content .description p {

    font-size: 13px;

  }

  .about-us .text-content .buttons-group .btn {

    display: block;

    margin: 0 auto 10px auto;

    width: 300px;

  }

}

@media (max-width: 400px) {

  .about-us .text-content .buttons-group .btn {

    width: 100%;

  }

}

/*#endregion -------------- About Us */

/*#region ----------------- element */

.advertising-section {

  margin: 100px 0;

}

.advertising-section .section-inner {

  width: 900px;

  margin: 3.2rem auto 0 auto;

}



@media (max-width: 992px) {

  .advertising-section .section-inner {

    width: 100%;

  }

}

/*#endregion -------------- element */

/*#region ----------------- Footer */

.footer {

  background: linear-gradient(180deg, #fff, #9ad2e1);

  padding: 30px 0 0 0;

  position: relative;

  overflow: hidden;

}

.footer::before {

  content: "";

  position: absolute;

  bottom: 50px;

  left: 0;

  width: 250px;

  height: 250px;

  background-image: url(../images/shapes/shape-arrow-gears.svg);

  background-repeat: no-repeat;

  background-size: contain;

  background-position: center center;

  opacity: 0.2;

}

.footer .footer-inner {

  position: relative;

  /*padding-bottom: 270px;*/

}

.footer .footer-inner::before {

  content: "";

  position: absolute;

  bottom: 0;

  right: 50%;

  transform: translateX(50%);

  width: 100%;

  /*height: 245px;*/

  /*background-image: url(../images/footer-bg.png);*/

  background-repeat: no-repeat;

  background-size: 750px;

  background-position: center center;

}

.footer .logo {

  width: 170px;

  margin: 0 auto 3rem auto;

}

.footer .logo a {

  display: block;

}

.footer .logo img {

  width: 100%;

}

.footer .box-links .title {

  font-size: 18px;

  font-weight: 800;

  color: #006494;

}

.footer .box-links ul {

  margin-top: 1rem;

}

.footer .box-links ul a {

  display: inline-block;

  font-size: 14px;

  font-weight: 400;

  color: #3a4856;

  padding: 5px 0;

  transition: all 0.2s ease-in-out;

}

.footer .box-links ul a:hover {

  color: #006494;

  padding-right: 5px;

}

.footer .box-links ul .name,

.footer .box-links ul .desc {

  font-size: 14px;

  color: #3a4856;

}

.footer .box-links ul .name {

  font-weight: 700;

  margin-left: 5px;

}

.footer .box-links ul .desc {

  font-weight: 400;

}

.footer .certificate .title {

  font-size: 18px;

  font-weight: 800;

  color: #006494;

}

.footer .certificate ul {

  display: flex;

  align-items: center;

  justify-content: flex-start;

  flex-wrap: wrap;

  margin-top: 1rem;

}

.footer .certificate ul li {

  margin: 5px 0 5px 10px;

}

.footer .certificate ul a {

  display: block;

  width: 90px;

}

.footer .certificate ul img {

  width: 100%;

  border-radius: 5px;

}

.footer .copyright {

  background-color: #006494;

  padding: 15px;

  text-align: center;

  font-size: 13px;

  font-weight: 500;

  color: white;

}



@media (max-width: 992px) {

  .footer::before {

    width: 200px;

    height: 200px;

  }

  .footer .footer-inner {

    padding-bottom: 190px;

  }

  .footer .footer-inner::before {

    height: 173px;

    background-size: 530px;

  }

  .footer .box-links,

.footer .certificate {

    margin-top: 2rem;

  }

}

@media (max-width: 768px) {

  .footer::before {

    width: 150px;

    height: 150px;

  }

  .footer .footer-inner {

    padding-bottom: 150px;

  }

  .footer .footer-inner::before {

    height: 140px;

    background-size: 430px;

  }

  .footer .copyright {

    font-size: 12px;

  }

}

@media (max-width: 575px) {

  .footer::before {

    display: none;

  }

  .footer .footer-inner {

    padding-bottom: 110px;

  }

  .footer .footer-inner::before {

    height: 96px;

    background-size: 300px;

  }

}

/*#endregion -------------- Footer */

/*#region ----------------- Page Header */

.page-header {

  position: relative;

}

.page-header .inner {

  padding: 150px 0 100px 0;

  text-align: center;

  position: relative;

  z-index: 10;

}

.page-header .inner::before {

  content: "";

  position: absolute;

  right: 0;

  top: 0;

  width: 100%;

  height: 100%;

  background-image: url(../images/bg/shiny-overlay.jpg);

  background-repeat: no-repeat;

  background-size: cover;

  background-position: top right;

  opacity: 0.6;

}

.page-header h1 {

  font-size: 26px;

  color: #3a4856;

  position: relative;

  z-index: 10;

  width: 900px;

  margin: 0 auto 20px auto;

}

.page-header p {

  width: 900px;

  margin: 0 auto;

  color: #4e6274;

  position: relative;

  z-index: 10;

}

.page-header .gears-anim {

  right: unset;

  left: 0;

  z-index: -1;

}



.mybreadcrumb {

  position: relative;

  z-index: 10;

}

.mybreadcrumb.align-right ol {

  justify-content: flex-start;

}

.mybreadcrumb ol {

  justify-content: center;

  margin-bottom: 0;

  font-size: 14px;

  font-weight: 400;

}

.mybreadcrumb .breadcrumb-item.active {

  color: #009cf9;

}

.mybreadcrumb .breadcrumb-item a {

  color: #3a4856;

}



@media (max-width: 992px) {

  .page-header {

    margin-top: 74px;

  }

  .page-header .inner {

    padding: 90px 0 80px 0;

  }

  .page-header h1 {

    font-size: 24px;

    margin: 0 auto 15px auto;

    width: 100%;

  }

  .page-header p {

    width: 100%;

  }

  .mybreadcrumb ol {

    font-size: 14px;

  }

}

@media (max-width: 768px) {

  .page-header .inner h1 {

    font-size: 22px;

  }

  .mybreadcrumb ol {

    font-size: 13px;

  }

}

@media (max-width: 575px) {

  .page-header {

    margin-top: 70px;

  }

  .page-header .inner h1 {

    font-size: 20px;

  }

}

/*#endregion -------------- Page Header */

/*#region ----------------- element */

.master-page {

  margin-bottom: 5rem;

}

.master-page .header-img-content {

  margin-top: -50px;

  position: relative;

  z-index: 50;

}

.master-page .header-img-content .img-inner {

  width: 800px;

  margin: 0 auto;

  border: 5px solid white;

  box-shadow: 0 5px 25px rgba(20, 22, 25, 0.1);

  border-radius: 10px;

  overflow: hidden;

}

.master-page .header-img-content .img-inner img {

  width: 100%;

}

.master-page .share-link {

  display: flex;

  align-items: center;

  justify-content: center;

  flex-wrap: wrap;

  margin: 2rem 0;

}

.master-page .share-link ul {

  display: flex;

  align-items: center;

  justify-content: center;

  flex-wrap: wrap;

}

.master-page .share-link ul li a {

  display: flex;

  align-items: center;

  justify-content: center;

  padding: 5px;

  font-size: 22px;

  border: 1px solid rgba(10, 12, 15, 0.2);

  width: 40px;

  height: 40px;

  margin: 2px;

  border-radius: 8px;

  color: #006494;

}

.master-page .share-link ul li .mdi {

  line-height: 1;

  display: inline-block;

  position: relative;

  top: 2px;

}

.master-page .share-link ul li:hover a {

  border-color: #006494;

}

.master-page .share-link h6 {

  font-size: 14px;

  margin-left: 10px;

  margin-bottom: 0;

}

.master-page .description {

  margin-top: 3rem;

}

.master-page .description h2 {

  font-size: 20px;

  margin-bottom: 15px;

  color: #3a4856;

}

.master-page .description p {

  text-align: justify;

  color: #4e6274;

  font-weight: 400;

}

.master-page .description ol,

.master-page .description ul {

  padding-right: 30px;

}

.master-page .description ol li,

.master-page .description ul li {

  margin: 10px 0;

  color: #4e6274;

  font-weight: 400;

  text-align: justify;

}

.master-page .description ul {

  list-style: disc;

}

.master-page .description ul li {

  color: #4e6274;

}

.master-page .description ul li span {

  margin-right: 10px;

  color: #3a4856;

}

.master-page .description ul li span.active {

  color: #e62400;

}

.master-page .description ul li span.empty {

  color: #00b854;

}

.master-page .img-container {

  margin: 2rem 0;

}

.master-page .img-container .img-inner {

  width: 800px;

  margin: 0 auto;

  border: 5px solid white;

  box-shadow: 0 5px 25px rgba(20, 22, 25, 0.1);

  border-radius: 10px;

  overflow: hidden;

}

.master-page .img-container .img-inner img {

  width: 100%;

  border-radius: 10px;

}

.master-page .video-container {

  margin: 2rem 0;

}

.master-page .video-container .video-inner {

  width: 800px;

  margin: 0 auto;

  border: 5px solid white;

  box-shadow: 0 5px 25px rgba(20, 22, 25, 0.1);

  border-radius: 10px;

  overflow: hidden;

}

.master-page .video-container .video-inner video,

.master-page .video-container .video-inner iframe {

  width: 100%;

  margin-bottom: 0;

  display: block;

}

.master-page .form-contact {

  width: 900px;

  margin: 0 auto;

  box-shadow: 0 5px 25px rgba(20, 22, 25, 0.1);

  padding: 40px;

  border-radius: 30px;

}

.master-page .form-contact h2 {

  font-size: 16px;

  text-align: center;

  margin-bottom: 2rem;

}

.master-page .form-contact .capcha {

  text-align: center;

}

.master-page .form-contact .buttons-group {

  text-align: center;

  margin-top: 1rem;

}



.accordion.min-width {

  width: 900px;

  margin-right: auto;

  margin-left: auto;

}

.accordion .accordion-item:first-child {

  border-radius: 10px 10px 0 0;

}

.accordion .accordion-item:last-child {

  border-radius: 0 0 10px 10px;

}

.accordion .accordion-button {

  background-color: #006494;

  color: white;

  border-radius: 10px 10px 0 0 !important;

}

.accordion .accordion-button:hover, .accordion .accordion-button:focus {

  box-shadow: none;

}

.accordion .accordion-button.collapsed {

  background-color: white;

  color: #3a4856;

  border-radius: 10px !important;

}

.accordion .accordion-button:not(.collapsed)::after {

  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");

}

.accordion .accordion-body p {

  color: #3a4856;

  text-align: justify;

}

.accordion .accordion-body ul,

.accordion .accordion-body ol {

  padding-right: 30px;

}

.accordion .accordion-body ul li,

.accordion .accordion-body ol li {

  text-align: justify;

  margin: 10px 0;

  font-size: 16px;

  color: #3a4856;

}

.accordion .accordion-body ul {

  list-style: disc !important;

}



.swiper-gallery {

  width: 850px;

  margin: 0 auto;

}

.swiper-gallery .img-inner {

  width: unset;

  margin: unset;

}

.swiper-gallery .swiper-button-next,

.swiper-gallery .swiper-button-prev {

  background-color: white;

  box-shadow: 0 5px 25px rgba(20, 22, 25, 0.1);

}

.swiper-gallery .swiper-button-next::after,

.swiper-gallery .swiper-button-prev::after {

  color: #006494;

}

.swiper-gallery .swiper-pagination-bullet {

  background-color: white;

}



.samaneh-list,

.reserve-list-section {

  width: 900px;

  margin: 0 auto;

}



@media (max-width: 992px) {

  .master-page .header-img-content .img-inner {

    width: 100%;

  }

  .master-page .img-container .img-inner {

    width: 100%;

  }

  .master-page .video-container .video-inner {

    width: 100%;

  }

  .master-page .form-contact {

    width: 100%;

  }

  .accordion.min-width {

    width: 100%;

  }

  .swiper-gallery {

    width: 100%;

  }

  .samaneh-list,

.reserve-list-section {

    width: 100%;

  }

}

@media (max-width: 768px) {

  .master-page .description h2 {

    font-size: 18px;

  }

  .master-page .description p {

    font-size: 14px;

  }

  .master-page .description ol li,

.master-page .description ul li {

    font-size: 14px;

  }

  .master-page .form-contact {

    padding: 30px;

  }

  .accordion .accordion-button {

    font-size: 14px;

  }

  .accordion .accordion-body p {

    font-size: 14px;

    line-height: 22px;

  }

  .accordion .accordion-body ul li,

.accordion .accordion-body ol li {

    margin: 8px 0;

    font-size: 14px;

    line-height: 22px;

  }

  .swiper-gallery .swiper-button-next,

.swiper-gallery .swiper-button-prev {

    width: 35px;

    height: 35px;

  }

}

@media (max-width: 575px) {

  .master-page .description h2 {

    font-size: 16px;

  }

  .master-page .description p {

    font-size: 13px;

    line-height: 24px;

  }

  .master-page .description ol li,

.master-page .description ul li {

    font-size: 13px;

    margin: 8px 0;

  }

  .master-page .share-link {

    flex-direction: column;

  }

  .master-page .share-link h6 {

    margin-bottom: 10px;

    margin-left: 0;

    font-size: 13px;

  }

  .master-page .form-contact {

    padding: 20px;

  }

  .accordion .accordion-button {

    font-size: 13px;

  }

  .accordion .accordion-body p {

    font-size: 13px;

    line-height: 20px;

  }

  .accordion .accordion-body ul li,

.accordion .accordion-body ol li {

    margin: 5px 0;

    font-size: 13px;

    line-height: 20px;

  }

  .swiper-gallery .swiper-button-next,

.swiper-gallery .swiper-button-prev {

    width: 28px;

    height: 28px;

  }

}

/*#endregion -------------- element */

/*#region ----------------- Modal */

.modal-content {

  border-radius: 15px;

}



.modal-title {

  color: #3a4856;

  font-size: 16px;

  margin-bottom: 0;

}

.modal-title i {

  margin-left: 10px;

  position: relative;

  top: 3px;

  font-size: 24px;

}

.modal-title img {

  width: 40px;

  margin-left: 10px;

  border: 2px solid white;

  border-radius: 3px;

}



.modal-body .msg {

  font-size: 16px;

  color: white;

}

.modal-body .msg span {

  color: #006494;

  margin: 0 5px;

}

.modal-body .form-check {

  margin: 8px 0;

}

.modal-body .form-check .form-check-input:hover, .modal-body .form-check .form-check-input:focus {

  box-shadow: none;

}

.modal-body .form-check .form-check-label {

  font-size: 14px;

  font-weight: 400;

  color: #4e6274;

}



.modal-footer {

  border: none;

}



.modal-description p {

  font-size: 14px;

  color: white;

  text-align: justify;

}



.modal-loading {

  display: none;

  align-items: center;

  justify-content: center;

  padding: 40px;

}

.modal-loading.active {

  display: flex;

}

.modal-loading .load-inner {

  width: 90px;

  height: 90px;

  position: relative;

  background-color: transparent;

  width: 34px;

  height: 34px;

  border: 3px solid rgba(255, 255, 255, 0.2);

  border-radius: 50%;

  border-color: #fff #fff rgba(255, 255, 255, 0.4) rgba(255, 255, 255, 0.4);

  -webkit-animation: gearsRotatetop 1.5s infinite linear;

          animation: gearsRotatetop 1.5s infinite linear;

  transition: all 0.2s ease-in-out;

}



.modal-message {

  padding: 30px 0;

  display: none;

}

.modal-message.active {

  display: block;

}

.modal-message .icon {

  width: 50px;

  height: 50px;

  border-radius: 50%;

  margin: 0 auto 1rem auto;

  display: flex;

  align-items: center;

  justify-content: center;

  font-size: 32px;

  color: white;

}

.modal-message.success .icon {

  background-color: #00b854;

}

.modal-message.error .icon {

  background-color: #e62400;

}

.modal-message h6 {

  font-size: 15px;

  font-weight: 600;

  color: white;

  margin-bottom: 0;

  text-align: center;

}



@media (max-width: 575px) {

  .modal-footer .btn {

    width: 100%;

    flex-grow: 1;

    margin: 5px 0;

  }

}

/*#endregion -------------- Modal */

/*#region ----------------- Pagination */

.my-pagination {

  display: flex;

  align-items: center;

  justify-content: center;

  margin-top: 30px;

}

.my-pagination .pagination {

  flex-wrap: wrap;

  align-items: center;

  justify-content: center;

}

.my-pagination .pagination .next .page-link,

.my-pagination .pagination .prev .page-link {

  width: auto;

}

.my-pagination .pagination .next .page-link .mdi,

.my-pagination .pagination .prev .page-link .mdi {

  position: relative;

  top: 2px;

}

.my-pagination .pagination .next span,

.my-pagination .pagination .prev span {

  font-size: 14px;

  font-weight: 400;

  color: #627c92;

}

.my-pagination .pagination .next .page-link {

  color: #3a4856;

  padding: 0 10px 0 15px;

}

.my-pagination .pagination .next .page-link .mdi {

  margin-left: 5px;

  color: #4e6274;

}

.my-pagination .pagination .prev .page-link {

  color: #3a4856;

  padding: 0 15px 0 10px;

}

.my-pagination .pagination .prev .page-link .mdi {

  margin-right: 5px;

  color: #4e6274;

}

.my-pagination .pagination .page-item.active .page-link {

  background-color: #006494;

  color: white;

}

.my-pagination .pagination .page-link {

  background-color: white;

  border-radius: 10px;

  margin: 5px;

  font-weight: 600;

  width: 40px;

  height: 40px;

  display: flex;

  align-items: center;

  justify-content: center;

  color: #4e6274;

  border: 1px solid rgba(10, 12, 15, 0.2);

}

.my-pagination .pagination .page-link:hover {

  background-color: rgba(var(--primary), 0.2);

}

.my-pagination .pagination .page-link:focus {

  box-shadow: none;

}



/*#endregion -------------- Pagination */

/*#region ----------------- Product Details */

.product-details-section {

  margin-bottom: 50px;

  position: relative;

  padding-top: 180px;

}

.product-details-section::before {

  content: "";

  position: absolute;

  right: 0;

  top: 0;

  width: 100%;

  height: 320px;

  background-image: url(../images/bg/shiny-overlay.jpg);

  background-repeat: no-repeat;

  background-size: cover;

  background-position: top right;

  z-index: -1;

  opacity: 0.7;

}

.product-details-section .section-layout {

  position: relative;

  display: grid;

  grid-template-columns: 400px 1fr;

}

.product-details-section .product-images-content {

  margin: 0 0 30px 0;

  position: relative;

}

.product-details-section .product-images-content .image-preview {

  border-radius: 10px;

  position: relative;

  overflow: hidden;

}

.product-details-section .product-images-content .image-preview .thumb {

  border: 1px solid rgba(10, 12, 15, 0.2);

  width: 100%;

  position: relative;

  border-radius: 10px;

}

.product-details-section .product-images-content .image-preview .thumb img {

  width: 100%;

  height: 100%;

  -o-object-fit: cover;

     object-fit: cover;

  border-radius: 10px;

}

.product-details-section .product-images-content .image-preview .swiper-pagination {

  display: none;

}

.product-details-section .product-images-content .image-preview .swiper-pagination .swiper-pagination-bullet-active {

  background-color: #006494;

}

.product-details-section .product-images-content .image-thumb {

  margin-top: 1rem;

}

.product-details-section .product-images-content .image-thumb .thumb-inner {

  overflow: hidden;

  margin-right: 12px;

}

.product-details-section .product-images-content .image-thumb .thumb {

  width: 100%;

  border-radius: 8px;

  position: relative;

  border: 1px solid rgba(10, 12, 15, 0.2);

  cursor: pointer;

}

.product-details-section .product-images-content .image-thumb .thumb img {

  width: 100%;

  height: 100%;

  -o-object-fit: cover;

     object-fit: cover;

  border-radius: 8px;

}

.product-details-section .product-images-content .image-thumb .swiper-pagination {

  display: none;

}

.product-details-section .products-info-content {

  padding-right: 30px;

  padding-top: 20px;

}

.product-details-section .products-info-content .product-name {

  font-size: 22px;

  color: #3a4856;

  margin-bottom: 10px;

}

.product-details-section .products-info-content .device-number {

  font-size: 14px;

  color: #4e6274;

  margin-bottom: 0;

}

.product-details-section .products-info-content .company-info {

  margin-top: 1.2rem;

  padding-top: 1.2rem;

  display: grid;

  grid-template-columns: 80px auto;

  align-items: center;

  border-top: 1px solid rgba(10, 12, 15, 0.2);

}

.product-details-section .products-info-content .company-info .thumb {

  width: 70px;

  height: 70px;

  border-radius: 50%;

  overflow: hidden;

  border: 1px solid rgba(10, 12, 15, 0.2);

}

.product-details-section .products-info-content .company-info .thumb img {

  width: 100%;

  -o-object-fit: cover;

     object-fit: cover;

}

.product-details-section .products-info-content .company-info .co-data h2 {

  font-size: 14px;

  color: #3a4856;

  margin-bottom: 6px;

}

.product-details-section .products-info-content .company-info .co-data h2 a {

  color: #3a4856;

}

.product-details-section .products-info-content .company-info .co-data h2 a:hover {

  color: #009cf9;

}

.product-details-section .products-info-content .company-info .co-data p {

  font-size: 14px;

  color: #3a4856;

  margin-bottom: 0;

}

.product-details-section .products-info-content .property {

  margin-top: 2rem;

}

.product-details-section .products-info-content .property .p-title {

  font-size: 18px;

  color: #3a4856;

  margin-bottom: 15px;

}

.product-details-section .products-info-content .property ul li {

  font-size: 14px;

  font-weight: 400;

  color: #3a4856;

  margin: 5px 0;

}

.product-details-section .products-info-content .property ul li span {

  color: #4e6274;

  margin-left: 5px;

}

.product-details-section .products-info-content .description {

  margin-top: 2rem;

}

.product-details-section .products-info-content .description .d-title {

  font-size: 18px;

  color: #3a4856;

  margin-bottom: 15px;

}

.product-details-section .products-info-content .description p {

  display: -webkit-box;

  -webkit-line-clamp: 3;

  -webkit-box-orient: vertical;

  overflow: hidden;

  text-align: justify;

  color: #3a4856;

}



.product-details-section-detail {

  margin-bottom: 50px;

  position: relative;

  padding-top: 180px;

}

.product-details-section-detail::before {

  content: "";

  position: absolute;

  right: 0;

  top: 0;

  width: 100%;

  height: 320px;

  background-repeat: no-repeat;

  background-size: cover;

  background-position: top right;

  z-index: -1;

  opacity: 0.7;

}

.product-details-section-detail .section-layout {

  position: relative;

  display: grid;

  grid-template-columns: 400px 1fr;

}

.product-details-section-detail .product-images-content {

  margin: 0 0 30px 0;

  position: relative;

}

.product-details-section-detail .product-images-content .image-preview {

  border-radius: 10px;

  position: relative;

  overflow: hidden;

}

.product-details-section-detail .product-images-content .image-preview .thumb {

  border: 1px solid rgba(10, 12, 15, 0.2);

  width: 100%;

  position: relative;

  border-radius: 10px;

}

.product-details-section-detail .product-images-content .image-preview .thumb img {

  width: 100%;

  height: 100%;

  -o-object-fit: cover;

  object-fit: cover;

  border-radius: 10px;

}

.product-details-section-detail .product-images-content .image-preview .swiper-pagination {

  display: none;

}

.product-details-section-detail .product-images-content .image-preview .swiper-pagination .swiper-pagination-bullet-active {

  background-color: #006494;

}

.product-details-section-detail .product-images-content .image-thumb {

  margin-top: 1rem;

}

.product-details-section-detail .product-images-content .image-thumb .thumb-inner {

  overflow: hidden;

  margin-right: 12px;

}

.product-details-section-detail .product-images-content .image-thumb .thumb {

  width: 100%;

  border-radius: 8px;

  position: relative;

  border: 1px solid rgba(10, 12, 15, 0.2);

  cursor: pointer;

}

.product-details-section-detail .product-images-content .image-thumb .thumb img {

  width: 100%;

  height: 100%;

  -o-object-fit: cover;

  object-fit: cover;

  border-radius: 8px;

}

.product-details-section-detail .product-images-content .image-thumb .swiper-pagination {

  display: none;

}

.product-details-section-detail .products-info-content {

  padding-right: 30px;

  padding-top: 20px;

}

.product-details-section-detail .products-info-content .product-name {

  font-size: 22px;

  color: #3a4856;

  margin-bottom: 10px;

}

.product-details-section-detail .products-info-content .device-number {

  font-size: 14px;

  color: #4e6274;

  margin-bottom: 0;

}

.product-details-section-detail .products-info-content .company-info {

  margin-top: 1.2rem;

  padding-top: 1.2rem;

  display: grid;

  grid-template-columns: 80px auto;

  align-items: center;

  border-top: 1px solid rgba(10, 12, 15, 0.2);

}

.product-details-section-detail .products-info-content .company-info .thumb {

  width: 70px;

  height: 70px;

  border-radius: 50%;

  overflow: hidden;

  border: 1px solid rgba(10, 12, 15, 0.2);

}

.product-details-section-detail .products-info-content .company-info .thumb img {

  width: 100%;

  -o-object-fit: cover;

  object-fit: cover;

}

.product-details-section-detail .products-info-content .company-info .co-data h2 {

  font-size: 14px;

  color: #3a4856;

  margin-bottom: 6px;

}

.product-details-section-detail .products-info-content .company-info .co-data h2 a {

  color: #3a4856;

}

.product-details-section-detail .products-info-content .company-info .co-data h2 a:hover {

  color: #009cf9;

}

.product-details-section-detail .products-info-content .company-info .co-data p {

  font-size: 14px;

  color: #3a4856;

  margin-bottom: 0;

}

.product-details-section-detail .products-info-content .property {

  margin-top: 2rem;

}

.product-details-section-detail .products-info-content .property .p-title {

  font-size: 18px;

  color: #3a4856;

  margin-bottom: 15px;

}

.product-details-section-detail .products-info-content .property ul li {

  font-size: 14px;

  font-weight: 400;

  color: #3a4856;

  margin: 5px 0;

}

.product-details-section-detail .products-info-content .property ul li span {

  color: #4e6274;

  margin-left: 5px;

}

.product-details-section-detail .products-info-content .description {

  margin-top: 2rem;

}

.product-details-section-detail .products-info-content .description .d-title {

  font-size: 18px;

  color: #3a4856;

  margin-bottom: 15px;

}

.product-details-section-detail .products-info-content .description p {

  display: -webkit-box;

  -webkit-line-clamp: 3;

  -webkit-box-orient: vertical;

  overflow: hidden;

  text-align: justify;

  color: #3a4856;

}


.product-tabs-section {

  background: #f5f5f5;

  padding: 50px 0 80px 0;

  margin-bottom: 80px;

}

.product-tabs-section .nav-tabs .nav-link {

  font-size: 16px;

  font-weight: 500;

  color: #4e6274;

  padding: 1.2rem 2.5rem;

  min-width: 190px;

  border: none;

  border-radius: 15px 15px 0 0;

  border-bottom: 5px solid transparent;

}

.product-tabs-section .nav-tabs .nav-link.active {

  font-weight: 700;

  color: white;

  border-color: #009cf9;

  background-color: #006494;

}

.product-tabs-section .nav-tabs .nav-link .mdi {

  margin-left: 8px;

  font-size: 23px;

  line-height: 0;

  position: relative;

  top: 4px;

}

.product-tabs-section .tab-content {

  margin-top: 2rem;

}

.product-tabs-section .property ul li {

  padding: 10px 15px;

  border-radius: 0;

  display: grid;

  grid-template-columns: 240px auto;

  background-color: white;

  border: 1px solid rgba(10, 12, 15, 0.2);

  border-bottom: none;

}

.product-tabs-section .property ul li:first-child {

  border-radius: 10px 10px 0 0;

}

.product-tabs-section .property ul li:last-child {

  border-radius: 0 0 10px 10px;

  border-bottom: 1px solid rgba(10, 12, 15, 0.2);

}

.product-tabs-section .property ul li:nth-child(even) {

  background-color: #f9f9f9;

}

.product-tabs-section .property ul li .name,

.product-tabs-section .property ul li .desc {

  font-size: 16px;

  font-weight: 400;

}

.product-tabs-section .property ul li .name {

  color: #4e6274;

}

.product-tabs-section .property ul li .desc {

  color: #3a4856;

}

.product-tabs-section .description p {

  font-size: 16px;

  color: #3a4856;

  text-align: justify;

}

.product-tabs-section .description .img-content .img-inner {

  width: 800px;

  margin: 2rem auto;

}

.product-tabs-section .description .img-content .img-inner img {

  width: 100%;

  border-radius: 15px;

}



.swiper-details-preview .swiper-pagination-bullets {

  bottom: 0 !important;

}



.swiper-details-thumb .swiper-wrapper {

  padding-bottom: 2px;

}



@media (max-width: 1199px) {

  .product-details-section .section-layout {

    grid-template-columns: 350px auto;

  }

}

@media (max-width: 992px) {

  .product-details-section {

    padding-top: 140px;

  }

  .product-details-section .section-layout {

    grid-template-columns: 100%;

  }

  .product-details-section .product-images-content {

    width: 400px;

    margin: 0 auto;

  }

  .product-details-section .product-images-content .image-preview .swiper-pagination {

    display: block;

  }

  .product-details-section .product-images-content .image-thumb {

    display: none;

    visibility: none;

  }

  .product-details-section .products-info-content {

    padding-right: 0;

  }

  .product-details-section .products-info-content .product-name {

    font-size: 18px;

  }

  .product-details-section .products-info-content .device-number {

    font-weight: 400;

  }

  .product-details-section .swiper-details-preview .swiper-wrapper {

    padding-bottom: 2rem;

  }

  .product-tabs-section .nav-tabs .nav-link {

    padding: 1rem 1.5rem;

    font-size: 14px;

    font-weight: 400;

  }

  .product-tabs-section .nav-tabs .nav-link.active {

    font-weight: 500;

  }

  .product-tabs-section .description .img-content .img-inner {

    width: 100%;

    margin: 1rem 0;

  }

}

@media (max-width: 768px) {

  .product-details-section .products-info-content .product-name {

    font-size: 16px;

  }

  .product-details-section .products-info-content .device-number {

    font-size: 12px;

  }

  .product-details-section .products-info-content .company-info {

    grid-template-columns: 70px auto;

  }

  .product-details-section .products-info-content .company-info .thumb {

    width: 60px;

    height: 60px;

  }

  .product-details-section .products-info-content .company-info .co-data h2 {

    font-size: 13px;

    margin-bottom: 5px;

  }

  .product-details-section .products-info-content .company-info .co-data p {

    font-size: 12px;

  }

  .product-details-section .products-info-content .property .p-title {

    font-size: 16px;

  }

  .product-details-section .products-info-content .property ul li {

    font-size: 14px;

  }

  .product-details-section .products-info-content .description .d-title {

    font-size: 16px;

  }

  .product-details-section .products-info-content .description p {

    font-size: 14px;

    line-height: 24px;

  }

  .product-tabs-section .property ul li {

    grid-template-columns: 200px auto;

  }

  .product-tabs-section .property ul li .name,

.product-tabs-section .property ul li .desc {

    font-size: 14px;

  }

  .product-tabs-section .description p {

    font-size: 14px;

    line-height: 23px;

  }

}

@media (max-width: 575px) {

  .product-details-section {

    padding-top: 120px;

  }

  .product-details-section .product-images-content {

    width: 90%;

  }

  .product-details-section .products-info-content .product-name {

    font-size: 14px;

  }

  .product-details-section .products-info-content .device-number {

    font-size: 11px;

  }

  .product-details-section .products-info-content .property .p-title {

    font-size: 14px;

  }

  .product-details-section .products-info-content .property ul li {

    font-size: 13px;

  }

  .product-details-section .products-info-content .description .d-title {

    font-size: 14px;

  }

  .product-details-section .products-info-content .description p {

    font-size: 13px;

  }

  .product-tabs-section .nav-tabs .nav-link {

    padding: 0.9rem 0.2rem 0.7rem 0.2rem;

    font-size: 13px;

    flex-grow: 1;

    min-width: 50%;

  }

  .product-tabs-section .nav-tabs .nav-link .mdi {

    font-size: 20px;

  }

  .product-tabs-section .property ul li {

    grid-template-columns: 120px auto;

  }

  .product-tabs-section .property ul li .name,

.product-tabs-section .property ul li .desc {

    font-size: 12px;

  }

  .product-tabs-section .description p {

    font-size: 13px;

    line-height: 21px;

  }

}

@media (max-width: 350px) {

  .product-tabs-section .nav-tabs .nav-link {

    padding: 0.8rem 0.1rem 0.6rem 0.1rem;

    font-size: 11px;

  }

  .product-tabs-section .nav-tabs .nav-link .mdi {

    font-size: 18px;

  }

  .product-tabs-section .property ul li {

    grid-template-columns: 100%;

  }

  .product-tabs-section .property ul li .name,

.product-tabs-section .property ul li .desc {

    font-size: 12px;

  }

}

/*#endregion -------------- Product Details */

/*#region ----------------- Page Search */

.page-search .search-inner {

  width: 600px;

  margin: 0 auto 2rem auto;

  position: relative;

}

.page-search .input {

  width: 100%;

  height: 48px;

  border: 1px solid rgba(10, 12, 15, 0.2);

  border-radius: 12px;

  padding: 2px 15px 2px 100px;

  font-size: 14px;

}

.page-search .btn-search {

  position: absolute;

  left: 0;

  top: 0;

  height: 100%;

  border-radius: 12px 0 0 12px;

  border: none;

  background-color: #006494;

  color: white;

  font-size: 14px;

  padding: 2px 10px;

}

.page-search .btn-search .mdi {

  margin-left: 5px;

  font-size: 20px;

  line-height: 1;

  display: inline-block;

  position: relative;

  top: 3px;

}



@media (max-width: 992px) {

  .page-search .search-inner {

    width: 100%;

  }

}

/*#endregion -------------- Page Search */

/*#region ----------------- Forms */

.inputgroup {

  position: relative;

  margin-bottom: 16px;

}

.inputgroup .input {

  width: 100%;

  height: 48px;

  border: 1px solid rgba(10, 12, 15, 0.2);

  border-radius: 8px;

  padding: 5px 20px 5px 15px;

  font-size: 14px;

  font-weight: 400;

  color: #3a4856;

  text-align: right;

  background: #fff;

  transition: all 0.2s ease-in-out;

}

.inputgroup .input:hover {

  border-color: #006494;

}

.inputgroup .input:focus {

  border-color: #006494;

}

.inputgroup .input:focus ~ .icon {

  color: #006494;

}

.inputgroup .input:disabled {

  background-color: rgba(255, 255, 255, 0.06);

}

.inputgroup .input:disabled:hover, .inputgroup .input:disabled:focus {

  border-color: rgba(10, 12, 15, 0.2);

}

.inputgroup label {

  font-size: 14px;

  font-weight: 400;

  color: #3a4856;

  margin-bottom: 5px;

}

.inputgroup.code-mode .input {

  padding: 5px 15px;

  text-align: center;

  font-size: 18px;

}



.textarea-group {

  margin-bottom: 16px;

}

.textarea-group .textarea {

  width: 100%;

  border: 1px solid rgba(10, 12, 15, 0.2);

  border-radius: 10px;

  padding: 15px;

  font-size: 15px;

  font-weight: 400;

  color: #3a4856;

  transition: all 0.2s ease-in-out;

}

.textarea-group .textarea:hover {

  border-color: #627c92;

}

.textarea-group .textarea:focus {

  border-color: #006494;

}

.textarea-group label {

  font-size: 14px;

  font-weight: 400;

  color: #3a4856;

  margin-bottom: 5px;

}



.select-group {

  margin-bottom: 16px;

  width: 100%;

}

.select-group label {

  font-size: 14px;

  font-weight: 400;

  color: #3a4856;

  margin-bottom: 5px;

}

.select-group select {

  border: 1px solid rgba(10, 12, 15, 0.2);

  width: 100%;

  height: 48px;

  border-radius: 10px;

  font-size: 14px;

  font-weight: 400;

  color: #3a4856;

  text-align: right;

  padding: 0 15px;

  background-color: #f1faff;

  background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");

  background-repeat: no-repeat;

  background-position: left 0.75rem center;

  background-size: 16px 12px;

  transition: all 0.2s ease-in-out;

}

.select-group select:hover, .select-group select:focus {

  border-color: #006494;

  box-shadow: none;

}



.form-switch {

  padding-left: 0;

  padding-right: 4em;

  position: relative;

}

.form-switch .form-check-label {

  font-size: 14px;

  font-weight: 400;

  color: white;

}

.form-switch .form-check-input {

  margin-left: 0;

  margin-right: -4em;

  float: right;

  width: 3em;

  height: 1.5em;

  margin-top: 0;

  background-color: rgba(255, 255, 255, 0.8);

}

.form-switch .form-check-input:checked {

  background-color: #006494;

  border-color: #006494;

}

.form-switch .btn-help {

  position: absolute;

  left: 0;

  top: -5px;

}



.radio-group {

  position: relative;

}

.radio-group label {

  font-size: 14px;

  font-weight: 400;

  color: white;

  display: block;

  margin-bottom: 20px;

}

.radio-group .radio-inner {

  display: flex;

  align-items: center;

  justify-content: flex-start;

  flex-wrap: wrap;

}

.radio-group .radio-inner .form-check {

  margin-left: 20px;

}

.radio-group .form-check {

  padding-left: 0;

  padding-right: 2em;

  margin-bottom: 0;

}

.radio-group .form-check .form-check-input {

  float: right;

  margin-left: 0;

  margin-right: -2em;

  width: 1.2em;

  height: 1.2em;

  margin-top: 0;

  background-color: rgba(255, 255, 255, 0.8);

}

.radio-group .form-check .form-check-input:checked {

  background-color: #006494;

  border-color: #006494;

}

.radio-group .form-check .form-check-label {

  font-size: 14px;

}

.radio-group .btn-help {

  position: absolute;

  left: 0;

  top: -7px;

}

.radio-group.type-2 .form-check {

  flex: 0 0 50%;

  width: 50%;

  margin-left: 0;

}

.radio-group.type-3 .radio-inner {

  flex-direction: column;

  align-items: flex-start;

}



.checkbox-group {

  padding: 10px 0;

  border-top: 1px solid rgba(10, 12, 15, 0.2);

}

.checkbox-group .form-check-label {

  color: white;

  font-size: 14px;

}

.checkbox-group .form-check {

  padding-left: 0;

  padding-right: 2em;

  margin-bottom: 0;

}

.checkbox-group .form-check-input {

  float: right;

  margin-left: 0;

  margin-right: -2em;

}

.checkbox-group .form-check-input:checked {

  background-color: #006494;

  border-color: #006494;

}

.checkbox-group.checkbox-password {

  border: none;

  padding-top: 0;

  margin-bottom: 1rem;

  padding-right: 5px;

}

.checkbox-group.checkbox-password .form-check-label {

  font-size: 13px;

}



@media (max-width: 768px) {

  .form-switch {

    padding-right: 3em;

  }

  .form-switch .form-check-label {

    font-size: 13px;

    position: relative;

    top: -2px;

  }

  .form-switch .form-check-input {

    width: 2.5em;

    height: 1.3em;

    margin-right: -3em;

  }

  .form-switch .btn-help {

    width: 28px;

    height: 28px;

  }

  .form-switch .btn-help .mdi {

    line-height: 1;

    display: block;

  }

  .radio-group .form-check .form-check-label {

    font-size: 13px;

  }

}

/*#endregion -------------- Forms */

/*#region ----------------- Course Details */

.course-details-section {

  margin-bottom: 80px;

  position: relative;

  padding-top: 180px;

}

.course-details-section::before {

  content: "";

  position: absolute;

  right: 0;

  top: 0;

  width: 100%;

  height: 320px;

  background-image: url(../images/bg/shiny-overlay.jpg);

  background-repeat: no-repeat;

  background-size: cover;

  background-position: top right;

  z-index: -1;

  opacity: 0.7;

}

.course-details-section .myrow {

  display: grid;

  grid-template-columns: 350px auto;

  grid-template-areas: "side media" "side desc";

}

.course-details-section .course-side {

  grid-area: side;

}

.course-details-section .course-side .inner {

  background-color: white;

  border-radius: 12px;

  margin-bottom: 15px;

  box-shadow: 0 5px 25px rgba(20, 22, 25, 0.1);

  position: -webkit-sticky;

  position: sticky;

  top: 120px;

}

.course-details-section .course-side ul {

  padding-bottom: 10px;

  border-bottom: 1px dashed rgba(10, 12, 15, 0.2);

  padding: 20px 15px 10px;

}

.course-details-section .course-side ul li {

  display: flex;

  align-items: center;

  justify-content: space-between;

  flex-wrap: wrap;

  margin: 8px 0;

  font-size: 14px;

  font-weight: 400;

}

.course-details-section .course-side ul li .name {

  color: #4e6274;

}

.course-details-section .course-side ul li .desc {

  color: #3a4856;

}

.course-details-section .course-side ul li .mdi {

  font-size: 20px;

  margin-left: 5px;

  position: relative;

  top: 2px;

  color: #627c92;

}

.course-details-section .course-side .buttons-group {

  padding: 10px;

}

.course-details-section .course-side .buttons-group .btn-primary {

  width: 100%;

}

.course-details-section .course-media {

  grid-area: media;

  padding-right: 40px;

}

.course-details-section .course-media .inner {

  background-color: white;

  border-radius: 12px;

  box-shadow: 0 5px 25px rgba(20, 22, 25, 0.1);

  padding: 40px;

}

.course-details-section .course-media .title h2 {

  font-size: 20px;

}

.course-details-section .course-media .title .list-seen {

  display: flex;

  align-items: center;

  justify-content: flex-start;

  flex-wrap: wrap;

}

.course-details-section .course-media .title .list-seen li {

  margin: 5px 0 5px 20px;

  font-size: 14px;

  font-weight: 400;

  color: #4e6274;

}

.course-details-section .course-media .title .list-seen li .mdi {

  font-size: 18px;

  margin-left: 5px;

  position: relative;

  top: 3px;

  color: #627c92;

}

.course-details-section .course-desc {

  grid-area: desc;

  padding-right: 40px;

  margin-top: 20px;

}

.course-details-section .course-desc .inner {

  background-color: white;

  border-radius: 12px;

  box-shadow: 0 5px 25px rgba(20, 22, 25, 0.1);

  padding: 40px;

}

.course-details-section .course-desc .title {

  font-size: 18px;

  margin-bottom: 16px;

}

.course-details-section .course-desc p {

  text-align: justify;

}

.course-details-section .course-desc ol,

.course-details-section .course-desc ul {

  padding-right: 30px;

}

.course-details-section .course-desc ol li,

.course-details-section .course-desc ul li {

  margin: 10px 0;

  color: #4e6274;

  font-weight: 400;

  text-align: justify;

}

.course-details-section .course-desc ul {

  list-style: disc;

}

.course-details-section .media-content {

  border-top: none;

  margin: 1rem 0;

}



@media (max-width: 1400px) {

  .course-details-section .course-media .inner,

.course-details-section .course-desc .inner {

    padding: 30px;

  }

}

@media (max-width: 1199px) {

  .course-details-section .myrow {

    grid-template-columns: 300px auto;

  }

  .course-details-section .course-media {

    padding-right: 30px;

  }

  .course-details-section .course-media .inner {

    padding: 20px;

  }

  .course-details-section .course-media .title h2 {

    font-size: 18px;

  }

  .course-details-section .course-desc {

    padding-right: 30px;

  }

  .course-details-section .course-desc .inner {

    padding: 20px;

  }

}

@media (max-width: 992px) {

  .course-details-section {

    padding-top: 120px;

  }

  .course-details-section .myrow {

    grid-template-columns: 100%;

    grid-template-areas: "media" "side" "desc";

  }

  .course-details-section .course-media {

    padding-right: 0;

  }

  .course-details-section .course-media .title h2 {

    font-size: 16px;

  }

  .course-details-section .course-side .inner {

    background-color: white;

    box-shadow: none;

    border: 1px solid rgba(10, 12, 15, 0.2);

  }

  .course-details-section .course-desc {

    padding-right: 0;

  }

}

@media (max-width: 768px) {

  .course-details-section .course-side ul li {

    margin: 6px 0;

    font-size: 13px;

  }

  .course-details-section .course-side ul li .mdi {

    font-size: 20px;

  }

  .course-details-section .course-desc .title {

    font-size: 16px;

    margin-bottom: 12px;

  }

  .course-details-section .course-desc p {

    font-size: 14px;

  }

  .course-details-section .course-desc ol li,

.course-details-section .course-desc ul li {

    font-size: 14px;

    margin: 6px 0;

  }

}

@media (max-width: 575px) {

  .course-details-section .course-side ul {

    padding: 15px 10px 10px;

  }

  .course-details-section .course-side ul li {

    margin: 5px;

    font-size: 12px;

  }

  .course-details-section .course-side ul li .mdi {

    font-size: 18px;

  }

  .course-details-section .course-side .buttons-group .btn-primary {

    font-size: 13px;

  }

  .course-details-section .course-side .buttons-group .btn-primary.icon-right::before {

    width: 38px;

    height: 38px;

    right: 2px;

  }

  .course-details-section .course-side .buttons-group .btn-primary.icon-right .mdi {

    line-height: 1;

    right: 8px;

    top: 7px;

  }

  .course-details-section .course-desc .title {

    font-size: 14px;

    margin-bottom: 10px;

  }

  .course-details-section .course-desc p {

    font-size: 13px;

  }

  .course-details-section .course-desc ol,

.course-details-section .course-desc ul {

    padding-right: 20px;

  }

  .course-details-section .course-desc ol li,

.course-details-section .course-desc ul li {

    font-size: 13px;

    margin: 5px 0;

  }

}

/*#endregion -------------- Course Details */

/*#region ----------------- Multimedia */

.multimedia-section {

  margin-bottom: 90px;

}

.multimedia-section .section-inner {

  position: relative;

}

.multimedia-section .title {

  display: flex;

  align-items: flex-start;

  justify-content: space-between;

  flex-wrap: wrap;

  padding-bottom: 30px;

  position: relative;

}

.multimedia-section .title::before {

  content: "";

  position: absolute;

  top: 17px;

  left: 30px;

  width: calc(100% - 80px);

  height: 1px;

  border: 1px dashed #d9d9d9;

  z-index: 1;

}

.multimedia-section .title .title-inner {

  display: flex;

  align-items: center;

  justify-content: flex-start;

  background-color: white;

  padding-left: 20px;

}

.multimedia-section .title .title-inner .shape {

  width: 18px;

  height: 18px;

  background: linear-gradient(45deg, #009cf9, #006494);

  border-radius: 50%;

  margin-left: 10px;

  position: relative;

  z-index: 10;

}

.multimedia-section .title .title-inner h1 {

  font-size: 22px;

  font-weight: 800;

  margin-bottom: 0;

  position: relative;

  z-index: 10;

  background-color: white;

  padding-left: 15px;

}

.multimedia-section .title .title-inner h1 a {

  display: block;

  color: #3a4856;

}

.multimedia-section .title .title-inner h1 span {

  font-size: 15px;

  font-weight: 600;

  background-color: #006494;

  padding: 5px 15px;

  border-radius: 10px;

  color: white;

  margin-right: 10px;

}

.multimedia-section .title .see-more {

  font-size: 15px;

  font-weight: 600;

  padding: 0 20px 0 0;

  background-color: white;

  position: relative;

  z-index: 10;

}

.multimedia-section .title .see-more a {

  color: #006494;

}

.multimedia-section .title .see-more .icon {

  position: relative;

  right: 0;

  transition: all 0.2s;

}

.multimedia-section .title .see-more .icon .mdi {

  position: relative;

  top: 3px;

  font-size: 18px;

}

.multimedia-section .title .see-more:hover a {

  transition: all 0.2s;

  color: #009cf9;

}

.multimedia-section .title .see-more:hover a .icon {

  right: 5px;

  transition: all 0.2s;

}

.multimedia-section .title .title-desc {

  flex: 0 0 100%;

  width: 100%;

  margin: 1rem 0 0 0;

  font-size: 14px;

  font-weight: 400;

  color: #4e6274;

  padding-right: 30px;

}

.multimedia-section .grid-layout {

  display: grid;

  grid-template-columns: 25% 25% 25% 25%;

  grid-template-areas: "g-bigimage g-bigimage g-width g-width" "g-bigimage g-bigimage g-small-1 g-small-2";

}

.multimedia-section .grid-layout .grid-item {

  padding: 2px;

}

.multimedia-section .grid-layout .grid-item.grid-bigImage {

  grid-area: g-bigimage;

}

.multimedia-section .grid-layout .grid-item.grid-bigImage .news-content a::before {

  border-radius: 0 10px 10px 0;

}

.multimedia-section .grid-layout .grid-item.grid-bigImage .news-content .news-content-pic {

  height: 430px;

  border-radius: 0 10px 10px 0;

}

.multimedia-section .grid-layout .grid-item.grid-width {

  grid-area: g-width;

}

.multimedia-section .grid-layout .grid-item.grid-width .news-content a::before {

  border-radius: 10px 0 0 0;

}

.multimedia-section .grid-layout .grid-item.grid-width .news-content .news-content-pic {

  border-radius: 10px 0 0 0;

}

.multimedia-section .grid-layout .grid-item.grid-width .news-content .blog-data h2 {

  font-size: 16px;

}

.multimedia-section .grid-layout .grid-item.grid-small-1 {

  grid-area: g-small-1;

}

.multimedia-section .grid-layout .grid-item.grid-small-1 .news-content .news-content-pic {

  border-radius: 0;

}

.multimedia-section .grid-layout .grid-item.grid-small-2 {

  grid-area: g-small-2;

}

.multimedia-section .grid-layout .grid-item.grid-small-2 .news-content a::before {

  border-radius: 0 0 0 10px;

}

.multimedia-section .grid-layout .grid-item.grid-small-2 .news-content .news-content-pic {

  border-radius: 0 0 0 10px;

}

.multimedia-section .grid-layout .grid-item.grid-small-1 .news-content .blog-data h2, .multimedia-section .grid-layout .grid-item.grid-small-2 .news-content .blog-data h2 {

  font-size: 13px;

  line-height: 19px;

}

.multimedia-section .grid-layout .news-content {

  height: 100%;

  position: relative;

}

.multimedia-section .grid-layout .news-content a {

  display: block;

  position: relative;

}

.multimedia-section .grid-layout .news-content a::before {

  content: "";

  position: absolute;

  top: 0;

  right: 0;

  width: 100%;

  height: 100%;

  z-index: 1;

  border-radius: 0;

  background: linear-gradient(0deg, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0) 60%, rgba(0, 0, 0, 0));

}

.multimedia-section .grid-layout .news-content .news-content-pic {

  width: 100%;

  height: 213px;

  overflow: hidden;

  border-radius: 0px;

  position: relative;

  margin: 0;

}

.multimedia-section .grid-layout .news-content .news-content-pic .img-inner {

  position: absolute;

  top: 0;

  right: 0;

  width: 100%;

  height: 100%;

}

.multimedia-section .grid-layout .news-content .news-content-pic img {

  width: 100%;

  height: 100%;

  -o-object-fit: cover;

     object-fit: cover;

  border-radius: 0px;

  transition: all 0.3s ease-in;

}

.multimedia-section .grid-layout .news-content .blog-data {

  position: absolute;

  right: 0;

  bottom: 0;

  z-index: 20;

  text-align: right;

  width: 85%;

  padding: 0 20px 15px 0;

}

.multimedia-section .grid-layout .news-content .blog-data h2 {

  text-align: right;

  font-size: 18px;

  font-weight: 600;

  color: white;

  line-height: 25px;

  margin-bottom: 0;

}

.multimedia-section .grid-layout .news-content .blog-data .info {

  display: flex;

  align-items: center;

  justify-content: flex-start;

  line-height: 16px;

  margin-top: 15px;

}

.multimedia-section .grid-layout .news-content .blog-data .info .seen,

.multimedia-section .grid-layout .news-content .blog-data .info .time {

  font-size: 12px;

  font-weight: 500;

  color: white;

  margin-left: 30px;

  white-space: nowrap;

}

.multimedia-section .grid-layout .news-content .blog-data .info .seen .mdi,

.multimedia-section .grid-layout .news-content .blog-data .info .time .mdi {

  font-size: 16px;

  position: relative;

  top: 2px;

  margin-left: 5px;

}

.multimedia-section .grid-layout .news-content .blog-data .blog-category {

  margin-bottom: 10px;

  background-color: rgba(0, 0, 0, 0.7);

  font-size: 12px;

  font-weight: 600;

  color: white;

  padding: 3px 10px;

  border-radius: 5px;

  display: inline-block;

}

.multimedia-section .grid-layout .news-content:hover .news-content-pic img {

  transform: scale(1.05);

}

.multimedia-section .grid-layout .news-content:hover .blog-data .blog-category {

  background-color: #009cf9;

}



.last-articles {

  background-color: white;

  border-radius: 12px;

  box-shadow: 0 5px 25px rgba(20, 22, 25, 0.1);

  padding: 20px;

}

.last-articles .side-title {

  font-size: 15px;

  font-weight: 600;

  color: #3a4856;

  padding: 0 0 15px 10px;

  position: relative;

}

.last-articles .article-inner .item {

  border-bottom: 1px solid rgba(28, 34, 43, 0.2);

  padding: 10px 0;

}

.last-articles .article-inner .item a {

  display: grid;

  grid-template-columns: 65px auto;

  align-items: center;

  -moz-column-gap: 10px;

       column-gap: 10px;

}

.last-articles .article-inner .item:last-child {

  border: none;

}

.last-articles .article-inner .item:hover .text {

  color: #006494;

}

.last-articles .article-inner .item .article-pic {

  width: 65px;

  height: 65px;

  overflow: hidden;

  border-radius: 8px;

  position: relative;

  margin: 0;

}

.last-articles .article-inner .item .article-pic .img-inner {

  position: absolute;

  top: 0;

  right: 0;

  width: 100%;

  height: 100%;

}

.last-articles .article-inner .item .article-pic img {

  width: 100%;

  height: 100%;

  -o-object-fit: cover;

     object-fit: cover;

  transition: all 0.2s ease-in;

}

.last-articles .article-inner .item .text {

  font-size: 12px;

  font-weight: 400;

  color: #4e6274;

  display: -webkit-box;

  -webkit-line-clamp: 2;

  -webkit-box-orient: vertical;

  overflow: hidden;

  line-height: 20px;

  max-height: 42px;

}

.last-articles .see-more {

  padding: 10px 10px 0 10px;

  text-align: center;

}

.last-articles .see-more a {

  font-size: 13px;

  font-weight: 400;

  color: #006494;

}

.last-articles .see-more a .mdi {

  font-size: 16px;

  position: relative;

  right: 3px;

  top: 2px;

}



@media (max-width: 992px) {

  .multimedia-section .grid-layout .news-content .news-content-pic {

    height: 188px;

  }

  .multimedia-section .grid-layout .news-content .blog-data {

    width: 90%;

  }

  .multimedia-section .grid-layout .news-content .blog-data h2 {

    font-size: 16px;

  }

  .multimedia-section .grid-layout .grid-item.grid-bigImage .news-content .news-content-pic {

    height: 380px;

  }

  .multimedia-section .grid-layout .grid-item.grid-width .news-content .blog-data h2 {

    font-size: 14px;

  }

  .multimedia-section .grid-layout .grid-item.grid-small-1 .news-content .blog-data h2, .multimedia-section .grid-layout .grid-item.grid-small-2 .news-content .blog-data h2 {

    font-size: 12px;

    line-height: 17px;

  }

}

@media (max-width: 768px) {

  .multimedia-section .grid-layout {

    grid-template-columns: 50% 50%;

    grid-template-areas: "g-bigimage g-bigimage" "g-width g-width" "g-small-1 g-small-2";

  }

  .multimedia-section .grid-layout .grid-item.grid-bigImage .news-content a::before {

    border-radius: 10px 10px 0 0;

  }

  .multimedia-section .grid-layout .grid-item.grid-bigImage .news-content .news-content-pic {

    height: 288px;

    border-radius: 10px 10px 0 0;

  }

  .multimedia-section .grid-layout .grid-item.grid-bigImage .news-content .blog-data h2 {

    font-size: 14px;

    line-height: 20px;

  }

  .multimedia-section .grid-layout .grid-item.grid-width .news-content a::before {

    border-radius: 10px 10px 0 0;

  }

  .multimedia-section .grid-layout .grid-item.grid-width .news-content .news-content-pic {

    border-radius: 0;

  }

  .multimedia-section .grid-layout .grid-item.grid-width .news-content .blog-data h2 {

    font-size: 13px;

    line-height: 19px;

  }

  .multimedia-section .grid-layout .grid-item.grid-small-1 .news-content a::before {

    border-radius: 0 0 10px 0;

  }

  .multimedia-section .grid-layout .grid-item.grid-small-1 .news-content .news-content-pic {

    border-radius: 0 0 10px 0;

  }

  .multimedia-section .grid-layout .grid-item.grid-small-1 .news-content .blog-data h2, .multimedia-section .grid-layout .grid-item.grid-small-2 .news-content .blog-data h2 {

    font-size: 12px;

    line-height: 17px;

  }

}

@media (max-width: 575px) {

  .multimedia-section .title {

    padding-top: 5px;

  }

  .multimedia-section .title .title-inner {

    padding-left: 10px;

  }

  .multimedia-section .title .title-inner h1 {

    font-size: 16px;

  }

  .multimedia-section .title .title-inner h1 span {

    font-size: 10px;

    padding: 3px 10px;

    border-radius: 6px;

  }

  .multimedia-section .title .see-more {

    padding-right: 10px;

  }

  .multimedia-section .title .see-more .text {

    display: none;

  }

  .multimedia-section .title .see-more .icon {

    width: 24px;

    height: 24px;

    border-radius: 50%;

    background-color: #006494;

    display: flex;

    align-items: center;

    justify-content: center;

  }

  .multimedia-section .title .see-more .icon .mdi {

    color: white;

    font-size: 20px;

    position: relative;

    top: 1px;

  }

  .multimedia-section .grid-layout .grid-item .news-content .blog-data {

    width: 95%;

  }

  .multimedia-section .grid-layout .grid-item .news-content .blog-data .blog-category {

    font-size: 10px;

    margin-bottom: 8px;

  }

  .multimedia-section .grid-layout .grid-item.grid-bigImage .news-content .news-content-pic {

    height: 200px;

  }

  .multimedia-section .grid-layout .grid-item.grid-bigImage .news-content .blog-data h2 {

    font-size: 12px;

    display: -webkit-box;

    -webkit-line-clamp: 2;

    -webkit-box-orient: vertical;

    overflow: hidden;

  }

  .multimedia-section .grid-layout .grid-item.grid-bigImage .news-content .blog-data .info .time,

.multimedia-section .grid-layout .grid-item.grid-bigImage .news-content .blog-data .info .seen {

    font-size: 10px;

  }

  .multimedia-section .grid-layout .grid-item.grid-bigImage .news-content .blog-data .info .time .mdi,

.multimedia-section .grid-layout .grid-item.grid-bigImage .news-content .blog-data .info .seen .mdi {

    font-size: 14px;

  }

  .multimedia-section .grid-layout .grid-item.grid-width .news-content .news-content-pic {

    height: 150px;

  }

  .multimedia-section .grid-layout .grid-item.grid-width .news-content .blog-data h2 {

    font-size: 10px;

    display: -webkit-box;

    -webkit-line-clamp: 2;

    -webkit-box-orient: vertical;

    overflow: hidden;

  }

  .multimedia-section .grid-layout .grid-item.grid-small-1 .news-content .news-content-pic, .multimedia-section .grid-layout .grid-item.grid-small-2 .news-content .news-content-pic {

    height: 120px;

  }

  .multimedia-section .grid-layout .grid-item.grid-small-1 .news-content .blog-data h2, .multimedia-section .grid-layout .grid-item.grid-small-2 .news-content .blog-data h2 {

    font-size: 9px;

    display: -webkit-box;

    -webkit-line-clamp: 2;

    -webkit-box-orient: vertical;

    overflow: hidden;

  }

}

/*#endregion -------------- Multimedia */

/*#region ----------------- Podcast */

#podcast-section {

  padding: 50px 0 0 0;

  overflow: hidden;

  position: relative;

}

#podcast-section .section-inner {

  border-radius: 120px 0 0 0;

  padding: 0 40px 0 40px;

  position: relative;

}

#podcast-section .section-inner::before {

  content: "";

  position: absolute;

  top: 50%;

  right: 0;

  transform: translateY(-50%);

  width: 100%;

  height: 80%;

  z-index: -1;

  background: linear-gradient(180deg, rgba(0, 156, 249, 0.1), white);

}

#podcast-section .section-inner .podcast-row {

  display: grid;

  grid-template-columns: 50% 50%;

}

#podcast-section .section-inner .podcast-row .list-section {

  padding-left: 10px;

}

#podcast-section .section-inner .podcast-row .player-section {

  padding-right: 10px;

}

#podcast-section .btn-white {

  border-color: transparent;

}

#podcast-section .playList {

  background-color: white;

  box-shadow: 0 5px 25px rgba(20, 22, 25, 0.1);

  border-radius: 20px;

  padding: 20px;

}

#podcast-section .playList .list-inner .title {

  font-size: 17px;

  padding-bottom: 20px;

  margin-bottom: 0;

  color: #3a4856;

  border-bottom: 1px solid rgba(255, 255, 255, 0.3);

}

#podcast-section .playList .list-inner .list {

  padding: 0 0 20px 0;

  margin-top: 10px;

  min-height: 246px;

  max-height: 246px;

  overflow-y: auto;

  scrollbar-color: #009cf9 rgba(233, 97, 11, 0.2);

  scrollbar-width: thin;

}

#podcast-section .playList .list-inner .list::-webkit-scrollbar {

  border-radius: 10px;

  width: 5px;

  height: 8px;

  background-color: rgba(233, 97, 11, 0.2);

}

#podcast-section .playList .list-inner .list::-webkit-scrollbar-thumb {

  border-radius: 10px;

  background: #009cf9;

}

#podcast-section .playList .sound-item {

  background-color: #fff;

  border-radius: 50px;

  margin-top: 10px;

  margin-left: 15px;

  padding: 10px;

  display: grid;

  grid-template-columns: 60px auto;

  align-items: center;

  transition: all 0.2s ease-in-out;

  cursor: pointer;

}

#podcast-section .playList .sound-item .play-btn {

  width: 50px;

  height: 50px;

}

#podcast-section .playList .sound-item .play-btn .btn-circle {

  width: 50px;

  height: 50px;

  color: #006494;

  transition: all 0.2s ease-in-out;

  border-radius: 50%;

  border: none;

  background: linear-gradient(45deg, #006494 0%, #009cf9 100%);

  color: white;

}

#podcast-section .playList .sound-item .play-btn .btn-circle .mdi {

  font-size: 24px;

  position: relative;

  top: 1px;

}

#podcast-section .playList .sound-item .cast-inner a {

  display: block;

}

#podcast-section .playList .sound-item .cast-inner .name {

  font-size: 14px;

  font-weight: 600;

  color: #4e6274;

  display: -webkit-box;

  -webkit-line-clamp: 1;

  -webkit-box-orient: vertical;

  overflow: hidden;

}

#podcast-section .playList .sound-item .cast-inner .info {

  display: flex;

  align-items: center;

  justify-content: space-between;

  padding-left: 10px;

}

#podcast-section .playList .sound-item .cast-inner .info .speaker,

#podcast-section .playList .sound-item .cast-inner .info .time {

  font-size: 12px;

  font-weight: 500;

  color: #627c92;

}

#podcast-section .playList .sound-item:hover {

  background-color: #e7f6ff;

}

#podcast-section .playList .sound-item:hover .play-btn .btn-circle {

  color: #24cb9c;

}



#player_body .player-content {

  background-color: white;

  box-shadow: 0 5px 25px rgba(20, 22, 25, 0.1);

  border-radius: 20px;

  padding: 20px;

  height: 335px;

  position: relative;

  overflow: hidden;

}

#player_body .player-content .player {

  position: relative;

  z-index: 50;

}

#player_body .player-content .player .details {

  display: grid;

  grid-template-columns: 120px auto;

  width: 100%;

}

#player_body .player-content .player .details .cover {

  width: 120px;

  height: 120px;

  overflow: hidden;

  border-radius: 10px;

}

#player_body .player-content .player .details .cover .track-art {

  width: 100%;

  height: 100%;

  transition: all 0.2s ease-in-out;

  border-radius: 10px;

}

#player_body .player-content .player .details .info {

  position: relative;

  z-index: 10;

  padding-right: 15px;

}

#player_body .player-content .player .details .info .track-name {

  font-size: 16px;

  font-weight: 600;

  color: #009cf9;

  margin-bottom: 10px;

  display: -webkit-box;

  -webkit-line-clamp: 1;

  -webkit-box-orient: vertical;

  overflow: hidden;

}

#player_body .player-content .player .details .info .track-artist {

  font-size: 14px;

  font-weight: 500;

  color: #3a4856;

  display: -webkit-box;

  -webkit-line-clamp: 1;

  -webkit-box-orient: vertical;

  overflow: hidden;

  opacity: 0.7;

}

#player_body .player-content .player .details .info .now-playing,

#player_body .player-content .player .details .info .track-mb {

  font-size: 12px;

  font-weight: 600;

  margin-top: 10px;

  color: #3a4856;

  display: -webkit-box;

  -webkit-line-clamp: 1;

  -webkit-box-orient: vertical;

  overflow: hidden;

  opacity: 0.7;

}



#audio_player {

  direction: ltr;

  position: relative;

  z-index: 50;

}

#audio_player .seekslider {

  margin-top: 1rem;

}

#audio_player .seekslider #progress-bar {

  position: relative;

  -webkit-appearance: none;

  margin: 0;

  padding: 0;

  width: 100%;

  height: 20px;

  outline: none;

  background-color: transparent;

}

#audio_player .seekslider #progress-bar::before {

  position: absolute;

  content: "";

  top: 8px;

  left: 0;

  width: 100%;

  height: 5px;

  border-radius: 20px;

  background: rgba(0, 0, 0, 0.1);

  cursor: pointer;

}

#audio_player .seekslider #progress-bar::-webkit-slider-runnable-track {

  width: 100%;

  height: 5px;

  cursor: pointer;

  border-radius: 20px;

  background: rgba(0, 0, 0, 0.1);

}

#audio_player .seekslider #progress-bar::-webkit-slider-thumb {

  position: relative;

  -webkit-appearance: none;

  box-sizing: content-box;

  border: none;

  height: 15px;

  width: 15px;

  border-radius: 50%;

  background: linear-gradient(45deg, #006494 0%, #009cf9 100%);

  box-shadow: 0 4px 10px 2px rgba(0, 0, 0, 0.2);

  cursor: pointer;

  margin: -5px 0 0 0;

}

#audio_player .seekslider #progress-bar::-moz-range-track {

  width: 100%;

  height: 5px;

  cursor: pointer;

  border-radius: 20px;

  background: rgba(0, 0, 0, 0.1);

}

#audio_player .seekslider #progress-bar::-moz-range-progress {

  background: linear-gradient(45deg, #006494 0%, #009cf9 100%);

}

#audio_player .seekslider #progress-bar::-moz-focus-outer {

  border: 0;

}

#audio_player .seekslider #progress-bar::-moz-range-thumb {

  box-sizing: content-box;

  border: none;

  height: 15px;

  width: 15px;

  border-radius: 50%;

  background: linear-gradient(45deg, #006494 0%, #009cf9 100%);

  box-shadow: 0 5px 10px 1px rgba(0, 0, 0, 0.2);

  cursor: pointer;

}

#audio_player .seekslider #progress-bar:active::-webkit-slider-thumb {

  transform: scale(1.2);

  background: #006494;

}

#audio_player .seekslider #progress-bar:active::-moz-range-thumb {

  transform: scale(1.2);

  background: #006494;

}

#audio_player .seekslider #progress-bar:active::-ms-thumb {

  transform: scale(1.2);

  background: #006494;

}

#audio_player .seekslider .duration-status {

  display: flex;

  align-items: center;

  justify-content: space-between;

  font-size: 13px;

  font-weight: 400;

  color: #4e6274;

}

#audio_player .button-player-group {

  display: flex;

  align-items: center;

  justify-content: center;

  margin-top: 0.5rem;

}

#audio_player .button-player-group #previous-song,

#audio_player .button-player-group #next-song {

  width: 40px;

  height: 40px;

  background-color: rgba(0, 156, 249, 0.1);

  color: #009cf9;

  border: none;

  border-radius: 50%;

  transition: all 0.2s ease-in-out;

}

#audio_player .button-player-group #previous-song .mdi,

#audio_player .button-player-group #next-song .mdi {

  font-size: 24px;

  position: relative;

  top: 1px;

}

#audio_player .button-player-group #previous-song:hover,

#audio_player .button-player-group #next-song:hover {

  background-color: #009cf9;

  color: white;

}

#audio_player .button-player-group #play-pause {

  width: 55px;

  height: 55px;

  margin: 0 10px;

  border-radius: 50%;

  background: linear-gradient(45deg, #006494 0%, #009cf9 100%);

  color: white;

  border: none;

  transition: all 0.2s ease-in-out;

  position: relative;

}

#audio_player .button-player-group #play-pause:hover {

  background-color: #009cf9;

  color: white;

  transform: translateY(-2px);

}

#audio_player .button-player-group #play-pause::before {

  content: "\f040a";

  font-family: "Material Design Icons";

  position: absolute;

  top: 50%;

  right: 50%;

  transform: translate(50%, -50%);

  font-size: 34px;

}

#audio_player .button-player-group #play-pause.isPlaying::before {

  content: "\f03e4";

}

#audio_player .download-podcast {

  display: flex;

  align-items: center;

  justify-content: space-between;

  margin-top: 1rem;

}

#audio_player .download-podcast .btn-download,

#audio_player .download-podcast .podcast-page {

  font-size: 12px;

  font-weight: 600;

  color: #006494;

  background-color: rgba(0, 100, 148, 0.1);

  padding: 3px 10px;

  border-radius: 20px;

  transition: all 0.3s ease-in-out;

}

#audio_player .download-podcast .btn-download:hover,

#audio_player .download-podcast .podcast-page:hover {

  background-color: rgba(0, 100, 148, 0.3);

  color: #006494;

  transition: all 0.3s ease-in-out;

}

#audio_player .download-podcast .btn-download .mdi,

#audio_player .download-podcast .podcast-page .mdi {

  position: relative;

  top: 2px;

  font-size: 16px;

}

#audio_player .download-podcast .btn-download .mdi {

  margin-left: 5px;

}

#audio_player .download-podcast .podcast-page .mdi {

  margin-right: 5px;

}



.podcast-player {

  position: relative;

  overflow: hidden;

  border-radius: 15px;

  box-shadow: 0 5px 25px rgba(20, 22, 25, 0.1);

}



.see-more {

  text-align: center;

  padding: 30px 0 20px 0;

}



.podcast-page-content {

  margin-top: 20px;

}

.podcast-page-content .grid-layout {

  display: grid;

  grid-template-columns: 25% 25% 25% 25%;

  align-items: center;

}

.podcast-page-content .grid-layout .grid-item {

  padding: 10px;

}

.podcast-page-content .grid-layout .grid-item .card-podcast-glass {

  margin-bottom: 0;

}



@media (max-width: 1199px) {

  #podcast-section .section-inner {

    padding: 0;

  }

}

@media (max-width: 992px) {

  #podcast-section {

    padding-top: 50px;

  }

  .podcast-page-content .grid-layout {

    grid-template-columns: 50% 50%;

  }

}

@media (max-width: 768px) {

  #podcast-section {

    padding-top: 40px;

  }

  #podcast-section .section-inner .podcast-row {

    grid-template-columns: 100%;

  }

  #podcast-section .section-inner .podcast-row .list-section,

#podcast-section .section-inner .podcast-row .player-section {

    padding: 0;

  }

  #podcast-section .section-inner .podcast-row .list-section {

    margin-bottom: 20px;

  }

}

@media (max-width: 575px) {

  .podcast-player .player .details {

    grid-template-columns: 100%;

  }

  .podcast-player .player .details .cover {

    margin: 0 auto 1rem auto;

    width: 100px;

    height: 100px;

  }

  .podcast-player .player .details .info {

    text-align: center;

  }

  .podcast-player .download-podcast {

    position: relative;

    bottom: unset;

    right: unset;

    margin: 0 auto;

  }

}

@media (max-width: 500px) {

  #podcast-section .section-inner {

    border-radius: 20px 20px 0 0;

  }

  #podcast-section .playList {

    padding: 10px;

    border-radius: 15px;

  }

  #podcast-section .playList .list-inner .title {

    text-align: center;

    padding-top: 20px;

  }

  #podcast-section .player-content {

    height: unset;

  }

  #podcast-section .player-content .player .details {

    grid-template-columns: 100%;

  }

  #podcast-section .player-content .player .details .cover {

    margin: 0 auto;

  }

  #podcast-section .player-content .player .details .info {

    margin-top: 20px;

    text-align: center;

  }

  #podcast-section .player-content .player .players-buttons {

    padding-bottom: 50px;

  }

  .podcast-page-content .grid-layout {

    grid-template-columns: 100%;

  }

}

@media (max-width: 400px) {

  #audio_player .download-podcast {

    flex-direction: column;

    margin-top: 2rem;

  }

  #audio_player .download-podcast .podcast-page {

    margin-bottom: 10px;

  }

  #audio_player .download-podcast .podcast-page,

#audio_player .download-podcast .btn-download {

    width: 100%;

    text-align: center;

  }

}

/*#endregion -------------- Podcast */

/*#region ----------------- Blog Details */

.blog-details-section {

  padding-top: 180px;

  margin-bottom: 100px;

  position: relative;

}

.blog-details-section::before {

  content: "";

  position: absolute;

  right: 0;

  top: 0;

  width: 100%;

  height: 320px;

  background-image: url(../images/bg/shiny-overlay.jpg);

  background-repeat: no-repeat;

  background-size: cover;

  background-position: top right;

  z-index: -1;

  opacity: 0.7;

}

.blog-details-section .section-inner {

  display: grid;

  grid-template-columns: 72% 28%;

}

.blog-details-section .grid-main {

  padding-left: 30px;

}

.blog-details-section .grid-main .blog-details {

  background-color: white;

  box-shadow: 0 5px 25px rgba(20, 22, 25, 0.1);

  border-radius: 12px;

  padding: 0 2rem 2rem 2rem;

}

.blog-details-section .grid-side .grid-inner {

  background-color: white;

  box-shadow: 0 5px 25px rgba(20, 22, 25, 0.1);

  border-radius: 12px;

  padding: 0 1rem;

  position: -webkit-sticky;

  position: sticky;

  top: 140px;

}

.blog-details-section .category {

  padding: 1rem 0;

  border-bottom: 1px solid rgba(10, 12, 15, 0.2);

}

.blog-details-section .category .title {

  font-size: 17px;

  position: relative;

  margin-bottom: 1rem;

}

.blog-details-section .category ul li a {

  display: block;

  font-size: 14px;

  font-weight: 300;

  color: #3a4856;

  padding: 5px 0 5px 10px;

}

.blog-details-section .category ul li .mdi {

  position: relative;

  top: 3px;

  color: #4e6274;

  font-size: 16px;

}

.blog-details-section .category ul li span {

  margin-right: 5px;

  font-size: 12px;

  color: #4e6274;

}

.blog-details-section .category ul li:hover a,

.blog-details-section .category ul li:hover span,

.blog-details-section .category ul li:hover .mdi {

  color: #006494;

}

.blog-details-section .last-articles {

  padding: 0 0 1rem 0;

  box-shadow: none;

  background-color: transparent;

  margin-top: 1.5rem;

}



.blog-details {

  background-color: white;

  box-shadow: 0 5px 25px rgba(20, 22, 25, 0.1);

  border-radius: 12px;

}

.blog-details .information {

  display: flex;

  align-items: center;

  justify-content: flex-start;

  padding: 2rem 0;

}

.blog-details .information .item {

  color: #4e6274;

  margin-left: 30px;

  font-size: 14px;

}

.blog-details .information .item:last-child {

  margin-left: 0;

}

.blog-details .information .item a {

  font-size: 14px;

  color: #006494;

  -webkit-text-decoration: underline 1px dashed #006494 !important;

          text-decoration: underline 1px dashed #006494 !important;

}

.blog-details .information .item .mdi {

  margin-left: 5px;

  position: relative;

  top: 3px;

  color: #627c92;

  font-size: 16px;

}

.blog-details .blog-title {

  margin-bottom: 1.5rem;

}

.blog-details .blog-title h2 {

  font-size: 18px;

  font-weight: 600;

  color: #3a4856;

  line-height: 1.8;

  text-align: justify;

}

.blog-details .blog-image .img-container {

  width: 100%;

  height: 400px;

  overflow: hidden;

  border-radius: 10px;

  position: relative;

  margin: 0;

}

.blog-details .blog-image .img-container .img-inner {

  position: absolute;

  top: 0;

  right: 0;

  width: 100%;

  height: 100%;

}

.blog-details .blog-image .img-container img {

  width: 100%;

  height: 100%;

  -o-object-fit: cover;

     object-fit: cover;

  border-radius: 10px;

  transition: all 0.3s ease-in;

}

.blog-details .swiper-gallery {

  width: 100% !important;

  border-radius: 12px;

}

.blog-details .swiper-gallery .img-inner {

  width: unset;

  margin: unset;

}

.blog-details .swiper-gallery .img-inner img {

  width: 100%;

  border-radius: 12px;

}

.blog-details .blog-video video,

.blog-details .blog-video iframe {

  width: 100%;

  border-radius: 12px;

  display: inline-block;

}

.blog-details .description {

  margin: 2rem 0;

}

.blog-details .description p {

  font-size: 16px;

  color: #4e6274;

  text-align: justify;

}

.blog-details .blog-tags {

  padding: 1.2rem 0 2.5rem 0;

  background-color: #f1faff;

  border-radius: 8px;

  padding: 1rem;

}

.blog-details .blog-tags h5 {

  font-size: 16px;

  color: #3a4856;

  margin-bottom: 1rem;

}

.blog-details .blog-tags ul {

  display: flex;

  align-items: center;

  justify-content: flex-start;

  flex-wrap: wrap;

}

.blog-details .blog-tags ul li {

  font-size: 14px;

  font-weight: 300;

  color: #4e6274;

  border: 1px solid rgba(10, 12, 15, 0.2);

  padding: 5px 10px;

  border-radius: 8px;

  margin: 5px;

  background-color: white;

  cursor: default;

}

.blog-details .blog-tags ul li:hover {

  border-color: #006494;

  color: #006494;

}

.blog-details .share-link {

  display: flex;

  align-items: center;

  justify-content: center;

  flex-wrap: wrap;

  margin: 2rem 0;

}

.blog-details .share-link ul {

  display: flex;

  align-items: center;

  justify-content: center;

  flex-wrap: wrap;

}

.blog-details .share-link ul li a {

  display: flex;

  align-items: center;

  justify-content: center;

  padding: 5px;

  font-size: 22px;

  border: 1px solid rgba(10, 12, 15, 0.2);

  width: 40px;

  height: 40px;

  margin: 2px;

  border-radius: 8px;

  color: #006494;

}

.blog-details .share-link ul li .mdi {

  line-height: 1;

  display: inline-block;

  position: relative;

  top: 2px;

}

.blog-details .share-link ul li:hover a {

  border-color: #006494;

}

.blog-details .share-link h6 {

  font-size: 14px;

  margin-left: 10px;

  margin-bottom: 0;

}



@media (max-width: 1400px) {

  .blog-details .blog-image .img-container {

    height: 400px;

  }

}

@media (max-width: 1199px) {

  .blog-details-section {

    padding-top: 150px;

  }

  .blog-details-section .section-inner {

    grid-template-columns: 100%;

  }

  .blog-details-section .grid-main {

    padding-left: 0;

    margin-bottom: 2rem;

  }

}

@media (max-width: 992px) {

  .blog-details-section {

    padding-top: 120px;

  }

  .blog-details .blog-title h2 {

    font-size: 17px;

  }

}

@media (max-width: 768px) {

  .blog-details-section .blog-image .img-container {

    height: 300px;

  }

  .blog-details-section .description p {

    font-size: 15px;

  }

}

@media (max-width: 575px) {

  .blog-details {

    padding: 1rem !important;

  }

  .blog-details .blog-title h2 {

    font-size: 15px;

  }

  .blog-details .blog-image .img-container {

    height: 220px;

  }

  .blog-details .description p {

    font-size: 14px;

  }

  .blog-details .blog-tags ul li {

    font-size: 12px;

  }

  .blog-details .share-link {

    flex-direction: column;

  }

  .blog-details .share-link h6 {

    margin-bottom: 10px;

    margin-left: 0;

    font-size: 13px;

  }

}

/*#endregion -------------- Blog Details */

/*#region ----------------- Contact Us */

.contact-us-section {

  display: grid;

  grid-template-columns: 50% 50%;

  margin-top: 1rem;

}

.contact-us-section .grid-contact {

  padding: 0 0 0 10px;

}

.contact-us-section .grid-form {

  padding: 0 10px 0 0;

}

.contact-us-section .contant-inner {

  background-color: white;

  box-shadow: 0 5px 25px rgba(20, 22, 25, 0.1);

  border-radius: 15px;

  padding: 30px;

  height: 100%;

}

.contact-us-section .contant-inner h6 {

  font-size: 16px;

  color: #3a4856;

  line-height: 27px;

}

.contact-us-section .contant-inner p {

  font-size: 14px;

  text-align: justify;

  color: #3a4856;

}

.contact-us-section .contact-list {

  margin: 40px 0 0 0;

  text-align: right;

}

.contact-us-section .contact-list li {

  margin: 15px 0;

  font-size: 16px;

  font-weight: 500;

  padding: 20px 15px;

  border-radius: 10px;

  position: relative;

  overflow: hidden;

  color: #3a4856;

  background: linear-gradient(90deg, #f1faff 0%, white 100%);

}

.contact-us-section .contact-list li a {

  color: #3a4856;

  -webkit-text-decoration: underline dashed 1px #009cf9 !important;

          text-decoration: underline dashed 1px #009cf9 !important;

}

.contact-us-section .contact-list li svg {

  position: absolute;

  left: 0;

  bottom: -10px;

  width: 48px;

  font-size: 48px;

  fill: #006494;

  transform: rotate(15deg);

}

.contact-us-section .contact-list li .mdi {

  position: absolute;

  left: -3px;

  bottom: -25px;

  font-size: 48px;

  color: #006494;

  transform: rotate(15deg);

  list-style: 0 !important;

  display: inline-block !important;

}

.contact-us-section .buttons-group {

  text-align: center;

  margin-top: 2rem;

}



@media (max-width: 992px) {

  .contact-us-section {

    grid-template-columns: 100%;

  }

  .contact-us-section .grid-contact {

    padding: 0 0 10px 0;

  }

  .contact-us-section .grid-form {

    padding: 10px 0 0 0;

  }

}

@media (max-width: 575px) {

  .contact-us-section .buttons-group .btn {

    width: 100%;

  }

}

/*#endregion -------------- Contact Us */

/*#region ----------------- Ebook Details */

.ebook-details-section {

  padding-top: 180px;

  margin-bottom: 100px;

  position: relative;

}

.ebook-details-section::before {

  content: "";

  position: absolute;

  right: 0;

  top: 0;

  width: 100%;

  height: 320px;

  background-image: url(../images/bg/shiny-overlay.jpg);

  background-repeat: no-repeat;

  background-size: cover;

  background-position: top right;

  z-index: -1;

  opacity: 0.7;

}

.ebook-details-section .section-inner {

  background-color: white;

  box-shadow: 0 5px 25px rgba(20, 22, 25, 0.1);

  border-radius: 12px;

  padding: 2rem;

}

.ebook-details-section .ebook-details {

  margin-bottom: 3rem;

}

.ebook-details-section .ebook-details .ebook-inner {

  display: grid;

  grid-template-columns: auto 260px;

}

.ebook-details-section .ebook-details .ebook-inner .details {

  display: grid;

  grid-template-columns: 240px auto;

  height: 100%;

}

.ebook-details-section .ebook-details .ebook-inner .details .ebook-cover {

  width: 220px;

  position: relative;

}

.ebook-details-section .ebook-details .ebook-inner .details .ebook-cover img {

  width: 100%;

  border-radius: 5px;

}

.ebook-details-section .ebook-details .ebook-inner .details .ebook-cover .normal-cover {

  position: relative;

  z-index: 10;

}

.ebook-details-section .ebook-details .ebook-inner .details .ebook-cover .blur-cover {

  filter: blur(20px);

  position: absolute;

  top: 15px;

  right: 0;

  width: 100%;

  height: 100%;

  z-index: 1;

}

.ebook-details-section .ebook-details .ebook-inner .details .details-inner {

  height: 100%;

}

.ebook-details-section .ebook-details .ebook-inner .details .details-inner .name {

  font-size: 18px;

  font-weight: 600;

  color: #3a4856;

  margin-bottom: 1.5rem;

  line-height: 30px;

  min-height: 60px;

  display: -webkit-box;

  -webkit-line-clamp: 2;

  -webkit-box-orient: vertical;

  overflow: hidden;

}

.ebook-details-section .ebook-details .ebook-inner .details .details-inner .ebook-list-property li {

  font-size: 14px;

  font-weight: 400;

  color: #4e6274;

  margin-bottom: 15px;

  position: relative;

  padding-right: 30px;

}

.ebook-details-section .ebook-details .ebook-inner .details .details-inner .ebook-list-property li .mdi {

  margin-left: 10px;

  font-size: 18px;

  position: absolute;

  top: 0;

  right: 0;

  line-height: 18px;

}

.ebook-details-section .ebook-details .ebook-inner .details .details-inner .ebook-list-property li:last-child {

  margin-bottom: 0;

}

.ebook-details-section .ebook-details .ebook-inner .ebook-download {

  border: 1px solid rgba(10, 12, 15, 0.2);

  border-radius: 15px;

}

.ebook-details-section .ebook-details .ebook-inner .ebook-download .download-inner {

  display: flex;

  align-items: center;

  justify-content: space-between;

  flex-direction: column;

  height: 100%;

}

.ebook-details-section .ebook-details .ebook-inner .ebook-download .price-content {

  display: flex;

  align-items: center;

  justify-content: center;

  margin: 2rem 0 1.5rem 0;

  position: relative;

  min-height: 48px;

  width: 100%;

}

.ebook-details-section .ebook-details .ebook-inner .ebook-download .price-content .price {

  display: flex;

  align-items: flex-start;

  flex-direction: column;

  margin-left: 15px;

}

.ebook-details-section .ebook-details .ebook-inner .ebook-download .price-content .price .real {

  font-size: 20px;

  font-weight: 800;

  color: #3a4856;

}

.ebook-details-section .ebook-details .ebook-inner .ebook-download .price-content .price .off {

  font-size: 20px;

  font-weight: 800;

  color: #3a4856;

}

.ebook-details-section .ebook-details .ebook-inner .ebook-download .price-content .text {

  position: relative;

  top: -3px;

}

.ebook-details-section .ebook-details .ebook-inner .ebook-download .price-content .text .toman {

  font-size: 14px;

  font-weight: 600;

  color: #4e6274;

  position: relative;

}

.ebook-details-section .ebook-details .ebook-inner .ebook-download .price-content .text .precentage {

  background-color: red;

  position: relative;

  padding: 4px 7px 2px 7px;

  border-radius: 20px;

  font-size: 14px;

  font-weight: 600;

  color: white;

}

.ebook-details-section .ebook-details .ebook-inner .ebook-download .price-content.off-code .price .real {

  text-decoration: line-through;

  text-decoration-thickness: 1px;

  color: #627c92;

  font-size: 15px;

  font-weight: 600;

}

.ebook-details-section .ebook-details .ebook-inner .ebook-download .info-group {

  padding: 15px;

  width: 100%;

  text-align: center;

}

.ebook-details-section .ebook-details .ebook-inner .ebook-download .info-group .btn {

  width: 100%;

}

.ebook-details-section .ebook-details .ebook-inner .ebook-download .info-group ul {

  display: flex;

  align-items: center;

  justify-content: space-between;

  margin-top: 1rem;

}

.ebook-details-section .ebook-details .ebook-inner .ebook-download .info-group ul li {

  font-size: 12px;

  font-weight: 500;

  color: #627c92;

}

.ebook-details-section .ebook-details .ebook-inner .ebook-download .info-group ul li .mdi {

  font-size: 16px;

  margin-left: 3px;

  position: relative;

  top: 2px;

}

.ebook-details-section .ebook-description p {

  font-size: 15px;

  font-weight: 400;

  color: #4e6274;

  text-align: justify;

  line-height: 28px;

}

.ebook-details-section .blog-tags {

  margin-top: 2rem;

  background-color: #f1faff;

  border-radius: 8px;

  padding: 1rem;

}

.ebook-details-section .blog-tags h5 {

  font-size: 16px;

  color: #3a4856;

  margin-bottom: 1rem;

}

.ebook-details-section .blog-tags ul {

  display: flex;

  align-items: center;

  justify-content: flex-start;

  flex-wrap: wrap;

}

.ebook-details-section .blog-tags ul li {

  font-size: 14px;

  font-weight: 300;

  color: #4e6274;

  border: 1px solid rgba(10, 12, 15, 0.2);

  padding: 5px 10px;

  border-radius: 8px;

  margin: 5px;

  background-color: white;

  cursor: default;

}

.ebook-details-section .blog-tags ul li:hover {

  border-color: #006494;

  color: #006494;

}

.ebook-details-section .share-blogs {

  display: flex;

  align-items: center;

  justify-content: space-between;

  margin-top: 40px;

}

.ebook-details-section .share-blogs .list-share {

  display: flex;

  align-items: center;

  justify-content: flex-start;

  flex-wrap: wrap;

}

.ebook-details-section .share-blogs .list-share li {

  margin: 0 0 10px 10px;

}

.ebook-details-section .share-blogs .list-share li a {

  display: flex;

  align-items: center;

  justify-content: center;

  width: 40px;

  height: 40px;

  border: 1px solid rgba(10, 12, 15, 0.2);

  border-radius: 5px;

  background-color: white;

  font-size: 24px;

  color: #4e6274;

}

.ebook-details-section .share-blogs .list-share li a:hover {

  color: #006494;

  border-color: #006494;

}

.ebook-details-section .share-blogs .list-share li a .mdi {

  position: relative;

  top: 2px;

}

.ebook-details-section .share-blogs .link-preview {

  display: grid;

  grid-template-columns: auto 30px;

  align-items: center;

  border: 1px solid rgba(10, 12, 15, 0.2);

  padding: 5px 10px 5px 5px;

  border-radius: 5px;

}

.ebook-details-section .share-blogs .link-preview .link {

  padding-left: 10px;

  font-size: 14px;

  font-weight: 400;

}

.ebook-details-section .share-blogs .link-preview .icon {

  width: 30px;

  height: 30px;

  display: flex;

  align-items: center;

  justify-content: center;

}

.ebook-details-section .share-blogs .link-preview .icon .btn-copy {

  background-color: #fff;

  border: none;

  border-radius: 5px;

  padding: 0;

  width: 30px;

  height: 30px;

  color: #006494;

  font-size: 20px;

}

.ebook-details-section .share-blogs .link-preview .icon .btn-copy:hover {

  background-color: #006494;

  color: white;

}



@media (max-width: 992px) {

  .ebook-details-section .ebook-details .ebook-inner {

    grid-template-columns: 100%;

  }

  .ebook-details-section .ebook-details .ebook-inner .details {

    margin-bottom: 2rem;

  }

  .ebook-details-section .ebook-details .ebook-inner .ebook-download .download-inner {

    flex-direction: row;

  }

}

@media (max-width: 768px) {

  .ebook-details-section .ebook-details .ebook-inner .details {

    grid-template-columns: 190px auto;

  }

  .ebook-details-section .ebook-details .ebook-inner .details .ebook-cover {

    width: 170px;

  }

  .ebook-details-section .ebook-details .ebook-inner .details .details-inner .name {

    -webkit-line-clamp: 1;

    min-height: unset;

    font-size: 16px;

  }

  .ebook-details-section .ebook-details .ebook-inner .details .details-inner .ebook-list-property li {

    font-size: 12px;

  }

  .ebook-details-section .ebook-details .ebook-inner .details .details-inner .ebook-list-property li .mdi {

    font-size: 16px;

  }

  .ebook-details-section .ebook-description p {

    font-size: 14px;

    line-height: 25px;

  }

  .ebook-details-section .share-blogs {

    flex-direction: column;

  }

  .ebook-details-section .share-blogs .list-share {

    justify-content: center;

  }

}

@media (max-width: 575px) {

  .ebook-details-section .section-inner {

    padding: 2rem 1rem;

  }

  .ebook-details-section .ebook-details .ebook-inner .ebook-download .download-inner {

    flex-direction: column;

  }

  .ebook-details-section .ebook-description p {

    font-size: 13px;

    line-height: 22px;

  }

  .ebook-details-section .blog-tags {

    padding: 1rem;

    background-color: #f1faff;

    border-radius: 8px;

  }

  .ebook-details-section .blog-tags h5 {

    font-size: 16px;

    color: #3a4856;

    margin-bottom: 1rem;

  }

  .ebook-details-section .blog-tags ul {

    display: flex;

    align-items: center;

    justify-content: flex-start;

    flex-wrap: wrap;

  }

  .ebook-details-section .blog-tags ul li {

    font-size: 14px;

    font-weight: 300;

    color: #4e6274;

    border: 1px solid rgba(10, 12, 15, 0.2);

    padding: 5px 10px;

    border-radius: 8px;

    margin: 5px;

    background-color: white;

    cursor: default;

  }

  .ebook-details-section .blog-tags ul li:hover {

    border-color: #006494;

    color: #006494;

  }

}

@media (max-width: 500px) {

  .ebook-details-section .ebook-details .ebook-inner .details {

    grid-template-columns: 100%;

  }

  .ebook-details-section .ebook-details .ebook-inner .details .ebook-cover {

    width: 150px;

    margin: 0 auto;

  }

  .ebook-details-section .ebook-details .ebook-inner .details .details-inner .name {

    font-size: 14px;

  }

}

/*#endregion -------------- Ebook Details */

/*#region ----------------- X - Catch Error */

.bred {

  border: 1px dashed red;

}



.bgreen {

  border: 1px dashed green;

}



.bblue {

  border: 1px dashed blue;

}



/*#endregion -------------- X - Catch Error */