body {text-align:right}
.row, .d-flex {direction:rtl}
div[class*="offset-"] {margin-left:0}
/***** Typography File  *******/

body {font-family:'Markazi Text', sans-serif;font-size:18px}

/*---------------------------------------------------------------------
General
-----------------------------------------------------------------------*/
h1, h2, h3, h4, h5, h6 {font-family: 'Markazi Text', sans-serif;font-weight: 400;margin: 0px;line-height: 1.5}
h1 {font-size: 3.052em}
h2 {font-size: 2.300em}
h3 {font-size: 1.953em}
h4 {font-size: 1.400em}
h5 {font-size: 1.200em}
h6 {font-size: 1.0em}

/* right sidebar */
.right-sidebar-mini {top: 75px;width: 260px;right: auto; left:0;}
.right-sidebar-toggle {margin-left: 0;margin-right: -44px;right:0;padding: 15px;top: 0;border-radius: 0px 30px 30px 0px;box-shadow: -10px 5px 20px rgba(0, 0, 0, 0.19);cursor: pointer}
.right-sidebar-panel {box-shadow: 0px 0px 25px 0px rgba(45, 69, 95, 0.1);height: 100vh;padding: 15px}
.right-sidebar-panel .media-height {max-height: 98vh;overflow-y: scroll}
.right-sidebar {transform: translateX(calc(10% + -1em))}

/*----------------------------------------------
Font Size
------------------------------------------------*/
.font-size-12 {font-size: 15px !important}
.font-size-14 {font-size: 18px !important}
.font-size-16 {font-size: 20px !important}
.font-size-18 {font-size: 23px !important}
.font-size-20 {font-size: 26px !important}
.font-size-32 {font-size: 42px !important}
.font-size-40 {font-size: 52px !important}

/*----------------------------------------------
Avatar Size
------------------------------------------------*/
.avatar-35 {height: 35px;width: 35px;line-height: 35px;font-size: 0.5rem}
.avatar-30 {height: 30px;width: 30px;line-height: 30px;font-size: 0.4rem}
.avatar-40 {height: 40px;width: 40px;line-height: 40px;font-size: 0.6rem}
.avatar-45 {height: 45px;width: 45px;line-height: 45px;font-size: 0.8rem}
.avatar-50 {height: 50px;width: 50px;line-height: 50px;font-size: 1rem}
.avatar-60 {height: 60px;width: 60px;line-height: 60px;font-size: 1.2rem}
.avatar-70 {height: 70px;width: 70px;line-height: 70px;font-size: 1.4rem}
.avatar-80 {height: 80px;width: 80px;line-height: 80px;font-size: 1.6rem}
.avatar-90 {height: 90px;width: 90px;line-height: 90px;font-size: 1.6rem}
.avatar-100 {height: 100px;width: 100px;line-height: 100px;font-size: 1.6rem}
.avatar-110 {height: 110px;width: 110px;line-height: 110px;font-size: 1.6rem}
.avatar-120 {height: 120px;width: 120px;line-height: 120px;font-size: 1.6rem}
.avatar-130 {height: 130px;width: 130px;line-height: 130px;font-size: 1.6rem}

/*----------------------------------------------
Margin Bottom
------------------------------------------------*/
.iq-mb-3 {margin-bottom: 30px !important}

/*----------------------------------------------
Card
------------------------------------------------*/
.iq-card {-webkit-border-radius: 15px;-moz-border-radius: 5px;border-radius: 5px;margin-bottom: 15px;-webkit-box-shadow: 0px 0px 20px 0px rgba(0, 84, 81, 0.15);box-shadow: 0px 0px 20px 0px rgba(0, 84, 81, 0.15)}
.iq-card-transparent {-webkit-border-radius: 15px;-moz-border-radius: 5px;border-radius: 5px;margin-bottom: 15px}
.iq-card-body {padding: 15px}
.iq-card .iq-card-header {padding: 0 20px;min-height: 60px;-ms-flex-align: center !important;align-items: center !important;border-bottom: 1px solid var(--iq-border-light)}
.iq-card .iq-card-header .iq-header-title {align-self: center !important}
.iq-card .iq-card-header .iq-header-title .card-title {margin-bottom: 0}
.iq-card-header-toolbar .nav-item a {padding: 4px 12px;font-size: 18px}
.iq-card-header-toolbar .dropdown-toggle i {font-size: 22px;line-height: normal}


/*----------------------------------------------
Buttons
------------------------------------------------*/
.btn {font-size: 18px;border-radius: 5px}
.btn.focus, .btn:focus {box-shadow: none !important}
.btn i {margin-right: 0;margin-left: 5px;}
.iq-sign-btn {border: 1px solid transparent;padding: .375rem 1rem;border-radius: 5px;line-height: normal}

/*--------------*/
.alert {display: -ms-flexbox;-webkit-box-align: stretch;-ms-flex-align: stretch;align-items: stretch}
.alert .iq-alert-icon {display: -ms-flexbox;-webkit-box-align: center;-ms-flex-align: center;align-items: center;padding: 0 0 0 1.30rem}
.alert .iq-alert-icon i {font-size: 2.441em;line-height: normal}
.alert .iq-alert-text {-ms-flex-item-align: center;align-self: center;-webkit-box-flex: 1;-ms-flex-positive: 1;flex-grow: 1}
.alert .close {float: left; font-size: 26px;font-weight: 400;line-height: 1;opacity: 1}
.close:not(:disabled):not(.disabled):focus, .close:not(:disabled):not(.disabled):hover {outline: none}

