a {
   text-decoration: none;
   color: var(--themeht-text-color);
}
a:focus,
a:hover {
   color: var(--primary-color);
   text-decoration: none;
}
a,
button,
input {
   outline: medium none !important;
}

.facebook {
   color: #567ed4;
}
.facebook-bg,
.facebook:hover {
   background-color: #3b5998 !important;
}

.twitter {
   color: #55acee;
}
.twitter-bg {
   background-color: #55acee;
}

.x_twitter-bg,
.x_twitter:hover {
   background-color: #222 !important;
}

.instagram {
   color: #d6249f;
}
.instagram-bg,
.instagram:hover {
   background: -moz-radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285aeb 90%);
   background: -webkit-radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285aeb 90%);
   background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285aeb 90%) !important;
}

.youtube {
   color: #e52d27;
}
.youtube-bg,
.youtube:hover {
   background-color: #e52d27 !important;
   color: #fff;
}

.whatsapp {
   color: #25d366;
}
.whatsapp-bg {
   background-color: #25d366;
   box-shadow: inset 0 0 0 50px #25d366;
}

.linkedin {
   color: #0e76a8;
}
.linkedin-bg,
.linkedin:hover {
   background-color: #0e76a8 !important;
}

/* .social-icons :is(.facebook, .twitter, .instagram, .linkedin):hover {
   color: #fff !important;
} */

/* ------------------------
    Transition
------------------------*/
a,
.btn,
button,
img,
span,
input,
.dropdown-item,
.social-icons li:hover a,
.featured-item,
.service-item,
.service-item .service-icon,
.service-icon:before,
.round-text,
.team-description,
.footer-list li a:before,
.btn:before,
.btn:after,
.service-widget li a:before,
.service-widget li a:after {
   -webkit-transition: all 0.4s;
   -moz-transition: all 0.4s;
   -ms-transition: all 0.4s;
   -o-transition: all 0.4s;
   transition: all 0.4s;
}

/* ------------------------
    Box Shadow
------------------------*/
.box-shadow,
.dropdown-menu,
.navbar-nav ul,
.white-btn,
.owl-carousel .owl-nav button.owl-prev,
.owl-carousel .owl-nav button.owl-next,
.year-counter .counter,
.about-call,
.progress-parcent,
.service-widget.widget,
.post.sticky .post-card,
.comment-author img,
.comment-reply-link,
.product-link a {
   -webkit-box-shadow: 0 0 45px rgb(5 28 141 / 10%);
   -moz-box-shadow: 0 0 45px rgb(5 28 141 / 10%);
   box-shadow: 0 0 45px rgb(5 28 141 / 10%);
}

/* ------------------------
    Pre Loader
------------------------*/
#ht-preloader {
   background: #fff;
   bottom: 0;
   height: 100%;
   left: 0;
   overflow: hidden !important;
   position: fixed;
   right: 0;
   text-align: center;
   top: 0;
   width: 100%;
   z-index: 99999;
   display: flex;
   justify-content: center;
   align-items: center;
}
#ht-preloader .loader img {
   max-width: 160px;
   width: 100%;
}

#ht-preloader .line_loaders {
   display: block;
   width: 90%;
   margin-inline: auto;
   height: 3px;
   position: relative;
   margin-top: 10px;
}
#ht-preloader .line_loaders::before {
   content: "";
   position: absolute;
   background: #3671b6;
   top: 0;
   left: 0;
   width: 0%;
   height: 100%;
   animation: moving 1s linear infinite;
   -webkit-animation: moving 1s linear infinite;
}

@keyframes moving {
   50% {
      width: 100%;
   }

   100% {
      width: 0;
      right: 0;
      left: unset;
   }
}

.loader-div {
   width: 48px;
   height: 48px;
   display: inline-block;
   position: relative;
}
.loader-div::after,
.loader-div::before {
   content: "";
   width: 48px;
   height: 48px;
   border: 2px solid #fff;
   position: absolute;
   left: 0;
   top: 0;
   animation: rotationBreak 3s ease-in-out infinite alternate;
}
.loader-div::after {
   border-color: var(--primary-color);
   animation-direction: alternate-reverse;
}

