/* 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.
**/
/*----bootstrap css ----- */
/*------- Framework css -----------*/
@import url("framework-ltr.css");

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

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

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

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

 ***/
/*------------- Global Prefix -------------------*/

:root {
  --text-color: #73737b;
  --text-light: #888888;
  --heading: #101621;
  --primary-color: #ff6f1e;
  --red-light: #fd6a5e;
  --yellow-deep: #ffb840;
  --blue-light: #3bb0d7;
  --purple-blue: #655c97;
  --vin-red: #973c56;
}

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

body {
  font-family: "outfit", sans-serif;
}

#mega-menu-holder .dropdown-toggle::after {
  content: "\f100";
  font-family: Flaticon;
  border: none !important;
  font-size: 10px;
  position: absolute;
  /* top: 34%; */
  color: inherit;
}

.ctn-preloader .animation-preloader .txt-loading .letters-loading:before {
  animation: letters-loading 4s infinite;
  color: var(--primary-color);
  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: "outfit", sans-serif;
  font-weight: 500;
  letter-spacing: 15px;
  display: inline-block;
  color: rgb(251 139 36 / 14%);
  position: relative;
  font-size: 70px;
  line-height: 70px;
}

/*==================== Click Top ====================*/
.scroll-top {
  width: 35px;
  height: 35px;
  line-height: 35px;
  position: fixed;
  bottom: 20px;
  right: 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-outfit {
  font-family: "outfit", sans-serif !important;
}

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

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

.title-style-two h2 {
  font-family: "outfit", sans-serif;
  font-size: 58px;
}

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

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

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

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

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

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

.title-style-ten h2 {
  font-family: "outfit";
}

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

.title-style-eleven p {
  font-size: 20px;
}

.title-style-eleven h2 span {
  position: relative;
  display: inline-block;
  margin-left: 5px;
}

.title-style-eleven h2 span:before {
  content: "";
  width: 100%;
  height: 12px;
  background: var(--primary-color);
  position: absolute;
  left: 0;
  bottom: 13%;
  z-index: -1;
}

.title-style-thirteen h2 {
  font-family: "outfit";
}

/*^^^^^^^^^^^^^^^^^^^^^ Theme Button ^^^^^^^^^^^^^^^^^^^^^^^^^*/

body .theme-btn-one {
  background: var(--primary-color);
}

body .theme-btn-two {
  font-family: "outfit", sans-serif;
}

body .theme-btn-three {
  font-family: "outfit", sans-serif;
}

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

body .theme-btn-four:hover {
  background: var(--primary-color);
}

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

body .theme-btn-nine {
  font-family: "outfit";
  min-width: 180px;
}

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

body .theme-btn-eleven {
  font-family: "outfit";
}

body .theme-btn-twelve {
  font-family: "outfit";
}

body .theme-btn-thirteen {
  font-family: "outfit";
}

body .theme-btn-fourteen {
  font-family: "outfit";
}

body .shop-btn-one {
  width: 70px;
  height: 70px;
  background: #000;
}

body .shop-btn-one:hover {
  background: var(--purple-blue);
}



body .shop-btn-two {
  font-size: 15px;
  line-height: 50px;
  text-transform: uppercase;
  color: #fff;
  background: #161616;
  padding: 0 36px;
}



body .shop-btn-two:hover {
  background: var(--purple-blue);
}

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

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

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

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

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

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

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


/*^^^^^^^^^^^^^^^^^^^^^ Theme Menu ^^^^^^^^^^^^^^^^^^^^^^^^^*/
.theme-menu-one .right-button-group .signIn-action:hover {
  color: var(--primary-color);
}

.theme-menu-one .right-button-group .signUp-action {
  width: 155px;
  color: #fff;
  background: var(--primary-color);
  box-shadow: 0px 15px 40px rgba(161, 146, 250, 0.35);
  margin-left: 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-left: 100px;
}

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

.hero-banner-one .hero-heading span {
  position: relative;
  color: var(--primary-color);
}

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

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

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

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

.iti {
  width: 100%;
}


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

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

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

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

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

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

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

}

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

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

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

}

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

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

  left: 51%;

}

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


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

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


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

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

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