/*---------------------------------------------------------------------
                               Media Support
-----------------------------------------------------------------------*/
.iq-media-group .iq-media {margin-left: 0;margin-right: -20px;}
.iq-media-group .iq-media img, .iq-media-group .iq-media.border {border: 2px solid var(--iq-border-light)}
.iq-media-group .iq-media:first-child {margin-right: 0}

/*---------------------------------------------------------------------
                                  Best Sellers
-----------------------------------------------------------------------*/
.iq-card .list-star li {margin-left: 0}

/*---------------------------------------------------------------------
                                  Profile-Avatar
-----------------------------------------------------------------------*/
.iq-profile-avatar:before {border-radius: 100%;border: 2px solid var(--iq-white);height: 16px;width: 16px;right: auto; left:0;bottom: -3px}
.avatar-upload {max-width: 205px;margin: 15px 0 0}
.avatar-upload .avatar-edit {right: auto; left:12px;top: 10px}

/*---------------------------------------------------------------------
                                  Countdown
-----------------------------------------------------------------------*/
.countdown {margin: 60px 0 0;padding: 0}
.iq-comingsoon-form button {right: auto;left: 0;top: 0;padding: 11px 30px}

/*--------------*/
.iq-card-header select.form-control {border: none;font-size: 18px;margin-right: 0;margin-left: 15px}

/*---------------------------------------------------------------------
                             Badge Img Tag
-----------------------------------------------------------------------*/
.badge-img-tag {top: 15px;left: auto;right: 15px;}

/*---------------------------------------------------------------------
                             list Style 1
-----------------------------------------------------------------------*/
.iq-list-style-1 li {float: right;list-style-type: none;margin-right: 0;margin-left: 15px}
.iq-list-style-1 li:last-child {margin-left: 0}
.iq-list-style-1 li a i {margin-right: 0; margin-left: 5px}
/*---------------------------------------------------------------------
                             Icon Box
-----------------------------------------------------------------------*/
.iq-icon-box {height: 60px;width: 60px;line-height: 60px;margin-right: 0;margin-left: 10px;font-size: 22px}

/*---------------------------------------------------------------------
                             Tasks Card
-----------------------------------------------------------------------*/
.tasks-card {padding: 0 0 15px 0;border-bottom: 1px solid var(--iq-border-light);margin: 0 0 15px 0}

/*---------------------------------------------------------------------
                               Sign In
-----------------------------------------------------------------------*/
.iq-social-media {margin: 0;padding: 0;float: left}
.iq-social-media li {list-style: none;float: right;margin-right: 0;margin-left: 10px}
.iq-social-media li:last-child {margin-left: 0}
.sign-in-page .container {top: 0;left: 0;right: 0;bottom: 0}
#circle-small {-webkit-animation: circle-small-scale 3s ease-in-out infinite alternate;animation: circle-small-scale 3s ease-in-out infinite alternate;animation-timing-function: cubic-bezier(.6, 0, .4, 1);animation-delay: 0s;top: 200px;left: auto;right: -150px;width: 300px;height: 300px;border-radius: 50%;opacity: 0.4}
#circle-medium {-webkit-animation: circle-small-scale 3s ease-in-out infinite alternate;animation: circle-small-scale 3s ease-in-out infinite alternate;animation-timing-function: cubic-bezier(.6, 0, .4, 1);animation-delay: 0.3s;top: 50px;left: auto;right: -300px;width: 600px;height: 600px;border-radius: 50%;opacity: 0.3}
#circle-large {-webkit-animation: circle-small-scale 3s ease-in-out infinite alternate;animation: circle-small-scale 3s ease-in-out infinite alternate;animation-timing-function: cubic-bezier(.6, 0, .4, 1);animation-delay: 0.6s;top: -100px;left: auto;right: -450px;width: 900px;height: 900px;border-radius: 50%;opacity: 0.2}
#circle-xlarge {-webkit-animation: circle-small-scale 3s ease-in-out infinite alternate;animation: circle-small-scale 3s ease-in-out infinite alternate;animation-timing-function: cubic-bezier(.6, 0, .4, 1);animation-delay: 0.9s;top: -250px;left: auto;right:-600px;width: 1200px;height: 1200px;border-radius: 50%;opacity: 0.1}
#circle-xxlarge {-webkit-animation: circle-small-scale 3s ease-in-out infinite alternate;animation: circle-small-scale 3s ease-in-out infinite alternate;animation-timing-function: cubic-bezier(.6, 0, .4, 1);animation-delay: 1.2s;top: -400px;left: auto;right:-750px;width: 1500px;height: 1500px;border-radius: 50%;opacity: 0.05}
@-webkit-keyframes circle-small-scale {
  0% {-webkit-transform: scale(1.0)}
  100% {-webkit-transform: scale(1.1)}
}
@keyframes circle-small-scale {
  0% {transform: scale(1.0)}
  100% {transform: scale(1.1)}
}