@keyframes rotationBreak {
   0% {
      transform: rotate(0);
   }
   25% {
      transform: rotate(90deg);
   }
   50% {
      transform: rotate(180deg);
   }
   75% {
      transform: rotate(270deg);
   }
   100% {
      transform: rotate(360deg);
   }
}

/* ------------------------
    Scroll to Top
------------------------*/
.scroll-top {
   position: fixed;
   bottom: 30px;
   right: 30px;
   z-index: 600;
   opacity: 0;
   visibility: hidden;
   -webkit-transition: all 0.8s ease-in-out;
   transition: all 0.8s ease-in-out;
   -webkit-transform: translate3d(0, 200%, 0);
   -ms-transform: translate3d(0, 200%, 0);
   transform: translate3d(0, 200%, 0);
}
.scroll-top a,
.scroll-top a:visited {
   display: block;
   height: 54px;
   width: 54px;
   line-height: 54px;
   text-align: center;
   -webkit-box-shadow: 0 0 15px 6px rgba(0, 0, 0, 0.1);
   -moz-box-shadow: 0 0 15px 6px rgba(0, 0, 0, 0.1);
   box-shadow: 0 0 15px 6px rgba(0, 0, 0, 0.1);
   -webkit-transition: all 0.3s ease-in-out;
   transition: all 0.3s ease-in-out;
   font-size: 28px;

   color: #fff;
   background: var(--primary-color);
   border-radius: 50%;
   -webkit-border-radius: 50%;
   -moz-border-radius: 50%;
   -ms-border-radius: 50%;
   -o-border-radius: 50%;
   overflow: hidden;
}
.scroll-top a:hover,
.scroll-top a:focus {
   color: var(--primary-color);
   background: #fff;
}
.scroll-top.scroll-visible {
   opacity: 1;
   visibility: visible;
   -webkit-transform: translate3d(0, 0, 0);
   -ms-transform: translate3d(0, 0, 0);
   transform: translate3d(0, 0, 0);
}

/* ------------------------
    Background Overlay
------------------------*/
[data-overlay] {
   position: relative;
   z-index: 0;
}

[data-overlay]:before {
   position: absolute;
   content: "";
   background-color: var(--themeht-bg-dark-color);
   width: 100%;
   height: 100%;
   top: 0;
   left: 0;
   z-index: -1;
}

[data-overlay].white-overlay:before {
   background-color: #fff;
}

[data-overlay].theme-overlay:before {
   background-color: var(--primary-color);
}

[data-overlay].overlay-50:before {
   width: 50%;
}

[data-overlay="1"]:before {
   opacity: 0.1;
}

[data-overlay="2"]:before {
   opacity: 0.2;
}

[data-overlay="3"]:before {
   opacity: 0.3;
}

[data-overlay="4"]:before {
   opacity: 0.4;
}

[data-overlay="5"]:before {
   opacity: 0.5;
}

[data-overlay="6"]:before {
   opacity: 0.6;
}

[data-overlay="7"]:before {
   opacity: 0.7;
}

[data-overlay="8"]:before {
   opacity: 0.8;
}

[data-overlay="9"]:before {
   opacity: 0.9;
}

[data-overlay="10"]:before {
   opacity: 1;
}

[data-overlay="0"]:before {
   opacity: 0;
}

/* ------------------------
    Header
------------------------*/

/*--Header top--*/
/* .topbar-link a,
.topbar-link {
   color: #fff;
   font-size: 0.9rem;
} */
.topbar-link i {
   margin-right: 5px;

   font-size: 20px;
   vertical-align: middle;
}
.topbar-link a:hover {
   color: var(--primary);
}
.header-top {
   line-height: 35px;
   /* background-color: var(--themeht-bg-dark-color); */
   border-bottom: 1px solid #eee;
}
.header-top ul {
   margin: 0;
}
.header-top li {
   display: inline-block;
   padding: 0 20px;
   margin-bottom: 0;
   /* font-size: 13px; */
}

.header-top .topbar-link li:not(:last-of-type) {
   border-right: 1px solid #fff8;
}

.header-top li i {
   color: #fff;
}

.header-top li :is(a, p) {
   font-size: 0.95rem;
   color: #fff;
   margin-bottom: 0;
}

