/* CSS Document */

/* 
    Created on   : 19/06/2021.
    Theme Name   : Deski-Saas & Software HTML Template
    Version      : 1.0.
    Developed by : (me@heloshape.com) / (www.me.heloshape.com)
   
*/
/*   01 - Loading Transition  */
/*   02 - Global style  */
/*   03 - Prefix  */
/*   04 - Section Title */
/*   05 - Theme Button */
/*   06 - Pagination  */
/*   07 - Theme Menu  */
/*   08 - Theme Hero Banner/One  */
/*   09 - Fancy Feature One  */
/*   10 - TFancy Feature Two  */
/*   11 - Useable Tools  */
/*   12 - Fancy Feature Three  */
/*   13 - Fancy Short Banner One  */
/*   14 - Faq Classic   */
/*   15 - Footer One  */
/*   16 - Fancy Hero One  */
/*   17 - Fancy Text block One  */
/*   18 - Counter Info Standard  */
/*   19 - Fancy Text block Two   */
/*   20 - Fancy Text block Three */
/*   21 - Team Section One */
/*   22 - Feature Blog One */
/*   23 - Fancy Text block Four  */
/*   24 - Fancy Text block Five  */
/*   25 - Feature Blog Two  */
/*   26 - Contact Us Light */
/*   27 - Theme Hero Banner/Two  */
/*   28 - Fancy Feature Two   */
/*   29 - Fancy Text block Six   */
/*   30 - Counter With Icon One   */
/*   31 - Fancy Text block Seven   */
/*   32 - Fancy Text block Eight   */
/*   33 - Useable Tools Two   */
/*   34 - Client Feedback Slider One   */
/*   35 - Fancy Short Banner Three   */
/*   36 - Footer Style Two   */
/*   37 - Fancy Hero Two   */
/*   38 - Fancy Text block Nine  */
/*   39 - Fancy Text block Ten   */
/*   40 - Fancy Feature Five   */
/*   41 - Team Section Two   */
/*   42 - Fancy Hero Three   */
/*   43 - Fancy Text block Eleven   */
/*   44 - Fancy Feature Six   */
/*   45 - Fancy Text block Twelve   */
/*   46 - Fancy Feature Seven   */
/*   47 - Fancy Text Block Thirteen   */
/*   48 - Fancy Text Block Fourteen   */
/*   49 - Pricing Section One   */
/*   50 - Fancy Text Block Fifteen   */
/*   51 - Fancy Hero Four   */
/*   52 - Pricing Section Two   */
/*   53 - FAQ Section   */
/*   54 - Contact Style Two   */
/*   55 - Faqs   */
/*   56 - Login/Sign Up   */
/*   57 - Blog Pages  */
/*   58 - Theme Hero Banner/Three  */
/*   59 - Fancy Feature Eight   */
/*   60 - Fancy Text block Sixteen   */
/*   61 - Fancy Feature Eight   */
/*   62 - Client Feedback Slider Two   */
/*   63 - Useable Tools / Three  */
/*   64 - Fancy Short Banner Four   */
/*   65 - Footer Style Three   */
/*   66 - Fancy Hero Five   */
/*   67 - Fancy Text block Seventeen   */
/*   68 - Fancy Text block Eighteen   */
/*   69 - Team Section Three  */
/*   70 - Map Area One    */
/*   71 - Documentation  */
/*   72 - Theme Hero Banner/Four   */
/*   73 - Fancy Feature Eight   */
/*   74 - Fancy Text block Nineteen   */
/*   75 - Fancy Feature Nine   */
/*   76 - Pricing Section Three   */
/*   77 - Client Feedback Slider Three   */
/*   78 - Faq Section Three   */
/*   79 - Fancy Short Banner Five   */

/**
* Importing necessary  Styles.
**/
@import url("https://fonts.googleapis.com/css2?family=Tajawal+Slab&family=Tajawal:wght@300;400;500;700&family=Tajawal:wght@300;400;500&display=swap");

/*========================================================================================

*************************** Start Styling Your theme from here ***************************

==========================================================================================*/
/*** 

====================================================================
  Loading Transition
====================================================================


/*------------- Global Prefix -------------------*/
:root {
  --text-color: #73737b;
  --text-light: #888888;
  --heading: #101621;
  --blue-dark: #6f55ff;
  --red-light: #fd6a5e;
  --yellow-deep: #ffb840;
  --blue-light: #3bb0d7;
  --purple-blue: #655c97;
  --vin-red: #973c56;
}

::selection {
  background-color: #6f55ff;
  color: #fff;
}

body {
  font-family: "Tajawal", sans-serif;
  text-align: right;
}

/* Spinner cargando */
.ctn-preloader .animation-preloader .spinner {
  animation: spinner 1.5s infinite linear;
  border-radius: 50%;
  border: 3px solid rgb(101 92 151 / 6%);
  border-top-color: #655c97;
  border-bottom-color: #655c97;
  height: 170px;
  margin: 0 auto 45px auto;
  width: 170px;
}

.ctn-preloader .animation-preloader .txt-loading .letters-loading:before {
  animation: letters-loading 4s infinite;
  color: #655c97;
  content: attr(data-text-preloader);
  left: 0;
  opacity: 0;
  top: 0;
  line-height: 70px;
  position: absolute;
}

.ctn-preloader .animation-preloader .txt-loading .letters-loading {
  font-family: "Tajawal", sans-serif;
  font-weight: 500;
  letter-spacing: 15px;
  display: inline-block;
  color: rgb(101 92 151 / 14%);
  position: relative;
  font-size: 70px;
  line-height: 70px;
}

/*==================== Click Top ====================*/
.scroll-top {
  width: 35px;
  height: 35px;
  line-height: 35px;
  position: fixed;
  bottom: 20px;
  left: 5px;
  z-index: 99;
  text-align: center;
  color: #fff;
  font-size: 18px;
  cursor: pointer;
  border-radius: 50%;
  background: #000;
  display: none;
  transition: all 0.3s ease-in-out;
}

/*______________________ Global style ___________________*/

.font-Tajawal {
  font-family: "Tajawal", sans-serif !important;
}

.font-Tajawal {
  font-family: "Tajawal", sans-serif !important;
}

.font-slab {
  font-family: "Tajawal", sans-serif !important;
}

.font-gordita {
  font-family: "Tajawal", sans-serif !important;
}

.font-recoleta {
  font-family: "Tajawal", sans-serif !important;
}

/*^^^^^^^^^^^^^^^^^^^^^ Section Title ^^^^^^^^^^^^^^^^^^^^^^^^^*/
.title-style-one h2 {
  font-family: "Tajawal", sans-serif;
}

.title-style-two h2 {
  font-family: "Tajawal", sans-serif;
}

.title-style-two h2 {
  font-family: "Tajawal", sans-serif;
}

.title-style-three h6 {
  font-family: "Tajawal", sans-serif;

}

.title-style-three h2 {
  font-family: "Tajawal", sans-serif;
}

.title-style-four h6 {
  font-family: "Tajawal", sans-serif;
}

.title-style-four h2 {
  font-family: "Tajawal", sans-serif;
}

