/* Css For Echarge */
 /************ TABLE OF CONTENTS ***************
1. Fonts
2. Reset
3. Global
4. Main Header/style-one/style-two
5. Main Slider/style-one/style-two
6. Intro Section
7. Welcome Section
9. Cta Section
8. Research Fields
10. Testimonial Section
11. Researches Section
12. Team Section
14. Video
15. Fact Counter
16. News Section
19. Clients Section
20. Main Footer
21. Footer Bottom
22. Research Style Two
23. Innovative Solution
24. Discover Section
25. Testimonial Section
26. Chooseus Section
27. News Style Two
28. Page Title
29. Research Page Section
30. Research Details
31. Professor Page Section
32. Professor Details
33. About Section
34. Error Section
35. Blog Page Section
36. Blog Details
37. Blog Sidebar
38. Contact Section
39. Google Map


**********************************************/
 /*** 

====================================================================
  Reset
====================================================================

 ***/

 * {
     margin: 0px;
     padding: 0px;
     border: none;
     outline: none;
 }

 /*** 

====================================================================
 Global Settings
====================================================================

***/

 :root {
     --thm-base: #87C332;
 }

 body {
     font-size: 16px;
     color: #6E6E6E;
     line-height: 28px;
     font-weight: 400;
     background: #ffffff;
     font-family: 'Montserrat', sans-serif;
     background-size: cover;
     background-repeat: no-repeat;
     background-position: center top;
     -webkit-font-smoothing: antialiased;
 }

 @media (min-width:1200px) {
     .container {
         max-width: 1200px;
         padding: 0px 15px;
     }
 }

 .large-container {
     max-width: 1550px;
     padding: 0px 15px;
     margin: 0 auto;
 }

 .container-fluid {
     padding: 0px;
 }

 .auto-container {
     position: static;
     max-width: 1320px;
     padding: 0px 15px;
     margin: 0 auto;
 }

 .small-container {
     max-width: 680px;
     margin: 0 auto;
 }

 .boxed_wrapper {
     position: relative;
     margin: 0 auto;
     overflow: hidden !important;
     width: 100%;
     min-width: 300px;
 }

 a {
     text-decoration: none;
     transition: all 500ms ease;
     -moz-transition: all 500ms ease;
     -webkit-transition: all 500ms ease;
     -ms-transition: all 500ms ease;
     -o-transition: all 500ms ease;
 }

 a:hover {
     text-decoration: none;
     outline: none;
 }

 input,
 button,
 select,
 textarea {
     font-family: 'Montserrat', sans-serif;
     font-weight: 400;
     font-size: 16px;
     background: transparent;
 }

 ::-webkit-input-placeholder {
     color: inherit;
 }

 ::-moz-input-placeholder {
     color: inherit;
 }

 ::-ms-input-placeholder {
     color: inherit;
 }

 ul,
 li {
     list-style: none;
     padding: 0px;
     margin: 0px;
 }

 input {
     transition: all 500ms ease;
 }

 button:focus,
 input:focus,
 textarea:focus {
     outline: none;
     box-shadow: none;
     transition: all 500ms ease;
 }

 p {
     position: relative;
     font-family: 'Montserrat', sans-serif;
     color: #676767;
     font-weight: 400;
     margin: 0px;
     transition: all 500ms ease;
 }

 h1,
 h2,
 h3,
 h4,
 h5,
 h6 {
     position: relative;
     font-family: 'Montserrat', sans-serif;
     font-weight: 400;
     color: #000000;
     margin: 0px;
     transition: all 500ms ease;
 }

 /* Preloader */

 .handle-preloader {
     align-items: center;
     -webkit-align-items: center;
     display: flex;
     display: -ms-flexbox;
     height: 100%;
     justify-content: center;
     -webkit-justify-content: center;
     position: fixed;
     left: 0;
     top: 0;
     width: 100%;
     z-index: 9999999;
 }

 .preloader-close {
     position: fixed;
     z-index: 99999999;
     font-size: 26px;
     background: #fff;
     width: 40px;
     height: 40px;
     line-height: 36px;
     text-align: center;
     border-radius: 50%;
     cursor: pointer;
     right: 30px;
     top: 30px;
 }

 .handle-preloader .animation-preloader {
     position: absolute;
     z-index: 100;
 }

 .handle-preloader .animation-preloader .spinner {
     animation: spinner 1s infinite linear;
     border-radius: 50%;
     height: 150px;
     margin: 0 auto 45px auto;
     width: 150px;
 }

 .handle-preloader .animation-preloader .txt-loading {
     text-align: center;
     user-select: none;
 }

 .handle-preloader .animation-preloader .txt-loading .letters-loading:before {
     animation: letters-loading 4s infinite;
     content: attr(data-text-preloader);
     left: 0;
     opacity: 0;
     top: 0;
     position: absolute;
 }

 .handle-preloader .animation-preloader .txt-loading .letters-loading {
     font-family: 'DM Sans', sans-serif;
     font-weight: 500;
     letter-spacing: 15px;
     display: inline-block;
     position: relative;
     font-size: 70px;
     line-height: 70px;
     text-transform: uppercase;
 }

 .handle-preloader .animation-preloader .txt-loading .letters-loading:nth-child(2):before {
     animation-delay: 0.2s;
 }

 .handle-preloader .animation-preloader .txt-loading .letters-loading:nth-child(3):before {
     animation-delay: 0.4s;
 }

 .handle-preloader .animation-preloader .txt-loading .letters-loading:nth-child(4):before {
     animation-delay: 0.6s;
 }

 .handle-preloader .animation-preloader .txt-loading .letters-loading:nth-child(5):before {
     animation-delay: 0.8s;
 }

 .handle-preloader .animation-preloader .txt-loading .letters-loading:nth-child(6):before {
     animation-delay: 1s;
 }

 .handle-preloader .animation-preloader .txt-loading .letters-loading:nth-child(7):before {
     animation-delay: 1.2s;
 }

 .handle-preloader .animation-preloader .txt-loading .letters-loading:nth-child(8):before {
     animation-delay: 1.4s;
 }

 .handle-preloader .loader-section {
     background-color: #ffffff;
     height: 100%;
     position: fixed;
     top: 0;
     width: calc(50% + 1px);
 }

 .preloader .loaded .animation-preloader {
     opacity: 0;
     transition: 0.3s ease-out;
 }

 .handle-preloader .animation-preloader .txt-loading .letters-loading {
     color: #ffffff;
 }

 .handle-preloader .animation-preloader .txt-loading .letters-loading:before {
     color: #ffffff;
 }

 .handle-preloader .animation-preloader .spinner {
     border: 3px solid #ffffff;
     border-top-color: rgba(255, 255, 255, 0.5);
 }

 /* Animación del preloader */

 @keyframes spinner {
     to {
         transform: rotateZ(360deg);
     }
 }

 @keyframes letters-loading {

     0%,
     75%,
     100% {
         opacity: 0;
         transform: rotateY(-90deg);
     }

     25%,
     50% {
         opacity: 1;
         transform: rotateY(0deg);
     }
 }

 @media screen and (max-width: 767px) {
     .handle-preloader .animation-preloader .spinner {
         height: 8em;
         width: 8em;
     }
 }

 @media screen and (max-width: 500px) {
     .handle-preloader .animation-preloader .spinner {
         height: 7em;
         width: 7em;
     }

     .handle-preloader .animation-preloader .txt-loading .letters-loading {
         font-size: 40px;
         letter-spacing: 10px;
     }
 }

 .centred {
     text-align: center;
 }

 .pull-left {
     float: left;
 }

 .pull-right {
     float: right;
 }

 .special_fonts {
     font-family: 'DM Sans', sans-serif;
 }

 figure {
     margin: 0px;
 }

 img {
     display: inline-block;
     max-width: 100%;
     height: auto;
     transition-delay: .1s;
     transition-timing-function: ease-in-out;
     transition-duration: .7s;
     transition-property: all;
 }

 /** button **/
 .theme-btn-one {
     position: relative;
     display: inline-block;
     overflow: hidden;
     vertical-align: middle;
     font-size: 16px;
     line-height: 24px;
     font-weight: 600;
     font-family: 'Montserrat', sans-serif;
     color: #fff !important;
     text-align: center;
     padding: 19px 46px 17px 45px;
     text-transform: capitalize;
     z-index: 1;
     box-shadow: 0px 30px 30px rgba(0, 0, 0, 0.1);
     border-radius: 37px;
     transition: all 500ms ease;
 }

 .theme-btn-one:hover {
     background: #000;
 }

 .theme-btn-one:before {
     position: absolute;
     content: '';
     width: 0%;
     height: 100%;
     left: 0px;
     top: 0px;
     z-index: -1;
     background: #000;
     transition: all 500ms ease;
 }

 .theme-btn-one:hover:before {
     width: 100%;
 }

 .theme-btn-two {
     position: relative;
     display: inline-block;
     overflow: hidden;
     vertical-align: middle;
     font-size: 16px;
     line-height: 24px;
     color: #000;
     font-weight: 600;
     text-transform: capitalize;
     border: 1px solid #E5E5E5;
     border-radius: 37px;
     padding: 7px 30px;
     z-index: 1;
 }

 .theme-btn-two:hover {
     color: #fff;
 }

 .theme-btn-two:before {
     position: absolute;
     content: '';
     width: 100%;
     height: 100%;
     left: 0px;
     top: 0px;
     transform: scale(0, 0);
     z-index: -1;
     transition: all 500ms ease;
 }

 .theme-btn-two:hover:before {
     transform: scale(1, 1);
 }

 .row {
     --bs-gutter-x: 30px;
 }

 .pagination {
     position: relative;
     display: block;
 }

 .pagination .page-numbers {
     position: relative;
     display: inline-block;
     font-size: 18px;
     font-weight: 500;
     height: 60px;
     width: 60px;
     line-height: 60px;
     background: #ffffff;
     font-family: 'Poppins', sans-serif;
     border: 1px solid #E5E5E5;
     text-align: center;
     color: #333;
     z-index: 1;
     border-radius: 50%;
     transition: all 500ms ease;
     margin-right: 10px;
 }

 .pagination .page-numbers:hover,
 .pagination .page-numbers.current {
     box-shadow: 0px 15px 40px 10px rgba(0, 0, 0, 0.1);
     color: #fff;
     background: var(--thm-base);
 }

 .sec-pad {
     padding: 115px 0px 120px 0px;
 }

 .mr-0 {
     margin: 0px !important;
 }

 /** scroll-to-top **/
 .scroll-to-top {
     position: fixed;
     right: 0px;
     bottom: 100px;
     transform: rotate(90deg);
     z-index: 99;
 }

 .scroll-to-top .visible {
     visibility: visible !important;
     opacity: 1 !important;
 }

 .scroll-to-top .scroll-top-inner {
     opacity: 0;
     visibility: hidden;
 }

 .scroll-to-top .scroll-top-inner {
     display: -webkit-box;
     display: -webkit-flex;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -webkit-align-items: center;
     -ms-flex-align: center;
     align-items: center;
     -webkit-transition: all cubic-bezier(.4, 0, .2, 1) .4s;
     -o-transition: all cubic-bezier(.4, 0, .2, 1) .4s;
     transition: all cubic-bezier(.4, 0, .2, 1) .4s;
 }

 .scroll-to-top .scroll-bar {
     width: 50px;
     height: 2px;
     margin-right: 10px;
     position: relative;
 }

 .scroll-to-top .scroll-bar:before {
     content: "";
     position: absolute;
     left: 0;
     top: 0;
     height: 100%;
     width: 100%;
     background: rgba(135, 195, 50, 0.4);
 }

 .scroll-to-top .scroll-bar .bar-inner {
     position: absolute;
     top: 0;
     right: 0;
     height: 100%;
     background-color: rgba(0, 0, 0, 0.40);
 }

 .scroll-to-top .scroll-bar-text {
     font-size: 14px;
     font-weight: 600;
     cursor: pointer;
     color: rgba(0, 0, 0, 0.50);
     transition: all 500ms ease;
 }

 .scroll-to-top .scroll-bar-text:hover {
     transform: scale(1.1);
 }

 @-webkit-keyframes ripple {
     70% {
         -webkit-box-shadow: 0 0 0 30px rgba(255, 255, 255, 0);
         box-shadow: 0 0 0 30px rgba(255, 255, 255, 0);
     }

     100% {
         -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
         box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
     }
 }

 @keyframes ripple {
     70% {
         -webkit-box-shadow: 0 0 0 30px rgba(255, 255, 255, 0);
         box-shadow: 0 0 0 30px rgba(255, 255, 255, 0);
     }

     100% {
         -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
         box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
     }
 }

 @-webkit-keyframes diagonal-slide {
     from {
         top: 0;
         left: 0;
         animation-timing-function: linear;
     }

     20% {
         top: -5px;
         left: -5px;
         animation-timing-function: linear;
     }

     40% {
         top: 5px;
         left: -5px;
         animation-timing-function: linear;
     }

     60% {
         top: 5px;
         left: 5px;
         animation-timing-function: linear;
     }

     80% {
         top: -5px;
         left: 5px;
         animation-timing-function: linear;
     }

     to {
         top: 0;
         left: 0;
         animation-timing-function: linear;
     }
 }

 .sec-title {
     position: relative;
     display: block;
 }

 .sec-title .sub-title {
     position: relative;
     display: inline-block;
     font-size: 16px;
     line-height: 24px;
     font-family: 'DM Sans', sans-serif;
     font-weight: 700;
     letter-spacing: 0.4em;
     margin-bottom: 14px;
     text-transform: uppercase;
 }

 .sec-title h2 {
     position: relative;
     display: block;
     font-size: 40px;
     line-height: 50px;
     font-weight: 700;
     margin: 0px;
 }

 .sec-title.light h2 {
     color: #fff;
 }
 .sec-title.light h2 {
     color: #fff;
 }

 .sec-title.light .sub-title,
 .sec-title.light h2 {
     color: #fff;
 }

 .sec-title.light .sub-title:before {
     color: rgba(255, 255, 255, 0.15);
 }

 .owl-dots-none .owl-dots,
 .owl-nav-none .owl-nav {
     display: none !important;
 }

 /*** 

====================================================================
                       Home-Page-One
====================================================================

***/
 /** main-header **/

 .main-header {
     position: relative;
     left: 0px;
     top: 0px;
     right: 0px;
     z-index: 999;
     width: 100%;
     box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.03);
     transition: all 500ms ease;
     -moz-transition: all 500ms ease;
     -webkit-transition: all 500ms ease;
     -ms-transition: all 500ms ease;
     -o-transition: all 500ms ease;
 }

 .sticky-header {
     position: fixed;
     opacity: 0;
     visibility: hidden;
     left: 0px;
     top: 0px;
     width: 100%;
     z-index: 0;
     background-color: #fff;
     border-bottom: 1px solid rgba(0, 0, 0, 0.10);
     transition: all 500ms ease;
     -moz-transition: all 500ms ease;
     -webkit-transition: all 500ms ease;
     -ms-transition: all 500ms ease;
     -o-transition: all 500ms ease;
 }

 .fixed-header .sticky-header {
     z-index: 999;
     opacity: 1;
     visibility: visible;
     -ms-animation-name: fadeInDown;
     -moz-animation-name: fadeInDown;
     -op-animation-name: fadeInDown;
     -webkit-animation-name: fadeInDown;
     animation-name: fadeInDown;
     -ms-animation-duration: 500ms;
     -moz-animation-duration: 500ms;
     -op-animation-duration: 500ms;
     -webkit-animation-duration: 500ms;
     animation-duration: 500ms;
     -ms-animation-timing-function: linear;
     -moz-animation-timing-function: linear;
     -op-animation-timing-function: linear;
     -webkit-animation-timing-function: linear;
     animation-timing-function: linear;
     -ms-animation-iteration-count: 1;
     -moz-animation-iteration-count: 1;
     -op-animation-iteration-count: 1;
     -webkit-animation-iteration-count: 1;
     animation-iteration-count: 1;
 }

 /** header-top **/
 .header-top {
     position: relative;
     background: #212226;
     padding: 16px 100px;
 }
 .header-top .top-inner {
     position: relative;
     display: flex;
     align-items: center;
     justify-content: space-between;
 }
 .header-top .top-inner .info li {
     position: relative;
     display: inline-block;
     float: left;
     margin-right: 60px;
     padding-left: 30px;
     font-size: 16px;
     line-height: 20px;
     font-weight: 500;
     color: #BCBDBE;
 }
 .header-top .top-inner .info li a {
     position: relative;
     display: inline-block;
     color: #BCBDBE;
 }
 .header-top .top-inner .info li i {
     position: absolute;
     left: 0px;
     top: 0px;
     font-size: 18px;
 }
 .header-top .top-inner .info li:before {
     position: absolute;
     content: '';
     background: rgba(255, 255, 255, 0.15);
     width: 1px;
     height: 30px;
     top: -5px;
     right: -30px;
 }
 .header-top .top-inner .left-column .info li:last-child:before {
     display: none;
 }
 .header-top .top-inner .left-column .info li:first-child i {
     font-size: 14px;
     top: 2px;
 }
 .header-top .right-column {
     position: relative;
     display: flex;
     align-items: center;
 }
 .header-top .social-links li {
     position: relative;
     display: inline-block;
     font-size: 16px;
     margin-right: 25px;
 }
 .header-top .social-links li:last-child {
     margin: 0px !important;
 }
 .header-top .social-links li a {
     display: inline-block;
     color: rgba(255, 255, 255, 0.5);
 }
 /*** Search Popup ***/
 .search-popup {
     position: fixed;
     left: 0;
     top: 0px;
     width: 100%;
     height: 100%;
     z-index: 99999;
     visibility: hidden;
     opacity: 0;
     overflow: auto;
     background: rgba(0, 0, 0, 0.80);
     -webkit-transform: translateY(101%);
     -ms-transform: translateY(101%);
     transform: translateY(101%);
     transition: all 700ms ease;
     -moz-transition: all 700ms ease;
     -webkit-transition: all 700ms ease;
     -ms-transition: all 700ms ease;
     -o-transition: all 700ms ease;
 }

 .search-popup.popup-visible {
     -webkit-transform: translateY(0%);
     -ms-transform: translateY(0%);
     transform: translateY(0%);
     visibility: visible;
     opacity: 1;
 }

 .search-popup .popup-inner {
     width: 100%;
     background: #fff;
     height: 100%;
 }

 .search-popup .upper-box {
     position: relative;
     padding: 70px 70px;
     z-index: 1;
 }

 .search-popup .upper-box .logo-box {
     max-width: 149px;
 }

 .search-popup .overlay-layer {
     position: absolute;
     left: 0px;
     top: 0px;
     right: 0px;
     bottom: 0px;
     display: block;
 }

 .search-popup .close-search {
     position: relative;
     font-size: 22px;
     color: #141417;
     cursor: pointer;
     z-index: 5;
     top: 11px;
     transition: all 500ms ease;
 }

 .search-popup .close-search span {
     font-family: 'Font Awesome 5 Pro';
 }

 .search-popup .close-search:hover {
     color: red;
 }

 .search-popup .search-form {
     position: relative;
     width: 100%;
     padding: 100px 0px 250px 0px;
 }

 .search-popup .search-form .form-group {
     position: relative;
     margin: 0px;
 }

 .search-popup .search-form fieldset input[type="search"] {
     position: relative;
     height: 90px;
     padding: 20px 0px;
     background: #ffffff;
     line-height: 30px;
     font-size: 20px;
     color: #808080;
     font-family: 'Poppins', sans-serif;
     border: none;
     font-weight: 400;
     border-radius: 0px;
     padding-right: 50px;
     border-bottom: 1px solid #e5e5e5;
 }

 .search-popup .search-form fieldset button[type="submit"] {
     position: absolute;
     top: 30px;
     right: 0px;
     font-size: 22px;
     color: #141417;
     cursor: pointer;
     transition: all 500ms ease;
 }

 .search-popup .search-form fieldset button[type="submit"] i {
     font-family: 'Font Awesome 5 Pro';
 }

 .search-popup .search-form fieldset input[type="search"]:focus {
     border-color: #141417;
 }

 .search-popup .form-control:focus {
     box-shadow: none !important;
 }

 /** header-lower **/

 .main-header .outer-box {
     position: relative;
     display: flex;
     align-items: center;
     justify-content: space-between;
     padding: 0px 100px;
 }

 .main-header .logo-box {
     position: relative;
     margin-right: 60px;
     float: left;
     padding: 16px 0px 36px 0px;
 }

 .main-header .logo-box .logo {
     max-width: 149px;
     width: 100%;
 }

 .main-header .logo-box .logo img {
     width: 100%;
 }

 .main-header .menu-area {
     float: left;
 }

 .main-header .menu-right-content {
     position: relative;
     display: flex;
     align-items: center;
 }

 .main-header .menu-right-content .search-box-outer,
 .main-header .menu-right-content .cart-box a {
     position: relative;
     display: inline-block;
     background: #fff;
     width: 50px;
     height: 50px;
     line-height: 54px;
     box-shadow: 0px 15px 40px 10px rgba(0, 0, 0, 0.07);
     font-size: 18px;
     color: #000;
     text-align: center;
     border-radius: 50%;
     cursor: pointer;
     transition: all 500ms ease;
 }

 .main-header .menu-right-content .search-box-outer:hover,
 .main-header .menu-right-content .cart-box a:hover {
     color: #fff;
 }

 .main-header .menu-right-content .cart-box a span {
     position: absolute;
     top: 0px;
     right: 0px;
     width: 20px;
     height: 20px;
     line-height: 20px;
     box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.15);
     font-size: 14px;
     color: #fff;
     font-weight: 500;
     text-align: center;
     border-radius: 50%;
 }

 .main-header .menu-right-content .search-box-outer {
     margin-right: 30px;
 }

 .main-header .menu-right-content .cart-box {
     margin-right: 50px;
 }

 .main-header .menu-right-content .btn-box a {
     position: relative;
     display: inline-block;
     font-size: 18px;
     line-height: 28px;
     font-family: 'Montserrat', sans-serif;
     color: #fff;
     font-weight: 600;
     overflow: hidden;
     padding: 16px 30px;
     text-align: center;
     transition: all 0.5s cubic-bezier(0.42, 0, 0.58, 1);
     filter: hue-rotate(0);
 }

 .main-header .menu-right-content .btn-box a:hover {
     filter: hue-rotate(360deg);
 }

 .main-header .menu-right-content .btn-box a:before,
 .main-header .menu-right-content .btn-box a:after {
     content: "";
     position: absolute;
     display: block;
     box-sizing: border-box;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     border-radius: 50%;
     background: #212226;
     transition: all 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55);
     transform-origin: center;
     transform: scale(0) rotate(0);
     z-index: -1;
 }

 .main-header .menu-right-content .btn-box a:hover:before {
     border-radius: 0;
     transform: scale(1) rotate(-180deg);
 }

 .main-header .menu-right-content .btn-box a:after {
     background: #212226;
 }

 .main-header .menu-right-content .btn-box a:hover:after {
     border-radius: 0;
     transform: scale(1) rotate(180deg);
 }

 /** main-menu **/

 .main-menu {
     float: left;
 }

 .main-menu .navbar-collapse {
     padding: 0px;
     display: block !important;
 }

 .main-menu .navigation {
     margin: 0px;
 }

 .main-menu .navigation>li {
     position: inherit;
     float: left;
     z-index: 2;
     margin: 0px 15px;
     -webkit-transition: all 300ms ease;
     -moz-transition: all 300ms ease;
     -ms-transition: all 300ms ease;
     -o-transition: all 300ms ease;
     transition: all 300ms ease;
 }

 .main-menu .navigation>li:last-child {
     margin-right: 0px !important;
 }

 .main-menu .navigation>li:first-child {
     margin-left: 0px !important;
 }

 .main-menu .navigation>li>a {
     position: relative;
     display: block;
     text-align: center;
     font-size: 18px;
     line-height: 30px;
     padding: 35px 0px;
     font-weight: 500;
     font-family: 'Montserrat', sans-serif;
     opacity: 1;
     color: #141417;
     z-index: 1;
     -webkit-transition: all 500ms ease;
     -moz-transition: all 500ms ease;
     -ms-transition: all 500ms ease;
     -o-transition: all 500ms ease;
     transition: all 500ms ease;
 }

 .main-menu .navigation>li.menu-item-has-children>a {
     padding-right: 17px;
 }

 .main-menu .navigation>li.menu-item-has-children>a:before {
     position: absolute;
     content: "\f107";
     font-family: 'Font Awesome 5 Pro';
     top: 35px;
     right: 0px;
     font-weight: 500;
     transition: all 500ms ease;
 }

 .main-menu .navigation>li>ul,
 .main-menu .navigation>li>.megamenu {
     position: absolute;
     left: inherit;
     top: 100%;
     width: 230px;
     margin-top: 15px;
     z-index: 100;
     display: none;
     opacity: 0;
     visibility: hidden;
     border-radius: 0px;
     transition: all 500ms ease;
     -moz-transition: all 500ms ease;
     -webkit-transition: all 500ms ease;
     -ms-transition: all 500ms ease;
     -o-transition: all 500ms ease;
 }

 .main-menu .navigation>li>.megamenu {
     background: #212226;
 }

 .main-menu .navigation>li>.megamenu a {
     display: inline-block !important;
 }

 .main-menu .navigation>li>ul.from-right {
     left: auto;
     right: 0px;
 }

 .main-menu .navigation>li>ul>li {
     position: relative;
     width: 100%;
 }

 .main-menu .navigation>li>ul>li>a,
 .main-menu .navigation>li>.megamenu li>a {
     position: relative;
     display: block;
     padding: 10px 30px;
     line-height: 24px;
     font-weight: 500;
     font-size: 15px;
     text-transform: capitalize;
     font-family: 'Poppins', sans-serif;
     color: #fff;
     text-align: left;
     transition: all 500ms ease;
     -moz-transition: all 500ms ease;
     -webkit-transition: all 500ms ease;
     -ms-transition: all 500ms ease;
     -o-transition: all 500ms ease;
 }

 .main-menu .navigation>li>ul>li>a {
     border-bottom: 1px solid rgba(255, 255, 255, 0.1);
 }

 .main-menu .navigation>li>.megamenu li>a {
     padding-left: 0px;
     padding-right: 0px;
 }

 .main-menu .navigation>li>.megamenu h4 {
     display: block;
     font-size: 20px;
     line-height: 30px;
     color: #ffffff;
 }

 .main-menu .navigation>li>ul>li>a:hover {
     padding-left: 45px;
 }

 .main-menu .navigation>li>.megamenu li>a:hover {
     padding-left: 10px;
 }

 .main-menu .navigation>li>ul>li:last-child>a,
 .main-menu .navigation>li>.megamenu li:last-child>a {
     border-bottom: none;
 }

 .main-menu .navigation>li>ul>li.menu-item-has-children>a:after {
     font-family: 'Font Awesome 5 Pro';
     content: "\f105";
     position: absolute;
     right: 20px;
     top: 10px;
     display: block;
     line-height: 24px;
     font-size: 16px;
     font-weight: 800;
     text-align: center;
     z-index: 5;
 }

 .main-menu .navigation>li>ul>li>ul {
     position: absolute;
     left: 100%;
     top: 0%;
     margin-top: 15px;
     width: 230px;
     z-index: 100;
     display: none;
     border-radius: 0px;
     transition: all 500ms ease;
     -moz-transition: all 500ms ease;
     -webkit-transition: all 500ms ease;
     -ms-transition: all 500ms ease;
     -o-transition: all 500ms ease;
 }

 .main-menu .navigation>li>ul>li>ul.from-right {
     left: auto;
     right: 0px;
 }

 .main-menu .navigation>li>ul>li>ul>li {
     position: relative;
     width: 100%;
 }

 .main-menu .navigation>li>ul>li>ul>li:last-child {
     border-bottom: none;
 }

 .main-menu .navigation>li>ul>li>ul>li>a {
     position: relative;
     display: block;
     padding: 10px 30px;
     line-height: 24px;
     font-weight: 500;
     font-size: 15px;
     text-transform: capitalize;
     font-family: 'Poppins', sans-serif;
     color: #fff;
     border-bottom: 1px solid rgba(255, 255, 255, 0.1);
     text-align: left;
     transition: all 500ms ease;
     -moz-transition: all 500ms ease;
     -webkit-transition: all 500ms ease;
     -ms-transition: all 500ms ease;
     -o-transition: all 500ms ease;
 }

 .main-menu .navigation>li>ul>li>ul>li:last-child>a {
     border-bottom: none;
 }

 .main-menu .navigation>li>ul>li>ul>li>a:hover {
     padding-left: 45px;
 }

 .main-menu .navigation>li>ul>li>ul>li.menu-item-has-children>a:after {
     font-family: 'Font Awesome 5 Pro';
     content: "\f105";
     position: absolute;
     right: 20px;
     top: 12px;
     display: block;
     line-height: 24px;
     font-size: 16px;
     font-weight: 900;
     z-index: 5;
 }

 .main-menu .navigation>li.menu-item-has-children:hover>ul,
 .main-menu .navigation>li.menu-item-has-children:hover>.megamenu {
     visibility: visible;
     opacity: 1;
     margin-top: 0px;
     top: 100%;
 }

 .main-menu .navigation li>ul>li.menu-item-has-children:hover>ul {
     visibility: visible;
     opacity: 1;
     top: 0%;
     margin-top: 0px;
 }

 .main-menu .navigation li.menu-item-has-children .dropdown-btn {
     position: absolute;
     right: -32px;
     top: 66px;
     width: 34px;
     height: 30px;
     text-align: center;
     font-size: 18px;
     line-height: 26px;
     color: #3b3b3b;
     cursor: pointer;
     display: none;
     z-index: 5;
     transition: all 500ms ease;
 }

 .main-menu .navigation li.menu-item-has-children ul li.menu-item-has-children .dropdown-btn {
     display: none;
 }

 .menu-area .mobile-nav-toggler {
     position: relative;
     float: right;
     font-size: 40px;
     line-height: 50px;
     cursor: pointer;
     color: #3786ff;
     display: none;
 }

 .menu-area .mobile-nav-toggler .icon-bar {
     position: relative;
     height: 2px;
     width: 30px;
     display: block;
     margin-bottom: 5px;
     background-color: #222;
     -webkit-transition: all 300ms ease;
     -moz-transition: all 300ms ease;
     -ms-transition: all 300ms ease;
     -o-transition: all 300ms ease;
     transition: all 300ms ease;
 }

 .menu-area .mobile-nav-toggler .icon-bar:last-child {
     margin-bottom: 0px;
 }

 .sticky-header .main-menu .navigation>li>a {
     padding-top: 25px;
     padding-bottom: 25px;
 }

 .sticky-header .main-menu .navigation>li>a:before {
     top: 25px;
 }

 .sticky-header .logo-box {
     padding: 12px 0px 20px 0px;
 }

 /** megamenu-style **/

 .main-menu .navigation>li.menu-item-has-children>.megamenu {
     position: absolute;
     width: 100%;
     padding: 30px 50px;
     left: 0px;
 }

 .main-menu .navigation li.menu-item-has-children .megamenu li h4 {
     margin-bottom: 10px;
 }

 /** mobile-menu **/

 .nav-outer .mobile-nav-toggler {
     position: relative;
     float: right;
     font-size: 40px;
     line-height: 50px;
     cursor: pointer;
     color: #3786ff;
     display: none;
 }

 .mobile-menu {
     position: fixed;
     right: 0;
     top: 0;
     width: 300px;
     padding-right: 30px;
     max-width: 100%;
     height: 100%;
     opacity: 0;
     visibility: hidden;
     z-index: 999999;
     transition: all 900ms ease;
 }

 .mobile-menu .navbar-collapse {
     display: block !important;
 }

 .mobile-menu .nav-logo {
     position: relative;
     padding: 50px 25px;
     text-align: left;
     padding-bottom: 100px;
 }

 .mobile-menu-visible {
     overflow: hidden;
 }

 .mobile-menu-visible .mobile-menu {
     opacity: 1;
     visibility: visible;
 }

 .mobile-menu .menu-backdrop {
     position: fixed;
     left: 0%;
     top: 0;
     width: 100%;
     height: 100%;
     z-index: 1;
     transition: all 900ms ease;
     background-color: #000;
 }

 .mobile-menu-visible .mobile-menu .menu-backdrop {
     opacity: 0.70;
     visibility: visible;
     right: 100%;
     -webkit-transition: all .8s ease-out 0s;
     -o-transition: all .8s ease-out 0s
 }

 .mobile-menu .menu-box {
     position: absolute;
     left: 0px;
     top: 0px;
     width: 100%;
     height: 100%;
     max-height: 100%;
     overflow-y: auto;
     background: #141417;
     padding: 0px 0px;
     z-index: 5;
     opacity: 0;
     visibility: hidden;
     border-radius: 0px;
     -webkit-transform: translateX(100%);
     -ms-transform: translateX(100%);
     transform: translateX(100%);
     transition: all 900ms ease !important;
 }

 .mobile-menu-visible .mobile-menu .menu-box {
     opacity: 1;
     visibility: visible;
     -webkit-transition: all 0.7s ease;
     -o-transition: all 0.7s ease;
     transition: all 0.7s ease;
     -webkit-transform: translateX(0%);
     -ms-transform: translateX(0%);
     transform: translateX(0%);
 }

 .mobile-menu .close-btn {
     position: absolute;
     right: 25px;
     top: 10px;
     line-height: 30px;
     width: 24px;
     text-align: center;
     font-size: 16px;
     color: #ffffff;
     cursor: pointer;
     z-index: 10;
     -webkit-transition: all 0.9s ease;
     -moz-transition: all 0.9s ease;
     -ms-transition: all 0.9s ease;
     -o-transition: all 0.9s ease;
     transition: all 0.9s ease;
 }

 .mobile-menu-visible .mobile-menu .close-btn {
     -webkit-transform: rotate(360deg);
     -ms-transform: rotate(360deg);
     transform: rotate(360deg);
 }

 .mobile-menu .close-btn:hover {
     -webkit-transform: rotate(90deg);
     -ms-transform: rotate(90deg);
     transform: rotate(90deg);
 }

 .mobile-menu .navigation {
     position: relative;
     display: block;
     width: 100%;
     float: none;
 }

 .mobile-menu .navigation li {
     position: relative;
     display: block;
     border-top: 1px solid rgba(255, 255, 255, 0.10);
 }

 .mobile-menu .navigation:last-child {
     border-bottom: 1px solid rgba(255, 255, 255, 0.10);
 }

 .mobile-menu .navigation li>ul>li:first-child {
     border-top: 1px solid rgba(255, 255, 255, 0.10);
 }

 .mobile-menu .navigation li>a {
     position: relative;
     display: block;
     line-height: 24px;
     padding: 10px 25px;
     font-size: 15px;
     font-weight: 500;
     color: #ffffff;
     text-transform: uppercase;
     -webkit-transition: all 500ms ease;
     -moz-transition: all 500ms ease;
     -ms-transition: all 500ms ease;
     -o-transition: all 500ms ease;
     transition: all 500ms ease;
 }

 .mobile-menu .navigation li ul li>a {
     font-size: 16px;
     margin-left: 20px;
     text-transform: capitalize;
 }

 .mobile-menu .navigation li>a:before {
     content: '';
     position: absolute;
     left: 0;
     top: 0;
     height: 0;
     border-left: 5px solid #fff;
     -webkit-transition: all 500ms ease;
     -moz-transition: all 500ms ease;
     -ms-transition: all 500ms ease;
     -o-transition: all 500ms ease;
     transition: all 500ms ease;
 }

 .mobile-menu .navigation li.current>a:before {
     height: 100%;
 }

 .mobile-menu .navigation li.menu-item-has-children .dropdown-btn {
     position: absolute;
     right: 6px;
     top: 6px;
     width: 32px;
     height: 32px;
     text-align: center;
     font-size: 16px;
     line-height: 32px;
     color: #ffffff;
     background: rgba(255, 255, 255, 0.10);
     cursor: pointer;
     border-radius: 2px;
     -webkit-transition: all 500ms ease;
     -moz-transition: all 500ms ease;
     -ms-transition: all 500ms ease;
     -o-transition: all 500ms ease;
     transition: all 500ms ease;
     z-index: 5;
 }

 .mobile-menu .navigation li.menu-item-has-children .dropdown-btn.open {
     color: #ffffff;
     -webkit-transform: rotate(90deg);
     -ms-transform: rotate(90deg);
     transform: rotate(90deg);
 }

 .mobile-menu .navigation li>ul,
 .mobile-menu .navigation li>ul>li>ul,
 .mobile-menu .navigation>li.menu-item-has-children>.megamenu {
     display: none;
 }

 .mobile-menu .social-links {
     position: relative;
     padding: 0px 25px;
 }

 .mobile-menu .social-links li {
     position: relative;
     display: inline-block;
     margin: 0px 10px 10px;
 }

 .mobile-menu .social-links li a {
     position: relative;
     line-height: 32px;
     font-size: 16px;
     color: #ffffff;
     -webkit-transition: all 500ms ease;
     -moz-transition: all 500ms ease;
     -ms-transition: all 500ms ease;
     -o-transition: all 500ms ease;
     transition: all 500ms ease;
 }

 div#mCSB_1_container {
     top: 0px !important;
 }

 .mobile-menu .contact-info {
     position: relative;
     padding: 120px 30px 20px 30px;
 }

 .mobile-menu .contact-info h4 {
     position: relative;
     font-size: 20px;
     color: #ffffff;
     font-weight: 700;
     margin-bottom: 20px;
 }

 .mobile-menu .contact-info ul li {
     position: relative;
     display: block;
     font-size: 15px;
     color: rgba(255, 255, 255, 0.80);
     margin-bottom: 3px;
 }

 .mobile-menu .contact-info ul li a {
     color: rgba(255, 255, 255, 0.80);
 }

 .mobile-menu .contact-info ul li:last-child {
     margin-bottom: 0px;
 }

 .main-header .outer-box {
     position: relative;
 }

 .news-section.blog-grid .news-block-one .inner-box {
     margin-bottom: 70px;
 }

 .sidebar-page-container {
     position: relative;
     padding-bottom: 120px;
 }

 .sidebar-page-container .news-block-one .inner-box {
     max-width: 100%;
     margin-bottom: 50px;
 }

 .nice-select {
     position: relative;
     background: transparent;
     border: none;
     font-size: 15px;
     font-weight: 400;
     text-transform: uppercase;
     padding: 0px;
     color: #d4c0cd;
     padding-right: 21px;
     height: auto;
     line-height: 28px;
 }

 .list-style-one li {
     position: relative;
     display: block;
     font-size: 16px;
     line-height: 26px;
     font-weight: 500;
     color: #000;
     margin-bottom: 8px;
     padding-left: 30px;
 }

 .list-style-one li:last-child {
     margin-bottom: 0px;
 }

 .list-style-one li:before {
     position: absolute;
     content: '';
     width: 16px;
     height: 16px;
     left: 0px;
     top: 5px;
     border-radius: 4px;
     transform: rotate(45deg);
 }

 .list-style-one li:after {
     position: absolute;
     content: '';
     width: 6px;
     height: 6px;
     left: 5px;
     top: 10px;
     border-radius: 2px;
     transform: rotate(45deg);
 }

 .bg-color-1 {
     background: #F3F9EB;
 }

 .nav-style-one .owl-nav button {
     position: relative;
     display: inline-block;
     width: 70px;
     height: 70px;
     line-height: 74px;
     font-size: 15px;
     background: #000;
     text-align: center;
     border-radius: 50%;
     background: #FFFFFF;
     box-shadow: 0px 5px 40px 20px rgba(0, 0, 0, 0.05);
     cursor: pointer;
     transition: all 500ms ease;
 }

 .nav-style-one .owl-nav button:hover {
     color: #fff;
     box-shadow: 0px 20px 40px rgba(135, 195, 50, 0.4);
 }

 .bg-color-3 {
     background: #262626;
 }

 /** main-footer **/

 .main-footer {
     position: relative;
     background: #212226;
 }

 .main-footer .widget-section {
     position: relative;
     padding: 115px 0px 115px 0px;
     border-bottom: 1px solid rgba(255, 255, 255, 0.1);
 }

 .main-footer .logo-widget .footer-logo {
     position: relative;
     max-width: 149px;
     margin-bottom: 15px;
 }

 .main-footer p,
 .main-footer a {
     font-size: 16px;
     line-height: 30px;
     color: #fff;
 }

 .main-footer .logo-widget {
     margin-top: -15px;
 }

 .main-footer .logo-widget .text {
     margin-bottom: 50px;
 }

 .main-footer .logo-widget .social-links li {
     position: relative;
     display: inline-block;
     margin-right: 17px;
 }

 .main-footer .logo-widget .social-links li:last-child {
     margin: 0px !important;
 }

 .main-footer .logo-widget .social-links li a {
     position: relative;
     display: inline-block;
     width: 50px;
     height: 50px;
     line-height: 50px;
     font-size: 16px;
     color: #fff;
     background: rgba(255, 255, 255, 0.2);
     text-align: center;
     border-radius: 50%;
 }

 .main-footer .widget-title {
     position: relative;
     display: block;
     margin-bottom: 21px;
 }

 .main-footer .widget-title h4 {
     font-size: 20px;
     line-height: 28px;
     font-weight: 600;
     color: #fff;
 }

 .main-footer .links-list li {
     position: relative;
     display: block;
     margin-bottom: 5px;
 }

 .main-footer .links-list li:last-child {
     margin-bottom: 0px;
 }

 .main-footer .links-list li a {
     display: inline-block;
 }

 .main-footer .contact-widget p {
     margin-bottom: 25px;
 }

 .main-footer .contact-widget .info li {
     position: relative;
     display: block;
     font-size: 16px;
     line-height: 30px;
     color: #fff;
     padding-left: 26px;
     margin-bottom: 10px;
 }

 .main-footer .contact-widget .info li:last-child {
     margin-bottom: 0px;
 }

 .main-footer .contact-widget .info li i {
     position: absolute;
     left: 0px;
     top: 7px;
     font-size: 13px;
 }

 .main-footer .contact-widget .info li:first-child i,
 .main-footer .contact-widget .info li:last-child i {
     font-size: 18px;
 }

 .main-footer .contact-widget .info li:nth-child(2) i {
     top: 9px;
 }

 .main-footer .widget-section .pattern-layer .pattern-1 {
     position: absolute;
     left: 0px;
     bottom: 0px;
     width: 236px;
     height: 204px;
     background-repeat: no-repeat;
 }

 .main-footer .widget-section .pattern-layer .pattern-2 {
     position: absolute;
     right: 0px;
     bottom: 0px;
     width: 207px;
     height: 287px;
     background-repeat: no-repeat;
 }

 .footer-bottom {
     position: relative;
     padding: 30px 0px;
 }

 .tabs-box .tab {
     position: relative;
     display: none;
     transition: all 900ms ease;
     -moz-transition: all 900ms ease;
     -webkit-transition: all 900ms ease;
     -ms-transition: all 900ms ease;
     -o-transition: all 900ms ease;
 }

 .tabs-box .tab.active-tab {
     display: block;
 }

 .tabs-box .tab {
     transform: scale(0.9, 0.9) translateY(0px);
 }

 .tabs-box .tab.active-tab {
     transform: scale(1) translateY(0px);
 }

 .bootstrap-touchspin .input-group-btn-vertical>.btn.bootstrap-touchspin-down {
     position: absolute;
     background: transparent;
     padding: 0px 0px;
     right: -18px;
     top: 4px;
     border-radius: 0px;
     border: none !important;
     z-index: 1;
 }

 .bootstrap-touchspin .input-group-btn-vertical>.btn.bootstrap-touchspin-up {
     position: absolute;
     background: transparent;
     padding: 0px 0px;
     right: -18px;
     top: 17px;
     border: none !important;
     margin-top: 0px;
     border-radius: 0px;
     z-index: 1;
 }

 .bootstrap-touchspin .glyphicon-chevron-up:before {
     content: "\f107";
     font-size: 18px;
     font-style: normal;
     color: #b3b3b3;
     font-family: 'Font Awesome 5 pro';
     font-weight: 400;
     transition: all 500ms ease;
 }

 .bootstrap-touchspin .glyphicon-chevron-down:before {
     content: "\f106";
     font-size: 18px;
     font-style: normal;
     color: #b3b3b3;
     font-weight: 400;
     font-family: 'Font Awesome 5 pro';
     transition: all 500ms ease;
 }

 .bootstrap-touchspin .glyphicon-chevron-up:hover:before,
 .bootstrap-touchspin .glyphicon-chevron-down:hover:before {
     color: #101010;
 }

 .bootstrap-touchspin .input-group-btn-vertical {
     position: absolute;
     width: 100%;
 }

 .bootstrap-touchspin .input-group-btn-vertical i {
     top: 0px;
     left: 7px;
     font-size: inherit !important;
 }

 .bootstrap-touchspin .input-group-btn-vertical .bootstrap-touchspin-down {
     margin-top: 0px;
 }

 .google-map-section #contact-google-map {
     position: relative;
     width: 100%;
     height: 450px;
 }

 .banner-section .image-box .elementor-widget {
     position: unset;
 }

 .theme-btn .elementor-button {
     position: relative;
     display: inline-block;
     overflow: hidden;
     vertical-align: middle;
     font-size: 16px;
     line-height: 24px;
     font-weight: 600;
     font-family: 'Montserrat', sans-serif;
     color: #fff !important;
     text-align: center;
     padding: 19px 46px 17px 45px;
     text-transform: capitalize;
     z-index: 1;
     box-shadow: 0px 30px 30px rgb(0 0 0 / 10%);
     border-radius: 37px;
     transition: all 500ms ease;
 }

 .theme-btn .elementor-button:before {
     position: absolute;
     content: '';
     width: 0%;
     height: 100%;
     left: 0px;
     top: 0px;
     z-index: -1;
     background: #000;
     transition: all 500ms ease;
 }

 .theme-btn .elementor-button:hover:before {
     width: 100%;
 }

 .google-play .elementor-button .elementor-button-text span {
     position: relative;
     display: block;
     font-size: 13px;
     line-height: 16px;
     font-weight: 600;
     margin-bottom: 3px;
 }

 .google-play .elementor-button .elementor-button-text {
     text-align: left;
     margin-left: 10px;
 }

 .google-play .elementor-button .elementor-button-text h5 {
     display: block;
     font-size: 18px;
     line-height: 22px;
     font-weight: 600;
     color: #fff;
 }

 .elementor-button .elementor-align-icon-left {
     font-size: 35px;
 }

 .admin-bar .sticky-header {
     top: 32px;
 }

 /** service menu-style **/
 #menu-service-menu {
     border: 1px solid #e5e5e5;
     border-radius: 10px;
 }

 #menu-service-menu li a {
     position: relative;
     display: block;
     font-size: 16px;
     line-height: 24px;
     font-weight: 500;
     color: #000;
     padding: 14px 20px 11px 30px;
     border-bottom: 1px solid #e5e5e5;
     z-index: 1;
 }

 #menu-service-menu li a:hover {
     color: #fff;
 }

 #menu-service-menu li a:before {
     position: absolute;
     content: '';
     width: 0%;
     height: 100%;
     left: 0px;
     top: 0px;
     z-index: -1;
     transition: all 500ms ease;
     background: var(--thm-base);
 }

 #menu-service-menu li a:hover:before {
     width: 100%;
 }

 /** product page css **/

 .shop-block-one .inner-box .overlay-content .btn-box .add_to_cart_button {
     position: relative;
     display: inline-block;
     overflow: hidden;
     vertical-align: middle;
     font-size: 16px;
     line-height: 24px;
     font-weight: 600;
     font-family: 'Montserrat', sans-serif;
     color: #fff !important;
     background: var(--thm-base);
     text-align: center;
     padding: 14px 35px 12px 35px;
     text-transform: capitalize;
     z-index: 1;
     box-shadow: 0px 30px 30px rgba(0, 0, 0, 0.1);
     border-radius: 37px;
     transition: all 500ms ease;
 }

 .overlay-content .btn-box .add_to_cart_button {
     transform: scale(0, 0);
 }

 .shop-block-one .inner-box:hover .overlay-content .btn-box .add_to_cart_button {
     transform: scale(1, 1);
 }

 .product-categories {
     position: relative;
     display: block;
     border: 1px solid #e5e5e5;
     border-radius: 10px;
     overflow: hidden;
 }

 .product-categories .cat-item a {
     position: relative;
     display: block;
     font-size: 16px;
     line-height: 24px;
     font-weight: 500;
     color: #000;
     padding: 14px 20px 11px 30px;
     border-bottom: 1px solid #e5e5e5;
     z-index: 1;
 }

 .product-categories .cat-item a:hover {
     color: #fff;
 }

 .product-categories .cat-item a:before {
     position: absolute;
     content: '';
     width: 0%;
     height: 100%;
     left: 0px;
     top: 0px;
     z-index: -1;
     transition: all 500ms ease;
     background: var(--thm-base);
 }

 .product-categories .cat-item a:hover:before {
     width: 100%;
 }

 .woocommerce .widget_price_filter .ui-slider-horizontal .ui-slider-range {
     background: var(--thm-base);
 }

 .woocommerce .widget_price_filter .price_slider_wrapper .ui-widget-content {
     background: #E9E9E9;
 }

 .woocommerce .widget_price_filter .ui-slider .ui-slider-handle {
     background: var(--thm-base);
 }

 .woocommerce .widget_price_filter .price_slider_amount .button {
     padding: 10px 24px 6px 23px;
     border-radius: 37px;
     background: var(--thm-base);
     color: #fff;
     transition: .4s;
 }

 .woocommerce .widget_price_filter .price_slider_amount .button:before {
     position: absolute;
     content: '';
     width: 0%;
     height: 100%;
     left: 0px;
     top: 0px;
     z-index: -1;
     transition: all 500ms ease;
 }

 .woocommerce .widget_price_filter .price_slider_amount .button:hover {
     background: #000;
 }

 .price_slider_amount .price_label {
     font-size: 16px;
     color: #000;
     font-weight: 500;
     clear: both;
     text-align: left;
     padding-top: 15px;
 }

 .sidebar-widget .woo-widget-title {
     position: relative;
     display: block;
     margin-bottom: 22px;
 }

 .sidebar-widget .woo-widget-title h3 {
     display: block;
     font-size: 22px;
     line-height: 30px;
     font-weight: 600;
     text-transform: capitalize;
 }

 .range-slider .ui-widget.ui-widget-content {
     height: 5px;
     border: none;
     margin-bottom: 25px;
     background: #E9E9E9;
     border-radius: 5px;
 }

 .woo-pagination {
     margin-top: 50px;
 }

 .woocommerce a.button {
     font-size: 16px;
     line-height: 24px;
     font-weight: 600;
     font-family: 'Montserrat', sans-serif;
     background: var(--thm-base);
     color: #fff;
     border-radius: 35px;
 }

 .woocommerce a.button:hover {
     background: #000;
     color: #fff;
 }

 .woocommerce .woocommerce-ordering {
     border: 1px solid #e5e5e5;
     border-radius: 30px;
     padding: 10px 20px;
     line-height: 20px;
 }

 .woocommerce-product-rating a {
     position: relative;
     display: inline-block;
     color: #6E6E6E;
 }

 .woocommerce .star-rating span::before {
     color: #FAB421;
 }

 .product_meta .sku_wrapper,
 .product_meta .posted_in {
     font-size: 16px;
     display: block;
     font-weight: 500;
     color: #000;
 }

 .product_meta .sku_wrapper span,
 .product_meta .posted_in a {
     font-size: 16px;
     font-weight: 400;
     color: #676767;
 }

 .inner-box .lower-content .rating {
     display: inline-block;
 }

 .comment-box .rating {
     display: inline-block;
     margin-top: 10px;
     margin-bottom: auto;
 }

 .customer-comments .rating-box .nice-select {
     border-radius: 30px;
 }

 .woocommerce #review_form #respond textarea {
     border-radius: 30px;
     padding: 15px 20px;
 }

 .woocommerce p.stars a {
     color: #ffc92e;
     margin-top: 5px;
 }

 .customer-comment .comment {
     margin-top: 20px;
 }

 .comment-box h5 a {
     color: #000;
 }

 .product-details-content .image-box img {
     width: auto !important;
     margin: auto;
 }

 .woocommerce #content div.product div.images, .woocommerce div.product div.images, .woocommerce-page #content div.product div.images, .woocommerce-page div.product div.images {
     width: 100%;
 }

 .woocommerce div.product div.images .flex-control-thumbs li {
     padding: 0px 15px;
 }

 .woocommerce-product-gallery .flex-viewport {
     background: #FFFFFF;
     box-shadow: 0px 7px 50px rgb(0 0 0 / 7%);
     border-radius: 30px;
     margin-bottom: 20px;
 }

 /** Cart Page CSS **/
 .woocommerce .cart-empty {
     margin-bottom: 30px;
 }

 .overlay-content .btn-box .added_to_cart {
     display: none;
 }

 .woocommerce .woocommerce-cart-form table.shop_table {
     border: 0px solid rgba(0, 0, 0, .1) !important;
 }

 .woocommerce .woocommerce-cart-form table thead tr th {
     border: 0px solid rgba(0, 0, 0, .1) !important;
     color: #000;
     font-size: 20px;
     font-weight: 600;
 }

 .woocommerce .woocommerce-cart-form table thead tr th a {
     color: #000;
     font-size: 20px;
     font-weight: 600;
 }

 .woocommerce .woocommerce-cart-form table tbody tr td {
     border: 0px solid rgba(0, 0, 0, .1) !important;
     padding: 30px 0px 30px 10px;
 }

 .woocommerce .woocommerce-cart-form table tbody tr td.product-name a {
     color: #000;
     font-size: 18px;
     font-weight: 600;
 }

 .woocommerce .woocommerce-cart-form table tbody tr {
     border-bottom: 1px solid #e5e5e5 !important;
 }

 .woocommerce-cart table.cart td.actions .coupon .input-text {
     width: 170px;
     border-radius: 30px;
     padding: 15px 20px;
     line-height: 26px;
     margin-right: 25px;
 }

 .woocommerce table.cart tbody tr td .coupon .button {
     border-radius: 30px;
     padding: 15px 30px;
     line-height: 26px;
     background-color: var(--thm-base);
     color: #fff;
     transition: .5s;
     font-size: 16px;
 }

 .woocommerce table.cart tbody tr td .coupon .button:hover {
     background-color: #000000;
     color: #fff;
 }

 .woocommerce button.button:disabled, .woocommerce button.button:disabled[disabled] {
     border-radius: 30px;
     padding: 15px 30px;
     line-height: 26px;
 }

 .woocommerce .cart .button {
     border-radius: 30px;
     padding: 15px 30px;
     line-height: 26px;
     background-color: var(--thm-base);
     color: #fff;
     font-size: 16px;
 }

 .woocommerce .cart .button:hover {
     background-color: #000000;
     color: #fff;
 }

 .woocommerce .woocommerce-cart-form table tbody tr td.product-thumbnail a {
     background: #FFFFFF;
     box-shadow: 0px 7px 50px rgb(0 0 0 / 7%);
     padding: 25px 30px;
     border-radius: 30px;
 }

 .woocommerce-cart table.cart tbody tr td a img {
     width: 40px;
 }

 .woocommerce .woocommerce-cart-form table tbody tr td.product-remove a {
     border: 1px solid #e5e5e5;
     width: 50px;
     height: 50px;
     line-height: 50px;
     transition: .5s;
 }

 .woocommerce .woocommerce-cart-form table tbody tr td.product-remove a:hover {
     background-color: var(--thm-base);
 }

 .woocommerce .woocommerce-cart-form table tbody tr td.product-price span {
     font-size: 18px;
     line-height: 28px;
     color: #000000;
     font-weight: 500;
 }

 .woocommerce .woocommerce-cart-form table tbody tr td.product-subtotal span {
     font-size: 18px;
     line-height: 28px;
     color: #000000;
     font-weight: 500;
 }

 .woocommerce-cart .wc-proceed-to-checkout a.checkout-button {
     background-color: var(--thm-base);
     font-size: 16px;
     padding: 15px 0px;
     transition: .6s;
 }

 .woocommerce-cart .wc-proceed-to-checkout a.checkout-button:hover {
     background-color: #000000;
 }

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

 .item-quantity input[type=number] {
     -moz-appearance: textfield;
 }

 .cart_totals .woocommerce-shipping-totals {
     display: none;
 }

 .woocommerce .cart_totals h2 {
     font-size: 22px;
     font-weight: 600;
     color: #000;
     text-transform: capitalize;
 }

 .woocommerce .cart_totals table tbody tr {
     border-bottom: 1px solid #e5e5e5 !important;
 }

 .woocommerce .cart_totals table tbody tr th {
     font-size: 18px;
     line-height: 28px;
     font-weight: 600;
     color: #000;
 }

 .woocommerce .cart_totals table tbody tr td {
     font-size: 18px;
     line-height: 28px;
     font-weight: 500;
     color: #000;
 }

 .woocommerce-cart .cart-collaterals .cart_totals table {
     border: 0px solid #e5e5e5 !important;
 }

 .woocommerce-cart .cart-collaterals .cart_totals tbody tr th {
     border: 0px solid #e5e5e5 !important;
     padding: 20px 0px;
 }

 .woocommerce-cart .cart-collaterals .cart_totals tbody tr td {
     border: 0px solid #e5e5e5 !important;
     padding: 20px 0px;
 }

 .woocommerce .cart-collaterals, .woocommerce-page .cart-collaterals {
     width: 100%;
 }

 /** Checkout Page CSS **/
 .checkout h3,
 .woocommerce-shipping-fields h3,
 .woocommerce-billing-fields h3 {
     color: #000000;
     font-size: 28px;
     line-height: 36px;
     font-weight: 600;
 }

 .checkout h3#order_review_heading {
     margin: 20px 0px;
 }

 .woocommerce button.button.alt {
     font-size: 16px;
     font-weight: 600;
     text-align: center;
     border-radius: 30px;
     padding: 15px 50px;
     background: var(--thm-base);
     transition: .5s;
 }

 .woocommerce button.button.alt:hover {
     color: #ffffff;
     background: #000000;
 }

 .woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea {
     border: 1px solid #e5e5e5;
     border-radius: 30px;
     padding: 15px 15px
 }

 .woocommerce form .form-row label {
     font-size: 16px;
     line-height: 24px;
     font-weight: 500;
     color: #000;
     margin-bottom: 10px;
     margin-top: 15px;
 }

 .woocommerce-info,
 .woocommerce-info::before {
     border-top-color: var(--thm-base);
 }

 .woocommerce-checkout-review-order-table thead tr th {
     font-size: 18px;
     line-height: 28px;
     font-weight: 600;
     color: #000;
 }

 .woocommerce-checkout-review-order-table tbody tr td {
     font-weight: 500;
     font-size: 18px;
     line-height: 28px;
     color: #000;
 }

 .woocommerce-checkout-review-order-table tfoot tr th {
     font-size: 18px;
     line-height: 28px;
     font-weight: 600;
     color: #000;
 }

 .woocommerce-checkout-review-order-table tfoot tr td .woocommerce-shipping-methods,
 .woocommerce-checkout-review-order-table tfoot tr td span {
     font-weight: 500;
     font-size: 18px;
     line-height: 28px;
     color: #000;
 }

 .select2-container--default .select2-selection--single {
     border: 1px solid #e5e5e5;
     height: 50px;
     border-radius: 30px;
 }

 .select2-container--default .select2-selection--single .select2-selection__rendered {
     line-height: 50px;
     padding-left: 15px;
 }

 .select2-container--default .select2-selection--single .select2-selection__arrow {
     height: 50px;
     position: absolute;
     right: 15px;
 }

 .woocommerce-checkout-review-order-table tfoot tr.order-total td span {
     font-weight: 600;
 }

 .woocommerce table.shop_table {
     border-collapse: collapse;
 }

 .woocommerce .woocommerce-cart-form table thead tr {
     border-bottom: 1px solid #e5e5e5 !important;
 }

 .woocommerce-cart .cart-collaterals .cart_totals table {
     border-collapse: collapse;
 }

 .woocommerce table.shop_table tbody:first-child tr:first-child th {
     padding: 20px 0px;
 }

 .woocommerce table.shop_table tbody:first-child tr:first-child td {
     padding: 20px 0px;
 }

 .woocommerce-cart .wc-proceed-to-checkout {
     margin-top: 20px;
 }

 .heading-left {
     text-align: left;
 }

 .heading-right {
     text-align: right;
 }

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

 p.text-center {
     color: var(--thm-base);
 }

 .shop-section .sec-title .sub-title {
     display: block;
 }

 .title-left {
     text-align: left;
 }

 .title-right {
     text-align: right;
 }

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

 .echarge-footer-top .elementor-icon i,
 .echarge-footer-top .elementor-icon svg {
     width: 50px;
     padding-bottom: 50px;
     line-height: 50px;
 }

 .woocommerce button.button {
     position: relative;
     display: inline-block;
     overflow: hidden;
     vertical-align: middle;
     font-size: 16px;
     line-height: 24px;
     font-weight: 600;
     font-family: 'Montserrat', sans-serif;
     color: #fff;
     background: var(--thm-base);
     text-align: center;
     padding: 16px 46px 16px 45px;
     text-transform: capitalize;
     z-index: 1;
     box-shadow: 0px 30px 30px rgb(0 0 0 / 10%);
     border-radius: 37px;
     transition: all 500ms ease;
 }

 .woocommerce button.button:hover {
     color: #fff;
     background: #000000;
 }

 table.woocommerce-product-attributes tbody tr th {
     font-size: 18px;
     line-height: 28px;
     font-weight: 600;
     color: #000;
 }

 table.woocommerce-product-attributes tbody tr td {
     font-size: 18px;
     line-height: 28px;
     font-weight: 500;
     color: #000;

 }

 .woocommerce table.shop_attributes td {
     padding-left: 10px;
 }

 .woocommerce-product-search .tt-form__group {
     position: relative;
     display: block;
     width: 100%;
     height: 60px;
     border: 1px solid #e5e5e5;
     border-radius: 10px;
     font-size: 16px;
     color: #6E6E6E;
     padding: 10px 10px 10px 15px;
     transition: all 500ms ease;
     line-height: 40px;
 }

 .woocommerce-grouped-product-list-item__quantity .item-quantity {
     width: 100px;
 }

 .woocommerce-grouped-product-list-item__label label a {
     color: #000;
     font-size: 18px;
 }

 .woocommerce div.product form.cart .group_table td {
     font-size: 18px;
     color: #000000;
     vertical-align: middle;
     padding: 10px 10px;
 }

 .woocommerce-grouped-product-list-item__price ins {
     text-decoration: none;
 }

 .variations .value {
     margin-bottom: 20px;
 }

 .woocommerce-variation-add-to-cart .item-quantity {
     margin-right: 20px;
 }

 .woocommerce button.button.alt.disabled {
     background-color: var(--thm-base);
 }

 .woocommerce button.button:disabled,
 .woocommerce button.button:disabled[disabled] {
     color: #fff;
 }
 ul.bread-crumb {
    color: #fff;
}