.header-top .social-icons li a {
   color: #fff;
   height: 35px;
   width: 35px;
   line-height: 35px;
   margin: 5px 0 4px 3px;
   border-radius: 50%;
   -webkit-border-radius: 50%;
   -moz-border-radius: 50%;
   -ms-border-radius: 50%;
   -o-border-radius: 50%;
}
.header .primary-btn {
   margin-left: 30px;
}

.header-top .social-icons li i.facebookx:hover {
   color: #567ed4;
}

.header-top .social-icons li i.youtubex:hover {
   color: #e52d27;
}

.header-top .social-icons li i.linkedinx:hover {
   color: #0e76a8;
}
.header-top .social-icons li i.instagramx:hover {
   color: #d6249f;
}
.header-top .social-icons li i.whatsappx:hover {
   color: #25d366;
}

/* ------------------------
  Header
------------------------*/
#site-header {
   background-color: #fff;
   box-shadow: 0 2px 20px rgb(5 28 141 / 10%);
   -webkit-box-shadow: 0 2px 20px rgb(5 28 141 / 10%);
   -moz-box-shadow: 0 2px 20px rgb(5 28 141 / 10%);
}

#header-wrap {
   /* position: relative; */
   position: sticky;
   top: -90px;
   padding-inline: 1rem;
   max-width: 1400px;
   margin-inline: auto;
   width: 100%;
   background-color: #fff;
   z-index: 999;
   transition: 0.6s;
   -webkit-transition: 0.6s;
   -moz-transition: 0.6s;
   -ms-transition: 0.6s;
   -o-transition: 0.6s;
}
.sticky-header {
   position: fixed;
   opacity: 0;
   visibility: hidden;
   left: 0px;
   top: 0px;
   width: 100%;
   z-index: 0;
   transition: all 500ms ease;
   -moz-transition: all 500ms ease;
   -webkit-transition: all 500ms ease;
   -ms-transition: all 500ms ease;
   -o-transition: all 500ms ease;
   background-color: #fff;
}
#header-wrap.fixed-header {
   position: fixed;
   left: 0px;
   top: 0px;
   max-width: 100%;
   background-color: #fffe;
   backdrop-filter: blur(6px);
   box-shadow: 0 2px 20px rgb(5 28 141 / 10%);
   transition: 1.4s;
   -webkit-transition: 1.4s;
   -moz-transition: 1.4s;
   -ms-transition: 1.4s;
   -o-transition: 1.4s;
}

#header-wrap.fixed-header .navbar-brand.logo {
   margin-top: 0;
   box-shadow: none;
   transition: 0.5s;
   -webkit-transition: 0.5s;
   -moz-transition: 0.5s;
   -ms-transition: 0.5s;
   -o-transition: 0.5s;
}

#header-wrap.fixed-header .navbar-nav .nav-link {
   font-weight: 500;
}

#header-wrap.fixed-header .navbar-brand.logo img {
   height: 84px;
   transition: 0.5s;
   -webkit-transition: 0.5s;
   -moz-transition: 0.5s;
   -ms-transition: 0.5s;
   -o-transition: 0.5s;
}

#header-wrap.fixed-header .header-top {
   display: none;
}

.sticky-header .navbar-brand.logo {
   padding: 20px 30px;
   margin-top: 0;
}

@-webkit-keyframes smoothScroll {
   0% {
      opacity: 0;
      -webkit-transform: translateY(-20px);
   }
   100% {
      opacity: 1;
      -webkit-transform: translateY(0);
   }
}

@keyframes smoothScroll {
   0% {
      opacity: 0;
      transform: translateY(-20px);
   }
   100% {
      opacity: 1;
      transform: translateY(0);
   }
}

/*--navigation--*/

.navbar-brand.logo {
   position: relative;
   padding: 2px 0px 4px;
   display: flex;
   height: 100%;
   align-items: center;
   /* margin-top: -44px; */
   position: relative;
   margin-right: 0;
}

/* #header-wrap .navbar-brand.logo:before {
   content: "";
   position: absolute;
   left: 0;
   top: 0;
   width: 100%;
   height: 38px;
   background: var(--primary-color);
} */
.navbar-brand.logo h5 {
   position: relative;
   padding-left: 10px;
}

.navbar-brand.logo img {
   position: relative;
   max-height: 75px;
   height: 100%;
   transition: 0.5s;
   -webkit-transition: 0.5s;
   -moz-transition: 0.5s;
   -ms-transition: 0.5s;
   -o-transition: 0.5s;
}