.title-style-five h2 {
  font-family: "Tajawal", sans-serif;
}

.title-style-six h2 {
  font-family: "Tajawal", sans-serif;
}

.title-style-ten h2 {
  font-family: "Tajawal", sans-serif;
}

.title-style-eleven .upper-title {
  font-size: 16px;
  text-transform: uppercase;
  color: #000;
  padding-bottom: 10px;
}


.title-style-thirteen h2 {
  font-family: "Tajawal", sans-serif;
}


/*^^^^^^^^^^^^^^^^^^^^^ Theme Button ^^^^^^^^^^^^^^^^^^^^^^^^^*/
body .theme-btn-one {
  background: var(--blue-dark);
}

body .theme-btn-two {

  font-family: "Tajawal", sans-serif;
}

body .theme-btn-three {

  font-family: "Tajawal", sans-serif;
}

body .theme-btn-four {
  color: var(--blue-dark);
  border: 2px solid var(--blue-dark);
}

body .theme-btn-four:hover {
  background: var(--blue-dark);
}

body .theme-btn-five {
  font-family: "Tajawal", sans-serif;
}

body .theme-btn-ten .fa {
  margin-right: 5px;
}

body .theme-btn-eleven {
  font-family: "Tajawal", sans-serif;
}

body .theme-btn-twelve {
  font-family: "Tajawal", sans-serif;
}

body .theme-btn-thirteen {
  font-family: "Tajawal", sans-serif;
}

body .theme-btn-fourteen {
  font-family: "Tajawal", sans-serif;
}

/*-------------------- Pagination ------------------*/

.page-pagination-one li a {
  font-family: "outfit", sans-serif !important;
}

.page-pagination-one li:first-child a {
  border-radius: 0 5px 5px 0;
}

.page-pagination-one li:last-child a {
  border-radius: 5px 0 0 5px;
}

.page-pagination-one li a:hover,
.page-pagination-one li a.active {
  background: var(--blue-dark);
  color: #fff;
}

.page-pagination-two ul li {
  font-family: "Tajawal", sans-serif;
}

.page-pagination-two ul li:last-child a {
  transform: rotate(180deg);
}


/*^^^^^^^^^^^^^^^^^^^^^ Theme Menu ^^^^^^^^^^^^^^^^^^^^^^^^^*/

.theme-menu-one .right-button-group .signIn-action:hover {
  color: var(--blue-dark);
}

.theme-menu-one .right-button-group .signUp-action {
  width: 155px;
  color: #fff;
  background: var(--blue-dark);
  box-shadow: 0px 15px 40px rgba(161, 146, 250, 0.35);
  margin-right: 35px;
}

.theme-menu-one .right-button-group .signUp-action:hover {
  background: #ffba12;
  box-shadow: 0px 15px 40px rgba(255, 186, 18, 0.3);
}

.theme-menu-one .right-button-group {
  margin-right: 100px;
}

#mega-menu-holder .dropdown-toggle::after {
  margin-right: 4px;
}

/*---------------------Theme Hero Banner/One ---------------*/

.hero-banner-one .hero-heading span {
  display: inline-block;
  position: relative;
  color: var(--blue-dark);
}

.hero-banner-one .hero-heading span:before {
  content: "";
  background: var(--blue-dark);
}

.hero-banner-one .subscription-form button {
  background: var(--blue-dark);
}

.hero-banner-one .sing-in-call a {
  color: var(--blue-dark);
}

.hero-banner-one .icon-box-one {
  /*animation: jumpTwo 3.5s infinite linear;*/
}


/*------------------ Fancy Feature One --------------*/
.block-style-two .text-wrapper a {
  color: var(--blue-dark);
}

.block-style-two .text-wrapper .quote .info-meta {
  padding-right: 15px;
}

.block-style-two .img-holder-one .screen-one {
  z-index: -5;
  top: -19%;
  left: 15%;
  max-width: inherit;
}

.block-style-two .img-holder-one .bubble-one {
  right: 23%;
}

.block-style-two .img-holder-one .bubble-two {
  right: -21%;
}

.block-style-two .img-holder-one .bubble-three {
  right: -10%;
}

.block-style-two .img-holder-one .bubble-four {
  left: 27%;

}

.block-style-two .img-holder-two .screen-two {
  left: -97%;
}

.block-style-two .img-holder-two .bubble-one {
  right: 15%;
}

.block-style-two .img-holder-two .bubble-two {
  left: -71%;

}

.block-style-two .img-holder-two .bubble-three {
  left: -58%;
}

.block-style-two .img-holder-two .bubble-four {

  right: 51%;

}

.block-style-two .img-holder-three .screen-two {
  right: -71%;
}


.block-style-two .img-holder-three .bubble-one {
  right: 24%;
}

.block-style-two .img-holder-three .bubble-two {
  right: -27%;
}


.block-style-two .img-holder-three .bubble-three {
  right: -42%;
}

.block-style-two .img-holder-three .bubble-four {
  right: 14%;
}

/*------------------ Useable Tools  --------------*/
.useable-tools-section.bg-color {
  background: var(--blue-dark);
}

.useable-tools-section h2 {

  font-family: "Tajawal", sans-serif;
}

.clients-feedback-classic:before {
  left: -185px;
}

.clients-feedback-classic .feedback-wrapper:before {
  left: 60px;
}

.clients-feedback-classic .feedback-wrapper .name {
  font-family: "Tajawal", sans-serif;
}

/*------------------ Fancy Short Banner One ----------------*/
.fancy-short-banner-one:before {
  right: 0;
}

.fancy-short-banner-one:after {
  left: 0;
}

.fancy-short-banner-one .form-wrapper {
  padding-right: 65px;
}

.fancy-short-banner-one .form-wrapper form input {
  text-align: right;
  font-family: "Tajawal", sans-serif;
}

.fancy-short-banner-one .form-wrapper form button {
  left: 0;
  background: var(--blue-dark);
}

.fancy-short-banner-one .form-wrapper p a {
  color: var(--blue-dark);
}

.rotate-rtl {
  transform: rotate(180deg);
  margin-right: 10px;
}

/*----------------------- Faq Classic ----------------------*/
.faq-classic .card .card-header button {
  display: block;
  width: 100%;
  text-align: right;
  padding: 20px 70px 20px 15px;
  font-family: "Tajawal", sans-serif;
  font-size: 22px;
  border: none;
  box-shadow: none;
  border-radius: 0;
  margin: 0;
  color: var(--heading);
  text-decoration: none;
  position: relative;

}

.faq-classic .card .card-header button:before {
  content: "+";
  position: absolute;
  font-size: 24px;
  right: 40px;
  top: 50%;
  transform: translateY(-50%);
  transition: all 0.3s ease-in-out;
}

.faq-classic .card .card-body {
  padding: 0 70px 20px 50px;
}



/*------------------ Footer One --------------*/
.fancy-short-banner-two a {
  color: var(--blue-dark);
}

.theme-footer-one .top-footer .footer-title {
  font-family: "Tajawal", sans-serif;
}