/*---------------------------------------------------------------------
                             Sidebar Menu
-----------------------------------------------------------------------*/
/* Form */
.iq-sidebar-menu .iq-menu li a {font-size: 18px;}
.iq-sidebar-menu .iq-menu li a i {font-size: 20px;margin-right: 0;margin-left: 10px;vertical-align: middle;width: 20px;float: right}
.iq-sidebar-menu .iq-menu li a span {white-space: nowrap;padding: 0;float: right;}
.iq-sidebar-menu .iq-menu li a .iq-arrow-right {margin-right: auto;margin-left: 0;}
.iq-sidebar-menu .iq-menu li a .badge {right: auto; left: 15px;}
.iq-search-bar .searchbox .search-link {right: auto; left: 15px;top: 2px;font-size: 20px}
.iq-sidebar-menu .iq-menu li a[aria-expanded="true"] {border-radius: 5px 5px 0 0}
.iq-sidebar-menu .iq-menu li.active a[aria-expanded="true"] {box-shadow: none}
.iq-sidebar-menu .iq-menu li a[aria-expanded="true"] .iq-arrow-right {transform: rotate(90deg);transition: all 0.3s ease-in-out;-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out}
.iq-sidebar-menu .iq-menu li.active .iq-submenu li.active>a {border-radius: 0}
.iq-sidebar-menu .iq-menu li.active .iq-submenu li:last-child>a {border-radius: 0 0 5px 5px}
body.sidebar-main .iq-sidebar .iq-menu li a[aria-expanded="false"].collapsed {border-radius: 5px}
body.sidebar-main .iq-sidebar .iq-menu li a[aria-expanded="true"] {border-radius: 5px 5px 0 0}

/*------------------------*/
.iq-sidebar-menu .iq-menu li ul {padding-left: 0; padding-right: 10px; }
.sidebar-main .iq-sidebar-menu .iq-menu li ul {padding-right: 0}
.iq-sidebar-menu .iq-menu li ul.iq-submenu-data li > a {padding-left: 0;padding-right: 50px;}
body.sidebar-main .iq-sidebar .iq-sidebar-menu .iq-menu li ul.iq-submenu-data li > a, body.sidebar-main .iq-sidebar:hover .iq-sidebar-menu .iq-menu li ul.iq-submenu-data li > a {padding-left: 0;padding-right: 20px;}

/*---------------------------------------------------------------------
                             Top Menu
-----------------------------------------------------------------------*/
.iq-top-navbar {padding: 0 15px;min-height: 73px;line-height: 73px;top: 0;left: 0;right: auto;width: 100%;margin: 0;box-shadow: 0px 0px 20px 0px rgba(44, 101, 144, 0.1)}
.iq-top-navbar.fixed-header {margin: 0;right: auto;left: 0;width: calc(100% - 260px);border-radius: 0}
.iq-top-navbar .iq-navbar-custom .navbar-breadcrumb {margin-left: 0;margin-right: 30px;padding: 10px 0}
.navbar-list {margin: 0;padding: 0;float: left}
.navbar-list li {float: right;list-style-type: none}
.navbar-list li:last-child>a {padding-right: 15px;padding-left: 20px;}
.menu-tag {top: 18px;left: auto;right: 18px;font-size: 15px;border-radius: 90px;line-height: normal;height: 18px;width: 18px;line-height: 18px}
.nav-item span.dots {height: 5px;width: 5px;font-size: 0;padding: 0;top: 25px;right: auto;left: 10px;animation: shadow-pulse-dots 1s infinite;border-radius: 50%;-webkit-border-radius: 50%}
.nav-item span.count-mail {height: 5px;width: 5px;font-size: 10px;line-height: 15px;padding: 0;top: 20px;right: auto;left: 10px;animation: shadow-pulse 1s infinite;border-radius: 50%}
.top-nav-bottom {margin-left: 0;margin-right: 260px;border-top: 1px solid var(--iq-light-primary)}
.iq-search-bar .search-input {width: 100%;height: 40px;padding: 5px 15px 5px 40px;border-radius: 10px;border: 1px solid var(--iq-border-light)}
.iq-navbar-logo a span {margin-left: 0;margin-right: 10px;font-size: 36px;font-family: 'Markazi Text', sans-serif;line-height: 45px;flex: 1;}

/*---------- Sidebar Logo --------------*/
.iq-sidebar-logo {padding-top: 15px;padding-left: 0;padding-right: 20px;width: 260px;float: right;}
.iq-sidebar-logo a span {margin-left: 0;margin-right: 10px;font-size: 36px;line-height: 45px;flex: 1;}
.iq-top-navbar .iq-navbar-custom .iq-menu-bt-sidebar .iq-menu-bt {margin: 0 20px 0 0}

.line-menu.start {transform-origin: right}
.open .line-menu.start {transform: rotate(-90deg) translateX(3px)}
.line-menu.end {align-self: flex-end;transform-origin: left}
.open .line-menu.end {transform: rotate(-90deg) translateX(-3px)}

/*----------------------*/
.iq-top-navbar .iq-sub-dropdown {width: 300px;top: 100%;right: auto;left: 0;}
.iq-top-navbar .iq-sub-dropdown .iq-card-body div {border-radius: 5px 5px 0 0}