.navbar {
   padding: 0;
}
.navbar-nav .nav-item {
   margin: 0 16px;
   padding: 28px 0px 24px;
}

.navbar-nav .nav-link {
   position: relative;
   padding: 0;
   color: #000;
   font-weight: 500;
   letter-spacing: 0.4px;
}

.navbar-nav .nav-item.dropdown .dropdown-menu .nav-item {
   margin: 0;
}
.navbar-nav .nav-item.dropdown .dropdown-menu {
   /*background: var(--themeht-bg-dark-color);*/
   box-shadow: 0 0.5rem 1rem rgb(42 39 94 / 15%);
   padding: 5px 10px 10px;
   border: none;
   border-top: 2px solid var(--primary);
   border-radius: 0 0 8px 8px;
   -webkit-border-radius: 0 0 8px 8px;
   -moz-border-radius: 0 0 8px 8px;
   -ms-border-radius: 0 0 8px 8px;
   -o-border-radius: 0 0 8px 8px;
}

.navbar-nav .nav-item.dropdown .dropdown-menu li {
   padding: 8px 5px 0px 10px;
}

.navbar-nav .nav-item.dropdown .dropdown-menu li:not(:last-of-type) {
   border-bottom: 1px solid #ddd;
}

.navbar-nav .dropdown-menu a {
   position: relative;
   display: inline-block;
   background: none;
   padding: 5px 0;
   font-weight: 500;
   line-height: 24px;
   font-size: 0.98rem;
   text-wrap: wrap;
   /* color: #fff; */
}
.nav-link.dropdown-toggle::after {
   border: solid var(--themeht-body-color);
   border-width: 0 2px 2px 0;
   width: 0.425rem;
   height: 0.425rem;
   transform: rotate(45deg);
   -webkit-transform: rotate(45deg);
   vertical-align: 0.15em;
   margin-left: 5px;
}

.dropdown-submenu {
   position: relative !important;
   box-shadow: none !important;
   display: block;
}
.navbar-nav .dropdown-submenu > .dropdown-menu {
   top: 3% !important;
}
.navbar-nav .dropdown-submenu:hover > .dropdown-menu {
   top: 0 !important;
   display: block;
}
.dropdown-submenu a.dropdown-toggle::after {
   border: solid #fff;
   border-width: 0 2px 2px 0;
   width: 0.425rem;
   height: 0.425rem;
   transform: translateY(-50%) rotate(-45deg);
   position: absolute;
   right: 0;
   top: 50%;
   margin-top: 0;
}
.dropdown-submenu .dropdown-menu {
   top: 0;
   left: 100%;
   margin-left: 0.1rem;
   margin-right: 0.1rem;
   margin-top: 0 !important;
}
.dropdown-submenu > a {
   padding-right: 2.5rem;
   position: relative;
}