.theme-footer-one .top-footer .footer-list ul li a:hover {
  color: var(--blue-dark);
}

.theme-footer-one .bottom-footer-content ul li a {
  margin-right: 20px;
}

/*--------------------- Fancy Hero One --------------------*/
.fancy-hero-one p {
  font-size: 24px;
  line-height: 1.75em;
  padding: 15px 25px 0;
}

.fancy-hero-one .search-form input {
  padding: 0 38px 0 95px;
}

.fancy-hero-one .search-form button {
  background: var(--blue-dark);
  left: 7px;
}

/*------------------- Fancy Text block One ----------------*/
.fancy-text-block-one .quote-wrapper p {
  font-family: "Tajawal", sans-serif;
}

/*----------------- Counter Info Standard --------------*/
.counter-box-two .number {
  color: var(--blue-dark);
}

/*---------------- Fancy Text block Two -------------*/

.fancy-text-block-two .fancy_img_media {
  border-radius: 8px;
  margin-right: auto;
}

/*---------------- Fancy Text block Three -------------*/
.demo-button svg,
.free-trail-button svg {
  transform: rotate(180deg);
}

.fancy-text-block-three .feature-content.light-bg {
  border-radius: 0 5px 5px 0;
  ;
}

.fancy-text-block-three .feature-content.dark-bg {
  border-radius: 5px 0 0 5px;
}

.fancy-text-block-three .feature-content .header {
  padding: 65px 55px 55px 20px;
}

.fancy-text-block-three .feature-content .header h3 {
  font-family: "Tajawal";
}

.fancy-text-block-three .feature-content .feature-list {
  padding: 50px 55px 0 20px;
}

.fancy-text-block-three .feature-content .feature-list .text-meta {
  padding-right: 20px;
}

.fancy-text-block-three .feature-content .feature-list h4 {
  font-family: "Tajawal";
}

.team-section-one .controls .control {
  font-family: "Tajawal", sans-serif;
}

.team-section-one .controls .control:before {
  content: "";
  background: var(--blue-dark);
}

.team-section-one .controls .control.mixitup-control-active {
  color: var(--blue-dark);
}

.team-section-one .team-member h4 {
  font-family: "Tajawal", sans-serif;
}

.feature-blog-one .post-meta .tag {
  font-family: "Tajawal", sans-serif;
}

.feature-blog-one .post-meta .title {
  font-family: "Tajawal";
}

.feature-blog-one .post-meta:hover a.title {
  color: var(--blue-dark);
}

.feature-blog-one .post-meta .read-more {
  right: 0px;
  color: var(--blue-dark);
}

.feature-blog-one .post-meta .category-label {
  margin-left: 0.25rem;
}

/*---------------- Fancy Text block Four -------------*/
.fancy-text-block-four:before {
  right: 0;
}

.fancy-text-block-four:after {
  left: 0;
}

.fancy-text-block-four .wrapper:before {
  left: -253px;
}

.block-style-three {
  padding: 25px 50px 70px 40px;
}

.block-style-three h4 {
  font-family: "Tajawal";
}

/*---------------- Fancy Text block Five -------------*/
.block-style-four {
  padding: 25px 40px 20px 30px;
}

.block-style-four h4 {
  font-family: "Tajawal";
}

.block-style-four:hover a {
  color: var(--blue-dark);
}

/*-------------- Feature Blog Two -------------*/

.feature-blog-two .post-meta .title {
  font-family: "Tajawal";
}

.feature-blog-two .post-meta:hover .title {
  color: var(--blue-dark);
}

.feature-blog-two .post-meta .read-more {
  font-family: "Tajawal", sans-serif;
}

.feature-blog-two .post-meta .read-more i {
  color: var(--blue-dark);
}

.feature-blog-two .post-meta .read-more:hover {
  color: var(--blue-dark);
}

/*------------------- Contact Us Light --------------*/
.contact-us-light .address-info ul li a:hover {
  color: var(--blue-dark);
}

.form-style-light .input-group-meta input {
  text-align: right;
  padding: 0 20px 0 52px;
  font-family: "Tajawal", sans-serif;
}

.form-style-light .input-group-meta textarea {
  font-family: "Tajawal", sans-serif;
}

.form-style-light .input-group-meta input:focus {
  border-color: var(--blue-dark);
}

.form-style-light .input-group-meta label {
  right: 20px;
}

.form-style-light .input-group-meta .placeholder_icon {
  left: 0;
}

#contact-form .form-group .help-block li:before {
  content: "";
}

/*=======================================================================

                              CUSTOMER SUPPORT                

=========================================================================*/
.theme-menu-two .logo {
  right: 0;
}

.theme-menu-two .right-widget {
  left: 0;
}

.theme-menu-two .user-login-button li .signUp-action {
  margin-right: 25px;
}

.theme-menu-two .language-button-group {
  margin-left: 80px;
}

.theme-menu-five .right-widget .free-trail-button span {
  font-size: 14px;
}



/*---------------------Theme Hero Banner/Two ---------------*/

.hero-banner-two .hero-text-wrapper h1 {
  font-family: "Tajawal";
}

.hero-banner-two .hero-text-wrapper .sub-text {
  padding: 40px 0 75px 60px;
}

.hero-banner-two .hero-text-wrapper form input {
  text-align: right;
  padding: 0 30px 0 200px;
}

.hero-banner-two .hero-text-wrapper form button {
  left: 10px;
}

.hero-banner-two .hero-text-wrapper .list-item li {
  padding-right: 22px;
  margin-left: 13px;
}

.hero-banner-two .hero-text-wrapper .list-item li:before {
  right: 5px;
}

.block-style-five {
  padding: 46px 48px 50px 30px;
}

.block-style-five .title {
  font-family: "Tajawal";
}

.fancy-text-block-six .illustration-holder .shape-one {
  left: -22%;
}

.accordion-style-two .card .card-header button {
  text-align: right;
  padding: 22px 0 22px 70px;
  font-family: "Tajawal", sans-serif;
}

.accordion-style-two .card .card-body {
  padding: 0 0 30px 70px;
}

/*------------------- Fancy Text block Seven ----------------*/
.fancy-text-block-seven .shape-six {
  right: -6%;
}

/*---------------- Fancy Text block Eight ---------------*/
.block-style-six .text-details .quote-wrapper {
  padding: 35px 35px 25px 50px;
}

.block-style-six .text-details .quote-wrapper .quote-icon {
  right: 27px;
}

/*-------------------- Useable Tools Two --------------------*/
.client-feedback-slider-one .clientSliderOne .info {
  padding-right: 20px;
}

.client-feedback-slider-one .slider-arrow li:last-child i {
  transform: rotate(180deg);
  display: inline-block;
}

/*----------------- Fancy Short Banner Three -------------------*/

.fancy-short-banner-three .form-wrapper {
  padding-right: 65px;
}

.theme-footer-two:before {
  right: 11%;
}

.theme-footer-two:after {
  left: 30%;
}

.theme-footer-two .top-footer .footer-title {
  font-family: "Tajawal", sans-serif;
}

