body {
 font-size: 18px;
 direction: rtl;
 text-align: right;
 color: #10619f
}

@media(min-width: 1280px) {
 .container {
  max-width: 85%
 }
}

.section {
 padding: 60px 0
}

.table {
 width: 100%
}

.table th,
.table td {
 padding: 10px
}

.title {
 font-weight: bold;
 font-size: 30px
}

@media(min-width: 992px) {
 .mob-visible {
  display: none !important
 }
}

@media(max-width: 992px) {
 .mob-hidden {
  display: none !important
 }

 .title {
  font-size: 22px
 }
}

img {
 display: block;
 width: 100%;
 height: auto
}

a {
 text-decoration: none
}

.btn {
 display: inline-flex;
 padding: 10px 30px;
 background: #7dab2f;
 border: none;
 text-decoration: none;
 color: #fff;
 text-align: center;
 justify-content: center;
 border-radius: 0
}

.btn:hover {
 background: #91c736;
 color: #fff
}

.btn.btn-lg {
 padding: 15px 40px
}

@media(max-width: 992px) {
 .section {
  padding: 30px 0
 }
}

@media(max-width: 414px) {

 .section.s-article ul,
 .section.s-article ol {
  padding-right: 30px
 }
}

.header {
 position: fixed;
 top: 0;
 right: 0;
 left: 0;
 z-index: 1020
}

.header,
.header a {
 color: #fff
}

.header-top {
 display: flex;
 justify-content: space-between;
 flex-wrap: wrap;
 border-bottom: 1px solid #fff;
 box-shadow: 0 1px 2px rgba(0, 0, 0, .33);
 background-color: #103958
}

.header-links {
 display: flex;
 flex-wrap: wrap
}

.header-links a {
 display: flex;
 align-items: center;
 padding: 8px 15px;
 border-right: 1px solid #ccc;
 box-shadow: inset 0 50px 25px -25px #216ca6;
 background-color: #174b73;
 transition: background-color .3s ease, box-shadow .3s ease;
 font-size: 14px;
 line-height: 1
}

.header-links a:hover {
 background-color: #0d2c44
}

.header-links a i {
 flex-shrink: 0;
 margin-left: 10px;
 font-size: 20px
}

.header-links a.green {
 box-shadow: inset 0 50px 25px -15px #93c738;
 background-color: #658726
}

.header-links a.green:hover {
 border-bottom: none;
 box-shadow: none;
 background-color: #74d12d
}

.header-center {
 padding: 5px;
 flex-shrink: 0;
 display: flex;
 align-items: center;
 justify-content: center;
 gap: 15px
}

.header-center a img {
 width: 50px;
 height: auto;
 border: 1px solid #fff
}

.header-bottom {
 padding: 0 15px;
 display: flex;
 align-items: center;
 flex-wrap: wrap;
 background: #103958
}

.logo img {
 height: 30px
}

.logo-drop {
 position: relative;
 margin: 0 20px 0 40px
}

.logo-drop>div:nth-of-type(1) {
 display: flex;
 flex-direction: column;
 align-items: flex-end;
 gap: 5px
}

.logo-drop>div:nth-of-type(1) img {
 width: 20px;
 height: auto
}

.logo-drop>div:nth-of-type(1) span {
 display: flex;
 align-items: center;
 padding: 5px;
 background: #7dab2f;
 border-radius: 3px;
 line-height: 1;
 cursor: pointer
}

.logo-drop>div:nth-of-type(1) span i {
 margin-right: 5px;
 margin-top: 3px;
 font-size: 10px
}

.logo-drop>div:nth-of-type(2) {
 position: absolute;
 right: 0;
 width: 300px;
 padding: 15px;
 border-radius: 10px;
 border: 1px solid #999;
 background: #184f78;
 z-index: 100
}

.header-mobile {
 display: flex;
 align-items: center;
 justify-content: space-between;
 height: 60px;
 padding: 0 15px;
 position: fixed;
 top: 0;
 right: 0;
 left: 0;
 z-index: 1040;
 background: #eee
}

.header-mobile-right {
 display: flex;
 align-items: center
}

.header-mobile-right .logo img {
 height: 20px
}

@media(max-width: 992px) {
 .header {
  position: relative
 }
}

@media(max-width: 768px) {
 .header-top {
  flex-direction: column;
  align-items: center;
  gap: 15px 0;
  padding: 15px
 }
}

@media(max-width: 516px) {
 .header-links {
  justify-content: center;
  gap: 15px 0
 }

 .header-center a img {
  width: 30px;
  height: auto;
  border: 1px solid #fff
 }
}

@media(max-width: 414px) {
 .header-center a img {
  width: 25px
 }
}

.menu,
.sub-menu {
 margin: 0;
 padding: 0;
 list-style: none
}

.menu-item {
 position: relative;
 margin: 0
}