@media (min-width: 992px) {
   .navbar-nav .nav-link.active,
   .navbar-nav .nav-link:focus,
   .navbar-nav .nav-link:hover,
   .navbar-nav .show > .nav-link,
   a:focus,
   a:hover {
      /* color: var(--primary-color); */
      color: #3671b6;
   }
   .navbar-nav .nav-link.active.dropdown-toggle::after,
   .navbar-nav .nav-link.dropdown-toggle:hover::after,
   .navbar-nav .show > .nav-link.dropdown-toggle::after {
      border: solid var(--primary);
      border-width: 0 2px 2px 0;
   }
   /* .navbar-nav .nav-link:before {
      content: "\f069";
      font-family: "Line Awesome Free";
      font-weight: 900;
      color: var(--themeht-text-color);
      font-size: 14px;
      position: absolute;
      left: -15px;
      top: -5px;
   } */
   .navbar-nav .nav-link.active:before,
   .navbar-nav .nav-link:focus:before,
   .navbar-nav .nav-link:hover:before,
   .navbar-nav .show > .nav-link:before {
      color: var(--primary-color);
      animation: rotate 5s ease-in-out infinite;
   }
   .navbar-nav .dropdown-menu {
      min-width: 14em !important;
      max-width: 34em !important;
   }
   .navbar-nav .dropdown > .dropdown-menu {
      transform-origin: top center;
      transform: scaleY(0);
      opacity: 0;
      top: 100%;
      position: absolute;
      display: block;
      pointer-events: none;
      background: #fff;
   }
   .navbar-nav .dropdown:hover > .dropdown-menu {
      transform: scaleY(1);
      display: block;
      opacity: 1;
      pointer-events: auto;
      visibility: visible;
      top: 92%;
      -webkit-transition: all 0.5s ease-in-out 0s;
      -moz-transition: all 0.5s ease-in-out 0s;
      -ms-transition: all 0.5s ease-in-out 0s;
      -o-transition: all 0.5s ease-in-out 0s;
      transition: all 0.5s ease-in-out 0s;
   }
   .navbar-nav .dropdown-menu a.active,
   .navbar-nav .dropdown-menu a:active,
   .navbar-nav .dropdown-menu a:focus,
   .navbar-nav .dropdown-menu a:hover {
      padding-left: 5px;
      background: none;
      color: var(--primary-color);
   }
   .navbar-nav .dropdown:hover > .dropdown-menu.mega_menu {
      width: 40em;
   }
}
.navbar-nav .dropdown:hover > .dropdown-menu.mega_menu {
   display: flex;
   flex-wrap: wrap;
   justify-content: space-between;
}
.navbar-nav .dropdown-menu.mega_menu li {
   width: calc(100% / 2 - 10px);
}

/* ------------------------
    Footer
------------------------*/
.footer {
   position: relative;
   padding-top: 80px;
   overflow: hidden;
   /* background: url(../images/pattern-1.png) no-repeat right; */
   background-size: cover;
   background-color: #d0d0d0;
}

/* .footer * {
   color: #000 !important;
} */

/* .footer::before {
   content: "";
   position: absolute;
   width: 100%;
   height: 1px;
   top: 1%;
   background-color: #fff9;
} */

.secondary-footer {
   border-top: 1px solid var(--themeht-border-dark-color);
   padding: 15px 0 5px;
   margin-top: 0px;
   font-size: 0.92rem;
   color: #000;
}

.secondary-footer a {
   text-decoration: underline;
   text-underline-offset: 4px;
   text-wrap: nowrap;
}

.secondary-footer a:hover {
   color: var(--primary);
}

.footer .footer_about {
   overflow: hidden;
}
.footer .footer_about img {
   max-height: 120px;
   height: 100%;
}

.footer :is(h5, h6, p, a) {
   color: #000;
}

.footer h5 {
   display: inline-block;
   position: relative;
   font-weight: 500;
}

.footer h5:before {
   position: absolute;
   content: "";
   background-color: var(--primary-color);
   font-size: 24px;
   width: 60%;
   height: 2px;
   left: 0;
   bottom: 0;
   /* animation: rotate 5s ease-in-out infinite; */
}
.media-icon.list-inline li {
   display: inline-block;
}
.media-icon li {
   margin-bottom: 0.4rem;
   font-size: 1rem;
   font-weight: 400;
   display: flex;
   align-items: flex-start;
}
.media-icon li:last-child {
   margin-bottom: 0 !important;
}
.media-icon li i {
   font-size: 24px;
   color: var(--primary);
   vertical-align: middle;
   line-height: 24px;
   margin-right: 10px;
}

.media-icon li a:hover {
   color: var(--primary-color);
   text-decoration: underline;
   text-underline-offset: 3px;
}
.footer-menu li {
   margin-bottom: 15px;
   text-transform: capitalize;
}
.footer-menu li:last-child {
   margin-bottom: 0;
}
.footer-menu li a {
   position: relative;
}

.footer-menu.list_divide li {
   margin-bottom: 0.9rem;
   width: 100%;
}
.footer-menu.list_divide li a {
   display: block;
   text-overflow: ellipsis;
   white-space: nowrap;
   overflow: hidden;
}