/*--------------------- Fancy Hero Two --------------------*/
.fancy-hero-two .heading {
  font-family: "Tajawal";
}

/*------------------ Fancy Text block Ten ----------------*/
.fancy-text-block-ten .name {
  padding-right: 28px;
}

.fancy-text-block-ten .name:before {
  right: 0;
}

.fancy-text-block-ten .img-gallery:before {
  left: -5%;
}

.fancy-text-block-ten .img-gallery:after {
  right: -12%;
}

/*---------------- Fancy Text block Eleven -----------------*/
.fancy-text-block-eleven .text-wrapper {
  padding: 50px 65px 0 0;
}

.fancy-text-block-eleven .img-gallery .overlay-img {
  left: -130px;
}

.fancy-text-block-eleven .img-gallery .shape-one {
  right: -16%;
}

.fancy-text-block-eleven .img-gallery .shape-two {
  left: -21%;
}

/*----------------- Fancy Text block Twelve -------------------*/
.fancy-text-block-twelve .text-wrapper .list-item-one li {
  padding-right: 30px;
}

.fancy-text-block-twelve .text-wrapper .list-item-one li:before {
  right: 0;
}

.block-style-eight {
  padding: 20px 32px 25px 15px;
}

.block-style-eight .title {
  font-family: "Tajawal";
}

/*----------------- Fancy Feature Seven --------------*/
.block-style-nine .text-wrapper h6 {
  font-family: "Tajawal", sans-serif;
}

/*------------------ Fancy Text Block Fourteen ---------------*/

.fancy-text-block-fourteen .text-wrapper .name {
  font-family: "Tajawal";
  padding-right: 28px;
}

.fancy-text-block-fourteen .text-wrapper .name span {
  font-family: "Tajawal";
}

.fancy-text-block-fourteen .text-wrapper .name:before {
  right: 0;
}

/*------------------- Pricing Section One ------------------*/
.pricing-nav-one .nav-item .nav-link {
  font-family: "Tajawal", sans-serif;
  border: 2px solid var(--blue-dark);
  color: var(--blue-dark);
}

.pricing-nav-one .nav-item:nth-child(2) .nav-link {
  border-right: none;
  border-radius: 3px 0 0 3px;
}

.pricing-nav-one .nav-item:nth-child(1) .nav-link {
  border-left: none;
  border-radius: 0 3px 3px 0;
}

.pricing-nav-one .nav-item .nav-link.active {
  background: var(--blue-dark);
}

.pricing-section-one .offer-text {
  color: var(--blue-dark);
}

.pricing-section-one .pr-table-wrapper .pack-name {
  font-family: "Tajawal";
}

.pricing-section-one .pr-table-wrapper .pr-feature {
  text-align: right;
  padding: 46px 20px 36px 0;
}

.pricing-section-one .pr-table-wrapper .pr-feature li {
  font-family: "Tajawal", sans-serif;
  padding-right: 30px;
}

.pricing-section-one .pr-table-wrapper .pr-feature li:before {
  right: 0;
}

.accordion-style-two .card .card-header button:before {
  left: 0;
}

/*----------------- Fancy Text Block Fifteen --------------*/

.fancy-text-block-fifteen .text-wrapper .more-text {
  font-family: "Tajawal";
}

/*-------------------- Fancy Hero Four ---------------------*/
.fancy-hero-four h2 {
  font-family: "Tajawal";
}

/*--------------------- Pricing Section Two -----------------*/
.pricing-nav-two .nav-item .nav-link {
  font-family: "Tajawal", sans-serif;
}

.pricing-nav-two .nav-item:nth-child(2) .nav-link {
  border-right: none;
  border-radius: 3px 0 0 3px;
}

.pricing-nav-two .nav-item:nth-child(1) .nav-link {
  border-left: none;
  border-radius: 0 3px 3px 0;
}

.pricing-section-two .pr-table-wrapper .pack-name {
  font-family: "Tajawal";
}

.pricing-section-two .pr-table-wrapper .price {
  font-family: "Tajawal";
}

.pricing-section-two .pr-table-wrapper .pr-feature {
  text-align: right;
  padding: 34px 26px 0 0;
}

.pricing-section-two .pr-table-wrapper .pr-feature li {
  padding-right: 26px;
}

.pricing-section-two .pr-table-wrapper .pr-feature li:before {
  right: 0;
}

/*------------------- FAQ Section -------------------*/

.accordion-style-three .card .card-header button {
  text-align: right;
  padding: 35px 0 35px 35px;
  font-family: "Tajawal", sans-serif;
  box-shadow: none;
}

.accordion-style-three .card .card-header button:before {
  content: "\f107";
  left: 10px;
}

.accordion-style-three .card .card-body {
  padding: 0 0 20px 50px;
}

/*-------------- Contact Style Two --------------*/

.form-style-classic .input-group-meta input {
  text-align: right;
  font-family: "Tajawal", sans-serif;
}

.form-style-classic .input-group-meta textarea {
  font-family: "Tajawal", sans-serif;
}

.form-style-classic .input-group-meta label {
  right: 0;
}

/*---------------------- Faqs -------------------*/
.faqs-header .icon {
  margin-left: 32px;
}

.faqs-header h3 {
  font-family: "Tajawal";
}

.faqs-header .avatar_fallback {
  background: var(--blue-dark);
}

.faqs-all-qus .article-preview .avatar-img {
  margin-left: 22px;
}

.faqs-all-qus .article-preview .article-details .list-meta li {
  padding-right: 25px;
}

.faqs-all-qus .article-preview .article-details .list-meta li:before {
  right: 0;
}

/*------------------ Login/Sign Up ----------------------*/
.user-data-page .form-wrapper h2 {
  font-family: "Tajawal";
}

.user-data-page .form-wrapper .header-info a {
  color: var(--blue-dark);
}

.user-data-form .input-group-meta input {
  text-align: right;
  font-family: "Tajawal", sans-serif;
  padding: 0 0 0 52px;
}

.user-data-form .input-group-meta input:focus {
  border-color: var(--blue-dark);
}

.user-data-form .input-group-meta label {
  right: 0;
}

.user-data-form .input-group-meta .placeholder_icon {
  left: 0;
}

.user-data-form .agreement-checkbox input[type="checkbox"]:checked+label:before {
  content: "";
}

.user-data-form .agreement-checkbox label {
  padding-right: 22px;
}

.user-data-form .agreement-checkbox label:before {
  content: "";
  right: 0;
}

/*------------------- Blog Pages ----------------*/
.blog-sidebar-one {
  padding-right: 20px;
}

.blog-sidebar-one .sidebar-search-form form input {
  padding: 0 20px 0 45px;
}

.blog-sidebar-one .sidebar-search-form form button {
  left: 0;
}

.blog-sidebar-one .sidebar-title {
  font-family: "Tajawal";
}

.blog-sidebar-one .sidebar-categories ul li a {
  font-family: "Tajawal", sans-serif;
}

.blog-sidebar-one .sidebar-categories ul li a:hover {
  color: var(--blue-dark);
}

.blog-sidebar-one .sidebar-recent-news .title {
  font-family: "Tajawal";
}