.iq-top-navbar .search-box {top: 100%;right: auto;left: 0;}

/*---------------------------------------------------------------------
                              Content Page
-----------------------------------------------------------------------*/
.content-page {overflow: hidden;padding: 90px 0 0 15px;min-height: 100vh;}

.right-block .image-absulute.image-absulute-1 {top: 10px;left: 240px;right: auto}
.right-block .image-absulute.image-absulute-2 {left: 330px;right: auto;top: 30px}

.iq-card-header-list {margin: 0;padding: 0;float: left}
.iq-card-header-list li {list-style-type: none;float: right;font-size: 26px;margin: 0 8px 0 0}

.header-for-bg .title-on-header {top: 40%;left: 0;right: 0}

/* ------------------ */
.image-hover-data {left: 0;right: 0;top: auto;bottom: -60px;padding: 15px;border-radius: 0 0 5px 5px}
a.image-edit-btn {top: 15px;left: 15px;right: auto;height: 25px;width: 25px;line-height: 25px;border-radius: 5px;opacity: 0}
.event-images img {border-radius: 5px 5px 0 0}
.inner-page-title {top: 25%;left: auto;right: 30px}
.inner-page-bg img {height: 150px}
.job-icon-position {margin: -21px auto 0 auto}
.play-btn {left: 0;right: 0;top: 35%;height: 35px;width: 35px;line-height: 32px;margin: 0 auto;border-radius: 50%;font-size: 32px;opacity: 0}
.top-bg-image > img {border-radius: 5px 5px 0 0}

.without-left-sidebar .iq-footer {margin-right: 0;width: calc(100vw - 255px)}

/* -------------------- */
.without-right-sidebar.sidebar-main .iq-footer {width: calc(100vw - 90px);margin-left: 0;margin-right: 80px}

.background-image {top: auto;bottom: 0;left: 0;right: auto}

.iq-error h1.text-in-box {top: 0;left: 0;right: 0;font-size: 12em;font-weight: 700}

/*---------------------------------------------------------------------
                               OWL Carousel
-----------------------------------------------------------------------*/
.owl-carousel .owl-nav {top: 50%;transform: translateY(-50%);-webkit-transform: translateY(-50%);-o-transform: translateY(-50%);-ms-transform: translateY(-50%);-moz-transform: translateY(-50%);left: auto;right: 0;width: 100%;cursor: pointer}
.owl-carousel .owl-nav .owl-prev {text-indent: inherit;left: auto;right: -8%;width: auto;cursor: pointer;transition: opacity 0.3s ease 0s, left 0.3s ease 0s;-webkit-transition: opacity 0.3s ease 0s, left 0.3s ease 0s;-moz-transition: opacity 0.3s ease 0s, left 0.3s ease 0s;-ms-transition: opacity 0.3s ease 0s, left 0.3s ease 0s;-o-transition: opacity 0.3s ease 0s, left 0.3s ease 0s}
.owl-carousel .owl-nav .owl-next {text-indent: inherit;right: auto;left: -8%;width: auto;cursor: pointer;transition: opacity 0.3s ease 0s, right 0.3s ease 0s;-webkit-transition: opacity 0.3s ease 0s, right 0.3s ease 0s;-moz-transition: opacity 0.3s ease 0s, right 0.3s ease 0s;-ms-transition: opacity 0.3s ease 0s, right 0.3s ease 0s;-o-transition: opacity 0.3s ease 0s, right 0.3s ease 0s}
.owl-carousel .owl-nav i {font-size: 30px;border-radius: 50%;width: 44px;height: 44px;line-height: 42px;padding-right: 0px;font-weight: normal;transition: all 0.3s ease-out 0s;-webkit-transition: all 0.3s ease-out 0s;-moz-transition: all 0.3s ease-out 0s;-ms-transition: all 0.3s ease-out 0s;-o-transition: all 0.3s ease-out 0s}

/* Dots */
.owl-carousel .owl-dots .owl-dot span {border-radius: 30px;margin: 0px 5px;height: 8px;width: 8px;transition: all 0.3s ease-in-out;-webkit-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;cursor: pointer}
.owl-carousel .owl-dots .owl-dot:hover, .owl-carousel .owl-dots .owl-dot.active {outline: none;border: none}
.owl-carousel .owl-dots .owl-dot.active span {box-shadow: 0px 0px 20px 0px rgba(44, 101, 144, 0.1)}
.iq-example-row .row>.col, .iq-example-row .row>[class^=col-] {padding-top: .75rem;padding-bottom: .75rem;border: 1px solid rgba(86, 61, 124, .2)}
.iq-icons-list i {vertical-align: middle;font-size: 22px;float: right;width: 40px;height: 50px;line-height: 50px;margin-right: 0; margin-left: 10px}
.iq-icons-list .icon {vertical-align: middle;font-size: 22px;width: 40px;height: 40px;line-height: 50px;margin-right: 0;margin-left: 10px}
.iq-icons-list  span {vertical-align: middle}
.iq-card-icon {height: 60px;width: 60px;line-height: 60px;font-size: 22px}

