@font-face {
  font-family: "Dubai";
  src: url('./fonts/Dubai-Regular.ttf') format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}


@font-face {
  font-family: "Dubai";
  src: url('./fonts/Dubai-Bold.ttf') format("truetype");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Dubai";
  src: url('./fonts/Dubai-Light.ttf') format("truetype");
  font-weight: light;
  font-style: normal;
  font-display: swap;
}


@font-face {
  font-family: "Dubai";
  src: url('./fonts/Dubai-Medium.ttf') format("truetype");
  font-weight: medium;
  font-style: normal;
  font-display: swap;
}


   body {
    font-family: "Dubai", "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
    background-color: #fff;
    transition: font 0.3s ease;
  }

  a {
    text-decoration: none;
  }



  .logo-footer {
    max-width: 130px;
  }

  .router-link-exact-active {
    color: #4169E3 !important;
  }

  .header {
    background-color: #fff;
  }

  .navbar {
    padding-top: 0;
    padding-bottom: 0;
  }

  .navbar_footer > .container-fluid, .navbar_footer > .container-sm, .navbar_footer > .container-md, .navbar_footer > .container-lg, .navbar_footer > .container-xl, .navbar_footer > .container-xxl {
    justify-content: center;
    font-size: 12px;
  }

  .navbar_footer > h3, .navbar_footer > .h3 {
    justify-content: center;
    width: 100%;
    display: flex;
  }


  .rounded-btn, .btn {
    border-radius: 10px;
  }

  .rounded-btn-img {
    border-radius: 1rem;
  }

  .rounded-btn-img-news {
    border-top-right-radius: 1rem;
    border-top-left-radius: 1rem;
  }

  .button-gray {
    background-color: #F6F6F6;
    min-width: 120px;
  }

  .hooper {
    height: unset !important;
  }

  

  .bghome {
    background-repeat: repeat-y;
    background-size: auto;
    background-position: top;
  }

 
  .bs-img-size {
    min-height: 200px;
    border: 1px rgba(171, 167, 167, 0.2) solid;
    border-radius: 10px;
  }

  .border-card-company {
    border: none;
  }

  .bg-pink {
    background-image: linear-gradient(rgba(255, 246, 246, 0.85), #fff);
  }

  .bg-category {
    background: linear-gradient(to bottom, transparent 0%, black 100%);
    border: none;
    border-radius: 1.5rem;
  }

  .bg-category > img,picture {
    z-index: -1;
    border-radius: 1.5rem;
  }
  .bg-category > div >img,picture {
    z-index: -1;
    border-radius: 1.5rem;
  }


  .btn-gold {
    background-color: #D4B370;
    color: #fff;
    padding: 7px 14px;
    font-weight: bold;
    border-radius: 0.5rem;
  }

  .btn-gold:hover {
    background-color: #D4B370;
    color: #fff;
  }

  .fs-7 {
    font-size: 12px;
  }

  .contact_dir {
    text-align: right;
    direction: ltr;
    unicode-bidi: embed;
  }

  .fix.dropdown-menu[data-bs-popper] {
    top: unset;
  }

  .fixes.dropdown-menu[data-bs-popper] {
    top: 55%;
  }

  a:-webkit-any-link {
    text-decoration: none;
  }

  .w-74 {
    width: 73%;
  }

  .w-74-c {
    width: 73%;
  }

  figure{
    margin-bottom: 0;
  }
  .text-gold {
    color: #D4B370 !important;
  }

  .Vue-Toastification__toast--rtl {
    margin-left: auto !important;
    margin-right: unset !important;
  }

  .start-0-c {
    left: 12px !important;
  }

  .logo-manhom-s {
    width: 46px;
  }

  .bg-primary-30 {
    background-color: rgba(65, 105, 227, 0.0784313725);
  }

  .start-0-ads {
    left: -25px !important;
  }

  .logo-ads {
    width: 25px;
  }

  .modal-header {
    border: none !important;
  }

  .modal-content {
    border-radius: 10px !important;
  }

  .navbar-toggler:focus,
  .navbar-toggler:active,
  .navbar-toggler-icon:focus {
    outline: none;
    box-shadow: none;
  }

  .text-gray-90 {
    color: #20211F !important;
  }

  .text-gray-80 {
    color: #4F4F4F;
  }

  .text-gray-60 {
    color: #6c757d !important;
  }
  .text-gray-60s {
    color: #828282 !important;
  }

  .bg-gray {
    color: #4F4F4F;
    background-color: #F2F2F2;
  }

  .fs-16 {
    font-size: 16px !important;
    word-wrap: break-word;

  }

  .btn-gray-light {
    background-color: #F6F6F6;
  }

  .gray-light {
    color: #F6F6F6;
  }

  .hooper-prev {
    right: 70px !important;
  }

  .hooper-next {
    left: 70px !important;
  }

  .border-none {
    border: none !important;
  }

  @media screen and (max-width: 576px) {
    .hooper-prev {
      right: 0px !important;
    }

    .hooper-next {
      left: 0px !important;
    }
  }
  .w-85 {
    width: 85% !important;
  }

  .w-80 {
    width: 80% !important;
  }

  .rounded-5 {
    border-radius: 30px;
  }

  input::-webkit-outer-spin-button,
  input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
  }

  /* Firefox */
  input[type=number] {
    -moz-appearance: textfield;
  }

  .alert {
    padding: 10px;
    text-align: right;
    border-radius: 12px;
    background-color: #D4EDDA;
  }

  .ok {
    border: solid 1px #155724;
  }

  .form-label {
    font-weight: bold;
  }

  .shadow-card {
    box-shadow: 0 0.1rem 2rem rgba(0, 0, 0, 0.08) !important;
  }

  .btn-primary {
    background-color: #4169E3;
  }

  html, body, #app {
    height: 100% !important;
  }

  input:focus {
    outline: none !important;
  }

  textarea:focus {
    outline: none !important;
  }

  ul:focus {
    outline: none !important;
  }

  @media screen and (max-width: 766px) {
    .w-74-c {
      width: 100%;
    }
  }
  @media screen and (max-width: 576px) {
    .w-50 {
      width: 50% !important;
    }

    .w-100-m {
      width: 100% !important;
      margin-bottom: 5px;
    }
  }
  .view-leave-active {
    transition: opacity 0.5s ease-in-out, transform 0.5s ease;
  }

  .view-enter-active {
    transition: opacity 0.5s ease-in-out, transform 0.5s ease;
    transition-delay: 0.5s;
  }

  .view-enter, .view-leave-to {
    opacity: 0;
  }

  .view-enter-to, .view-leave {
    opacity: 1;
  }

  .g-image-text {
    top: 52%;
    font-size: 18px;
    right: 8%;
    color: #fff;
  }

  .c-nameEN {
    left: 2px;
  }

  .c-company_city {
    left: 13px;
  }

  .c-company_address {
    left: 52px;
  }

  .c-phone {
    left: 31px;
  }

  .w-75-c {
    width: 75%;
  }

  @media screen and (max-width: 776px) {
    .w-75-c {
      width: 100%;
    }
  }
  @media screen and (max-width: 576px) {
    .w-75-c {
      width: 100%;
    }

    .text-center-m {
      text-align: center;
    }

    .c-nameEN {
      left: 0px;
      top: 2px;
    }

    .c-company_city {
      left: 8px;
      top: 2px;
    }

    .c-company_address {
      left: 47px;
      top: 2px;
    }

    .c-phone {
      left: 26px;
      top: 2px;
    }

    .fs-16 {
      font-size: 12px;
    }
  }
  .bg-category-height {
    height: 270px;
  }

  @media screen and (max-width: 1199px) {
    .bg-category-height {
      height: 200px;
    }
  }
  .btn:focus {
    outline: none !important;
    box-shadow: none !important;
  }

  .form-switch.form-switch-md {
    margin-bottom: 1rem;
    /* JUST FOR STYLING PURPOSE */
  }

  .form-switch.form-switch-md .form-check-input {
    height: 1.5rem;
    width: 2.75rem;
    border-radius: 3rem;
  }

  .float {
    position: fixed;
    width: 60px;
    height: 60px;
    bottom: 40px;
    right: 40px;
    color: #FFF;
    border-radius: 50px;
    text-align: center;
  }

  .float:hover {
    color: #FFF;
  }

  .my-float {
    margin-top: 30px;
  }