.blog-sidebar-one .sidebar-recent-news ul li a:hover .title {
  color: var(--blue-dark);
}

.blog-sidebar-one .sidebar-keyword ul li {
  float: right;
}

.blog-sidebar-one .sidebar-keyword ul li a:hover {
  background: var(--blue-dark);
}

.feature-blog-three .post-meta .post .title {
  font-family: "Tajawal";
}

.blog-v4 .post-meta .post .title {
  font-family: "Tajawal";
}

.blog-v4 .post-meta .post .read-more {
  font-family: "Tajawal";
}

.blog-details-post-v1 .post-meta .mark-text {
  font-family: "Tajawal";
}

.blog-details-post-v1 .post-meta h4 {
  font-family: "Tajawal";
}

.blog-details-post-v1 .share-option li {
  margin-right: 10px;
}

.blog-details-post-v1 .share-option li:first-child {
  margin-right: 0;
}

.blog-details-post-v1 .share-area .tag-feature li:first-child {
  font-family: "Tajawal";
}

.blog-details-post-v1 .comment-area .title {
  font-family: "Tajawal";
}

.blog-details-post-v1 .comment-area .comment {
  padding-right: 20px;
}

.blog-details-post-v1 .comment-area .name {
  font-family: "Tajawal";
}

.blog-details-post-v1 .comment-area .reply {
  left: 0;
  background: var(--blue-dark);
}

.blog-details-post-v1 .comment-form-section .title {
  font-family: "Tajawal";
}


/*=======================================================================

                              Documentation                

=========================================================================*/
.theme-menu-three .logo {
  right: 0;
}

.theme-menu-three .right-widget {
  left: 0;
}

.theme-menu-three .user-login-button .signIn-action img {
  margin-left: 12px;
}

.theme-menu-three .user-login-button li .signUp-action {
  margin-right: 35px;
}

.theme-menu-three .user-login-button li .signUp-action img {
  margin-right: 12px;
  transform: rotate(180deg);
}

/*-------------------- Theme Hero Banner/Three -----------------*/
.search-filter-form input {
  padding: 0 35px 0 260px;
}

.search-filter-form button {
  left: 7px;
}

.search-filter-form select {
  left: 120px;
  border-right: 1px solid rgba(0, 0, 0, 0.4) !important;
}

/*-------------------- Client Feedback Slider Two ---------------------*/

.client-feedback-slider-two .bg-wrapper:before {
  left: 40px;
}

/*------------------- Useable Tools -------------*/
.useable-tools-section-three .logo-wrapper {
  left: -7%;
}

.useable-tools-section-three .sub-text {
  padding: 50px 0 40px 50px;
}

.useable-tools-section-three .all-button i {
  margin-right: 5px;
  transform: rotate(180deg);
  display: inline-block;
}

/*------------------ Fancy Short Banner Four ----------------*/

.fancy-short-banner-four .title h2 {
  font-family: "Tajawal";
}

.fancy-short-banner-four .form-wrapper form input {
  text-align: right;
  padding: 0 25px 0 170px;
}

.fancy-short-banner-four .form-wrapper form button {
  left: 7px;
}

/*------------------ Footer Style Three ----------------*/
.theme-footer-three .top-footer .footer-title {
  font-family: "Tajawal", sans-serif;
}

.theme-footer-three .bottom-footer-content p {
  padding-right: 35px;
}

/*-------------------- Fancy Hero Five ---------------------*/
.fancy-hero-five .heading {
  font-family: "Tajawal";
}

.fancy-hero-five .img-meta {
  left: 33px;
}

/*------------------ Team Section Three --------------*/
.teamSliderOne {
  margin-left: -127px;
  margin-right: auto;
}

.team-section-three .slider-arrows li {
  margin-right: 15px;
}

/*---------------------- Map Area One ----------------*/
.map-area-one .si-content h3 {
  font-family: "Tajawal";
}

.doc-sidebar {
  border-left: 1px solid rgba(0, 0, 0, 0.09);
}

#doc-sidebar-nav {
  padding-left: 45px;
}

.doc-sidebar .list-item li h4 {
  font-family: "Tajawal";
}

.doc-sidebar .list-item li h4 .expander {
  left: 0;
}

.doc-sidebar .list-item li .sub-menu a.sec-menu:before {
  content: "";
  left: 10px;
}

.doc-sidebar .list-item li .sub-menu .main-side-nav a {
  margin-right: 15px;
}

.doc-container .doc-main-body {
  padding-right: 50px;
}

.doc-container.full-width .doc-main-body {
  border-left: 1px solid rgba(0, 0, 0, 0.09);
}

.doc-container .doc-main-body h2 {
  font-family: "Tajawal";
}

.doc-container .doc-main-body h3 {
  font-family: "Tajawal";
}

.doc-container .doc-main-body .mark-blue {
  border-right: 4px solid #9cdfc9;
  border-radius: 8px 0 0 8px;
}

.doc-pagination ul li span {
  font-family: "Tajawal";
}

.doc-sideNav .wrapper {
  padding-right: 40px;
}

/*=======================================================================

                              Event               

=========================================================================*/
.theme-menu-four .navbar-nav .nav-item .nav-link {
  font-family: "Tajawal", sans-serif;
}

.theme-menu-four .right-button-group .signIn-action {
  margin-left: 40px;
}

.theme-menu-four .right-button-group {
  margin-right: 100px;
}

/*---------------------- Theme Hero Banner/Four ---------------*/
.hero-banner-four .shape-four {
  right: 15%;
}

.hero-banner-four h1 {
  font-family: "Tajawal Slab", serif;
}

.hero-banner-four .review-text {
  text-align: left;
}

.hero-banner-four .illustration-holder .shape-one {
  right: 24%;
}

.hero-banner-four .illustration-holder .shape-two {
  right: 46%;
}

.hero-banner-four .illustration-holder .shape-three {
  right: 67%;
}

.fancy-text-block-nineteen .text-wrapper .name {
  padding-right: 28px;
}

.fancy-text-block-nineteen .text-wrapper .name:before {
  right: 0;
}

/*--------------------- Pricing Section Three ------------------*/
.pricing-table-area-three .pr-table-wrapper ul {
  text-align: right;
  padding-right: 18px;
}

.pricing-table-area-three .pr-table-wrapper ul li {
  font-family: "Tajawal", sans-serif;
  padding-right: 30px;
}

.pricing-table-area-three .pr-table-wrapper ul li:before {
  right: 0;
}

.pricing-table-area-three .pr-table-wrapper ul li.disable:before {
  right: -8px;
}

.pricing-section-eight .pr-column .plan {
  letter-spacing: 0px;
}

/*-------------------- Client Feedback Slider Three ---------------------*/
.clientSliderThree p {
  font-family: "Tajawal", sans-serif;
}

.client-feedback-slider-three .slider-arrow li:last-child i {
  transform: rotate(180deg);
  display: inline-block;
}

/*------------------- Faq Section Four ----------------*/
.accordion-style-four .card .card-header button {
  text-align: right;
  padding: 27px 45px 27px 35px;
  font-family: "Tajawal", sans-serif;
  box-shadow: none;
}

