/* Icons */
@font-face
{
    font-family: 'Noto-Sans';
    font-weight: normal;
    font-style: normal;
    src: url('../fonts/NotoSans.ttf');
}
@font-face
{
    font-family: 'Noto-Sans-Bold';
    font-weight: bold;
    font-style: normal;
    src: url('../fonts/NotoSans.ttf');
}
@font-face
{
    font-family: 'Cairo-Italic';
    font-weight: normal;
    font-style: italic;
    src: url('../fonts/Cairo.ttf');
}
@font-face
{
    font-family: 'Cairo';
    font-weight: normal;
    font-style: normal;
    src: url('../fonts/Cairo.ttf');
}
@font-face
{
    font-family: 'Cairo-Bold';
    font-weight: bold;
    font-style: normal;
    src: url('../fonts/Cairo.ttf');
}
/* NRTC Main styles */
body{
    font-size: 1rem;
    line-height: 1.5rem;
    font-family: 'Open Sans', sans-serif !important;
    letter-spacing: 0px;
    color: #2A2A28;
}
html[lang="ar"] body {
    font-family: "Cairo", sans-serif !important;
}
html[lang="ar"] {
    font-family: "Cairo", sans-serif !important;
  }
body {
width: 100%;
height: 100%;
color: #2A2A28;
font-size: 1rem;
margin: 0;
padding: 0;
font-family: 'Open Sans', sans-serif !important;
line-height: 1.5rem;
text-transform: none;
-webkit-font-smoothing: antialiased;
}
html {
width: 100%;
height: 100%;
}
html[dir="rtl"], html[dir="rtl"] body, html[dir="rtl"] h1, html[dir="rtl"] h2, html[dir="rtl"] h3, html[dir="rtl"] h4, html[dir="rtl"] h5, html[dir="rtl"] h6, html[dir="rtl"] div, html[dir="rtl"] p, html[dir="rtl"] a, html[dir="rtl"] button, html[dir="rtl"] label, html[dir="rtl"] span {
font-family: "Cairo", sans-serif !important;
}
#block-nrtc-local-tasks .tabs-primary {
    margin-top: 5rem;
}
.page-node-type-page:not(.user-logged-in) .main-wrapper,
.page-node-type-page:not(.user-logged-in) .main-wrapper {
    margin-top: 100px;
}
h1 {    
color: #FFF;
font-weight: 600;
font-size: 2.3rem;
text-transform: uppercase;
}
html[dir="rtl"] h1 {
color: #FFF;
font-weight: 600;
font-size: 2.3rem;
text-transform: inherit;
}
h2 {
font-weight: bold;
font-size: 2rem;
text-transform: uppercase;
text-align: center;
}
html[dir="rtl"] h2 {
font-weight: bold;
font-size: 2rem;
text-transform: inherit;
text-align: center;
}
h3 {
font-weight: bold;
font-size: 1.75rem;
}
h4 {
font-weight: bold;
font-size: 1.6rem;
}
h5 {
font-weight: 600;
font-size: 1.5rem;
}
h6 {
font-weight: 600;
font-size: 1rem;
}
a, a:hover, a:focus {
text-decoration: none;
text-shadow: none;
outline: none;
}
p {
font-size: 1rem;
font-weight: normal;
font-style: normal;
line-height: 1.6;
}
p a {
color: #008CB7;
text-decoration: none;
font-weight: 600;
}
p a:hover {
text-decoration: underline;
}
html[dir="rtl"] p {
font-size: 1rem;
font-weight: normal;
font-style: normal;
line-height: 1.6;
margin-bottom: 30px;
}
a {
transition: all 0.3s ease 0s;
}
#navbar_top {
background: #FFF;
border-bottom: 1px solid #B5BDC7;
position: absolute;
top: 0;
left: 0;
right: 0;
/* z-index: 999; */
}
.fixed-top {
top: -100px;
transform: translateY(100px);
transition: transform .2s;
}
.fixed-top {
position: fixed !important;
top: -100px !important;
right: 0;
left: 0;
z-index: 1030;
background: #FFF;
}
.dropdown-toggle::after {
display: inline-block;
margin-left: 0.255em;
margin-top: -1px;
vertical-align: 0.255em;
border: none;
content: "\f107";
float: right;
font-family: 'FontAwesome';
font-size: 18px;
font-weight: 600;
}
html[dir="rtl"] .dropdown-toggle::after {
float: left;
margin-right: 0.255em;
margin-left: inherit;
}
.nav-link {
color: #2A2A28;
font-size: 1rem;
font-weight: bold;
padding-left: 0 !important;
padding-right: 0 !important;
}
.nav-link:hover, .nav-link:focus {
color: #008CB7;
}
.navbar-nav .nav-link.active, .navbar-nav .nav-link.show {
color: #008CB7;
}
.navbar-toggler-icon {
background-image: url("../images/ham-burger-icon.svg");
}
ul.dropdown-menu {
background-color: #F8F8F8;
border-radius: 0;
border-color: transparent;
position: relative;
padding: 15px 20px;
text-align: inherit !important;
}
ul.dropdown-menu li {
padding: 0;
margin: 0 15px;
border-bottom: 2px dashed #D4D4D4;
}
ul.dropdown-menu li:last-child {
border-bottom: none;
}
a.dropdown-item {
color: #808080;
font-size: 0.9rem;
font-weight: 600;
padding: 15px 0;
}
.dropdown-item.active, .dropdown-item:active, .dropdown-item:hover, .dropdown-item:focus {
color: #008CB7;
background-color: transparent;
}
.alignRL {
right: 0;
left: inherit;
}
html[dir="rtl"] .alignRL {
left: 0;
right: inherit;
}
.header_logo {
margin: 0;
padding: 4px 0;
display: block;
}
.header_top_sec {
display: flex;
justify-content: flex-end;
align-items: center;
margin-right: 15px;
}
html[dir="rtl"] .header_top_sec {
margin-right: inherit;
margin-left: 15px;
}
.search {
position: relative;
margin: 15px 0 10px 0;
}
.search input {
background-color: #fff;
border: 1px solid #2A2A28;
border-radius: 6px;
color: #808080;
}
.search input:focus {
background-color: #fff;
border: 1px solid #2A2A28;
border-radius: 6px;
color: #808080;
box-shadow: none;
}
.btnS {
position: absolute;
top: 5px;
right: 10px;
left: inherit;
padding: 0;
}
html[dir="rtl"] .btnS {
left: 10px;
right: inherit;
}
#block-nrtc-languageswitcher ul li[hreflang="ku"] {
  display: none;
}
.language_sec ul {
margin: 0 20px;
padding: 0;
list-style-type: none;
}
.language_sec ul li {
margin: 0;
padding: 0 15px;
list-style-type: none;
display: inline-block;
position: relative;
}
.language_sec ul li:before {
background-color: #9F9F9F;
content: "";
width: 2px;
height: 14px;
position: absolute;
left: 0;
top: 50%;
transform: translate(0, -50%);
}
.language_sec ul li:first-child:before {
display: none;
}
html[dir="rtl"] .language_sec ul li:before {
display: none;
}
html[dir="rtl"] .language_sec ul li:after {
background-color: #9F9F9F;
content: "";
width: 2px;
height: 14px;
position: absolute;
left: 0;
top: 50%;
transform: translate(0, -50%);
}
html[dir="rtl"] .language_sec ul li:last-child:after {
display: none;
}
.language_sec ul li a {
display: block;
color: #2A2A28;
text-decoration: none;
font-weight: bold;
}
.language_sec ul li a:hover, .language_sec ul li a:active, .language_sec ul li a.active, .language_sec ul li a:focus {
color: #008CB7;
}
.sm_sec ul {
margin: 0 20px;
padding: 0;
list-style-type: none;
}
.sm_sec ul li {
margin: 0;
padding: 0 6px;
list-style-type: none;
display: inline-block;
position: relative;
}
.sm_sec ul li a {
display: block;
text-decoration: none;
}
.sm_sec ul li a.sm-telegram {
background: url("../images/icon-telegram.svg") no-repeat center;
width: 16px;
height: 13px;
}
.sm_sec ul li a.sm-telegram:hover {
background: url("../images/icon-telegram-h.svg") no-repeat center;
}
.sm_sec ul li a.sm-youtube {
background: url("../images/icon-youtube.svg") no-repeat center;
width: 18px;
height: 12px;
}
.sm_sec ul li a.sm-youtube:hover {
background: url("../images/icon-youtube-h.svg") no-repeat center;
}
.sm_sec ul li a.sm-fb {
background: url("../images/icon-fb.svg") no-repeat center;
width: 8px;
height: 15px;
}
.sm_sec ul li a.sm-fb:hover {
background: url("../images/icon-fb-h.svg") no-repeat center;
}
.sm_sec ul li a.sm-x {
background: url("../images/icon-twitter.svg") no-repeat center;
width: 15px;
height: 13px;
}
.sm_sec ul li a.sm-x:hover {
background: url("../images/icon-twitter-h.svg") no-repeat center;
}
#home_carousel {
margin-top: 100px;
}
.homeBanner {
position: relative;
margin: 0 0 15px 0;
}
.homeBanner img {
width: 100%;
object-fit: cover;
}
.homeBannerOverlay {
background: rgb(2, 104, 160);
background: linear-gradient(0deg, rgba(2, 104, 160, 1) 0%, rgba(2, 104, 160, 0) 60%);
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 2;
}
.homeBannerContent {
position: absolute;
right: 0;
bottom: 60px;
left: 0;
z-index: 3;
padding: 30px;
}
.homeBannerContent p {
color: #FFF !important;
margin-bottom: 25px;
}
html[dir="rtl"] .homeBannerContent p {
color: #FFF !important;
margin-bottom: 25px;
}
.homeBannerContent h1 {
line-height: normal;
padding: 0;
margin: 0 0 15px 0;
}
html[dir="rtl"] .homeBannerContent h1 {
line-height: normal;
padding: 0;
margin: 0 0 15px 0;
}
.carousel-indicators {
bottom: 40px;
left: 0;
z-index: 6;
}
.more_btn {
background: #008CB7;
padding: 10px 20px;
color: #FFF;
font-size: 0.8rem;
text-align: center;
display: inline-block;
font-weight: bold;
position: relative;
transition: all 0.3s ease 0s;
border: 2px solid #FFF;
border-radius: 6px;
}
.more_btn:hover {
background: #FFF;
color: #008CB7;
border: 2px solid #008CB7;
}
.cmnSec {
padding: 40px 0 0 0;
}
.h_quote_sec {
background-color: #F2F5F6;
padding: 40px 60px;
border: 2px solid #008CB7;
margin: 30px 0;
border-radius: 30px;
position: relative;
}
.h_quote_sec::before {
content: "";
position: absolute;
top: 30px;
left: 30px;
background: url("../images/quote-img.svg") no-repeat;
width: 205px;
height: 146px;
}
.h_quote_sec h5 {
margin-bottom: 15px;
}
.h_map_sec {
background-color: #EDF7FB;
padding: 40px 0;
margin: 20px 0 0 0;
}
.map_info {
padding: 30px;
}
.h_data_sec {
background: url("../images/home-banner-img3.png") no-repeat center;
padding: 40px 0;
background-image: linear-gradient(90deg, rgba(2, 104, 160, 0.8) 0%, rgba(12, 37, 69, 0.8) 100%), url("../images/home-banner-img3.png");
}
.h_data_sec h2 {
color: #FFF;
}
.data_item {
padding: 0 15px;
text-align: center;
margin: 30px 0;
}
.data_item_inner {
background: rgba(255, 255, 255, 0.10);
border-radius: 30px;
padding: 15px;
}
.data_item_inner span {
display: block;
font-size: 2rem;
font-weight: bold;
color: #FFF;
margin: 30px 0;
}
.data_item_inner h5 {
color: #FFF;
}
.data_item_inner img {
display: block;
margin: 0 auto;
}
.news_item {
margin: 15px 0;
background-color: #F2F5F6;
}
.news_item .news_img {
width: 100%;
height: 200px;
border-radius: 16px 16px 0 0;
overflow: hidden;
}
.news_item .news_img img {
display: block;
transition: transform .5s ease;
cursor: pointer;
}
.news_item .news_img:hover img {
transform: scale(1.2);
}
.news_item .news_info {
padding: 15px;
}
.news_item .news_info span {
display: block;
font-size: 0.8rem;
font-weight: 600;
}
.news_item .news_info a {
display: block;
font-size: 1rem;
font-weight: bold;
color: #008CB7;
padding: 10px 0;
}
.news_item .news_info a:hover {
color: #14657E;
}
.m_align {
margin: 0 auto;
display: table;
}
.h_video_sec {
background-color: #EDF7FB;
padding: 40px 0;
margin: 40px 0;
}
.video_slider {
margin-bottom: 30px;
}
.video_item {
padding: 0 15px;
margin: 30px 0;
}
.video_item_inner {
border-radius: 30px;
overflow: hidden;
position: relative;
}
.video_item_inner a img {
display: block;
transition: transform .5s ease;
}
.video_item_inner a:hover img {
transform: scale(1.2);
}
.video_item_inner a span.play_btn {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
background-color: rgba(255, 255, 255, 1.0);
background-image: url("../images/icon-play.svg");
background-repeat: no-repeat;
background-position: center;
width: 52px;
height: 52px;
border-radius: 50%;
z-index: 99;
}
.video_item_inner a:hover span.play_btn {
background-color: rgba(255, 255, 255, 0.8);
background-image: url("../images/icon-play-h.svg");
}
.partner_sec {
padding: 0 0 40px 0;
}
.partner_item {
padding: 0 15px;
margin: 30px 0;
}
.partner_item_inner {
padding: 15px;
border: 1px solid #008CB7;
border-radius: 6px;
overflow: hidden;
}
.partner_item_inner a {
display: block;
}
.partner_item_inner a img {
object-fit: contain;
aspect-ratio: 16/9;
width: 100%;
}
.modal-body {
padding: 0 30px;
overflow: hidden;
}
.modal-body p {
font-size: 13px;
}
.modal {
--bs-modal-width: 800px;
z-index: 99999;
}
.modal-content {
padding-top: 15px;
}
.in_mod {
height: 400px;
}
.scrollbar {
width: 98%;
overflow-y: scroll;
margin-bottom: 25px;
}
.force-overflow {
min-height: 450px;
}
#thin_scroll::-webkit-scrollbar-track {
-webkit-box-shadow: none;
border-radius: 0;
background-color: #FFF;
}
#thin_scroll::-webkit-scrollbar {
width: 5px;
height: 3px;
background-color: #FFF;
}
#thin_scroll::-webkit-scrollbar-thumb {
border-radius: 3px;
-webkit-box-shadow: none;
background-color: #C6C6C6;
cursor: pointer;
}
/* //////// ANIMATION STYLE //////// */
.reveal {
position: relative;
transform: translateY(150px);
opacity: 0;
transition: 1s all ease;
}
.reveal.active-anim {
transform: translateY(0);
opacity: 1;
}
/* //////// FOOTER STYLE //////// */
footer {
background-color: #2A2A28;
padding: 50px 0 20px 0;
}
footer h4 {
color: #FFF;
margin-bottom: 20px;
}
footer h5 {
color: #FFF;
}
#signup_form {
margin: 15px 0;
}
#signup_form input[type="text"]::placeholder {
color: #FFFFFF;
opacity: 1;
font-size: 0.8rem;
}
#signup_form input.form-control {
margin-bottom: 15px;
background-color: rgba(255, 255, 255, 0.10);
border-radius: 6px;
border: none;
}
#signup_form button.btn-primary {
background: #008CB7;
padding: 10px 20px;
color: #FFF;
font-size: 0.8rem;
text-transform: uppercase;
text-align: center;
display: inline-block;
font-weight: bold;
transition: all 0.3s ease 0s;
border: 2px solid #FFF;
border-radius: 6px;
}
#signup_form button.btn-primary:hover {
background: #FFF;
color: #008CB7;
border: 2px solid #008CB7;
}
.sp_lang {
margin: 20px 0;
}
.sp_lang h6 {
color: #FFF;
}
.form-check-input[type=checkbox] {
border-radius: 0;
background-color: transparent;
border-color: #008CB7;
}
label.form-check-label {
color: #FFF;
}
.form-check-inline {
display: inline-block;
margin-right: 2rem;
margin-left: 0;
}
html[dir="rtl"] .form-check-inline {
display: inline-block;
margin-right: 0;
margin-left: 2rem;
}
.ft_links ul {
margin: 0;
padding: 0;
list-style-type: none;
}
.ft_links ul li {
margin: 0 0 10px 0;
padding: 0;
list-style-type: none;
display: block;
}
.ft_links ul li a {
display: block;
color: #008CB7;
font-weight: normal;
font-size: 1rem;
}
.ft_links ul li a:hover {
color: #53C5E8;
}
.ft_address {
color: #FFF;
}
.ft_address span {
display: block;
font-size: 1rem;
}
.ft_address span a {
color: #008CB7;
}
.ft_address span a:hover {
color: #53C5E8;
}
.ft_ad_tp, .ft_ad_tp {
margin-bottom: 30px;
}
.ft_slider {
opacity: 1;
border-top: 1px solid #008CB7;
margin: 20px 0;
}
html[dir="rtl"] p.txt_rights {
color: #FFF;
font-size: 0.8rem;
text-align: center;
display: block;
margin: 10px 0;
}
.ft_links_btm {
margin: 0;
padding: 0;
list-style-type: none;
text-align: center;
}
.ft_links_btm li {
margin: 0;
padding: 0;
list-style-type: none;
display: inline-block;
}
.ft_links_btm > li + li:before {
padding: 0 8px;
color: #9F9F9F;
content: "|\00a0";
}
.ft_links_btm li a {
color: #008CB7;
font-size: 1rem;
}
.ft_links_btm li a:hover {
color: #53C5E8;
}
/* //////// INNER PAGES STYLE //////// */
.inner_banner {
position: relative;
width: 100%;
height: 300px;
overflow: hidden;
margin-top: 100px;
}
.events_banner {
background: url("../images/events-banner-img.png") no-repeat center;
background-size: cover;
}
.registry_banner {
background: url("../images/licence-registry-banner-img.png") no-repeat center;
background-size: cover;
}
.workplan_banner {
background: url("../images/workplan-banner-img.png") no-repeat center;
background-size: cover;
}
.rp_banner {
background: url("../images/rp-banner-img.png") no-repeat center;
background-size: cover;
}
.inner_banner::after {
content: "";
position: absolute;
right: 0;
top: 0;
left: 0;
bottom: 0;
background: linear-gradient(90deg, rgba(2, 104, 160, 0.3) 0%, rgba(13, 78, 114, 0.3) 100%);
z-index: 2;
}
.inner_banner_content {
position: absolute;
z-index: 3;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.cmn_table {
font-size: 14px;
margin-bottom: 30px;
border: 2px solid #FFF;
}
.cmn_table > thead {
background-color: #14657E;
color: #FFF;
}
.cmn_table > thead > tr > th {
font-weight: 600 !important;
padding: 15px;
}
.cmn_table > tbody > tr > td {
padding: 15px;
}
.cmn_table > tbody > tr:nth-of-type(odd) {
background-color: #EDF7FB;
}
.cmn_table > tbody > tr:nth-of-type(even) {
background-color: #F2F5F6;
}
.cmn_table > tfoot {
background-color: #14657E;
color: #FFF;
}
.wrapper {
position: relative;
margin: 0 auto;
overflow-x: scroll;
overflow-y: hidden;
padding: 30px 0;
}
.nav-tabs.list{
  display: block;
  margin-top: unset;
  margin-bottom: unset;
}
.list {
position: absolute;
left: 0px;
top: 0px;
min-width: 2100px;
margin-left: 0;
margin-right: 0;
margin-top: 0px;
border: 0;
}
.list li {
display: inline-block;
position: relative;
text-align: center;
cursor: grab;
cursor: -webkit-grab;
vertical-align: middle;
}
.scroller {
text-align: center;
cursor: pointer;
display: none;
padding: 7px;
padding-top: 11px;
white-space: no-wrap;
vertical-align: middle;
background-color: #fff;
}
.scroller-right {
float: right;
background: #EDF7FB url("../images/icon-scroll-right.svg") no-repeat center;
border: 1px solid #008CB7;
padding: 19px 15px;
margin-left: 10px;
}
.scroller-left {
float: left;
background: #EDF7FB url("../images/icon-scroll-left.svg") no-repeat center;
border: 1px solid #008CB7;
padding: 19px 15px;
margin-right: 10px;
}
.nav-tabs .nav-link {
color: #FFF;
font-size: 14px;
font-weight: 600;
border: none;
border-radius: 0;
background: #2A2A28;
flex: 1;
box-shadow: none;
outline: none;
padding: 8px 30px;
text-align: center;
width: 160px;
position: relative;
margin: 0 4px;
}
.nav-tabs .nav-link.active, .nav-tabs .nav-link:hover {
color: #FFF;
background: #008CB7;
}
.nav-tabs .nav-link.active::after, .nav-tabs .nav-link:hover::after {
content: "";
position: absolute;
bottom: -10px;
left: 45%;
width: 25px;
height: 11px;
background: url(../images/tabs-arrow.svg) no-repeat bottom center;
}
.tabSec {
background-color: #F7FAFC;
padding: 0 0 30px 0;
margin-top: 60px;
}
.tab-pane {
padding-top: 20px;
}
.desc_sec {
background: #F2F5F6;
border: 2px solid #008CB7;
border-radius: 30px;
padding: 50px;
margin-bottom: 50px;
}
.desc_sec h2 {
margin-bottom: 30px;
}
.tab_info {
background-color: #F2F5F6;
padding: 40px 60px;
border: 2px solid #008CB7;
margin: 30px 0;
border-radius: 30px;
position: relative;
}
.tab_info h5, .tab_info h6 {
text-align: center;
margin-bottom: 15px;
}
.text_red {
color: #8E1837;
}
.dwn_pdf {
text-align: center;
position: relative;
margin-bottom: 60px;
}
.dwn_pdf a {
display: block;
background: #FFF;
border: 1px solid #008CB7;
border-radius: 6px;
padding: 50px 30px 30px 30px;
}
.dwn_pdf a:hover {
background: #008CB7;
border: 1px solid #008CB7;
}
.dwn_pdf a h4 {
color: #008CB7;
}
.dwn_pdf a:hover h4 {
color: #FFF;
}
.dwn_pdf a span {
padding: 15px 30px;
display: block;
background: #008CB7;
border: 1px solid #FFF;
border-radius: 6px;
position: absolute;
top: 0;
left: 50%;
transform: translate(-50%, -50%);
z-index: 2;
}
.my-80 {
margin-top: 80px;
margin-bottom: 20px;
}
.table_info {
background: #FFF;
border: 1px solid #14657E;
}
.table_info_left, .table_info_right {
padding: 20px;
}
.table_info_left p, .table_info_right p {
margin-bottom: 0px !important;
}
.table_info_left h6, .table_info_right h6 {
text-decoration: underline;
font-weight: bold;
}
.upc_event_sec {
background-color: #EDF7FB;
padding: 40px 0;
margin-bottom: 40px;
}
.upc_event_sec .news_item {
background-color: #FFF;
}
.listing_item {
background: #F2F5F6;
padding: 16px;
border: 1px solid #9AD0E0;
border-radius: 6px;
display: flex;
gap: 16px;
margin: 16px 0;
}
.li_info {
position: relative;
min-width: 120px;
}
.li_info a.btn_rm {
position: absolute;
right: 0;
bottom: 0;
color: #008CB7;
font-weight: bold;
}
.li_info a.btn_rm:hover {
color: #2A2A28;
}
.li_info a.btn_rm::after {
content: "";
position: absolute;
top: 7px;
left: -18px;
background: url("../images/rm-btn-arrow.svg") no-repeat center;
width: 8px;
height: 14px;
}
.li_info a.btn_rm:hover::after {
background: url("../images/rm-btn-arrow-h.svg") no-repeat center;
}
.li_info a.btn_dnl {
position: absolute;
right: 0;
bottom: 0;
color: #008CB7;
font-weight: bold;
}
.li_info a.btn_dnl:hover {
color: #2A2A28;
}
.li_info a.btn_dnl::after {
content: "";
position: absolute;
top: 6px;
left: -26px;
background: url("../images/dnl-btn-arrow.svg") no-repeat center;
width: 16px;
height: 15px;
}
.li_info a.btn_dnl:hover::after {
background: url("../images/dnl-btn-arrow-h.svg") no-repeat center;
}
.pagination {
justify-content: center;
margin: 40px 0 10px 0;
}
.pagination .page-item .page-link {
color: #0268A0;
background-color: #FFF;
outline: 0;
box-shadow: none;
border-color: transparent;
border: none;
font-size: 14px;
font-weight: 600;
padding: 3px 12px;
margin: 0 3px;
border-radius: 4px;
}
.pagination .page-item .page-link i {
margin: 0 4px;
}
.pagination .page-item .page-link:focus, .pagination .page-item .page-link:hover, .pagination .page-item.active .page-link {
color: #FFF;
background-color: #008CB7;
outline: 0;
box-shadow: none;
border-radius: 4px;
}
.pagination .page-item .page-link.disabled {
color: #BFBFBF;
}
input[id*=edit-combine] {
  background: transparent url(../images/icon-search-filter.svg) no-repeat 10px center;
  text-align: right;
}
input[id*=edit-field-published-date-value] {
  background: transparent url(../images/select-arrow.svg) no-repeat 10px center;
  text-align: right;
}
.datepicker.datepicker-dropdown {
  width: 30%;
  right: 6%;
}
.filterSearch {
margin: 16px 0;
position: relative;
}
.filterSearch input {
border: 1px solid #00C3FF;
border-radius: 4px;
color: #008CB7;
font-size: 14px;
font-weight: bold;
}
.filterSearch input:focus {
border: 1px solid #00C3FF;
border-radius: 4px;
color: #008CB7;
font-size: 14px;
font-weight: bold;
}
.filterSearch input[type="search"]::placeholder {
color: #008CB7 !important;
font-size: 14px;
font-weight: bold;
opacity: 1;
}
.btnSearch {
position: absolute;
top: -3px;
right: 0;
border: none;
outline: none;
}
html[dir="rtl"] .btnSearch {
left: 0;
right: inherit;
}
.btnSearch:active, .btnSearch:focus {
border: none;
outline: none;
}
.filterSelect {
border-radius: 4px;
border-color: #00C3FF;
color: #008CB7;
font-weight: bold;
font-size: 14px;
background-image: url("../images/select-arrow.svg");
margin: 16px 0;
}
html[dir="rtl"] .filterSelect {
background-position: left 0.75rem center;
}
.form-item-select-language-s-ku {
  display: none;
}
/* //////// MEDIA QURIES //////// */
@media (min-width: 1280px) {
  .wrapper {
      overflow: hidden;
  }
}
@media (min-width: 992px) {
  /* li.nav-item:last-child {
      margin-right: 0;
  } */
  html[dir="rtl"] > li.nav-item:last-child {
      margin-right: 42px;
  }
  li.nav-item {
      margin-right: 42px;
      margin-bottom: -3px;
  }
  ul.dropdown-menu {
      display: block;
      visibility: hidden;
      margin-top: 15px;
      opacity: 0;
      transition: 0.4s all;
  }
  .dropdown:hover ul.dropdown-menu {
      display: block;
      margin-top: 2px;
      opacity: 1;
      transition: 0.4s all;
      visibility: visible;
  }
  .search {
      width: 260px;
  }
  .search_k {
      width: 400px;
  }
  .homeBannerContent {
      left: 4%;
      right: 20%;
  }
  html[dir="rtl"] .homeBannerContent {
      left: 20%;
      right: 4%;
  }
  .news_item {
      margin: 0;
      height: 100%;
      min-height: 100%;
  }
  html[dir="rtl"] .offset-lg-1 {
      margin-left: 0;
      margin-right: 8.33333333%;
  }
  .ft_links {
      padding: 0 30px;
  }
  .table_info {
      display: flex;
      justify-content: flex-start;
  }
  .table_info_left, .table_info_right {
      width: 50%;
  }
  .table_info_right {
      border-right: 1px solid #14657E;
  }
}
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
  li.nav-item {
      margin-right: 40px;
  }
  .homeBannerContent {
      bottom: 15px;
  }
  .homeBannerContent h1 {
      font-size: 1.2rem;
  }
  html[dir="rtl"] .homeBannerContent h1 {
      font-size: 1.2rem;
  }
  .homeBannerContent p {
      font-size: 0.8rem;
      margin-bottom: 15px;
  }
  html[dir="rtl"] .homeBannerContent p {
      font-size: 0.8rem;
      margin-bottom: 15px;
  }
  .carousel-indicators {
      bottom: 15px;
  }
}
@media only screen and (min-device-width : 820px) and (max-device-width : 1180px) and (orientation : landscape) {
  li.nav-item {
      margin-right: 40px;
  }
  .nav-link {
      font-size: 12px;
  }
  .homeBannerContent {
      bottom: 30px;
  }
  .homeBannerContent h1 {
      font-size: 1.5rem;
  }
  html[dir="rtl"] .homeBannerContent h1 {
      font-size: 1.5rem;
  }
  .homeBannerContent p {
      font-size: 1rem;
      margin-bottom: 15px;
  }
  html[dir="rtl"] .homeBannerContent p {
      font-size: 1rem;
      margin-bottom: 15px;
  }
  .carousel-indicators {
      bottom: 15px;
  }
}
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {
  .homeBannerContent {
      bottom: 15px;
  }
  .homeBannerContent h1 {
      font-size: 1.2rem;
  }
  html[dir="rtl"] .homeBannerContent h1 {
      font-size: 1.2rem;
  }
  .homeBannerContent p {
      font-size: 0.8rem;
      margin-bottom: 15px;
  }
  html[dir="rtl"] .homeBannerContent p {
      font-size: 0.8rem;
      margin-bottom: 15px;
  }
  .carousel-indicators {
      bottom: 15px;
  }
}
@media only screen and (min-device-width : 1024px) and (max-device-width : 1366px) and (orientation : portrait) {
  li.nav-item {
      margin-right: 40px;
  }
  .nav-link {
      font-size: 12px;
  }
  .homeBannerContent {
      bottom: 15px;
  }
  .homeBannerContent h1 {
      font-size: 1.2rem;
  }
  html[dir="rtl"] .homeBannerContent h1 {
      font-size: 1.2rem;
  }
  .homeBannerContent p {
      font-size: 0.8rem;
      margin-bottom: 15px;
  }
  html[dir="rtl"] .homeBannerContent p {
      font-size: 0.8rem;
      margin-bottom: 15px;
  }
  .carousel-indicators {
      bottom: 15px;
  }
}
/* //////// MOBILE VIEW //////// */
@media all and (max-width: 991px) {
  li.nav-item {
      margin-bottom: 15px;
  }
  .navbar > .container {
      justify-content: space-between;
      align-items: center;
  }
  .language_sec ul, .sm_sec ul {
      margin: 15px 0 30px 0;
  }
  html[dir="rtl"] .language_sec ul li:first-child, html[dir="rtl"] .sm_sec ul li:first-child {
      padding: 0;
  }
  html[dir="rtl"] ul.navbar-nav {
      padding-right: 0;
  }
  html[dir="rtl"] .offcanvas-body {
      padding-right: 30px;
  }
  .homeBannerContent {
      bottom: 15px;
  }
  .homeBannerContent h1 {
      font-size: 1.2rem;
  }
  html[dir="rtl"] .homeBannerContent h1 {
      font-size: 1.2rem;
  }
  .homeBannerContent p {
      font-size: 0.8rem;
      margin-bottom: 15px;
  }
  html[dir="rtl"] .homeBannerContent p {
      font-size: 0.8rem;
      margin-bottom: 15px;
  }
  .carousel-indicators {
      bottom: 15px;
  }
  .form-check-inline {
      margin-right: 1rem;
      margin-left: 0;
  }
  html[dir="rtl"] .form-check-inline {
      margin-right: 0;
      margin-left: 1rem;
  }
  .table_info_right {
      border-top: 1px solid #14657E;
  }
}
@media all and (max-width: 767px) {
  .datepicker table tr td span {
    width: auto;
  }
  .homeBannerContent {
      bottom: 10px;
  }
  .homeBannerContent p {
      display: none;
  }
  .carousel-indicators {
      bottom: 10px;
  }
  .more_btn {
      padding: 5px 10px;
  }
  .sp_btn, .ft_links ul {
      margin-bottom: 30px;
  }
  html[dir="rtl"] .inner_banner_content h1, .inner_banner_content h1 {
      font-size: 1.5rem;
  }
}
@media only screen and (min-device-width: 390px) and (max-device-height: 844px) and (-webkit-device-pixel-ratio: 3) and (orientation : landscape) {
  table {
  width: 100%;
  text-align: right;
  table-layout: fixed;
  }
  th, td {
  word-wrap: break-word;
  width: 100%;
  }
}
@media screen and (max-width: 750px) {
  tbody, thead {
      float: right;
  }
  thead {
      min-width: 100%;
  }
  td, th {
      display: block;
      border: none;
  }
  .table-bordered > :not(caption) > * {
      border-width: 0;
  }
  td.text-center {
      text-align: right !important;
  }
}