.header{
    padding-bottom:3.5rem;
}
.navbar-toggler-c{
    width: 40px;
    height: 40px;
    line-height:40px;
    padding: 0;
}

.fs-c {
    font-size: 16px;
}
.logo-profile{
    width:42px;
    height:42px;
    margin-top: 8px;
    object-fit: cover;
}

.dropdown-toggle::after {
    display: none !important;
}
.navbar-toggler-icon{
    width: 20px;
    height: 20px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
    text-align: center;
    margin: 9px;
    display: block;
}
@media screen and (max-width: 480px) {

.logo-profile{
    width: 64px;
    height: 64px;
    margin-top: 0;
    object-fit: cover;
}
}
@media screen and (max-width: 776px) {
    .navbar-brand{
    margin:  0 ;
  }
    }
  @media screen and (max-width: 1199px) {
    .navbar-brand{
    margin-right: 0rem;
    margin: 10px 0 ;
  }
  .navbar-brand{
  margin-right: 0rem;
}
.btn-w{
    width: 97%;

        }
    .navbar-nav-p{
  padding: 20px !important;
}
.navbar-nav{
    padding: 0;
    margin-right: auto;
    padding-left: 15px;
}
}
.shadow-c {
    box-shadow: 0 0.5rem 1rem rgb(0 0 0 / 2%) !important;
}
.fixlable {
      position: absolute;
    top: 50px;
}
.navbar-brand{
  margin-right: 0rem;
}
hr{
      opacity: 0.1;
}
input[type=number] {
  -moz-appearance: textfield;
}

.alert {
  padding: 10px;
  text-align: right;
  border-radius: 12px;
  background-color: #D4EDDA;
}

.ok {
  border: solid 1px #155724;
}

.form-label {
  font-weight: bold;
}

.shadow-card {
  box-shadow: 0 0.1rem 2rem rgba(0, 0, 0, 0.08) !important;
}

.btn-primary {
  background-color: #4169E3;
}

html, body, #app {
  height: 100% !important;
}

input:focus {
  outline: none !important;
}

textarea:focus {
  outline: none !important;
}

ul:focus {
  outline: none !important;
}

@media screen and (max-width: 766px) {
  .w-74-c {
    width: 100%;
  }

}


@media screen and (max-width: 576px) {
  .w-50 {
    width: 50% !important;
  }

  .w-100-m {
    width: 100% !important;
    margin-bottom: 5px;
  }
}

td {
    padding-top: 0 !important;
        padding-right:0 !important;
             font-size: 16px !important;
}
th{
      padding-left:0 !important;
      font-size: 16px !important;
          padding-top: 0 !important;
}
th {
        width: 114px;
}

.linkSize {
    height: 40px;
    width: 40px;
    padding: 7px;
}

.rounded-5 {
    border-radius: 30px;
}

.img-verified {
    width: 20px;
}

.div-video {

    border-radius: 13px;
    display: inline;
    padding: 10px;
    background-color: aliceblue;
}

.bg-pinks {
  background: #FBFCFE;
  border-radius: 8px;
}

.card {
    border-radius: 20px;
}