/*---------------------------------------------------------------------
                               Timeline
-----------------------------------------------------------------------*/
.iq-timeline {margin: 0 5px 0 0;padding: 0;width: 100%;border-right: 3px solid var(--iq-light-primary)}
.iq-timeline li {margin-left: 0;margin-right: 15px;padding: 15px 5px 0 15px;list-style-type: none}
.iq-timeline li .timeline-dots {top: 20px;left:auto; right: -24px;border: 3px solid var(--iq-primary);border-radius: 90px;padding: 5px}

.team-authors-bg .avatar-80 {bottom: -40px;left: 0;right: 0;margin: 0 auto}

.iq-team-1 .iq-team-1-info {padding: 30px 15px;bottom: 0;left:auto; right: 0;width: 100%}

.user-add-plus {right: auto;left: 30px;font-size: 30px;bottom: -25px;height: 60px;width: 60px;line-height: 60px;border-radius: 900px;-webkit-box-shadow: 0px 10px 30px 0px rgba(57, 60, 82, 0.1);-moz-box-shadow: 0px 10px 30px 0px rgba(57, 60, 82, 0.1);box-shadow: 0px 10px 30px 0px rgba(57, 60, 82, 0.1)}
.user-add-authors:before {top: 0;left: auto;right: 0;width: 100%;height: 100%}
.user-add-authors .user-add-media {top: 50%;transform: translateY(-50%);left: auto;right: 30px}

.iq-email-list .iq-email-ui li i {margin-right: 0;margin-left: 10px;}
.iq-email-list .iq-email-ui li .badge {float: left;font-weight: normal;margin-top: 3px}

.iq-email-to-list ul li {list-style-type: none;font-size: 26px;margin: 0 0 0 5px;float: right}
.iq-email-to-list ul li .custom-control-label::before {top: 13px;left: auto;right: -20px}

.iq-email-search .search-link {top: 0;right: 15px;font-size: 23px;line-height: 38px}

/*----------------------------------*/
.iq-email-listbox .iq-email-sender-list>li {list-style-type: none;padding: 15px 20px;border-top: 1px solid var(--iq-border-light);float: right;width: 100%;}
.iq-email-sender-info .iq-checkbox-mail, .iq-email-sender-info .iq-star-toggle {float: right}
.iq-email-sender-info .iq-star-toggle {margin-left: 0;margin-right: 10px;font-size: 23px}
.iq-email-sender-info .iq-email-title {top: 0;left: 0;right: 85px;overflow: hidden;white-space: nowrap;margin-bottom: 0;line-height: 62px}
.iq-email-content {top: 0;left: 0;right: 300px;bottom: 0;line-height: 62px}
.iq-email-content .iq-email-subject {left: 110px;right: 0;overflow: hidden;white-space: nowrap}
.iq-email-content .iq-email-date {right: auto;left: 20px;width: 100px;padding-left: 0;padding-right: 10px}
.iq-email-sender-list .iq-social-media {line-height: 62px;right: auto;left: -200px;top: 0;font-size: 23px;padding: 0 30px;}
.iq-email-listbox .iq-email-sender-list li:hover .iq-social-media {right: auto;left: 0}

.iq-subject-status {margin-left: 0;margin-right: 15px;flex: 1}

/*---------------------------------------------------------------------
                             Booking list
-----------------------------------------------------------------------*/
.iq-booking-date:after {bottom: 20px;left: auto;right: -8px;}
.iq-booking-date:before {bottom: 20px;right: auto;left: -8px;height: 16px;width: 16px;}
.iq-booking-offer-img {top: 0;left: 0;right: 0;bottom: 0;margin: auto;max-width: 110%}

.card-style1 img {object-fit: cover;border-radius: 100px;height: 75px;margin-right: 0;margin-left: 10px}

.card-style1.card-style2 .percentage {font-weight: bolder;font-size: 1.2rem;margin-top: -5px;margin-left: -0;margin-right: -50px}

.progress-round::after {width: 100%;height: 100%;border-radius: 50%;border: 3px solid var(--iq-border-light);top: 0;left: auto;right: 0}
.progress-round .progress-left {left: auto; right:0}
.progress-round .progress-left .progress-bar {left: auto;right: 100%;border-top-right-radius: 80px;border-bottom-right-radius: 80px;border-left: 0;-webkit-transform-origin: center left;transform-origin: center left}
.progress-round .progress-right {left: 0; right: auto}
.progress-round .progress-right .progress-bar {left: auto;right: -100%;border-top-left-radius: 80px;border-bottom-left-radius: 80px;border-right: 0;-webkit-transform-origin: center right;transform-origin: center right}
.progress-round .progress-value {top: 0;left: auto;right: 0}
#home-chart-03 .apexcharts-legend.center.position-right {right:auto; left: 35px !important}

.iq-booking-no li {width: 4.9%;margin-left: 0 !important}
.iq-booking-status {line-height: 30px;margin-right: 0;margin-left: 30px}
.iq-booking-status span {width: 16px;height: 16px;border-radius: 4px;margin-right: 0;margin-left: 10px;margin-top: 6px;float: right}