.accordion-style-four .card .card-header button:before {
  left: 20px;
}

.accordion-style-four .card .card-body {
  padding: 0 45px 20px 50px;
}

/*-------------------- Footer Style Four --------------------*/

.theme-footer-four .footer-list ul li a {
  font-family: "Tajawal", sans-serif;
}

/*----------------- Fancy Text block Twenty -------------------*/
.fancy-video-box-one .video-button {
  padding-right: 23px;
}

.fancy-text-block-twenty .nav-tabs li {
  margin: 0 0 0 82px;
}

.fancy-text-block-twenty .nav-tabs li:last-child {
  margin-left: 0;
}

/*-------------------- Feature Blog Four -----------------*/

.feature-blog-four .feature-article-meta .post-meta a {
  font-family: "Tajawal Slab", serif;
}


/*=======================================================================

                              Product landing               

=========================================================================*/
.theme-menu-five .logo {
  right: 0;
}

.theme-menu-five .right-widget {
  left: 0;
  display: flex;
  gap: 10px;
}

.theme-menu-five .navbar-nav .nav-item .nav-link {
  margin: 0 11px;
}

.nav-item .free-trail-button {
  width: 250px;
}

/*---------------------Theme Hero Banner/Five ---------------*/
.hero-banner-five .button-group a {
  padding: 0 25px 0 5px;
  text-align: right;
}

.hero-banner-five .button-group a .icon {
  margin-left: 15px;
}

/*------------------ Fancy Feature Ten --------------*/
.block-style-fifteen {
  padding: 45px 40px 30px 35px;
}

/*----------------- Fancy Text block Twenty One -------------------*/
.fancy-text-block-twentyOne .text-wrapper .name {
  padding-right: 30px;
}

.fancy-text-block-twentyOne .text-wrapper .name:before {
  right: 0;
}

/*-------------------- Counter Style Two --------------*/
.counter-box-four .number {
  font-family: "Tajawal", sans-serif;
}

/*----------------- Pricing Section Four ----------------*/
.pricing-nav-three {
  flex-direction: row-reverse;
}

.pricing-table-area-four .pr-table-wrapper .top-banner {
  padding: 9px 22px 15px 5px;
}

.pricing-table-area-four .pr-table-wrapper .price {
  padding: 25px 0px 0 20px;
}

.pricing-table-area-four .pr-table-wrapper .pr-feature {
  text-align: right;
  padding: 38px 20px 60px 0;
}

.pricing-table-area-four .pr-table-wrapper .pr-feature li {
  padding-right: 30px;
}

.pricing-table-area-four .pr-table-wrapper .pr-feature li:before {
  right: 0;
}

/*--------------------- Client Feedback Slider Four ---------------*/
.clientSliderFour .feedback-wrapper {
  padding: 45px 40px 50px 50px;
}

/*---------------- Modal Contact Form One ------------------*/
.modal-contact-popup-one .main-body .close {
  left: 30px;
}

.modal-contact-popup-one .main-body .input-group-meta input {
  text-align: right;
}

/*=======================================================================

                              Product landing Dark            

=========================================================================*/

/*-------------------- Menu ---------------*/

.dark-style .theme-menu-five .right-widget .demo-button {
  color: #fff;
  border-color: #fff;
}

/*----------------------- Theme Hero Banner / Six ---------------*/
.hero-banner-six .button-group .ios-button {
  text-align: right;
  padding: 0 25px 0 5px;
  margin-left: 45px;
}

.hero-banner-six .button-group .ios-button .icon {
  margin-left: 15px;
}

.hero-banner-six .button-group .video-button span {
  padding-right: 14px;
}

.block-style-seventeen {
  padding: 32px 44px 40px 50px;
}

.block-style-seventeen .hover-text {
  right: 44px;
}

/*------------------ Fancy Feature Thirteen --------------*/
.fancy-feature-thirteen .carousel-indicators li .icon {
  margin: 6px 0 0 30px;
}

/*------------------ Fancy Portfolio One --------------*/
.fancy-portfolio-one .slider-arrows>div {
  margin-right: 15px;
}

.fancy-portfolio-one .slider-arrows {
  left: 16%;
}

/*-------------- Client Feedback Slider Five ----------------*/
.client-feedback-slider-five .slider-arrow li:last-child i {
  transform: rotate(180deg);
  display: inline-block;
}

/*------------------ Pricing Section Five ---------------*/
.pricing-table-area-five .pr-table-wrapper .pr-feature li {
  padding-right: 30px;
}

.pricing-table-area-five .pr-table-wrapper .pr-feature li:before {
  right: 0;
}

.pricing-table-area-five .shape-one {
  left: -47px;
}

.pricing-table-area-five .shape-two {
  right: -107px;
}

.pricing-table-area-five .pr-table-wrapper .popular-badge {
  right: 34px;
}

/*--------------- Fancy Short Banner Seven --------------*/
.fancy-short-banner-seven .ios-button {
  padding: 0 25px 0 5px;
  text-align: right;
}

.fancy-short-banner-seven .ios-button .icon {
  margin-left: 15px;
}

/*=======================================================================

                              Product landing / Note Taking            

=========================================================================*/

/*-------------------- Menu ---------------*/

.theme-menu-five .right-widget .signIn-action img {
  margin-left: 12px;
}

.theme-menu-five .right-widget .download-btn {
  margin-right: 40px;
}

.theme-menu-five .right-widget .download-btn button {
  padding-right: 12px;
}

.theme-menu-five .right-widget .download-btn button:after {
  margin: 0 11px 0 0;
}

.theme-menu-five .right-widget .download-btn .dropdown-menu a span {
  padding-right: 12px;
}

.theme-menu-five .right-widget .signup-btn {
  margin-right: 38px;
}

.theme-menu-five .right-widget .signup-btn:before {
  right: -20px;
}

/*----------------------- Theme Hero Banner / Seven ---------------*/
.hero-banner-seven .hero-heading {
  padding-left: 50px;
}

.hero-banner-seven .download-btn button {
  padding-right: 12px;
}

.hero-banner-seven .download-btn button:after {
  margin: 0 11px 0 0;
}

.hero-banner-seven .download-btn .dropdown-menu a span {
  padding-right: 12px;
}

/*--------------------- Fancy Feature Sixteen ------------------*/
.block-style-eighteen .text-wrapper .learn-more img {
  margin-right: 5px;
}

.block-style-eighteen .text-wrapper .learn-more:hover img {
  transform: translateX(-3px);
}

/*------------------- Pricing Section Six ------------------*/
.pricing-table-area-six .pr-table-wrapper .pr-feature {
  text-align: right;
  padding: 28px 8px 42px 0;
}

.pricing-table-area-six .pr-table-wrapper .pr-feature li {
  padding-right: 30px;
}

.pricing-table-area-six .pr-table-wrapper .pr-feature li:before {
  right: 0;
}

/*-------------- Client Feedback Slider Six ----------------*/
.clientSliderSix .feedback-wrapper {
  border: 2px solid #e8edf0;
  padding: 42px 57px 48px 44px;
}