.header-menu {
 display: flex;
 flex-wrap: wrap;
 gap: 20px;
 margin: 0 auto 0 0
}

.header-menu>.menu-item {
 margin: 0
}

.header-menu>.menu-item>a {
 display: flex;
 align-items: center;
 padding: 20px 0;
 color: #fff
}

.header-menu>.menu-item>a i {
 margin-left: 10px;
 font-size: 10px
}

.header-menu>.menu-item>a,
.header-menu>.menu-item>a i {
 transition: .3s
}

.header-menu>.menu-item:hover>a,
.header-menu>.menu-item.current-menu-item>a {
 color: #66c4ff
}

.header-menu>.menu-item:hover>a i {
 transform: rotate(180deg)
}

.header-menu .sub-menu {
 display: flex;
 flex-wrap: wrap;
 position: absolute;
 top: 63px;
 left: 0;
 padding: 0;
 visibility: hidden;
 opacity: 0;
 background: #fff;
 border-top: 3px solid #66c4ff;
 z-index: -1;
 transition: .3s
}

.header-menu .menu-item.menu-item-has-children:hover>.sub-menu {
 visibility: visible;
 opacity: 1;
 z-index: 10
}

.header-menu .sub-menu .menu-item a {
 display: block;
 padding: 10px 5px;
 color: #000;
 border-bottom: 1px solid #ddd
}

.header-menu .sub-menu .menu-item:hover a {
 color: #66c4ff
}

.header-menu .sub-menu .menu-item {
 padding: 0 5px
}

.owl-stage {
 display: flex
}

.owl-item .item {
 height: 100%;
 display: flex;
 align-items: center;
 justify-content: center
}

.owl-dots {
 display: flex;
 justify-content: center;
 align-items: center;
 gap: 10px
}

.owl-dots button.owl-dot span {
 display: block;
 width: 10px;
 height: 10px;
 background: #999;
 border-radius: 100%
}

.owl-dots button.owl-dot.active span {
 background: #000;
}

.slider-container {
 max-width: 1200px;
 margin: auto
}

.slider-container-title {
 margin-bottom: 80px;
 font-size: 30px;
 font-weight: bold;
 text-align: center
}

.owl-carousel.carousel+div {
 margin-top: 30px
}

.owl-carousel.carousel .slider-item {
 height: 100%;
 display: flex;
 flex-direction: column;
 justify-content: space-between
}

.owl-carousel.carousel .slider-item-img {
 position: relative;
 padding: 0 30px
}

.owl-carousel.carousel .slider-item-img>div {
 position: absolute;
 right: 50px;
 left: 50px
}

.owl-carousel.carousel .slider-item-img>div p {
 margin: 0;
 display: flex;
 justify-content: space-between
}

.owl-carousel.carousel-1 .slider-item-txt {
 height: 50px
}

.slider-item-txt a {
 text-decoration: underline;
 font-weight: bold;
 color: green
}

.owl-carousel.carousel-1 .slider-item-img-txt-1 {
 top: 50%
}

.owl-carousel.carousel-1 .slider-item-img-txt-2 {
 top: 30%
}

.owl-carousel.carousel-1 .slider-item-img-txt-3 {
 top: 5%
}

.owl-carousel.carousel-1 .slider-item-img-txt-4 {
 top: 2%
}

.owl-carousel.carousel-1 .slider-item-img-txt-5 {
 top: 80%
}

.owl-carousel.carousel-1 .slider-item-img-txt-6 {
 top: 80%
}

.owl-carousel.carousel-2 .slider-item-txt {
 height: 80px
}

.owl-carousel.carousel-2 .slider-item-img-txt-1 {
 top: 60%
}

.owl-carousel.carousel-2 .slider-item-img-txt-2 {
 top: 40%
}

.owl-carousel.carousel-2 .slider-item-img-txt-3 {
 top: 5%
}

.owl-carousel.carousel-2 .slider-item-img-txt-4 {
 top: 5%
}

.owl-carousel.carousel-2 .slider-item-img-txt-5 {
 top: 10%
}

.owl-carousel.carousel-2 .slider-item-img-txt-6 {
 top: 10%
}

.owl-carousel.carousel-2 .slider-item-img-txt-7 {
 top: 40%
}

.owl-carousel.carousel-2 .slider-item-img-txt-8 {
 top: 40%
}

.owl-carousel.carousel-2 .slider-item-img-txt-9 {
 top: 10%
}

.owl-carousel.carousel-2 .slider-item-img-txt-10 {
 top: 5%
}

.owl-carousel.carousel-2 .slider-item-img-txt-11 {
 top: 35%
}

.owl-carousel.carousel-2 .slider-item-img-txt-12 {
 top: 15%
}

@media(max-width: 992px) {
 .slider-container {
  padding: 0 60px
 }
}

@media(max-width: 414px) {
 .slider-container {
  padding: 0 20px
 }
}

.site-main {
 padding: 60px 0
}