.accordion-button  {
  /* Define CSS variables */
  --angle-ltr: 270deg;
  --angle-rtl: 90deg;
  --angle: var(--angle-ltr); /* Default to LTR angle */
    color: #20211F !important;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    padding: 1px 12px 1px 12px;
    gap: 10px;
    width:100%;
    height: 44px;
    background: linear-gradient(var(--angle), #FFFFFF 22.37%, #ECF9FE 99.97%);
    -webkit-box-shadow: unset !important;
    box-shadow: unset !important;
}

[dir="rtl"] .accordion-button  {
  /* Update the angle value for RTL */
  --angle: var(--angle-rtl);
}

.accordion-button::after {
  background-image: var(--bs-accordion-btn-active-icon);

}



/* .accordion-button {
  color: #20211F;


  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  align-items: center;
  padding: 1px 12px 1px 0px;
  gap: 10px;
  isolation: isolate;

  width:95%;
  height: 44px;

  background: linear-gradient(89.96deg, #FFFFFF 22.37%, #ECF9FE 99.97%);

  -webkit-box-shadow: unset;
  box-shadow: unset;

} */


.rounded-5 {
    border-radius: 1.5rem;
}

.shadow-card {
    -webkit-box-shadow: 0 0.1rem 2rem rgb(0 0 0 / 8%) !important;
    box-shadow: 0 0.1rem 2rem rgb(0 0 0 / 8%) !important;
}

.player {
    border-radius: 15px !important;
    overflow: hidden;
    z-index: 100;
    height: 215px;
    cursor: pointer;
}
.player-video{
  border-radius: 15px !important;
  overflow: hidden;
  z-index: 100;
  height: 175x;
  cursor: pointer;
}
.vlt-wrapper {
    height: 100%
}

.nav-link {
    color: #4F4F4F;
}
.ls-w{
width: 480px;
}

hr {
    opacity: 0.1;
}

.btn-socil {
    min-width: 80px;
    display: ruby;
}

@media screen and (max-width: 992px) {
  

    .w-m-100 {
        width: 100% !important;
    }

    .ls-w {
        width: 100%;
    }

    .res-nav {
        margin: auto !important;
    }
}

@media screen and (max-width: 400px) {
    .fs-16 {
        font-size: 14px !important;
    }
}

@media screen and (max-width: 345px) {
    .hide-fs-16 {
        display: none;
    }
}

.nav-btn {
    width: 45px;
    height: 45px;
    line-height: 45px;
}


.hooper-slide {
    -ms-flex-negative: 0;
        flex-shrink: 0;
    height: 100%;
    margin: 0;
    padding: 0;
    list-style: none;
  }
  .hooper-progress {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    height: 4px;
    background-color: #efefef;
  }
  .hooper-progress-inner {
    height: 100%;
    background-color: #4285f4;
    -webkit-transition: 300ms;
    -o-transition: 300ms;
    transition: 300ms;
  }
  .hooper-pagination {
    position: absolute;
    bottom: 0;
    right: 50%;
    -webkit-transform: translateX(50%);
        -ms-transform: translateX(50%);
            transform: translateX(50%);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 5px 10px;
  }
  .hooper-indicators {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    list-style: none;
    margin: 0;
    padding: 0;
  }
  .hooper-indicator:hover,
  .hooper-indicator.is-active {
    background-color: #4285f4;
  }
  .hooper-indicator {
    margin: 0 2px;
    width: 12px;
    height: 4px;
    border-radius: 4px;
    border: none;
    padding: 0;
    background-color: #fff;
    cursor: pointer;
  }
  .hooper-pagination.is-vertical {
    bottom: auto;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
  }
  .hooper-pagination.is-vertical .hooper-indicators {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .hooper-pagination.is-vertical .hooper-indicator {
    width: 6px;
  }
  .hooper-next,
  .hooper-prev {
    background-color: transparent;
    border: none;
    padding: 1em;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    cursor: pointer;
  }
  .hooper-next.is-disabled,
  .hooper-prev.is-disabled {
    opacity: 0.3;
    cursor: not-allowed;
  }
  .hooper-next {
    right: 0;
  }
  .hooper-prev {
    left: 0;
  }
 
  .hooper {
    position: relative;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 100%;
    height: 200px;
  }
  .hooper * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  .hooper-list {
    overflow: hidden;
    width: 100%;
    height: 100%;
  }
  .hooper-track {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 100%;
    height: 100%;
    padding: 0;
    margin: 0;
    -webkit-transform: translate(0px, 0px);
        -ms-transform: translate(0px, 0px);
            transform: translate(0px, 0px);
    -webkit-transition:0.3s;
    -o-transition:0.3s;
    transition:0.3s;
  }
 

.Vue-Toastification__container {
    z-index: 9999;
    position: fixed;
    padding: 4px;
    box-sizing: border-box;
    display: flex;
    min-height: 100%;
    color: #fff;
    flex-direction: column;
    pointer-events: none;
}
@media only screen and (min-width : 600px) {
    .Vue-Toastification__container.bottom-right{
        bottom: 1em;
        flex-direction: column-reverse;
    }

    .Vue-Toastification__container.top-right, .Vue-Toastification__container.bottom-right {
        right: 1em;
    }
    .Vue-Toastification__container.bottom-right .Vue-Toastification__toast {
        margin-left: auto;
    }
    @supports not (-moz-appearance: none) {
        .Vue-Toastification__container.bottom-right .Vue-Toastification__toast--rtl {
            margin-left: unset;
            margin-right: auto;
        }
    }
}
@media only screen and (max-width : 600px) {
    .Vue-Toastification__container {
        width: 100vw;
        padding: 0;
        left: 0;
        margin: 0;
    }
    .Vue-Toastification__container .Vue-Toastification__toast {
        width: 100%;
    }

    .Vue-Toastification__container.bottom-right{
        bottom: 0;
        flex-direction: column-reverse;
    }
}

.Vue-Toastification__toast {
    display: inline-flex;
    position: relative;
    max-height: 800px;
    min-height: 50px;
    box-sizing: border-box;
    margin-bottom: 1rem;
    padding: 16px 24px;
    border-radius: 8px;
    box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.1), 0 2px 15px 0 rgba(0, 0, 0, 0.05);
    justify-content: space-between;
    min-width: 326px;
    pointer-events: auto;
    overflow: hidden;
    transform: translateZ(0);
}
.Vue-Toastification__toast--rtl {
    direction: rtl;
}
.Vue-Toastification__toast--success {
    background-color: #4F4F4F;/*#4caf50;*/
    color: #fff;
}

@media only screen and (max-width : 600px) {
    .Vue-Toastification__toast {
        border-radius: 0px;
        margin-bottom: 0.5rem;
    }
}
.Vue-Toastification__toast-body {
    flex: 1;
    line-height: 24px;
    font-size: 16px;
    word-break: break-word;
    /* white-space: pre-wrap; */
}

@keyframes scale-x-frames {
    0% {
        transform: scaleX(1);
    }
    100% {
        transform: scaleX(0);
    }
}
.Vue-Toastification__progress-bar {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 5px;
    z-index: 10000;
    background-color: rgba(255, 255, 255, 0.7);
    transform-origin: left;
    animation: scale-x-frames linear 1 forwards;
}
.Vue-Toastification__toast--rtl .Vue-Toastification__progress-bar {
    right: 0;
    left: unset;
    transform-origin: right;
}

.Vue-Toastification__icon {
  margin: auto 0px auto 10px ;
 background: transparent;
    outline: none;
    border: none;
    padding: 0;
    transition: 0.3s ease;
    align-items: center;
    width: 20px;
    height: 100%;
}
.Vue-Toastification__toast--rtl .Vue-Toastification__icon {
    margin: auto 5px auto 10px;
}

@keyframes bounceInRight {
    from, 60%, 75%, 90%, to {
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }
    from {
        opacity: 0;
        transform: translate3d(3000px, 0, 0);
    }
    60% {
        opacity: 1;
        transform: translate3d(-25px, 0, 0);
    }
    75% {
        transform: translate3d(10px, 0, 0);
    }
    90% {
        transform: translate3d(-5px, 0, 0);
    }
    to {
        transform: none;
    }
}
@keyframes bounceOutRight {
    40% {
        opacity: 1;
        transform: translate3d(-20px, 0, 0);
    }
    to {
        opacity: 0;
        transform: translate3d(1000px, 0, 0);
    }
}
 
@keyframes bounceInDown {
    from, 60%, 75%, 90%, to {
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }
    0% {
        opacity: 0;
        transform: translate3d(0, -3000px, 0);
    }
    60% {
        opacity: 1;
        transform: translate3d(0, 25px, 0);
    }
    75% {
        transform: translate3d(0, -10px, 0);
    }
    90% {
        transform: translate3d(0, 5px, 0);
    }
    to {
        transform: none;
    }
}
 
.Vue-Toastification__bounce-enter-active.top-right, .Vue-Toastification__bounce-enter-active.bottom-right {
    animation-name: bounceInRight;
}
.Vue-Toastification__bounce-enter-active.top-center {
    animation-name: bounceInDown;
}
 
 
.Vue-Toastification__bounce-leave-active.top-right, .Vue-Toastification__bounce-leave-active.bottom-right {
    animation-name: bounceOutRight;
}
 
/* ----------------------------------------------
 * Modified version from Animista
 * Animista is Licensed under FreeBSD License.
 * See http://animista.net/license for more info.
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */
@keyframes fadeOutTop {
    0% {
        transform: translateY(0);
        opacity: 1;
    }
    100% {
        transform: translateY(-50px);
        opacity: 0;
    }
}
@keyframes fadeOutLeft {
    0% {
        transform: translateX(0);
        opacity: 1;
    }
    100% {
        transform: translateX(-50px);
        opacity: 0;
    }
}
@keyframes fadeOutBottom {
    0% {
        transform: translateY(0);
        opacity: 1;
    }
    100% {
        transform: translateY(50px);
        opacity: 0;
    }
}
@keyframes fadeOutRight {
    0% {
        transform: translateX(0);
        opacity: 1;
    }
    100% {
        transform: translateX(50px);
        opacity: 0;
    }
}
@keyframes fadeInLeft {
    0% {
        transform: translateX(-50px);
        opacity: 0;
    }
    100% {
        transform: translateX(0);
        opacity: 1;
    }
}
@keyframes fadeInRight {
    0% {
        transform: translateX(50px);
        opacity: 0;
    }
    100% {
        transform: translateX(0);
        opacity: 1;
    }
}
@keyframes fadeInTop {
    0% {
        transform: translateY(-50px);
        opacity: 0;
    }
    100% {
        transform: translateY(0);
        opacity: 1;
    }
}
@keyframes fadeInBottom {
    0% {
        transform: translateY(50px);
        opacity: 0;
    }
    100% {
        transform: translateY(0);
        opacity: 1;
    }
}
.Vue-Toastification__fade-enter-active.top-left, .Vue-Toastification__fade-enter-active.bottom-left {
    animation-name: fadeInLeft;
}
.Vue-Toastification__fade-enter-active.top-right, .Vue-Toastification__fade-enter-active.bottom-right {
    animation-name: fadeInRight;
}
.Vue-Toastification__fade-enter-active.top-center {
    animation-name: fadeInTop;
}
.Vue-Toastification__fade-enter-active.bottom-center {
    animation-name: fadeInBottom;
}

.Vue-Toastification__fade-leave-active.top-left, .Vue-Toastification__fade-leave-active.bottom-left {
    animation-name: fadeOutLeft;
}
.Vue-Toastification__fade-leave-active.top-right, .Vue-Toastification__fade-leave-active.bottom-right {
    animation-name: fadeOutRight;
}
.Vue-Toastification__fade-leave-active.top-center {
    animation-name: fadeOutTop;
}
.Vue-Toastification__fade-leave-active.bottom-center {
    animation-name: fadeOutBottom;
}

.Vue-Toastification__fade-move {
    transition-timing-function: ease-in-out;
    transition-property: all;
    transition-duration: 400ms;
}
.light:hover {
  color: #4169E3 !important;
  border-color: #4169E3 !important;
}
.light:active {
  color: #4169E3 !important;
  border-color: #4169E3 !important;
}


/* ----------------------------------------------
 * Modified version from Animista
 * Animista is Licensed under FreeBSD License.
 * See http://animista.net/license for more info.
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */
@keyframes slideInBlurredLeft {
    0% {
        transform: translateX(-1000px) scaleX(2.5) scaleY(0.2);
        transform-origin: 100% 50%;
        filter: blur(40px);
        opacity: 0;
    }
    100% {
        transform: translateX(0) scaleY(1) scaleX(1);
        transform-origin: 50% 50%;
        filter: blur(0);
        opacity: 1;
    }
}
@keyframes slideInBlurredTop {
    0% {
        transform: translateY(-1000px) scaleY(2.5) scaleX(0.2);
        transform-origin: 50% 0%;
        filter: blur(240px);
        opacity: 0;
    }
    100% {
        transform: translateY(0) scaleY(1) scaleX(1);
        transform-origin: 50% 50%;
        filter: blur(0);
        opacity: 1;
    }
}
@keyframes slideInBlurredRight {
    0% {
        transform: translateX(1000px) scaleX(2.5) scaleY(0.2);
        transform-origin: 0% 50%;
        filter: blur(40px);
        opacity: 0;
    }
    100% {
        transform: translateX(0) scaleY(1) scaleX(1);
        transform-origin: 50% 50%;
        filter: blur(0);
        opacity: 1;
    }
}
@keyframes slideInBlurredBottom {
    0% {
        transform: translateY(1000px) scaleY(2.5) scaleX(0.2);
        transform-origin: 50% 100%;
        filter: blur(240px);
        opacity: 0;
    }
    100% {
        transform: translateY(0) scaleY(1) scaleX(1);
        transform-origin: 50% 50%;
        filter: blur(0);
        opacity: 1;
    }
}
@keyframes slideOutBlurredTop {
    0% {
        transform: translateY(0) scaleY(1) scaleX(1);
        transform-origin: 50% 0%;
        filter: blur(0);
        opacity: 1;
    }
    100% {
        transform: translateY(-1000px) scaleY(2) scaleX(0.2);
        transform-origin: 50% 0%;
        filter: blur(240px);
        opacity: 0;
    }
}
@keyframes slideOutBlurredBottom {
    0% {
        transform: translateY(0) scaleY(1) scaleX(1);
        transform-origin: 50% 50%;
        filter: blur(0);
        opacity: 1;
    }
    100% {
        transform: translateY(1000px) scaleY(2) scaleX(0.2);
        transform-origin: 50% 100%;
        filter: blur(240px);
        opacity: 0;
    }
}
@keyframes slideOutBlurredLeft {
    0% {
        transform: translateX(0) scaleY(1) scaleX(1);
        transform-origin: 50% 50%;
        filter: blur(0);
        opacity: 1;
    }
    100% {
        transform: translateX(-1000px) scaleX(2) scaleY(0.2);
        transform-origin: 100% 50%;
        filter: blur(40px);
        opacity: 0;
    }
}
@keyframes slideOutBlurredRight {
    0% {
        transform: translateX(0) scaleY(1) scaleX(1);
        transform-origin: 50% 50%;
        filter: blur(0);
        opacity: 1;
    }
    100% {
        transform: translateX(1000px) scaleX(2) scaleY(0.2);
        transform-origin: 0% 50%;
        filter: blur(40px);
        opacity: 0;
    }
}
.Vue-Toastification__slideBlurred-enter-active.top-left, .Vue-Toastification__slideBlurred-enter-active.bottom-left {
    animation-name: slideInBlurredLeft;
}
.Vue-Toastification__slideBlurred-enter-active.top-right, .Vue-Toastification__slideBlurred-enter-active.bottom-right {
    animation-name: slideInBlurredRight;
}
.Vue-Toastification__slideBlurred-enter-active.top-center {
    animation-name: slideInBlurredTop;
}
.Vue-Toastification__slideBlurred-enter-active.bottom-center {
    animation-name: slideInBlurredBottom;
}

.Vue-Toastification__slideBlurred-leave-active.top-left, .Vue-Toastification__slideBlurred-leave-active.bottom-left {
    animation-name: slideOutBlurredLeft;
}
.Vue-Toastification__slideBlurred-leave-active.top-right, .Vue-Toastification__slideBlurred-leave-active.bottom-right {
    animation-name: slideOutBlurredRight;
}
.Vue-Toastification__slideBlurred-leave-active.top-center {
    animation-name: slideOutBlurredTop;
}
.Vue-Toastification__slideBlurred-leave-active.bottom-center {
    animation-name: slideOutBlurredBottom;
}

.Vue-Toastification__slideBlurred-move {
    transition-timing-function: ease-in-out;
    transition-property: all;
    transition-duration: 400ms;
}

@media screen and (max-width: 992px) {
    .dyn-height{
            margin-top: 20px;

       }

    }
    @media screen and (max-width: 480px) {
      .search input::placeholder{
        font-size: 16px;
      }
    }
    .dyn-height {
        max-height:600px;
        overflow-y:auto;
         overflow-x: hidden;

    }
    .dyn-height::-webkit-scrollbar-track
    {
     box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
     border-radius: 10px;
     background-color: #F5F5F5;
    }

    .dyn-height::-webkit-scrollbar
    {
     width: 6px;
     background-color: #F5F5F5;
    }

    .dyn-height::-webkit-scrollbar-thumb
    {
     border-radius: 10px;
     box-shadow: inset 0 0 3px rgba(0,0,0,.2);
     background-color: #4F4F4F;
    }
    .input,
    input::placeholder{
            padding-right:10px ;
       }

    .image-wid-s {
        width:80px;
    }
    .image-wid-p {
        width:50px;
    }
    .div-image {
        width:80px;
    }
    .div-image-c {
        width:50px;
    }
    .fixs {
        z-index:75;
        padding: 0  0.8rem;
    }
    .fixs-c {
    z-index: 1000;
        padding: 0px;
        left: 13px;
        background-color: #fff;
    }

#document,
#ctl00_MasterPageBodyTag {
    user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -webkit-touch-callout: none;

}