.clientSliderSix .feedback-wrapper:before {
  left: 57px;
}

.clientSliderSix .feedback-wrapper .avatar {
  margin-left: 15px;
}

/*----------------- Fancy Short Banner Eight ---------------*/
.fancy-short-banner-eight .download-btn .dropdown-menu a span {
  padding-right: 12px;
}

/*-------------- Footer Style Seven -------------*/
.theme-footer-seven {
  font-family: "Tajawal", sans-serif;
}

.theme-footer-seven .title {
  font-size: 18px;
  font-weight: 500;
}

.theme-footer-seven .bottom-footer .footer-nav a {
  margin-left: 25px;
}

.theme-footer-seven .bottom-footer .social-icon a {
  margin-right: 15px;
}

/*----------------- Fancy Feature Nineteen -------------------*/
.block-style-nineteen .text {
  padding-right: 30px;
}

.block-style-twenty .text-wrapper .video-button .fa {
  margin-left: 15px;
}

/*----------------- Fancy Short Banner Nine ---------------*/

.dropdown-menu.selected-item li:hover {
  background-color: #FF6F1E !important;
}


.dropdown-menu.selected-item .dropdown-item.active::after {
  content: "\f00c";
  color: #FF6F1E !important;
}

@media screen and (min-width: 1200px) {
  .navbar .dropdown-menu:before {
    content: "";
    right: 12% !important;
  }
}


.fancy-short-banner-nine .download-btn .dropdown-menu a span {
  padding-right: 12px;
}

/*----------------- Coming Soon ---------------*/
.coming-soon-content form button:hover {
  background: var(--blue-dark);
}


/*=======================================================================

                              Product landing / Schedule Appointment           

=========================================================================*/

/*-------------------- Menu ---------------*/
.theme-menu-six .right-widget .signIn-action {
  margin: 0 10px 0 40px;
}

.theme-menu-six .right-widget .signIn-action img {
  margin-left: 12px;
}

.hero-banner-nine form button {
  left: 0;
  transform: rotate(180deg);
}

.hero-banner-nine .bg-shape {
  left: 0;
  transform: scaleX(-1);
}

.hero-banner-nine .illustration-container {
  left: -25px;
}

.hero-banner-nine .illustration-container:before {
  right: 70px;
  left: -30px;
}

.hero-banner-nine .illustration-container:after {
  right: 100px;
  left: -30px;
}

/*----------------- Fancy Feature Twenty Four -------------------*/
.block-style-twentyFour .text {
  padding-right: 32px;
}

/*----------------- Fancy Short Banner Ten -------------------*/
.fancy-short-banner-ten .download-btn .dropdown-menu a span {
  padding-right: 12px;
}

/*-------------------- Footer Style Eight --------------------*/
.theme-footer-eight .bottom-footer .social-icon a {
  margin-right: 15px;
}

/*----------------- Team Details ---------------*/
.team-details .main-bg .text-wrapper {
  padding: 40px 115px 40px 50px;
}

.team-details .pager a:last-child i {
  display: inline-block;
  transform: rotate(180deg);
}

/*----------------- Terms and Condition ---------------*/
.terms_and_policy .nav-tabs {
  padding: 30px 45px 30px 10px;
}

.terms_and_policy .nav-item .nav-link {
  font-family: "Tajawal", sans-serif;
}

.terms_and_policy .tab-content {
  padding: 0 50px 0 0;
}

.terms_and_policy .tab-content h3 {
  font-family: "Tajawal", sans-serif;
}

/*----------------- 404 ---------------*/
.error-page .text-wrapper {
  padding: 50px 5% 50px 20px;
}

.error-page .text-wrapper p {
  padding: 55px 0 60px 15%;
}

.text-wrapper .back-home img {
  margin-right: 12px;
  transform: rotate(180deg);
}

.error-page .text-wrapper .logo {
  right: 5%;
}

/*=======================================================================

                              Product landing / Mobile App           

=========================================================================*/

/*---------------------Theme Hero Banner/Ten ---------------*/
.hero-banner-ten .button-group a {
  padding: 0 25px 0 5px;
  text-align: right;
}

.hero-banner-ten .button-group a .icon {
  margin-left: 15px;
}

/*----------------- Fancy Feature Twenty Five -------------------*/

.block-style-twentyFive ul li {
  padding-right: 30px;
}

.block-style-twentyFive ul li:before {
  right: 0;
}

.block-style-twentyFive .screen-container .feature-meta {
  text-align: right;
}

/*--------------------- Pricing Section Seven ------------------*/

.pricing-table-area-seven .pr-table-wrapper {
  padding: 60px 58px 50px 15px;
}

.pricing-table-area-seven .pr-table-wrapper .pr-feature li {
  padding-right: 26px;
}

.pricing-table-area-seven .pr-table-wrapper .pr-feature li:before {
  right: 0;
}

/*-------------- Client Feedback Slider Seven ----------------*/
.client-feedback-slider-seven .slider-arrow li:last-child i {
  transform: rotate(180deg);
  display: inline-block;
}

/*----------------- Fancy Short Banner Twelve ---------------*/
.fancy-short-banner-twelve .button-group a {
  padding: 0 25px 0 5px;
  text-align: right;
}

.fancy-short-banner-twelve .button-group a .icon {
  margin-left: 15px;
}

/*=======================================================================

                              Product landing / Doc Signature        

=========================================================================*/

/*---------------------Theme Hero Banner/Eleven ---------------*/
.hero-banner-eleven .hero-text-wrapper h1 {
  font-family: "Tajawal", sans-serif;
}

/*-------------------- Fancy Feature Twenty Eight --------------------*/

.block-style-twentyNine .video-icon {
  padding: 10px 9px 0 0;
}

/*-------------------- Pricing Section Eight --------------------*/
.pricing-section-eight .pr-column {
  border-left: 1px solid #ededed;
}

.pricing-section-eight .pr-column:last-child {
  border-left: none;
}

.pricing-section-eight .pr-list-wrapper {
  border-radius: 0 15px 15px 0;
  border-left: none;
}

.pricing-section-eight .pr-list-wrapper li {
  padding: 32px 11px 12px 7px;
  text-align: right;
}

/*-------------------- Faq Section Five --------------------*/
.accordion-style-five .card .card-header button {
  text-align: right;
  padding: 30px 0 30px 35px;
  box-shadow: none;
}

.accordion-style-five .card .card-header button:before {
  left: 10px;
}

.accordion-style-five .card .card-body {
  padding: 0 0 20px 50px;
}

/*-------------------- Fancy Hero Six ---------------------*/
.fancy-hero-six .heading {
  font-family: "Tajawal", sans-serif;
}

/*-------------------- Fancy Portfolio Two ---------------------*/

.portfolio-block-two .hover-content {
  padding: 15px 30px 20px 5px;
}

.portfolio-block-two .hover-content h3 a {
  font-family: "Tajawal", sans-serif;
}

.portfolio-block-two .hover-content h3 a:before {
  right: 104%;
}

.portfolio-block-two .fancybox {
  left: 20px;
}