/*-----------------------------------------------------------------
                        Right Sidebar Menu
------------------------------------------------------------------- */
.iq-sidebar-right-menu {top: 75px;right: auto;left: -400px;}
.iq-sidebar-right-menu.film-side {right: auto;left:0}
.iq-booking-ticket:after {bottom: 100px;left: auto;right: -10px;}
.iq-booking-ticket:before {bottom: 100px;right: auto;left: -10px;}

/*---------------------------------------------------------------------
FAQ
-----------------------------------------------------------------------*/
.active-faq a.accordion-title { display: block; padding-right: 0;padding-left: 45px;}
.iq-accordion.career-style.faq-style .iq-accordion-block .accordion-title span {padding-right: 0px}
.iq-accordion.career-style.faq-style .accordion-title:before {cursor: pointer;font-family: "Ionicons";top: -8px;right: auto;left: 15px;font-size: 20px;line-height: 16px;font-weight: normal;transition: all 0.25s ease-in-out 0s;-webkit-transition: all 0.25s ease-in-out 0s;-moz-transition: all 0.25s ease-in-out 0s;border-radius: 4px;width: 45px;height: 45px;line-height: 45px}
.iq-accordion.career-style.faq-style .iq-accordion-block .accordion-details p {padding-left: 0;padding-right: 15px;padding-top: 15px;padding-bottom: 15px}

.animation-card .an-img .bodymovin {width: 162%;margin-bottom: -57px;margin-left: auto;margin-right: -50px}
.animation-card .an-text {width: 180px;top: 75px;left: auto;right: 30px}

/*------------*/
.an-img-two {width: 700px;right: auto;left: -35%;top: -175px}
.offer-an-img {top: -183px;width: 695px;right: -100px;left: auto}

/*---------------------------------------------------------------------
Footer
-----------------------------------------------------------------------*/
.iq-footer {padding: 15px;margin-left: 0;margin-right: 250px;width: calc(100vw - 490px);}
.banner-main-text {right: 15%;left: auto;bottom: 13%}
.nav.nav-pills.style-three .nav-link.active:before, .nav.nav-pills.style-three .nav-link:hover:before {width: 100%;height: 3px;left: auto;right: 0;bottom: 0px}
.nav.nav-pills.style-three .nav-link:before {width: 0;transition: all 0.3s ease-in-out;-webkit-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;-webkit-transition: all 0.3s ease-in-out;height: 3px;right: auto;left: 0;bottom: 0px}
.nav.nav-pills.style-three a:last-child {margin-left: 0px;}

/*---------------------------------------------------------------------
Map Profile
-----------------------------------------------------------------------*/
.map-profile-card {margin-right: 0;margin-left: 30px;border: 1px solid var(--iq-border-light);margin-bottom: 15px}

.email-app-details {visibility: hidden;opacity: 0;top: 0;width: calc(100% - 7px);-webkit-transform: translateX(100%);-ms-transform: translateX(100%);transform: translateX(100%);transition: all .3s ease;-webkit-transition: all .3s ease;height: 100%;left: 0;right: auto;border-radius: 30px;-webkit-border-radius: 30px}
#compose-email-popup {max-width: 700px;left: 0;right: auto;top: auto;bottom: 0;padding: 0 !important;max-height: 555px;width: 100%;overflow-y: scroll;overflow-x: hidden}
#compose-email-popup .iq-card {border-radius: 5px 5px 0 0}

/* checkbox with icon */
.custom-checkbox.checkbox-icon label i {top: 6px;left: auto;right: -21px;font-size: 10px;}

/* switch with icon */
.custom-switch.custom-switch-icon label .switch-icon-left, .custom-switch.custom-switch-text label .switch-icon-left {left: auto;right: 8px}
.custom-switch.custom-switch-icon label .switch-icon-right, .custom-switch.custom-switch-text label .switch-icon-right {right: auto;left: 5px}
.custom-switch.custom-switch-icon, .custom-switch.custom-switch-text {padding-right: 0}
.custom-switch.custom-switch-icon .custom-control-label::before, .custom-switch.custom-switch-text .custom-control-label::before {height: 20px;transition: all .25s ease;-webkit-transition: all .25s ease;user-select: none;top: 0;left: auto;right: 1px;width: 2.75rem}
.custom-switch.custom-switch-icon .custom-control-label:after, .custom-switch.custom-switch-text .custom-control-label:after {top: 1px;left: auto;right: 2px;transition: all .25s ease;-webkit-transition: all .25s ease;user-select: none;height: 18px;width: 18px }
.form-label-group>label {top: 0;left: auto;right: 0;transition: all .25s ease-in-out;-webkit-transition: all .25s ease-in-out;padding: .6rem;font-size: .85rem;opacity: 0}
.counter-value {padding: 1px 6px;font-size: .6rem;border-radius: 0 0 5px 5px;margin-left: 1rem; margin-right: 0}

.slick-arrow.left {left: auto;right: 0;top: 0}
.slick-arrow.right {right: auto;left: 0;top: 0}


.job-classification li > i, .today-schedule li i {margin-right: 0;margin-left: 10px;border-radius: 50%}

#top-tab-list li {list-style-type: none;font-size: 23px;width: 25%;float: right;font-weight: 400 }
#top-tab-list li i {height: 50px;width: 50px;line-height: 50px;font-size: 20px;border-radius: 50%;margin: 0 0 0 15px}