.navbar-light .navbar-nav .nav-link:hover,
.navbar-light .navbar-nav .nav-link:focus {
    outline: none !important;
}

.navItemHeader {

    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
.newsItem {
    height: 130px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: inherit;
}
.sourseItem {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.black-c {
    color: rgb(32, 33, 31)
}
.black-c:hover {
    color: rgb(32, 33, 31)
}
.custom-size > .row {
    width: 85%;
}
.min-postion{
    min-height: 40px;
}
#death_date br {
    display: none;
  }
#birth_date br {
    display: none;
  }
  .fix {
    text-align: center;
height: 60px;
padding-top: 20px;
border:1px  solid rgb(0 0 0 / 7%);
margin-top: 10px;
}
.rounded-btn-img-news{
    object-fit: cover;
}
.search-c {
    position: relative;


}
.search-c input {
height: 40px;
text-indent: 25px;


}

.search-c input:focus {
-webkit-box-shadow: none;
        box-shadow: none;

}

.search-c svg {
position: absolute;
top: 8px;
margin: 0 10px;
}
.date_show{
    color: #fff;
}
.img-video{
  border-radius: 12px; object-fit: cover;cursor: pointer;width: 100%;
}
.text-primary{
  color: #4169E3 !important;
}
@media screen and (min-width: 766px) {
  .w-md-100{
    width: 100%;
   }
}
.signInBtn {
  height: 44px;
  background-color: rgba(65, 105, 227, 1);
  color: white !important;
  border: none !important;
}
.langInBtn{
  height: 44px;
  min-width: 90px;
  background-color: rgba(65, 105, 227, 0.08) !important;;
  color: rgba(65, 105, 227, 1) !important;
  border: none !important;
}
.signInBtn:hover {
  color: white !important;
  background-color: rgba(65, 105, 227, 1);
  border: none !important;
}
.langInBtn:hover {
  background-color: rgba(65, 105, 227, 0.08) !important;;
  color: rgba(65, 105, 227, 1);
  border: none !important;
}
.text-black{
  color: #000 !important;
}
.imageGaDiv {
  margin-bottom: 10px;border: none;background: #fff;height: 200px;overflow: hidden;
}
.galImg{
  height: 200px;width: 100%;object-fit: cover;
}
.btngallery{
  height: 210px;
                width: 97%;
                top: 0;
                background: linear-gradient(180.47deg, rgba(0, 0, 0, 0) 54.72%, #000000 99.59%);
                border: none;
}
.d-none-s {
  z-index: -1;
}
.custom-p {
  top: 88%;
}
.custom-m {
  top: 91%;
}
.bg-prim-c {
  background-color: #fff !important;
}
.tdInfo{
  font-weight: 500;
}
.relDiv{
  --angle-ltr: 90deg;
  --angle-rtl: 270deg;
  --angle: var(--angle-ltr); /* Default to LTR angle */
  color: rgb(32, 33, 31);display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  padding: 5px 12px 5px 16px;
  gap: 8px;
  isolation: isolate;
  width:100%;
  height: 44px;
  background: linear-gradient(var(--angle),  #F0F0F0 0%, rgba(255, 255, 255, 0) 50%);
}
[dir="rtl"] .relDiv {
  /* Update the angle value for RTL */
  --angle: var(--angle-rtl);
}
.newbar{
  --angle-ltr: 270deg;
  --angle-rtl: 90deg;
  --angle: var(--angle-ltr); /* Default to LTR angle */
  background: linear-gradient(var(--angle),  #F0F0F0 0%, rgba(255, 255, 255, 0) 50%);
  color: #20211F;
  position: relative;
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  align-items: center;
  padding: 1px 12px 1px 12px;
  isolation: isolate;
  margin-top: 24px;
  width:100%;
  min-height: 44px;

  background: linear-gradient(var(--angle), #FFFFFF 22.37%, #ECF9FE 99.97%);

  -webkit-box-shadow: unset;
  box-shadow: unset;
}
[dir="rtl"] .newbar {
  /* Update the angle value for RTL */
  --angle: var(--angle-rtl);
  padding-left: 0;
}
.fs-20 {
  font-size:20px !important
}
.fs-23 {
  font-size:22px !important
  }
  @media screen and (max-width: 567px) {
  .fs-23 {
      font-size:21px !important
  }
  }
  @media screen and (max-width: 467px) {
  .fs-23 {
      font-size:20px !important
  }
  }
  @media screen and (max-width: 417px) {
  .fs-23 {
      font-size:18px !important
  }
  }
  @media screen and (max-width: 370px) {
      .fs-23 {
      font-size:17px !important
      }
  }

.newgra{
  --angle-ltr: 90deg;
  --angle-rtl: 270deg;
  --angle: var(--angle-ltr); /* Default to LTR angle */
  color: #20211F;
  position: relative;

    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    align-items: center;
    padding: 1px 12px 1px 12px;
    gap: 10px;
    isolation: isolate;

    width:100%;
    min-height: 44px;
    margin-right: 10px;
    margin-top: 23px;
    background: linear-gradient(var(--angle), #F0F0F0 0%, rgba(255, 255, 255, 0) 50%);

    -webkit-box-shadow: unset;
    box-shadow: unset;
}
[dir="rtl"] .newgra {
  /* Update the angle value for RTL */
  --angle: var(--angle-rtl);
}
.newgraPur{
  --angle-ltr: 90deg;
  --angle-rtl: 270deg;
  --angle: var(--angle-ltr); /* Default to LTR angle */
  color: #20211F;
  position: relative;

    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    align-items: center;
    padding: 1px 12px 1px 12px;
    gap: 10px;
    isolation: isolate;

    width:100%;
    min-height: 44px;
    margin-right: 10px;
    margin-top: 23px;
    background: linear-gradient(var(--angle), #f1ebff 0%, rgba(255, 255, 255, 0) 50%);

    -webkit-box-shadow: unset;
    box-shadow: unset;
}
[dir="rtl"] .newgraPur {
  /* Update the angle value for RTL */
  --angle: var(--angle-rtl);
}
#workedbefore li:first-of-type a > div{
  /* Your styles here */
  border-radius: 0 8px 8px 0;
}

#workedbefore li:last-of-type a > div {
  /* Your styles here */
  border-radius: 8px 0 0 8px;
}
.new-link
{
  box-sizing: border-box;
font-weight: 700;
/* Auto layout */

display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
padding: 6px 16px;
gap: 10px;
color: #4F4F4F;
border-radius: 10px;
margin:  0 5px;
}
.new-link.btn-active {
  background: rgba(66, 183, 226, 0.24);
  color: #132356 !important;
}
.col-100px{
  width: 100px;
}
.mr12 {
  margin-right: 12px;
}
#news > li {
  list-style-type: none;
}
#newsPen > li {
  list-style-type: none;
}
#newsOther > li {
  list-style-type: none;
}
.fs-18 {
  font-size: 18px !important;
}
.fs-18n {
  font-size: 18px !important;
  }
.fs-17 {
  font-size: 17px !important;
  font-weight: bold;
}
.fs-14 {
  font-size: 14px;
}

#scroll-to-top {
  display: none;
  position: fixed;
  bottom: 40%;
  right: 20px;
  z-index: 9999;
  cursor: pointer;
}