.portfolio-block-two .fancybox:hover {
  background: var(--blue-dark);
}

/*-------------------- Fancy Portfolio Five ---------------------*/

.portfolio-block-three .text a {
  font-family: "Tajawal", sans-serif;
}

.fancy-portfolio-five .slider-arrows li:last-child i {
  transform: rotate(-180deg);
  display: inline-block;
}

/*-------------------- Fancy Portfolio Six ---------------------*/
.po-control-two button:before {
  left: -2px;
}

/*-------------------- Portfolio Details One ---------------------*/
.portfolio-details-one .main-content h4 {
  font-family: "Tajawal", sans-serif;
}

.portfolio-details-one .portfolio-pagination .tp2 {
  font-family: "Tajawal", sans-serif;
}


/*=======================================================================

                              Product landing / Website Builder      

=========================================================================*/

/*-------------------- Menu ---------------*/
.theme-menu-seven .right-widget .signIn-action {
  margin-left: 40px;
}

.theme-menu-seven .right-widget .signIn-action img {
  margin-left: 12px;
}

/*-------------------- Fancy Feature Twenty Nine --------------------*/
.block-style-thirty .feature-list-one li {
  padding-right: 60px;
}

.block-style-thirty .feature-list-one .icon {
  right: 0;
}

.block-style-thirty .feature-list-two li {
  padding-right: 30px;
}

.block-style-thirty .feature-list-two li:before {
  right: 0;
}

/*-------------------- Fancy Feature Thirty --------------------*/
.block-style-thirtyTwo {
  padding: 45px 30px 35px 55px;
}

.block-style-thirtyTwo .text {
  padding-right: 32px;
}

/*----------------- Block Style Thirty Three -------------------*/
.block-style-thirtyThree .title {
  font-family: "Tajawal", sans-serif;
}

/*----------------- Video Box Two -------------------*/
.fancy-video-box-two .video-button {
  background: var(--blue-dark);
}

/*-------------------- Theme Menu One/Center White ---------------------*/

.theme-menu-one.center-white .logo {
  right: 0;
}

.theme-menu-one.center-white .right-button-group {
  left: 0;
}

/*-------------------- Fancy Feature Thirty Three --------------------*/


.block-style-thirtyFour .hover-content .arrow {
  transform: rotate(180deg);
}

/*-------------------- Service Details One --------------------*/
.service-details-one .details-wrapper .list-item-one li {
  padding-right: 32px;
}

.service-details-one .details-wrapper .list-item-one li:before {
  right: 0;
}

.service-details-one .accordion-style-three .card .card-header button {
  font-family: "Tajawal", sans-serif;
  padding: 30px 0px 30px 35px;
}

.service-details-one .sidebar .category-list {
  padding: 32px 5px 30px 35px;
}

.service-details-one .sidebar .category-list a {
  font-family: "Tajawal", sans-serif;
}

.service-details-one .sidebar .category-list a:hover,
.service-details-one .sidebar .category-list a.active {
  color: var(--blue-dark);
}

.service-details-one .sidebar .sidenote {
  background: var(--blue-dark);
}

.service-details-one .sidebar .sidenote p:before {
  content: "“";
  font-family: "Tajawal", sans-serif;
}

.service-details-one .sidebar .social-icon li a {
  margin-left: 20px;
}

/*-------------------- Block Style Thirty Six --------------------*/
.block-style-thirtySix .list-item li {
  padding-right: 30px;
}

.block-style-thirtySix .list-item li:before {
  right: 0;
}

.block-style-thirtySix .illustration-holder-two .shape-one {
  right: -5%;
}

/*-------------------- Fancy Feature Thirty Five --------------------*/

.fancy-feature-thirtyFive .slider-wrapper {
  left: -11vw;
}

.fancy-feature-thirtyFive .slider-arrows li:last-child i {
  transform: rotate(-180deg);
  display: inline-block;
}

.client-feedback-slider-eight .slider-arrow {
  right: calc(50% - 66px);
}

.client-feedback-slider-eight .slider-arrow li:last-child {
  transform: rotate(180deg);
  border-left: 1px solid #efc36f;
}

/*-------------- Pricing Section Nine ----------------*/
.pricing-section-nine .pr-table-wrapper .pack-details {
  padding: 9px 0 30px 50px;
}

.pricing-section-nine .pr-table-wrapper .price {
  padding-left: 25px;
}

.pricing-section-nine .pr-table-wrapper .pr-feature li {
  padding-right: 30px;
  margin-right: 10px;
}

.pricing-section-nine .pr-table-wrapper .pr-feature li:before {
  right: 0;
}

/*-------------------- Feature Blog Five -----------------*/
.feature-blog-five .post-data {
  padding: 25px 0 0 35px;
}

/*------------------ Fancy Short Banner Fifteen ---------------*/
.theme-footer-nine .social-icon a {
  margin-right: 25px;
}

/*=======================================================================

                              VR Landing     

=========================================================================*/

/*---------------------Theme Hero Banner / Fourteen ---------------*/
.hero-banner-fourteen .screen-holder {
  left: 0;
}

.hero-banner-fourteen .screen-holder .rating-box {
  right: -10%;
}

/*-------------------- Fancy Feature Thirty Six --------------------*/

.fancy-feature-thirtySix .slider-arrows {
  right: 17%;
}

.fancy-feature-thirtySix .slider-arrows li:last-child i {
  transform: rotate(-180deg);
  display: inline-block;
}

/*-------------------- Fancy Feature Thirty Seven --------------------*/

.fancy-feature-thirtySeven .rating-count {
  margin-right: 8px;
}

/*-------------------- Fancy Feature Forty -------------------*/
.block-style-thirtyEight .img-meta .shape-one {
  left: 8%;
}

.block-style-thirtyEight .img-meta .shape-two {
  right: -21%;
}

.block-style-thirtyEight .img-meta .shape-three {
  left: -23%;
}


/*----------------------- Theme Hero Banner / Sixteen ---------------*/


html[dir="rtl"] .hero-banner-sixteen form input {
  text-align: right;
}

.hero-banner-sixteen .hero-heading {
  margin-left: 20px;
}

.iti--allow-dropdown .iti__flag-container,
.iti--separate-dial-code .iti__flag-container {
  right: 0 !important;
  left: auto;
}

.iti__country-list {
  text-align: right !important;
}

.iti {
  width: 100% !important;
}

.iti--allow-dropdown input,
.iti--allow-dropdown input[type="text"],
.iti--allow-dropdown input[type="tel"],
.iti--separate-dial-code input,
.iti--separate-dial-code input[type="text"],
.iti--separate-dial-code input[type="tel"] {
  padding-left: 6px !important;
  padding-right: 100px !important;
  margin-left: 0 !important;
  text-align: right !important;
}

.dropdown-item {
  text-align: right;
}

.title-style-two p {
  letter-spacing: 0px;
}

/*-------------------- Admin Toolbar --------------------*/

#gadminbar .dropdown-content {
  right: -107px;
}

.single-pricing-plan-box {
  border-left: 1px solid #f1f1f1;
  border-right: none;
}