.useable-tools-section h2 {

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

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

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

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

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

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

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

.fancy-short-banner-one .form-wrapper form input {
  font-family: "outfit", sans-serif;
}

.fancy-short-banner-one .form-wrapper form button {
  right: 0;
  background: var(--primary-color);
}

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

/*----------------------- Faq Classic ----------------------*/


.faq-classic .card .card-header button {
  display: block;
  width: 100%;
  text-align: left;
  padding: 20px 15px 20px 70px;
  font-family: "outfit", sans-serif;
  font-size: 22px;
  border: 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;
  left: 40px;
  top: 50%;
  transform: translateY(-50%);
  transition: all 0.3s ease-in-out;
}

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


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

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

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

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

/*--------------------- Fancy Hero One --------------------*/

.fancy-hero-one p {
  font-size: 24px;
  line-height: 1.75em;
  padding: 20px 25px 0;
  color: #232830;
}

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

.fancy-hero-one .search-form button {
  background: var(--primary-color);
  right: 7px;
}


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


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

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

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

/*---------------- Fancy Text block Three -------------*/

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

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

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

.fancy-text-block-three .feature-content .header h3 {
  font-family: "outfit", sans-serif;
}

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

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

.fancy-text-block-three .feature-content .feature-list h4 {
  font-family: "outfit", sans-serif;
}

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

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

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

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

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

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

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

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

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

/*---------------- Fancy Text block Four -------------*/

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

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

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

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

.block-style-three h4 {
  font-family: "outfit", sans-serif;
}


/*---------------- Fancy Text block Five -------------*/

.block-style-four {
  padding: 25px 30px 20px 40px;
}

.block-style-four h4 {
  font-family: "outfit", sans-serif;
}

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

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

.feature-blog-two .post-meta .title {
  font-family: "outfit", sans-serif;
}

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

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

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

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

/*------------------- Contact Us Light --------------*/

.contact-us-light .address-info ul li a:hover {
  color: var(--primary-color);
}

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

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

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

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

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

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

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

                              CUSTOMER SUPPORT                

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

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

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

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

/*---------------------Theme Hero Banner/Two ---------------*/
.hero-banner-two .hero-text-wrapper h1 {
  font-family: "outfit", sans-serif;
}

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

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

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

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

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

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

.block-style-five .title {
  font-family: "outfit", sans-serif;
}

.fancy-text-block-six .illustration-holder .shape-one {
  right: -20%;
}

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

.accordion-style-two .card .card-body {
  padding: 0 70px 30px 0;
  color: black;
  font-weight: 200;
}

/*------------------- Fancy Text block Seven ----------------*/

.fancy-text-block-seven .shape-six {
  left: -6%;
}

/*---------------- Fancy Text block Eight ---------------*/

.block-style-six .text-details .quote-wrapper {
  padding: 35px 50px 25px 35px;
}

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

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

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

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

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

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

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

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

/*--------------------- Fancy Hero Two --------------------*/
.fancy-hero-two .heading {
  font-family: "outfit", sans-serif;
}


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

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

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

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

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

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

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

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

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

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

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

.block-style-eight .title {
  font-family: "outfit", sans-serif;
}

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

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

.fancy-text-block-fourteen .text-wrapper .name {
  font-family: "outfit", sans-serif;
  padding-left: 28px;
}

.fancy-text-block-fourteen .text-wrapper .name span {
  font-family: "outfit", sans-serif;
}

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

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

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

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

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

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

.pricing-section-one .pr-table-wrapper .pack-name {
  font-family: "outfit", sans-serif;
}

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

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

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

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

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

.fancy-text-block-fifteen .text-wrapper .more-text {
  font-family: "outfit", sans-serif;
}

/*-------------------- Fancy Hero Four ---------------------*/
.fancy-hero-four h2 {
  font-family: "outfit", sans-serif;
}

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

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

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

.pricing-section-two .pr-table-wrapper .pack-name {
  font-family: "outfit", sans-serif;
}

.pricing-section-two .pr-table-wrapper .price {
  font-family: "outfit", sans-serif;
}

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

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

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

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

.accordion-style-three .card .card-header button {
  text-align: left;
  padding: 35px 35px 35px 0;
  font-family: "outfit", sans-serif;
}

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

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

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

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

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

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

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

.faqs-header h3 {
  font-family: "outfit", sans-serif;
}

.faqs-header .avatar_fallback {
  background: var(--primary-color);
}

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

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

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

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

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

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

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

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

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

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

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

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

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

.blog-sidebar-one .sidebar-title {
  font-family: "outfit", sans-serif;
}

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

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

.blog-sidebar-one .sidebar-recent-news .title {
  font-family: "outfit", sans-serif;
}

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

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

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

.feature-blog-three .post-meta .post .title {
  font-family: "outfit", sans-serif;
}

.blog-v4 .post-meta .post .title {
  font-family: "outfit", sans-serif;
}

.blog-v4 .post-meta .post .read-more {
  font-family: "outfit", sans-serif;
}

.blog-details-post-v1 .post-meta .mark-text {
  font-family: "outfit", sans-serif;
}

.blog-details-post-v1 .post-meta h4 {
  font-family: "outfit", sans-serif;
}

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

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

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

.blog-details-post-v1 .comment-area .title {
  font-family: "outfit", sans-serif;
}

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

.blog-details-post-v1 .comment-area .name {
  font-family: "outfit", sans-serif;
}

.blog-details-post-v1 .comment-area .reply {
  right: 0;
  background: var(--primary-color);
}

.blog-details-post-v1 .comment-form-section .title {
  font-family: "outfit", sans-serif;
}


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

                              Documentation                

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

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

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

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

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

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

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

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

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

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

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

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

.useable-tools-section-three .all-button i {
  margin-left: 5px;
}

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

.fancy-short-banner-four .title h2 {
  font-family: "outfit", sans-serif;
}

.fancy-short-banner-four .form-wrapper form input {
  padding: 0 150px 0 25px;
}

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

/*------------------ Footer Style Three ----------------*/
.theme-footer-three:before {
  content: url(../../img/shape/92.svg);
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: -1;
}

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

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

/*-------------------- Fancy Hero Five ---------------------*/
.fancy-hero-five .heading {
  font-family: "outfit", sans-serif;
}

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

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

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

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

/*----------------- Documentation ------------------*/

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

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

.doc-sidebar .list-item li h4 {
  font-family: "outfit", sans-serif;
}

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

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

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

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

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

.doc-container .doc-main-body h2 {
  font-family: "outfit", sans-serif;
}

.doc-container .doc-main-body h3 {
  font-family: "outfit", sans-serif;
}

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

.doc-pagination ul li span {
  font-family: "outfit", sans-serif;
}

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

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

                              Event               

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

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

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

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

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

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

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

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

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


/*------------------ Fancy Text block Nineteen ----------------*/
.fancy-text-block-nineteen .text-wrapper .name {
  padding-left: 28px;
}

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

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

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

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

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

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

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

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

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

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

/*-------------------- Footer Style Four --------------------*/
.theme-footer-four .footer-list ul li a {
  font-family: "outfit", sans-serif;
}

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

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

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

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

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

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

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

.partner-slider-two p.text-lg {
  font-size: 36px;
  line-height: 1.44em;
  font-weight: 500;
}

.partner-slider-two p.text-lg span {
  color: #ffb840;
}

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

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

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

/*-------------------- Counter Style Two --------------*/
.counter-box-four .number {
  font-family: "outfit";
}

/*----------------- Pricing Section Four ----------------*/


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

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

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

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

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

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

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


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

                              Product landing Dark            

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

/*-------------------- Menu ---------------*/
.dark-style .theme-menu-five .right-widget .demo-button,
.demo-button {
  color: #fff;
  border-color: #FF6F1E;
}


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

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

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

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

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

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


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

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

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


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

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

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

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

.pricing-table-area-five .pr-table-wrapper .popular-badge {
  left: -77px;
}

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

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



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

                              Product landing / Note Taking            

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

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

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

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

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

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

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

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

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

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

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

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

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

/*--------------------- Fancy Feature Sixteen ------------------*/
.block-style-eighteen .text-wrapper .learn-more img {
  margin-left: 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: left;
  padding: 28px 0 42px 8px;
}

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

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

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

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

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

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

/*-------------- Footer Style Seven -------------*/
.theme-footer-seven {
  font-family: "outfit";
}

.theme-footer-seven .title {
  font-size: 16px;
  letter-spacing: 3px;
}

.theme-footer-seven .newsletter p span {
  text-decoration: underline;
}

.theme-footer-seven .newsletter form button.dark-btn {
  background: #262626;
  color: #fff;
}

.theme-footer-seven .newsletter form button.dark-btn:hover {
  background: #eb5e2a;
}

.theme-footer-seven .bottom-footer .footer-nav a {
  /* margin-right: 25px; */
}

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


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

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

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

.dropdown-menu.selected-item li:hover {
  background-color: var(--primary-color) !important;
}

.dropdown-menu.selected-item .dropdown-item.active::after {
  content: "\f00c";
  color: var(--primary-color) !important;
}

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

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


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

                              Product landing / Schedule Appointment           

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

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

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

.hero-banner-nine form button {
  right: 0;
}

.hero-banner-nine .bg-shape {
  right: 0;
}

.hero-banner-nine .illustration-container {
  right: 0;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

.error-page .text-wrapper .back-home img {
  margin-left: 12px;
}

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




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

                              Product landing / Mobile App           

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

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

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

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

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

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

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

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

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

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

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

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

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

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



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

                              Product landing / Doc Signature        

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

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

.hero-banner-eleven .illustration-container {
  right: 5%;
}

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

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


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

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

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

.pricing-section-eight .pr-list-wrapper li {
  padding: 32px 6px 32px 12px;
}


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

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

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

/*-------------------- Fancy Hero Six ---------------------*/

.fancy-hero-six .heading {
  font-family: "outfit";
}

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

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

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

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

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

.portfolio-block-two .fancybox:hover {
  background: var(--primary-color);
}

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

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

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

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

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

.portfolio-details-one .portfolio-pagination .tp2 {
  font-family: "outfit";
}

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

                              Product landing / Website Builder      

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

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

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

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

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

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

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

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

.block-style-thirtyTwo:hover {
  transform: translateY(-5px);
}

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


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

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



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

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

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

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

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

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

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

.service-details-one .sidebar .category-list a {
  font-family: "outfit";
}

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

.service-details-one .sidebar .sidenote {
  background: var(--primary-color);
}

.service-details-one .sidebar .sidenote p:before {
  content: "“";
  font-family: "outfit";
}

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

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

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

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

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

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


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

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

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

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

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

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

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

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


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


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

                              VR Landing     

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

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

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

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

.fancy-feature-thirtySix .slider-arrows {
  left: 13%;
}

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

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

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

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

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

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

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

                              E-Commerce     

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

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

.theme-main-menu.sticky-menu.fixed.theme-menu-eight {

  padding-top: 10px;

  padding-bottom: 10px;

}



.theme-menu-eight .signIn-action {

  font-family: "outfit";

  font-weight: 500;

  color: #000;

}



.theme-menu-eight .cart-group-wrapper .dropdown-toggle:after {

  display: none;

}



.theme-menu-eight .cart-group-wrapper .dropdown-toggle {

  width: 50px;

  height: 50px;

  border-radius: 50%;

  margin: 0 28px 0 32px;

  position: relative;

  outline: none;

  box-shadow: none;

  transition: all 0.3s ease-in-out;

}



.theme-menu-eight .cart-group-wrapper .dropdown-toggle:hover {

  background: rgba(0, 0, 0, 0.04);

}



.theme-menu-eight .cart-group-wrapper .item-count {

  position: absolute;

  width: 16px;

  height: 16px;

  border-radius: 50%;

  background: #000;

  line-height: 16px;

  text-align: center;

  font-size: 9px;

  font-weight: 500;

  color: #fff;

  right: 2px;

  top: 0px;

}



.theme-main-menu .cart-group-wrapper .dropdown-menu {

  width: 280px;

  background: #fff;

  border: none;

  border-radius: 0;

  padding: 25px 20px 30px;

  box-shadow: 0px 25px 50px rgba(213, 216, 223, 0.5);

}



.theme-menu-eight .cart-group-wrapper .item-img {

  width: 70px;

  height: 75px;

  padding: 5px;

  background: #f5f5f5;

}



.theme-menu-eight .cart-group-wrapper .item-info {

  width: calc(100% - 70px);

  padding-left: 20px;

  position: relative;

}



.theme-menu-eight .cart-group-wrapper .item-info .name {

  font-size: 16px;

  color: #1f1f1f;

  font-weight: 500;

}



.theme-menu-eight .cart-group-wrapper .item-info .name:hover {

  text-decoration: underline;

}



.theme-menu-eight .cart-group-wrapper .item-info .price {

  font-weight: 500;

  font-size: 16px;

  color: #000;

  letter-spacing: -0.5px;

}



.theme-menu-eight .cart-group-wrapper .item-info .price .quantity {

  font-size: 16px;

  color: rgba(31, 31, 31, 0.5);

  margin-left: 7px;

}



.theme-menu-eight .cart-group-wrapper .selected-item {

  border-bottom: 1px solid #eeeeee;

  padding-bottom: 22px;

  margin-bottom: 18px;

}



.theme-menu-eight .cart-group-wrapper .subtotal .title {

  font-size: 16px;

  font-weight: 500;

  color: #1f1f1f;

}



.theme-menu-eight .cart-group-wrapper .subtotal .total-price {

  font-weight: 500;

  font-size: 16px;

  letter-spacing: 0px;

  color: #000;

}



.theme-menu-eight .cart-group-wrapper .subtotal {

  padding-bottom: 7px;

}



.theme-menu-eight .cart-group-wrapper .button-group a {

  font-weight: 500;

  display: block;

  line-height: 43px;

  border: 1px solid #dbdbdb;

  text-align: center;

  font-size: 14px;

  text-transform: uppercase;

  color: #1f1f1f;

  margin-top: 15px;

  transition: all 0.3s ease-in-out;

}



.theme-menu-eight .cart-group-wrapper .button-group a:hover {

  color: #fff;

  background: #212121;

}



/*------------------- Sidebar Nav ---------------*/

.main-sidebar-nav {

  width: 400px;

  border: none;

  height: 100%;

  overflow-y: auto;

  position: fixed;

  top: 0;

  right: 0;

  z-index: 99990;

  background: #fbf3ec;

  transform: translateX(100%);

  transition: all 0.3s ease-in-out;

}



.main-sidebar-nav.show {

  transform: translateX(0);

}



.main-sidebar-nav .offcanvas-header {

  padding: 30px 20px 60px;

}



.main-sidebar-nav .offcanvas-header .close-btn {

  font-size: 24px;

}



.main-sidebar-nav .offcanvas-header .close-btn:hover {

  color: var(--primary-color);

}



.main-sidebar-nav .navbar-nav .nav-item .nav-link {

  margin: 0;

  padding: 10px 20px;

  border-top: 1px solid rgba(0, 0, 0, 0.07);

}



.main-sidebar-nav .navbar-nav .nav-item .nav-link:hover,

.main-sidebar-nav .navbar-nav .nav-item.show .nav-link {

  color: var(--primary-color);

}


.main-sidebar-nav .navbar-nav .nav-item .nav-link::after {

  content: "+";

  border: none !important;

  font-size: 20px;

  position: absolute;

  right: 10px;

  top: 0;

  color: inherit;

  line-height: 51px;

  transition: all 0.3s ease-in-out;

}



.main-sidebar-nav .show.dropdown .dropdown-toggle::after {

  content: "-";

  transform: rotate(180deg);

}



.main-sidebar-nav .dropdown-menu .dropdown-item {

  font-size: 17px;

  line-height: 45px;

  text-transform: capitalize;

  color: var(--heading);

  padding: 0 5px 0 25px;

  position: relative;

  z-index: 1;

  transition: all 0.2s ease-in-out;

  white-space: inherit;

  background: transparent;

}



.main-sidebar-nav .dropdown-menu .dropdown-item:hover {

  color: var(--primary-color);

}



.main-sidebar-nav .navbar-nav .dropdown-menu {

  position: static !important;

  z-index: 5;

  background-color: #fff;

  border-radius: 0;

  display: none;

  right: 0;

  left: 0;

  padding: 0;

  top: 100%;

  transform: none !important;

  width: 100%;

  min-width: 250px;

  box-shadow: 0px 30px 70px 0px rgba(137, 139, 142, 0.15);

  margin: 0;

  border: none;

  transform-origin: 0 0;

  -webkit-transition: all 0.3s ease-in-out;

  -moz-transition: all 0.3s ease-in-out;

  -ms-transition: all 0.3s ease-in-out;

  -o-transition: all 0.3s ease-in-out;

  transition: all 0.3s ease-in-out;

}



.main-sidebar-nav .navbar-nav .dropdown-menu.show {

  display: block;

}



.main-sidebar-nav .mega-menu {

  -ms-flex-wrap: wrap;

  flex-wrap: wrap;

  padding: 0 5px;

}



.main-sidebar-nav .mega-menu li {

  -ms-flex: 0 0 50%;

  flex: 0 0 50%;

  max-width: 50%;

  padding: 10px 10px 0;

}



.main-sidebar-nav .mega-menu li .img-box {

  padding: 0;

  background: #fff;

  position: relative;

}



.main-sidebar-nav .mega-menu li span {

  display: block;

  text-align: center;

  font-size: 16px;

  color: #000;

  margin: 15px 0 20px;

  line-height: initial;

}



.main-sidebar-nav .mega-menu li .img-box:hover span {

  text-decoration: underline;

}



.main-sidebar-nav .mega-menu li .img-box img {

  border: 1px solid rgba(0, 0, 0, 0.05);

}



.main-sidebar-nav .mega-menu li .img-box .hover {

  position: absolute;

  width: 100%;

  height: 100%;

  background: rgba(0, 0, 0, 0.5);

  top: 0;

  left: 0;

  font-size: 24px;

  color: #fff;

}



/*---------------------Theme Hero Banner / Fifteen ---------------*/

.hero-banner-fifteen {

  padding: 200px 0 170px;

  position: relative;

  background: radial-gradient(53.3% 53.3% at 50% 46.7%,

      #ffffff 0%,

      #fff8ea 99.81%);

}



.hero-banner-fifteen .hero-heading {

  font-size: 140px;

  line-height: 0.92em;

}



.hero-banner-fifteen .hero-sub-heading {

  font-size: 24px;

  line-height: 1.75em;

  color: #000;

  padding: 30px 0 45px;

}



.hero-banner-fifteen .shop-btn {

  font-size: 15px;

  font-weight: 500;

  line-height: 52px;

  text-transform: uppercase;

  letter-spacing: 2px;

  color: #fff;

  background: #161616;

  padding: 0 40px;

}



.hero-banner-fifteen .shop-btn:hover {

  background: var(--purple-blue);

}



.hero-banner-fifteen .cart-btn {

  width: 52px;

  height: 52px;

  border-radius: 50%;

  border: 1px solid #161616;

  line-height: 50px;

  text-align: center;

  font-size: 40px;

  color: #161616;

}



.hero-banner-fifteen .cart-btn:hover {

  background: #161616;

  color: #fff;

}



.hero-banner-fifteen .product-img-holder {

  width: 680px;

  height: 680px;

  border-radius: 50%;

  background: #ffd583;

  position: absolute;

  top: -2%;

  right: -2%;

}



.hero-banner-fifteen .product-img-holder .product-img {

  max-width: initial;

  position: relative;

  top: 45%;

  left: 50%;

  transform: translate(-50%, -50%);

}



.hero-banner-fifteen .offer-sticker {

  width: 150px;

  height: 150px;

  border-radius: 50%;

  background: #fff;

  position: absolute;

  right: 15px;

  bottom: 15px;

  color: #000;

  font-style: italic;

  z-index: 1;

}



.hero-banner-fifteen .offer-sticker:before {

  content: "";

  position: absolute;

  top: 10px;

  right: 10px;

  bottom: 10px;

  left: 10px;

  border-radius: 50%;

  border: 1px solid #000;

  z-index: -1;

}



.hero-banner-fifteen .offer-sticker .sn1 {

  font-size: 32px;

}



.hero-banner-fifteen .offer-sticker .sn2 {

  font-size: 22px;

  padding-top: 8px;

}



/*---------------------Fancy Feature Forty Two ---------------*/

.xl-container {

  max-width: 1720px;

  padding-left: 15px;

  padding-right: 15px;

  margin-left: auto;

  margin-right: auto;

}



.SC_block_one {

  width: 370px;

  height: 370px;

  border-radius: 50%;

  position: relative;

  z-index: 1;

  margin: 40px auto 0;

  overflow: hidden;

  background-size: cover;

  background-position: center;

}



.SC_block_one:before {

  content: "";

  position: absolute;

  width: 100%;

  height: 100%;

  top: 0;

  left: 0;

  border-radius: 50%;

  background: rgba(11, 10, 10, 0.25);

  z-index: -1;

}



.SC_block_one h3 {

  font-size: 36px;

  color: #fff;

  font-weight: 500;

  text-transform: uppercase;

  margin-bottom: 20px;

  transform: translateY(43px);

}



.SC_block_one .sp-now-btn {

  width: 135px;

  line-height: 43px;

  border: 1px solid #fff;

  border-radius: 5px;

  font-weight: 500;

  font-size: 15px;

  color: #fff;

  text-align: center;

  opacity: 0;

  transform: translateY(45px);

}



.SC_block_one .sp-now-btn:hover {

  background: var(--purple-blue);

  border-color: var(--purple-blue);

}



.SC_block_one:hover h3 {

  transform: translateY(0);

}



.SC_block_one:hover .sp-now-btn {

  transform: translateY(0);

  opacity: 1;

}



.product_slider_space {

  margin: 0 -20px;

}



.product_slider_space .item {

  margin: 0 20px;

}



.product-block-one .img-holder {

  position: relative;

  background: #f5f5f5;

  height: 470px;

  z-index: 5;

  margin-bottom: 22px;

}



.product-block-one .img-holder.style-two {

  height: auto;

}



.product-block-one .img-holder .tag-one {

  text-transform: uppercase;

  color: #000;

  font-size: 12px;

  letter-spacing: 0px;

  padding: 0 14px;

  line-height: 25px;

  border-radius: 3px;

  background: #fff;

  position: absolute;

  right: 20px;

  bottom: 20px;

}



.product-block-one .img-holder .cart-icon {

  display: block;

  width: 35px;

  line-height: 35px;

  box-shadow: 0 0 30px rgba(0, 0, 0, 0.09);

  border-radius: 50%;

  background: #fff;

  color: var(--purple-blue);

  text-align: center;

  position: absolute;

  right: 20px;

  top: 20px;

  font-size: 18px;

  transition: all 0.3s ease-in-out;

  opacity: 0;

  transform: scale(0.5);

}



.product-block-one .img-holder .cart-icon:hover {

  color: #fff;

  background: var(--purple-blue);

}



.product-block-one .img-holder .cart-button {

  font-size: 14px;

  letter-spacing: 1px;

  text-transform: uppercase;

  position: absolute;

  left: 20px;

  right: 20px;

  bottom: 20px;

  line-height: 48px;

  background: #1f1f1f;

  text-align: center;

  color: #fff;

  opacity: 0;

  transform: translateY(10px);

  transition: all 0.4s ease-in-out;

}



.product-block-one:hover .img-holder .cart-button {

  opacity: 1;

  transform: translateY(0);

}



.product-block-one .product-title {

  letter-spacing: 0px;

  color: #9f9f9f;

  font-size: 18px;

  transition: all 0.3s ease-in-out;

}



.product-block-one .rating li {

  font-size: 14px;

  margin-left: 5px;

  color: #b3b3b3;

}



.product-block-one .rating li .fa-star {

  color: #ffcb65;

}



.product-block-one .price {

  font-size: 24px;

  color: #000;

  margin-top: 10px;

}



.product-block-one:hover .product-img {

  transform: scale(0.95);

}



.product-block-one:hover .cart-icon {

  opacity: 1;

  transform: scale(1);

}



.product-block-one:hover .product-title {

  color: #000;

  text-decoration: underline;

}



/*---------------------Fancy Feature Forty Two ---------------*/

.flash-sale-banner .banner-bg {

  background: #fff9eb;

  text-align: center;

}



.flash-sale-banner .right-half {

  padding: 160px 15px;

  z-index: 1;

}



.flash-sale-banner .right-half:before {

  content: "";

  position: absolute;

  top: 22px;

  right: 22px;

  bottom: 22px;

  left: 0;

  border: 1px solid #000;

  border-left: none;

  z-index: -1;

}



.flash-sale-banner .right-half .fancy-text {

  font-size: 50px;

  color: #ff0000;

}



.flash-sale-banner .right-half .sale-text {

  font-size: 18px;

  font-weight: 500;

  text-transform: uppercase;

  color: #000;

  letter-spacing: 1.62px;

  margin: 15px 0 16px;

}



.flash-sale-banner .right-half h3 {

  font-size: 42px;

  line-height: 1.166em;

  font-weight: 500;

}



.flash-sale-banner .left-half {

  background: url(../../img/media/img_125.jpg) no-repeat center;

  background-size: cover;

  position: relative;

  z-index: 1;

}



.flash-sale-banner .left-half:before {

  content: "";

  position: absolute;

  top: 22px;

  right: 0;

  bottom: 22px;

  left: 22px;

  border: 1px solid #fff;

  border-right: none;

}



/*---------------------Fancy Feature Forty Three ---------------*/

.fancy-feature-fortyThree {

  background: #f5f5f5;

}



.product-block-two {

  background: #fff;

  padding: 30px 15px 40px;

  text-align: center;

}



.product-block-two .img-holder {

  position: relative;

  height: 348px;

  z-index: 5;

  margin-bottom: 26px;

}



.product-block-two .img-holder img {

  max-height: 100%;

}



.product-block-two .img-holder .cart-icon {

  display: block;

  width: 35px;

  line-height: 35px;

  box-shadow: 0 0 30px rgba(0, 0, 0, 0.09);

  border-radius: 50%;

  background: #000;

  color: #fff;

  text-align: center;

  position: absolute;

  right: 20px;

  top: 0;

  font-size: 18px;

  transition: all 0.3s ease-in-out;

  opacity: 0;

  transform: scale(0.5);

}



.product-block-two .img-holder .cart-icon:hover {

  color: #fff;

  background: var(--purple-blue);

}



.product-block-two .product-title {

  letter-spacing: 0px;

  color: #9f9f9f;

  font-size: 17px;

  margin: 5px 0 10px;

  transition: all 0.3s ease-in-out;

}



.product-block-two .rating li {

  font-size: 14px;

  margin: 0 3px;

  color: #b3b3b3;

}



.product-block-two .rating li .fa-star {

  color: #ffcb65;

}



.product-block-two .price {

  font-size: 24px;

  color: #000;

}



.product-block-two:hover .product-img {

  transform: scale(0.95);

}



.product-block-two:hover .cart-icon {

  opacity: 1;

  transform: scale(1);

}



.product-block-two:hover .product-title {

  color: #000;

  text-decoration: underline;

}



/*--------------------- Shop Discount Subscription ---------------*/

.shop-discount-subscription .form-wrapper {

  max-width: 550px;

  margin-left: auto;

}



.shop-discount-subscription .form-wrapper form {

  position: relative;

  height: 75px;

}



.shop-discount-subscription .form-wrapper input {

  width: 100%;

  height: 100%;

  border: none;

  color: #000;

  border-bottom: 1px solid #000;

}



.shop-discount-subscription .form-wrapper button {

  width: 60px;

  height: 60px;

  border-radius: 50%;

  background: #151515;

  position: absolute;

  right: 0;

  bottom: 15px;

}



.shop-discount-subscription .form-wrapper button:hover {

  background: var(--purple-blue);

}



.shop-discount-subscription .form-wrapper p {

  font-size: 16px;

}



.shop-discount-subscription .form-wrapper p a {

  font-weight: 500;

}



.shop-discount-subscription .form-wrapper::-webkit-input-placeholder {

  color: #000;

}



.shop-discount-subscription .form-wrapper :-ms-input-placeholder {

  color: #000;

}



.shop-discount-subscription .form-wrapper ::placeholder {

  color: #000;

}



.shop-discount-subscription h4 {

  font-size: 25px;

  font-weight: 500;

  letter-spacing: -1px;

}



/*--------------------- Fancy Feature Forty Four ---------------*/

.block-style-thirtyNine .icon {

  width: 75px;

  height: 75px;

  border: 1px solid #e0e0e0;

}



.block-style-thirtyNine h3 {

  font-size: 24px;

  font-weight: 500;

  letter-spacing: -0.5px;

  margin: 30px 0 16px;

}



.block-style-thirtyNine p {

  color: #525252;

  line-height: 28px;

}



/*^^^^^^^^^^^^^^^^^^^^^ Product Details One ^^^^^^^^^^^^^^^^^^^^^^^^*/

.product-details-one .product-img-tab {

  border: none;

}



.product-details-one .product-img-tab .nav-link {

  width: 100%;

  background: #f6f6f6;

  border: 1px solid transparent;

  border-radius: 0;

  padding: 2px;

  height: 82px;

  margin-bottom: 12px;

}



.product-details-one .product-img-tab .nav-link img {

  max-height: 100%;

}



.product-details-one .product-img-tab .nav-link.active {

  background: #fff;

  border-color: #000;

}



.product-details-one .product-img-tab-content {

  background: #f6f6f6;

}



.product-details-one .product-info .stock-tag {

  display: inline-block;

  font-size: 14px;

  font-weight: 500;

  text-transform: uppercase;

  letter-spacing: 1px;

  background: #eaeaea;

  color: #000;

  border-radius: 3px;

  line-height: 28px;

  padding: 0 13px;

}



.product-details-one .product-info .product-name {

  font-weight: 500;

  font-size: 38px;

  margin: 30px 0 10px;

}



.product-details-one .product-info .rating li {

  font-size: 15px;

  margin-right: 6px;

  color: #b3b3b3;

}



.product-details-one .product-info .rating li .fa-star {

  color: #ffcb65;

}



.product-details-one .product-info .rating li a {

  font-size: 18px;

  color: #000;

  margin-left: 12px;

}



.product-details-one .product-info .rating li a:hover {

  text-decoration: underline;

}



.product-details-one .product-info .price {

  font-weight: 500;

  font-size: 28px;

  letter-spacing: -1px;

  color: #000;

  padding: 35px 0 5px;

}



.product-details-one .product-info .availability {

  color: #989ca2;

  letter-spacing: -0.5px;

  font-size: 15px;

}



.product-details-one .product-info .description-text {

  color: #000;

  line-height: 35px;

  padding: 25px 0 25px;

}



.product-details-one .product-info .product-feature {

  margin-bottom: 20px;

}



.product-details-one .product-info .product-feature li {

  font-size: 20px;

  color: #000;

  margin-bottom: 10px;

  position: relative;

  padding-left: 30px;

}



.product-details-one .product-info .product-feature li:before {

  content: url(../../img/icon/207.svg);

  position: absolute;

  left: 0;

  top: 0;

}



.product-details-one .product-info .customize-order h6 {

  font-weight: 500;

  font-size: 18px;

  margin-bottom: 25px;

}



.product-details-one .product-info .quantity .button-group {

  border: 1px solid #e3e3e3;

  display: inline-block;

}



.product-details-one .product-info .quantity ul li {

  line-height: 40px;

  max-height: 40px;

}



.product-details-one .product-info .quantity ul li button {

  font-size: 25px;

  color: #c9c9c9;

  background: transparent;

  width: 32px;

}



.product-details-one .product-info .quantity ul .product-value {

  font-size: 18px;

  height: 40px;

  color: #313131;

  max-width: 45px;

  background: transparent;

  border: none;

  text-align: center;

  padding-left: 5px;

}



.product-details-one .product-info .color-custome-input li {

  width: 16px;

  height: 16px;

  border-radius: 50%;

  position: relative;

  margin: 10px 10px 0 0;

}



.product-details-one .product-info .color-custome-input li:last-child {

  margin-right: 0;

}



.product-details-one .product-info .color-custome-input li input[type="radio"] {

  position: absolute;

  width: 100%;

  height: 100%;

  top: 0;

  opacity: 0;

  cursor: pointer;

  z-index: 2;

}



.product-details-one .product-info .color-custome-input li label {

  position: absolute;

  width: 100%;

  height: 100%;

  border-radius: 50%;

  top: 0;

  left: 0;

}



.product-details-one .product-info .color-custome-input li label:before {

  content: "";

  position: absolute;

  top: 4px;

  right: 4px;

  bottom: 4px;

  left: 4px;

  background: #fff;

  z-index: 1;

  border-radius: 50%;

  opacity: 0;

  transition: all 0.25s ease-in-out;

}



.product-details-one .product-info .color-custome-input li input[type="radio"]:checked+label:before {

  opacity: 1;

}



.product-details-one .product-info .size-custome-input li label {

  position: relative;

  width: 40px;

  height: 40px;

  line-height: 38px;

  border: 1px solid #e3e3e3;

  text-align: center;

  font-size: 16px;

  color: #b1b1b1;

  transition: all 0.25s ease-in-out;

}



.product-details-one .product-info .size-custome-input li {

  position: relative;

  margin-right: 12px;

}



.product-details-one .product-info .size-custome-input li:last-child {

  margin-right: 0;

}



.product-details-one .product-info .size-custome-input li input[type="radio"] {

  position: absolute;

  opacity: 0;

  z-index: 1;

  width: 100%;

  height: 100%;

  left: 0;

  cursor: pointer;

}



.product-details-one .product-info .size-custome-input li input[type="radio"]:checked+label {

  border-color: #000;

  color: #000;

}



.product-details-one .product-info .cart-btn {

  font-weight: 500;

  font-size: 14px;

  letter-spacing: 1px;

  text-transform: uppercase;

  color: #fff;

  padding: 0 38px;

  text-align: center;

  line-height: 55px;

  background: #161616;

  position: relative;

  overflow: hidden;

  transition: all 0.3s ease-in-out;

}



.product-details-one .product-info .cart-btn:hover {

  background: var(--purple-blue);

}



.product-details-one .product-info .wishlist-btn {

  font-weight: 500;

  font-size: 15px;

  text-transform: uppercase;

  color: var(--heading);

  padding: 0 35px;

  text-align: center;

  letter-spacing: 1px;

  line-height: 55px;

  border: 1px solid #000;

  transition: all 0.3s ease-in-out;

}



.product-details-one .product-info .wishlist-btn:hover {

  background: var(--purple-blue);

  border-color: var(--purple-blue);

  color: #fff;

}



.product-details-one .product-review-tab .nav-tabs {

  border-bottom: 1px solid #ebebeb;

}



.product-details-one .product-review-tab .nav-tabs .nav-link {

  font-weight: 500;

  font-size: 15px;

  text-transform: uppercase;

  color: #000;

  letter-spacing: 1px;

  padding: 0 0 20px 0;

  position: relative;

  margin: 0 50px 0 0;

  border: none;

  border-radius: 0;

}



.product-details-one .product-review-tab .nav-tabs .nav-link:before {

  content: "";

  position: absolute;

  width: 100%;

  height: 2px;

  left: 0;

  bottom: -1px;

  z-index: 1;

  background: #000;

  transform: scale(0, 1);

  transition: all 0.3s ease;

}



.product-details-one .product-review-tab .nav-tabs .nav-link.active:before {

  transform: scale(1);

}



.product-details-one .product-review-tab .nav-tabs .nav-item:last-child .nav-link {

  margin-right: 0;

}



.product-details-one .product-review-tab .tab-content h5 {

  font-weight: 500;

  font-size: 20px;

  letter-spacing: -1px;

  margin-bottom: 18px;

}



.product-details-one .product-review-tab .tab-content p {

  color: rgba(0, 0, 0, 0.7);

  line-height: 37px;

}



.product-details-one .product-review-tab .tab-content .product-feature li {

  color: rgba(0, 0, 0, 0.7);

  position: relative;

  padding-left: 30px;

  margin-bottom: 20px;

}



.product-details-one .product-review-tab .tab-content .product-feature li:before {

  content: url(../../img/icon/207.svg);

  position: absolute;

  left: 0;

  top: 0;

}



.product-details-one .user-comment-area {

  padding-right: 200px;

}



.product-details-one .user-comment-area .single-comment {

  padding-bottom: 40px;

}



.product-details-one .user-comment-area .single-comment:last-child {

  padding-bottom: 0;

}



.product-details-one .user-comment-area .user-img {

  width: 60px;

  height: 60px;

  border-radius: 50%;

}



.product-details-one .user-comment-area .user-comment-data {

  padding-left: 30px;

  position: relative;

}



.product-details-one .user-comment-area .user-comment-data .name {

  font-weight: 500;

  font-size: 18px;

  margin-bottom: 4px;

}



.product-details-one .user-comment-area .rating li {

  font-size: 15px;

  margin: 0 3px;

  color: #b3b3b3;

}



.product-details-one .user-comment-area .rating li .fa-star {

  color: #ffcb65;

}



.product-details-one .user-comment-area .user-comment-data p {

  padding-top: 8px;

  line-height: 33px;

}



.breadcrumb-style-one .breadcrumb-item a,

.breadcrumb-style-one .breadcrumb-item {

  font-size: 17px;

  color: #949494;

}



.breadcrumb-style-one .breadcrumb-item.active {

  font-weight: 500;

  color: #000;

}



.breadcrumb-style-one .breadcrumb-item+.breadcrumb-item::before {

  content: url(../../img/icon/208.svg);

  margin-top: 1px;

}



.breadcrumb-style-one .breadcrumb-item a:hover {

  text-decoration: underline;

}



.product-details-one .share-dropdown .dropdown-toggle {

  font-weight: 500;

  font-size: 17px;

  color: #000;

  padding: 0;

  box-shadow: none;

}



.product-details-one .share-dropdown .dropdown-toggle::after {

  content: "+";

  border: none;

  vertical-align: baseline;

  transition: all 0.2s ease;

}



.product-details-one .share-dropdown .dropdown-toggle.show::after {

  transform: rotate(45deg);

}



.product-details-one .share-dropdown .dropdown-menu {

  min-width: 120px;

  background: #fff;

  border: none;

  border-radius: 5px;

  padding: 10px;

  box-shadow: 0px 25px 50px rgba(213, 216, 223, 0.5);

}



.product-details-one .share-dropdown .dropdown-menu .social-icon a {

  width: 26px;

  height: 26px;

  border-radius: 5px;

  background: #212121;

  color: #fff;

  line-height: 26px;

  text-align: center;

  font-size: 15px;

  transition: all 0.2s ease;

}



.product-details-one .share-dropdown .dropdown-menu .social-icon a:hover {

  background: var(--purple-blue);

}



/*^^^^^^^^^^^^^^^^^^^^^ Cart Page ^^^^^^^^^^^^^^^^^^^^^^^^*/

.cart-list-form {

  position: relative;

}



.cart-list-form table {

  margin: 0;

}



.cart-list-form .table th {

  font-weight: 500;

  font-size: 15px;

  letter-spacing: 2px;

  border: none;

  border-bottom: 2px solid #000;

  padding: 0 0 15px;

  text-align: center;

  text-transform: uppercase;

  color: #1d1d1d;

}



.cart-list-form .table th:first-child {

  text-align: left;

}



.cart-list-form .table tbody td {

  padding: 0 0 60px;

  border: none;

  vertical-align: middle;

  text-align: center;

}



.cart-list-form .table tbody tr:first-child td {

  padding-top: 40px;

}



.cart-list-form .table tbody tr:last-child td {

  padding-bottom: 20px;

}



.cart-list-form .table .product-thumbnails {

  width: 85px;

}



.cart-list-form .table .product-thumbnails img {

  max-height: 100%;

  max-width: none;

}



.cart-list-form .table .product-img {

  display: block;

  max-width: 85px;

  max-height: 85px;

  overflow: hidden;

}



.cart-list-form .table .product-info {

  padding-left: 30px;

  text-align: left;

}



.cart-list-form .table .product-info .product-name {

  font-weight: 500;

  letter-spacing: -0.5px;

  font-size: 20px;

  color: #1f1f1f;

}



.cart-list-form .table .product-info .serial {

  font-size: 15px;

  color: rgba(31, 31, 31, 0.33);

  padding-bottom: 6px;

}



.cart-list-form .table .product-info ul li {

  font-weight: 500;

  display: inline-block;

  font-size: 15px;

  color: #404040;

  padding-right: 15px;

}



.cart-list-form .table .price {

  font-size: 18px;

  color: #1d1d1d;

  font-weight: 500;

}



.cart-list-form .table .quantity li {

  display: inline-block;

  line-height: 40px;

  max-height: 40px;

}



.cart-list-form .table .quantity li .btn {

  font-size: 24px;

  padding: 0;

  border: none;

  vertical-align: inherit;

  color: #1d1d1d;

  background: transparent;

}



.cart-list-form .table .quantity .product-value {

  font-weight: 500;

  font-size: 18px;

  color: #1d1d1d;

  max-width: 55px;

  background: transparent;

  border: none;

  text-align: center;

  padding-left: 12px;

}



.cart-list-form .table .remove-product {

  color: #d6d6d6;

  font-size: 22px;

}



.cart-list-form .table .remove-product:hover {

  color: #000;

}



.cart-section .cart-footer {

  border-top: 2px solid #545454;

  margin-top: 28px;

  padding-top: 40px;

}



.cart-section .cart-footer .coupon-form input {

  width: 240px;

  height: 50px;

  border: none;

  border-bottom: 2px solid #545454;

  font-size: 16px;

  margin-right: 30px;

}



.cart-section .cart-footer .coupon-form ::placeholder {

  color: #c4c4c4;

  opacity: 1;

  /* Firefox */

}



.cart-section .cart-footer .coupon-form :-ms-input-placeholder {

  color: #c4c4c4;

}



.cart-section .cart-footer .coupon-form ::-ms-input-placeholder {

  color: #c4c4c4;

}



.cart-section .cart-footer .cart-total-section {

  text-align: right;

}



.cart-section .cart-footer .cart-total-table tr th {

  font-size: 18px;

  color: rgba(29, 29, 29, 0.5);

  font-weight: normal;

  padding-right: 26px;

}



.cart-section .cart-footer .cart-total-table tr td {

  font-size: 18px;

  color: #1d1d1d;

  font-weight: 500;

}



.cart-section .cart-footer .cart-total-table tr th,

.cart-section .cart-footer .cart-total-table tr td {

  padding-bottom: 16px;

}



.cart-section .cart-footer .theme-btn-seven {

  line-height: 50px;

  padding: 0 35px;

  border-radius: 0;

  font-size: 16px;

}



.cart-section .cart-footer .theme-btn-seven:hover {

  background: var(--purple-blue);

}



/*^^^^^^^^^^^^^^^^^^^^^ CheckOut Page ^^^^^^^^^^^^^^^^^^^^^^^^*/

.checkout-toggle-area .card {

  border: none;

  background: transparent;

}



.checkout-toggle-area p {

  margin-bottom: 8px;

  color: rgba(0, 0, 0, 0.8);

  background: transparent;

  padding: 0;

  border: none;

}



.checkout-toggle-area p button {

  font-weight: 500;

  font-size: 16px;

  letter-spacing: 0px;

  color: #1a1a1a;

  background: transparent;

  display: inline-block;

  text-decoration: underline;

  transition: all 0.3s ease-in-out;

}



.checkout-toggle-area p button:hover {

  color: var(--red-one);

}



.checkout-toggle-area form input {

  width: 100%;

  height: 60px;

  font-size: 16px;

  border: 1px solid #d5d5d5;

  border-radius: 5px;

  padding: 0 30px;

  margin-bottom: 20px;

}



.checkout-toggle-area form input:focus {

  border-color: #777;

}



.checkout-toggle-area form .lost-passw {

  color: #636067;

  font-size: 14px;

  margin: 12px 0 35px;

}



.checkout-toggle-area form .lost-passw:hover {

  color: var(--red-one);

  text-decoration: underline;

}



.checkout-toggle-area form button {

  line-height: 50px;

}



.checkout-toggle-area form p {

  padding-top: 30px;

}



.checkout-form .main-title {

  font-weight: 500;

  font-size: 24px;

  letter-spacing: -1px;

  padding-bottom: 55px;

}



.checkout-form .single-input-wrapper {

  display: block;

  width: 100%;

  height: 46px;

  font-size: 16px;

  color: #1a1a1a;

  border: none;

  letter-spacing: 0px;

  border-bottom: 2px solid #e5e5e5;

  margin-bottom: 55px;

}



.checkout-form ::placeholder {

  color: #1a1a1a;

  opacity: 1;

  font-weight: 500;

}



.checkout-form :-ms-input-placeholder {

  color: #1a1a1a;

  font-weight: 500;

}



.checkout-form ::-ms-input-placeholder {

  color: #1a1a1a;

  font-weight: 500;

}



.checkout-form .single-input-wrapper:focus {

  border-bottom-color: #545454;

}



.contact-form .theme-select-menu {
  font-weight: 500;
  font-size: 16px;
  width: 100%;
  color: #1a1a1a;
  line-height: 46px;
  border-radius: 0;
  border: none;
  border-bottom: 2px solid #000000;
  box-shadow: none;
  outline: none;
  padding: 15px 15px 5px 0;
}



.contact-form .theme-select-menu option {

  font-size: 14px;

  color: #1a1a1a;

  line-height: 22px;

}



.contact-form .theme-select-menu option:hover,

.contact-form.selectize-dropdown .active {

  color: #fff;

  background: #1a1a1a;

}



.checkout-form .checkbox-list li label {

  position: relative;

  font-weight: 500;

  font-size: 15px;

  letter-spacing: 0px;

  line-height: 15px;

  padding-left: 28px;

  color: #1a1a1a;

  cursor: pointer;

  margin: 0 0 24px;

}



.checkout-form .checkbox-list li input[type="checkbox"] {

  display: none;

}



.checkout-form .checkbox-list li label:before {

  content: "";

  width: 15px;

  height: 15px;

  line-height: 12px;

  border-radius: 2px;

  border: 1px solid #d5d5d5;

  font-size: 12px;

  text-align: center;

  position: absolute;

  left: 0;

  top: -1px;

}



.checkout-form .checkbox-list li input[type="checkbox"]:checked+label:before {

  content: "\f00c";

  font-size: 10px;

  font-family: "FontAwesome";

  background: #373737;

  color: #fff;

  border-color: #373737;

}



.checkout-form .checkbox-list {

  padding-bottom: 44px;

  margin-top: -24px;

}



.checkout-form .other-note-area p {

  font-weight: 500;

  font-size: 15px;

  color: #1a1a1a;

  margin-bottom: 6px;

}



.checkout-form .other-note-area textarea {

  width: 100%;

  border: 1px solid #e5e5e5;

  padding: 15px;

  resize: none;

  height: 145px;

}



.checkout-form .order-confirm-sheet .order-review {

  background: #f5f5f5;

  padding: 50px 40px;

}



.checkout-form .order-confirm-sheet .order-review .product-review {

  width: 100%;

}



.checkout-form .order-confirm-sheet .order-review .product-review tbody th span {

  font-weight: 500;

  font-size: 16px;

  color: #242424;

}



.checkout-form .order-confirm-sheet .order-review .product-review tbody tr:first-child th span {

  font-size: 17px;

}



.checkout-form .order-confirm-sheet .order-review .product-review tbody td {

  font-size: 16px;

  color: #1d1d1d;

  text-align: right;

  font-weight: 500;

}



.checkout-form .order-confirm-sheet .order-review .product-review tbody th,

.checkout-form .order-confirm-sheet .order-review .product-review tbody td {

  padding-bottom: 15px;

}



.checkout-form .order-confirm-sheet .order-review .product-review tfoot th {

  font-size: 15px;

  text-transform: uppercase;

  color: #242424;

  font-weight: 500;

}



.checkout-form .order-confirm-sheet .order-review .product-review tfoot td {

  text-align: right;

  font-size: 18px;

  color: #222222;

  font-weight: 500;

}



.checkout-form .order-confirm-sheet .order-review .product-review tfoot td,

.checkout-form .order-confirm-sheet .order-review .product-review tfoot th {

  border-top: 1px solid #e9e9e9;

  padding-top: 15px;

}



.checkout-form .order-confirm-sheet .order-review .payment-list li {

  padding: 0 0 12px 30px;

  position: relative;

}



.checkout-form .order-confirm-sheet .order-review .payment-list li p {

  font-size: 15px;

  line-height: 22px;

  margin-bottom: 12px;

}



.checkout-form .order-confirm-sheet .order-review .payment-list li label {

  position: relative;

  font-weight: 500;

  font-size: 16px;

  line-height: 15px;

  color: #1a1a1a;

  cursor: pointer;

  margin: 0 0 13px;

}



.checkout-form .order-confirm-sheet .order-review .payment-list li input[type="radio"] {

  position: absolute;

  opacity: 0;

  z-index: 1;

  width: 100%;

  height: 100%;

  cursor: pointer;

}



.checkout-form .order-confirm-sheet .order-review .payment-list li label:before {

  content: "";

  width: 15px;

  height: 15px;

  line-height: 12px;

  border-radius: 50%;

  border: 1px solid #d5d5d5;

  font-size: 10px;

  text-align: center;

  position: absolute;

  left: -30px;

  top: -1px;

}



.checkout-form .order-confirm-sheet .order-review .payment-list li input:checked+label:before {

  content: "\f00c";

  font-size: 10px;

  font-family: "FontAwesome";

  background: #373737;

  color: #fff;

  border-color: #373737;

}



.checkout-form .order-confirm-sheet .order-review .payment-list {

  padding: 30px 0 15px;

  border-bottom: 1px solid #e9e9e9;

}



.checkout-form .credit-card-form {

  margin-top: 5px;

  display: none;

}



.checkout-form .credit-card-form h6 {

  font-size: 15px;

  margin-bottom: 5px;

}



.checkout-form .credit-card-form input {

  width: 100%;

  height: 40px;

  font-size: 14px;

  border: 1px solid rgba(0, 0, 0, 0.07);

  padding: 0 10px;

  border-radius: 3px;

  margin-bottom: 18px;

}



.checkout-form .credit-card-form span {

  padding: 0 5px;

  margin-bottom: 18px;

}



.checkout-form .order-confirm-sheet .policy-text {

  font-size: 15px;

  line-height: 24px;

  color: #7a7a7a;

  padding: 23px 0 15px;

}



.checkout-form .order-confirm-sheet .agreement-checkbox label {

  position: relative;

  font-size: 15px;

  line-height: 22px;

  color: #1a1a1a;

  cursor: pointer;

  padding-left: 33px;

  margin-bottom: 35px;

}



.checkout-form .order-confirm-sheet .agreement-checkbox input[type="checkbox"] {

  display: none;

}



.checkout-form .order-confirm-sheet .agreement-checkbox label:before {

  content: "";

  width: 15px;

  height: 15px;

  line-height: 12px;

  border-radius: 2px;

  border: 1px solid #d5d5d5;

  font-size: 10px;

  font-weight: 700;

  text-align: center;

  position: absolute;

  left: 0;

  top: 7px;

}



.checkout-form .order-confirm-sheet .agreement-checkbox input[type="checkbox"]:checked+label:before {

  content: "\f00c";

  font-size: 10px;

  font-family: "FontAwesome";

  background: #373737;

  color: #fff;

  border-color: #373737;

}



.checkout-section .theme-btn-seven {

  line-height: 50px;

  padding: 0 35px;

  border-radius: 0;

  font-size: 16px;

}



.checkout-section .theme-btn-seven:hover {

  background: var(--purple-blue);

}


/*----------------------- ancy Feature Forty Five ---------------*/
.home-hero-content .learn-more:hover img {
  transform: translateX(3px);
}

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

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

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

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