.site-main .site-main-content img {
 margin: 40px 0;
 width: auto;
 height: auto
}

.site-main .page-title {
 font-size: 40px;
 margin-bottom: 40px;
 font-weight: bold
}

.site-main .site-main-content table {
 margin: 40px 0;
 width: auto
}

.site-main .site-main-content table td {
 padding: 10px;
 border: 1px solid #ddd
}

.site-main .site-main-content ul,
.site-main .site-main-content ol {
 display: flex;
 flex-direction: column;
 gap: 15px 0;
 font-weight: bold;
 margin: 30px 0
}

.site-main .site-main-content br {
 display: none
}

@media(max-width: 1199px) {
 .site-main img {
  width: 40%;
  display: block;
  margin: auto
 }
}

@media(max-width: 414px) {
 .site-main .page-title {
  font-size: 30px;
  margin-bottom: 30px;
  line-height: 1.1
 }

 .site-main .site-main-content img {
  width: 90%;
  display: block;
  margin: auto
 }

}

@media(max-width: 600px) {
 .owl-carousel.carousel .slider-item-img {
  position: relative;
  padding: 0 15px;
 }

}

.footer {
 padding: 40px 0;
 background: #103958;
 color: #fff
}

.menu.footer-menu a {
 color: #d3e0f0
}

.menu.footer-menu a:hover {
 color: #fff
}

.footer-accordion {
 margin-bottom: 40px
}

.footer-accordion a {
 color: #7fad31
}

.footer-accordion-header {
 padding: 15px;
 display: flex;
 align-items: center;
 justify-content: space-between;
 cursor: pointer;
 border: 10px solid #0c314d;
 background: #24507d
}

.table.footer-accordion-table {
 color: #fff;
 background: #103958
}

.table.footer-accordion-table th,
.table.footer-accordion-table td {
 color: #fff;
 background: #103958;
 font-size: 14px
}

.table.footer-accordion-table tr {
 border-bottom: 1px solid #0d2d46
}

.footer-accordion .footer-accordion-header i {
 transition: .3s
}

.footer-accordion .footer-accordion-header.acc-open i {
 transform: rotate(180deg)
}

.table.footer-accordion-table p {
 margin: 0
}

.footer-support {
 display: flex;
 flex-wrap: wrap
}

.footer-support a {
 color: #fff;
 text-decoration: underline
}

.footer-support .col {
 position: relative;
}

.footer-support .col>div {
 align-self: flex-start
}

.footer-age-num {
 display: flex;
 justify-content: center;
 align-items: center;
 width: 50px;
 height: 50px;
 border-radius: 100%;
 border: 2px solid #fff;
 color: #fff;
 font-size: 20px;
 font-weight: bold
}

.footer-support-txt {
 text-align: center;
 color: #d3ddeb;
 line-height: 1
}

.footer-support-info {
 align-self: flex-start;
 display: flex;
 flex-direction: column;
 padding: 10px 20px;
 background: #0e314b
}

.footer-support-info-tel {
 font-size: 20px;
 font-weight: bold
}

.footer-support a.footer-support-info-tel {
 text-decoration: none
}

.footer-support-links {
 font-size: 40px
}

.footer-support-links a {
 text-decoration: none
}

.footer-policy {
 margin-bottom: 40px;
 padding: 15px;
 color: rgba(255, 255, 255, .7);
 font-size: 14px;
 border: 5px solid #0c314d
}

.footer-policy a {
 color: #fff;
 text-decoration: underline
}

@media(min-width: 992px) {

 .owl-carousel.footer-partners-carousel,
 .header-mobile {
  display: none !important
 }
}

@media(max-width: 992px) {
 body {
  padding-top: 60px
 }

 .menu.footer-menu,
 .footer-partners,
 .header-bottom,
 .header-links.header-right,
 .header-links.header-left {
  display: none
 }

 .footer-support .col {
  position: relative;
  padding-left: 15px
 }

 .footer-age-num {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  top: auto;
  left: auto;
  transform: translateY(0)
 }

 .table.footer-accordion-table tr:not(:first-child) td {
  display: block
 }

 .footer-policy {
  margin-top: 40px
 }

 .footer-support-info-tel {
  font-size: 20px;
  white-space: nowrap
 }

 .footer-support .col {
  margin-top: 40px
 }

 .banner-title {
  margin-bottom: 20px;
  font-size: 26px;
  line-height: 1
 }

 .notice>div {
  flex-direction: column;
  gap: 40px;
  padding: 15px
 }

 .slider-container-title {
  margin-bottom: 40px;
  font-size: 20px
 }

 .owl-carousel.carousel .owl-dots {
  margin-top: 10px
 }
}

@media(max-width:480px) {

 .pc-carousel .owl-dots,
 .mob-carousel .owl-dots {
  margin-top: 10px;
 }
}

/*# sourceMappingURL=styles.css.map */