#scroll-to-top.show {
  display: block;
}
.fs-25 {
  font-size: 25px;
}
.prop-border{
  background: #FFFFFF;
/* Dropshadow-image */
border: 2px solid rgba(65, 105, 227, 0.3);

box-shadow: 0px 10px 12px rgba(65, 105, 227, 0.06);
border-radius: 10px;
z-index: 10;
position: absolute;
width: 100%;
right: 0;
bottom: 107px;
}
.prop-title {

margin-top:10px ;
font-weight: 700;
font-size: 20px;
line-height: 34px;
/* identical to box height */

text-align: center;

/* Gray/900 */

color: #20211F;
}
.prop {
font-weight: 400;
font-size: 16px;
line-height: 27px;
/* identical to box height */

text-align: center;

/* Gray/900 */

color: #20211F;
}
.bg-prim-n{
display: flex;
flex-direction: row;
align-items: center;
padding: 12px;
gap: 6px;
height: 59px;
position: absolute;
left: 16%;
right: 49%;
top: 6.63%;
bottom: 77.07%;
color:#132356;
background: #E1EEF8;
box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.08);

}
[dir="rtl"] .bg-prim-n {
  left: 49%;
  right:9.95%
}
.bg-prim-s {
  position: absolute;
  left: 47%;
  right: 16%;
  height: 59px;
  top: 6.63%;
  bottom: 77.07%;
  box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.08);
}