.footer-menu li a:hover {
   color: var(--primary);
   padding-left: 15px;
}
.footer-menu li a:before {
   content: "";
   background: var(--primary);
   width: 5px;
   height: 5px;
   position: absolute;
   left: -5px;
   top: 50%;
   margin-top: -2.5px;
   opacity: 0;
}
.footer-menu li a:hover:before {
   opacity: 1;
   left: 0;
   animation: opacitychange 1s ease-in-out infinite;
}
.social-icons.footer-social li a {
   height: 40px;
   width: 40px;
   line-height: 40px;
   font-size: 20px;
   color: #fff;
   background: var(--themeht-border-dark-color);
   border-radius: 50%;
   -webkit-border-radius: 50%;
   -moz-border-radius: 50%;
   -ms-border-radius: 50%;
   -o-border-radius: 50%;
}

/* ------------------------
    Page Title
------------------------*/
.page-title {
   position: relative;
   display: block;
   padding: 100px 0;
   background: var(--themeht-bg-dark-color);
   z-index: 9;
   background-attachment: fixed;
}

.page-title::after {
   content: "";
   position: absolute;
   inset: 0;
   background: linear-gradient(to right, #000, transparent);
   z-index: -1;
}

.page-title h1 {
   font-size: 50px;
   color: #fff;
   line-height: 60px;
   font-weight: 600;
   word-break: break-word;
   padding-left: 30px;
}
.theme-breadcrumb-box {
   /* display: inline-block; */
   /* background: var(--themeht-bg-dark-color); */
   padding-block: 25px 10px;
   padding-left: 0;
   /* border: 1px solid var(--themeht-border-dark-color); */
}
.page-breadcrumb {
   position: absolute;
   right: 4%;
   bottom: 0%;
   background: #fff;
   padding: 10px;
   display: inline-block;
   margin-top: 15px;
}
.breadcrumb {
   background: none;
   display: inline-block;
   margin: 0;
   text-transform: capitalize;
   color: #fff;
   font-weight: 500;
}
.breadcrumb-item {
   display: inline-block;
}
.breadcrumb-item a {
   color: var(--themeht-text-color);
}
.breadcrumb-item.active,
.breadcrumb-item a:hover {
   color: var(--primary-color);
}
.breadcrumb-item + .breadcrumb-item:before {
   color: var(--primary-color);
   content: "\f054";
   font-family: "Line Awesome Free";
   font-weight: 700;
}

.product_breadcrumb {
   background-color: transparent;
   padding: 30px 0 5px;
   font-weight: 500;
}

.product_breadcrumb::after {
   /* background: linear-gradient(to bottom, #0008, transparent, transparent); */
   /* background: transparent; */
}

.product_breadcrumb :is(h2, h3) {
   color: #fff;
}

/* .product_breadcrumb h2 {
   font-size: 2.5rem;
} */
/* .product_breadcrumb .page-breadcrumb {
   position: relative;
   left: 0;
} */

/* ------------------------
    Flat Icon
------------------------*/
@font-face {
   font-family: "Flaticon";
   src: url("../fonts/Flaticon.eot");
   src: url("../fonts/Flaticond41d.eot?#iefix") format("embedded-opentype"), url("../fonts/Flaticon.woff") format("woff"),
      url("../fonts/Flaticon.ttf") format("truetype"), url("../fonts/Flaticon.svg#Flaticon") format("svg");
   font-weight: normal;
   font-style: normal;
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
   @font-face {
      font-family: "Flaticon";
      src: url("../fonts/Flaticon.svg#Flaticon") format("svg");
   }
}

[class^="flaticon-"]:before,
[class*=" flaticon-"]:before,
[class^="flaticon-"]:after,
[class*=" flaticon-"]:after {
   font-family: Flaticon;
   font-style: normal;
}
.flaticon-24-hours:before {
   content: "\f100";
}
.flaticon-drawing:before {
   content: "\f101";
}
.flaticon-innovation-1:before {
   content: "\f102";
}
.flaticon-idea:before {
   content: "\f103";
}
.flaticon-alarm-clock:before {
   content: "\f104";
}
.flaticon-broken-link-1:before {
   content: "\f105";
}
.flaticon-broken-link:before {
   content: "\f106";
}
.flaticon-search-1:before {
   content: "\f107";
}
.flaticon-search:before {
   content: "\f108";
}
.flaticon-magnifier:before {
   content: "\f109";
}
.flaticon-cancel:before {
   content: "\f10a";
}
.flaticon-home:before {
   content: "\f10b";
}
.flaticon-map:before {
   content: "\f10c";
}
.flaticon-employee:before {
   content: "\f10d";
}
.flaticon-coffee-cup:before {
   content: "\f10e";
}
.flaticon-pencil:before {
   content: "\f10f";
}
.flaticon-project:before {
   content: "\f110";
}
.flaticon-engine:before {
   content: "\f111";
}
.flaticon-fuel-station:before {
   content: "\f112";
}
.flaticon-factory:before {
   content: "\f113";
}
.flaticon-maintenance:before {
   content: "\f114";
}
.flaticon-industrial-robot:before {
   content: "\f115";
}
.flaticon-gear:before {
   content: "\f116";
}
.flaticon-motor:before {
   content: "\f117";
}
.flaticon-worker:before {
   content: "\f118";
}
.flaticon-oil:before {
   content: "\f119";
}
.flaticon-angle-arrow-down:before {
   content: "\f11a";
}
.flaticon-paper-plane:before {
   content: "\f11b";
}
.flaticon-message:before {
   content: "\f11c";
}
.flaticon-opened-email-envelope:before {
   content: "\f11d";
}
.flaticon-phone-call:before {
   content: "\f11e";
}
.flaticon-online-support:before {
   content: "\f11f";
}
.flaticon-settings:before {
   content: "\f120";
}
.flaticon-networking:before {
   content: "\f121";
}
.flaticon-browser:before {
   content: "\f122";
}
.flaticon-time-management:before {
   content: "\f123";
}
.flaticon-chat-bubble:before {
   content: "\f124";
}
.flaticon-trophy:before {
   content: "\f125";
}
.flaticon-growth:before {
   content: "\f126";
}
.flaticon-innovation:before {
   content: "\f127";
}

/*--Header Cart--*/
.cart {
   position: relative;
   z-index: 200;
   height: 50px;
   width: 50px;
   text-align: center;
   border-radius: 50%;
   -webkit-border-radius: 50%;
   -moz-border-radius: 50%;
   -ms-border-radius: 50%;
   -o-border-radius: 50%;
   box-shadow: 0 2px 8px #ddd;
}

.cart i {
   font-size: 28px;
   line-height: 50px;
}

/* ------------------------
Modal Popup
------------------------*/
.modal.cart-modal {
   padding-right: 0 !important;
}

.modal.cart-modal .modal-dialog {
   margin: 0 0 0 auto;
   height: 100%;
   max-width: 450px;
}

.modal.cart-modal .modal-content {
   border: none;
   border-radius: 0;
   height: inherit;
   overflow-y: auto;
}

.modal.cart-modal.fade .modal-dialog {
   -webkit-transform: translateX(100%);
   transform: translateX(100%);
}

.modal.cart-modal.show .modal-dialog {
   -webkit-transform: translateX(0);
   transform: translateX(0);
}

.modal-header {
   flex-direction: column;
   text-align: center;
   padding-inline: 1rem;
   padding-bottom: 0;
   border-bottom: 1px solid #ddd;
}

.modal-content .btn-close {
   position: absolute;
   top: 0;
   left: 0;
   width: 40px;
   height: 40px;
   background-color: #f001;
   border-radius: 0 0 50% 0;
   -webkit-border-radius: 0 0 50% 0;
   -moz-border-radius: 0 0 50% 0;
   -ms-border-radius: 0 0 50% 0;
   -o-border-radius: 0 0 50% 0;
}

.modal-header .btn-close:hover {
   box-shadow: 0 0 0 0.25rem #0d6efd40;
   transform: rotate(90deg);
   -webkit-transform: rotate(90deg);
   -moz-transform: rotate(90deg);
   -ms-transform: rotate(90deg);
   -o-transform: rotate(90deg);
   border-radius: 0 50% 0 0;
   -webkit-border-radius: 0 50% 0 0;
   -moz-border-radius: 0 50% 0 0;
   -ms-border-radius: 0 50% 0 0;
   -o-border-radius: 0 50% 0 0;
}

.modal-header img {
   max-height: 110px;
   height: 100%;
}

.modal-body ul {
   list-style: none;
   /* padding-left: 1rem; */
}

.modal-body ul li {
   margin-bottom: 0.5rem;
   letter-spacing: 0.5px;
   font-size: 0.95rem;
   font-weight: 500;
   line-height: 22px;
}

.modal-body ul i {
   font-size: 20px;
}