/* validate */
.wizard-step {font-size: 23px;width: 25%;float: right;font-weight: 400}
.stepwizard-row .wizard-step a.btn {font-size: 23px;font-weight: 400;padding: 50px 15px;margin: 10px 20px;border-radius: 5px;-webkit-border-radius: 5px;border: 1px solid var(--iq-light-primary)}

/* vertical */
#top-tabbar-vertical li {list-style-type: none;font-size: 23px;width: 100%;float: right;font-weight: 400 }
#top-tabbar-vertical li i {height: 50px;width: 50px;line-height: 50px;font-size: 20px;border-radius: 50%;margin: 0 0 0 20px}

/*---------------------------------------------------------------------
Chat
-----------------------------------------------------------------------*/
#chat-search {padding-left: 0; padding-right: 40px}
.form-group.chat-search-data > i {top: 8px;left: auto;right: 15px;font-size: 16px}
span.avatar-status {bottom: -10px;top: auto;left: 0;right: auto}
.chat-header-icons > a, .chat-header-icons > span {width: 40px;height: 40px;font-size: 20px;margin: 0 0 0 5px;line-height: 40px;border-radius: 10px;cursor: pointer}
.chat-user {float: left}
.chat-message {float: left;padding: .75rem 1rem;margin: 0 .3rem 1.33rem 1.33rem;clear: both;word-break: break-word;border-radius: 15px;box-shadow: 0 2px 4px 0 rgb(80, 181, 255)}
.chat-left .chat-message::after {right: -7px;left: auto;border-width: 5px 7px 5px 0;border-color: transparent var(--iq-white) transparent transparent}
.chat-content .chat-left .chat-message {float: right;margin: 0 1.3rem 1.8rem .3rem;box-shadow: 0px 0px 20px 0px rgba(44, 101, 144, 0.1)}
.chat-detail .chat-message .chat-time {bottom: -20px;right: auto;left: 0;font-size: .8rem;white-space: nowrap}
.chat-left .chat-user {float: right}
.chat-user-detail-popup {top: 0;width: 360px;right: auto;left: 0;overflow: hidden;height: 100%;opacity: 0;}
.chat-user-detail-popup.show {opacity: 1;visibility: visible;transform: translateX(0);-webkit-transform: translateX(0);transition: all 0.45s ease 0s; -webkit-transition: all 0.45s ease 0s}
#user-detail-popup {top: 0;right: auto;overflow: hidden;left: 0;height: 100%;opacity: 0;transform: translateX(-90%);-webkit-transform: translateX(-90%);transition: all 0.45s ease 0s;-webkit-transition: all 0.45s ease 0s;box-shadow: 0px 0px 20px 0px rgba(44, 101, 144, 0.1);border-radius: 5px;visibility: hidden}

/*---------------------------------------------------------------------
Profile Page
-----------------------------------------------------------------------*/
ul.header-nav {left: 0;right: auto;top: auto;bottom: 20px}
ul.header-nav li  a {list-style: none;height: 40px;width: 40px;border-radius: 50%;line-height: 40px;font-size: 18px;margin: 0 0 0 15px}
.profile-header .user-detail {left: 0;right: 0;top: auto;bottom: 110px}
.news-icon {font-size: 18px;margin-right: 0;margin-left: 20px}
ul.profile-img-gallary {list-style: none;margin: 0 -4px 0 -1px !important}
.comment-activity > a {margin-right: 0; margin-left: 10px}
form.comment-text input {padding-right: 0;padding-left: 130px;}
.comment-attagement {left: 0;right: auto;font-size: 26px}

/*---------------------------------------------------------------------
Profile Edit
-----------------------------------------------------------------------*/
.p-image {top: auto;right: auto;left: 8px;bottom: 10px;border-radius: 50%;height: 30px;width: 30px;line-height: 28px;font-size: 15px;cursor: pointer}
.iq-edit-profile .nav-link {padding: 20px 15px;border-radius: 0;font-size: 20px;border-right: 1px solid var(--iq-light-primary)}
ul.iq-edit-profile li:first-child a {border-radius: 5px 0 0 5px;border-right: none}
ul.iq-edit-profile li:last-child a {border-radius: 0 5px 5px 0}

/*---------------------------------------------------------------------
Todo Page
-----------------------------------------------------------------------*/
.iq-todo-page .search-link, .iq-todo-right .search-link {top: 0;left: auto;right: 10px;font-size: 18px;line-height: 43px}
.iq-todo-page .todo-search, .iq-todo-right .todo-search {padding-left: 0;padding-right: 35px;}
.notification-icon > span {height: 13px;width: 13px;border-radius: 50%;line-height: 15px;font-size: 8px;top: -5px;left: -8px;right: auto}
.iq-todo-page ul ul li a {padding-left: 0;padding-right: 25px;}

.user-list-files a {padding: 10px 15px;margin: 0 10px 0 0;}

/*---------------------------------------------------------------------
Store Page
-----------------------------------------------------------------------*/
.product .offer {left: auto; right: 10px; }
.product span.categry:before {left: auto;right: 0;top: 5px;border-radius: 50%}
.product h6.price {right: auto;left: -8px;}
.product h6.price:before {left: 0;right: auto;}
.product h6.price:after {left: 0;right: auto;}