/* For RTL (right-to-left) mode */
[dir="rtl"] .bg-prim-s {
  left: 20%;
  right: 49%;
}
.bg-primary-c{
background: #FBFCFE;
border: 2px solid rgba(65, 105, 227, 0.3);
border-radius: 12px;
}
.show-div {
display: none;
}

@media screen and (max-width: 576px) {
  #scroll-to-top {
    bottom: 15%;
    right: 10px;
  }
  .fs-16{
    font-size: 14px;
    word-wrap: break-word;
  }
  .fs-5{
    font-size: 1.15rem!important;
  }
  a[aria-label="news"]{
    color: #4F4F4F;
    font-size: 16px;
    font-weight: 700;
  }
}

a[aria-label="twitter"] svg:hover path {
  fill: #4169E3;
}
a[aria-label="youtube_channel"] svg:hover path {
  fill: #4169E3;
}
a[aria-label="instagram"] svg:hover path {
  fill: #4169E3;
}
a[aria-label="facebook"] svg:hover path {
  fill: #4169E3;
}
a[aria-label="linkedin"] svg:hover path {
  fill: #4169E3;
}
.newsTitle{
  color: #4F4F4F;
  font-size: 18px;
  font-weight: 700;
}
.newsTitle{
  color: #4F4F4F;
  font-size: 18px;
  font-weight: 700;
}
.newsTitle:hover{
  color: #4169E3;
}
.newsTitle:hover i path{
  fill: #4169E3;
}
.pt-40 {
  padding-top: 40px;
}
.pt-24 {
padding-top: 24px;
}
.pt-50 {
  padding-top: 50px;
  }
.w-20{
  width: 20%;
}
.ms-33 {
  margin-right: 33px
}

.border-bottom-c{border-bottom: 1px solid rgba(80, 82, 107, 0.1);}

.fs-32{
  font-size: 32px;
}
.rotate-180 {
  transform: rotate(180deg);
}

.sharing_modal {
  border-radius: 50%;
  position: relative;
  top: -16px;
  width: 31px;
  right: 24px;
  background: rgb(255, 255, 255);
  padding: 3px;
}

[dir="rtl"] .sharing_modal {
  right: -24px;
}
.fs-22{
  font-size: 22px;
}
.yellow-marketing-banner {
  width: 100%;
  height: 80px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #58CC02;
  color: #1b1b1c;
  box-shadow: 0 -3px 24px 0 #1b1b1c40;
  font-size: 24px;
  font-weight: 700;
  text-align: center;
  transition: .32s ease;
}
.yellow-marketing-banner:hover {

  color: #1b1b1c;

}
.yellow-marketing-banner b {
  color: #f51e00;
}


@media screen and (max-width: 576px) {
  .yellow-marketing-banner {
    font-size: 16px;
    padding: 0 25px;
  }
}

@media screen and (min-width: 576px) {
  .yellow-marketing-banner-small {
    height: 48px;
    font-size: 16px;
  }
}

  @media screen and (min-width: 1200px) {
    .padding-btn-h{
        padding: 1.3rem 0 ;
    }}


    .hidden {
      display: none;
  }

    .allresult {
      color: #4169e3;
      font-size: 16px;
      font-weight: 700;
    }

    hr {
      border-color: #c8cadd;
    }

    .bg-c {
      background-color: #ecf0fc !important;
      color: #20211f !important;
    }

    a {
      cursor: pointer;
    }

    .search-img {
      border-radius: 0.5rem;
      height: 84px;
      width: 84px;
      object-fit: cover;
    }


    .most-visited {
      background-color: #fff;
      box-shadow: 0px 0px 10px 3px rgb(0 0 0 / 10%);
      min-height: 249px;
    }

    .most-visited-text {
      font-family: Dubai;
      font-size: 25px;
      font-weight: 700;
      line-height: 42px;
      letter-spacing: 0em;
      text-align: right;
    }

    .bg-serach {
      background: #f7f9fb;
      border-bottom: 1px solid rgba(80, 82, 107, 0.1);
      border-top: 1px solid rgba(80, 82, 107, 0.1);

    }

    .text-header {
      font-size: 32px;
      font-weight: 700;
      line-height: 54px;
      letter-spacing: 0em;
      text-align: right;
    }

    .fix-primary {
      background: #4169e3 !important;

      color: #fff !important;
    }

    .search {
      position: relative;
      border: 1px solid #f2f2f2;
    }

    .search .input {
      padding: 0 25px;
      height: 68px;
      text-indent: 25px;
      border: none;
      font-size: 20px;
      color: #828282;
      border: 1px solid #f2f2f2;
      border-radius: 8px;
      font-weight: 500;
      background: #FFFFFF;
      border-radius: 8px;
      box-shadow: 0px 0px 24px rgba(32, 33, 31, 0.16);
      border-radius: 8px;
    }

    .search .input:focus {
      -webkit-box-shadow: none;
      box-shadow: none;
      border: none;
    }

    .search img {
      position: absolute;
      top: 22px;
    }
    .search svg {
      position: absolute;
      top: 22px;
    }
    .search .a {
      position: absolute;
      top: 12px;
      height: 44px;
      width: 81px;
      background: #f2f2f2;
      display: flex;
      flex-direction: row;
      justify-content: center;
      align-items: center;
      font-family: Dubai;
      font-size: 16px;
      font-weight: 500;
      letter-spacing: 0em;
      text-align: center;
      color: #828282;
      border-radius: 8px;
    }

    .search .a:active {
      position: absolute;
      top: 12px;
      left: 12px;
      height: 44px;
      width: 81px;
      background: #f2f2f2;
      display: flex;
      flex-direction: row;
      justify-content: center;
      align-items: center;
      font-family: Dubai;
      font-size: 16px;
      font-weight: 500;
      letter-spacing: 0em;
      text-align: center;
      color: #828282;
      border-radius: 8px;
    }

    @media screen and (max-width: 345px) {
      .search .input {
        font-size: 12px;
      }

    }

    @media screen and (max-width: 1200px) {
      .j-margin-top-negative-descover {
        padding-top: 5px;
        margin-top: -24px;
      }
    }

    @media screen and (max-width: 992px) {
      .dyn-height {
        margin-top: 20px;
      }
    }

    @media screen and (max-width: 480px) {}

    .dyn-height {
      max-height: 350px;
      overflow-y: auto;
      overflow-x: hidden;
      margin-top: 20px;
    }

    .dyn-height::-webkit-scrollbar-track {
      box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
      border-radius: 10px;
      background-color: #f5f5f5;
    }

    .dyn-height::-webkit-scrollbar {
      width: 6px;
      background-color: #f5f5f5;
    }

    .dyn-height::-webkit-scrollbar-thumb {
      border-radius: 10px;
      box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.2);
      background-color: #4f4f4f;
    }

    .btn-w {
      width: 100%;
    }

    .image-wid-s {
      width: 80px;
    }

    .image-wid-p {
      width: 50px;
    }

    .div-image {
      width: 80px;
    }

    .div-image-c {
      width: 50px;
    }

    .fixs {
      z-index: 120;
      padding: 0 0.8rem;
    }

    .fixs-c {
      z-index: 120;
      padding: 0px;
      left: 13px;
    }

    .link {
      font-size: 20px;
      font-weight: 500;
      color: #4f4f4f;
      margin: 0 5px;
    }

    .active {
      color: #20211f;
      font-weight: 700;
    }

    .count {
      font-size: 16px;
    }

    .nav-pills .nav-link.active,
    .nav-pills .show>.nav-link {
      color: #20211f;
      font-weight: 700;
      background: none;
    }

    .allresult {
      color: #4169e3;
      font-size: 16px;
      font-weight: 700;
    }

    hr {
      border-color: #c8cadd;
    }

    .search-img-ch {
      border-radius: 0.5rem;
      height: 84px;
      width: 84px;
      object-fit: cover;
    }

    @media screen and (max-width: 576px) {
      .search .input::placeholder {
        font-size:12px;
        padding: 0 !important;
      }
      .bg-category-height {
        display: inline-flex
      }

      .resultsMost {
        margin-top: 15px;
      }

      .search-img-ch {
        width: 200px;
        height: 231px;
      }
    }

    .company_service-s{
      border-radius: 12px;
      border-right: 4px solid #d2eef8;
      background: #fafbfe;
  }