/*********** Responsive **********/

@media (min-width:1500px) {
	.right-sidebar-toggle {opacity: 0;margin-right: 0}
	.right-sidebar-mini:hover .right-sidebar-toggle {opacity: 1;margin-left: 0;margin-right: -44px}
	.right-sidebar-mini.right-sidebar .right-sidebar-toggle {margin-left: 0;margin-right: -44px;}
	.right-sidebar-mini { transform: translateX(calc(-1em)); }
	.right-sidebar-mini.right-sidebar { transform: translateX(calc(-90% + -1em)); }
	body.sidebar-main .iq-footer {margin-left: 0;margin-right: 80px;width: calc(100vw - 335px)}
}
@media (min-width:1300px) and (max-width:1499px) {
	.right-sidebar-mini { transform: translateX(calc(-90% + 4em)); }
	.right-sidebar-mini.right-sidebar { transform: translateX(calc(-1em)); }
	.without-right-sidebar .iq-footer {width: calc(100vw - 90px);margin-left: 0;margin-right: 80px;}
	.iq-footer {margin-left: 0;margin-right: 80px;width: calc(100vw - 163px)}
}
@media(max-width:1299px) {
	.content-page, body.sidebar-main .content-page {margin-right: 0;padding: 90px 0 0}
	.iq-top-navbar, body.sidebar-main .iq-top-navbar {width: auto;left: 0;right: 0}
	.iq-top-navbar.fixed-header {width: 100%;left: auto;right: 0}
	.iq-footer, body.sidebar-main .iq-footer {padding: 15px 10px;margin-right: 0;width: 100%}
	.iq-sidebar {left: auto;right: -260px}
	body.sidebar-main .iq-sidebar {width: 260px;left: auto;right: 0;top: 72px}
	.iq-email-to-list ul li {margin: 0 0 0 2px}
	.iq-menu-horizontal {left: 0;right: -100%;}
	.iq-page-menu-horizontal.sidebar-main .iq-menu-horizontal {opacity: 1;left: auto;right: 0;border-radius: 15px}
	.iq-menu-horizontal .iq-sidebar-menu .iq-menu li a {padding: 15px 30px 15px 20px}
}
@media(max-width:1199px) {
	.iq-email-to-list ul li {margin: 0 0 0 5px}
	.iq-email-to-list .justify-content-between {float: right;width: 900px}
}
@media (min-width: 992px) {
	.blog-list .blog-description {
		left: auto;right: -70px;
	}
	.blog-list.list-even .blog-description {
		left: -70px;
		right: auto;
		text-align: left;
	}
}
@media(max-width:992px) {
	.navbar-collapse {top:100%;left: auto;right: 0;width: 100%;}
	.navbar-nav.navbar-list {float: left}
	.iq-top-navbar .iq-navbar-custom .iq-menu-bt {right: auto;left: 125px;top: 18px}
	.animation-card .an-img .bodymovin {margin-bottom: 0;margin-right: 0;width: 100%}
	.chat-data-left {left: auto;right: 0;}
	.chat-sidebar-channel {overflow: auto;height: auto;padding-right: 0 !important}
	.chat-search {padding-right: 0 !important}
	.chat-data-left.show {transform: translateX(0);opacity: 1}
	button.close-btn-res {border: none;font-size: 26px;font-weight: 600;top: 10px;left: 0;right: auto}
	.chat-head header {padding-left: 0;padding-right: 15px}
	.sidebar-toggle {margin-right: 0;margin-left: 15px;border-radius: 5px;height: 40px;width: 40px;line-height: 17px}
	.profile-feed-items li a {margin: 0 0 0 5px}
	.navbar-list li img {margin-left: 0 !important}
	ul.social-data-block li {padding-left: 10px !important}
}
@media(max-width:767px) {
	.user-detail {margin-bottom: 15px;padding-right: 0 !important}
	.profile-img {padding-left: 0 !important }
	.right-block .image-absulute.image-absulute-1 {right: auto;left: 50px;}
	.right-block .image-absulute.image-absulute-2 {left: autp;right: 40px;top: auto;bottom: 50px}
	ul.request-list > li .d-flex{margin-left: 0;margin-right: 50px;margin-top: 10px}
}
@media(max-width:479px) {
	ul.header-nav li {height: 35px;width: 35px;line-height: 35px;margin: 0 0 0 5px;font-size: 20px}
	.iq-top-navbar .iq-sub-dropdown.iq-sub-dropdown-large{right: -100px}
	.iq-top-navbar .iq-sub-dropdown{right: auto; left: -50px}
	.iq-top-navbar .iq-sub-dropdown.iq-user-dropdown{right: auto; left:0}
}


/*********** WHRDMENA ***********/

/* Timeline */
#block-createcontent .stories-data a:hover .las {margin-right:0px; margin-left:5px}


/* Posts */
.whrd-carousel .owl-img-slide span {bottom:0;left:auto;right:0;width:100%;font-weight:bold;padding:0;height:0}
.whrd-carousel:hover .owl-img-slide span {padding:7px 15px;height:auto}
.owl-carousel .owl-nav .owl-prev {right:auto;left:1%;}
.owl-carousel .owl-nav .owl-next {left:auto;right:1%;}