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

 /*** 

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

 ***/

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

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

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

 .container-fluid {
     padding: 0px;
 }

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

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

 .boxed_wrapper {
     position: relative;
     margin: 0 auto;
     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: 'Muli', sans-serif;
     font-weight: 400;
     font-size: 16px;
 }

 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-size: 17px;
     line-height: 28px;
     font-family: 'Muli', sans-serif;
     color: #5a5a68;
     margin: 0px;
     transition: all 500ms ease;
 }

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

 /* Preloader */

 .preloader {
     position: fixed;
     left: 0px;
     top: 0px;
     width: 100%;
     height: 100%;
     z-index: 999;
     background-position: center center;
     background-repeat: no-repeat;
     background-image: url(../images/icons/preloader.png);
 }

 .preloader-close {
     position: fixed;
     z-index: 999999;
     color: #fff;
     padding: 10px 20px;
     cursor: pointer;
     right: 0;
     bottom: 0;
     font-weight: 600;
 }

 .preloader.style-two .preloader-close {}

 .loader-wrap {
     position: fixed;
     left: 0px;
     top: 0px;
     width: 100%;
     height: 100%;
     z-index: 999999;
 }

 .loader-wrap .layer-one {
     position: absolute;
     left: 0%;
     top: 0;
     width: 33.3333%;
     height: 100%;
     overflow: hidden;
 }

 .loader-wrap .layer-two {
     position: absolute;
     left: 33.3333%;
     top: 0;
     width: 33.3333%;
     height: 100%;
     overflow: hidden;
 }

 .loader-wrap .layer-three {
     position: absolute;
     left: 66.6666%;
     top: 0;
     width: 33.3333%;
     height: 100%;
     overflow: hidden;
 }

 .loader-wrap .layer .overlay {
     position: absolute;
     left: 0;
     top: 0;
     width: 100%;
     height: 100%;
     background: #222;
 }

 .centred {
     text-align: center;
 }

 .pull-left {
     float: left;
 }

 .pull-right {
     float: right;
 }

 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 {
     position: relative;
     display: inline-block;
     font-size: 18px;
     line-height: 30px;
     font-weight: 700;
     font-family: 'Roboto', sans-serif;
     color: #fff !important;
     padding: 15px 58px;
     text-align: center;
     cursor: pointer;
     border-radius: 5px;
     z-index: 1;
     transition: all 500ms ease;
 }

 .theme-btn i {
     position: relative;
     font-size: 22px;
     line-height: 30px;
     font-weight: 400;
     margin-left: 10px;
 }

 .theme-btn:before {
     position: absolute;
     content: '';
     background: #1e1e2a;
     width: 0%;
     height: 100%;
     top: 0px;
     right: 0px;
     border-radius: 5px;
     z-index: -1;
     transition: all 500ms ease;
 }

 .theme-btn:hover:before {
     width: 100%;
     left: 0px;
 }

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

 .pagination li {
     display: inline-block;
     margin: 0px 3px;
 }

 .pagination li a {
     position: relative;
     display: inline-block;
     font-size: 18px;
     font-family: 'Roboto', sans-serif;
     font-weight: 500;
     height: 50px;
     width: 50px;
     line-height: 50px;
     border: 1px solid #e3e3e3;
     text-align: center;
     color: #5a5a68;
     border-radius: 5px;
     background: transparent;
     z-index: 1;
     transition: all 500ms ease;
 }

 .pagination li a:before {
     position: absolute;
     content: '';
     width: 50px;
     height: 50px;
     border-radius: 5px;
     left: -1px;
     top: -1px;
     transform: scale(0, 0);
     z-index: -1;
     transition: all 500ms ease;
 }

 .pagination li a:hover:before,
 .pagination li a.active:before {
     transform: scale(1, 1);
 }

 .pagination li a:hover,
 .pagination li a.active {
     color: #fff;
 }

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

 .scroll-top {
     width: 55px;
     height: 55px;
     line-height: 55px;
     position: fixed;
     bottom: 105%;
     right: 30px;
     font-size: 24px;
     z-index: 99;
     color: #ffffff;
     background: #272734;
     border: 1px solid #414153;
     text-align: center;
     cursor: pointer;
     z-index: 1;
     transition: 1s ease;
 }

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

 .scroll-top:hover:before {
     transform: scale(1, 1);
 }

 .scroll-top.open {
     bottom: 80px;
 }

 .scroll-top span {
     color: #fff;
 }

 .sec-title {
     position: relative;
     display: block;
     margin-bottom: 30px;
 }

 .sec-title h6 {
     position: relative;
     display: inline-block;
     font-size: 15px;
     line-height: 24px;
     text-transform: uppercase;
     font-weight: 700;
     margin-bottom: 18px;
     padding-left: 30px;
 }

 .sec-title.centred h6 {
     padding: 0px 30px;
 }

 .sec-title h6 i {
     position: absolute;
     font-size: 20px;
     line-height: 20px;
     left: 0px;
     top: 1px;
     font-weight: 400;
     color: transparent;
     -webkit-background-clip: text;
     -webkit-text-fill-color: transparent;
 }

 .sec-title h2 {
     position: relative;
     display: block;
     font-size: 48px;
     line-height: 56px;
     font-weight: 700;
 }

 .sec-title h2 span {
     font-weight: 400;
 }

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

 /*** 

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

***/

 /** main-header **/

 .main-header {
     position: relative;
     left: 0px;
     top: 0px;
     z-index: 999;
     width: 100%;
     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;
     background: #fff;
     left: 0px;
     top: 0px;
     box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
     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;
 }

 .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 **/

 .main-header.style-one .header-top {
     position: relative;
     display: block;
     background: #1e1e2a;
 }

 .main-header.style-one .header-top .top-inner {
     position: relative;
     /* padding-left: 375px; */
 }

 .main-header.style-one .header-top .top-left {
     position: relative;
     margin-top: 11px;
 }

 .main-header.style-one .header-top .top-left p {
     position: relative;
     display: block;
     font-size: 15px;
     color: #fff;
     font-weight: 600;
 }

 .main-header.style-one .header-top .top-left p i {
     position: relative;
     font-size: 22px;
     font-weight: 400;
     margin-right: 10px;
     color: transparent;
     -webkit-background-clip: text;
     -webkit-text-fill-color: transparent;
 }

 .main-header.style-one .header-top .top-right .social-links,
 .main-header.style-one .header-top .top-right .search-box-outer,
 .main-header.style-one .header-top .top-right .btn-box {
     position: relative;
     display: inline-block;
     float: left;
 }

 .main-header.style-one .header-top .top-right .social-links li {
     position: relative;
     display: inline-block;
     float: left;
 }

 .main-header.style-one .header-top .top-right .social-links li a {
     position: relative;
     display: inline-block;
     width: 60px;
     height: 52px;
     line-height: 52px;
     color: #fff;
     font-size: 13px;
     text-align: center;
     border-right: 1px solid rgba(255, 255, 255, 0.1);
 }

 .main-header.style-one .header-top .top-right .social-links li a:hover {}

 .main-header.style-one .header-top .top-right .social-links li:first-child a {
     border-left: 1px solid rgba(255, 255, 255, 0.1);
 }

 .main-header.style-one .header-top .top-right .btn-box .theme-btn {
     border-radius: 0px;
     padding: 10px 44px;
 }

 .main-header.style-one .header-top .top-right .btn-box .theme-btn:before {
     border-radius: 0px;
     background: #393847;
 }

 /** header-upper **/

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

 .main-header.style-one .header-upper .outer-box .logo-box {
     position: absolute;
     left: 0px;
     top: -80px;
     width: 220px;
     height: 220px;
     line-height: 220px;
     text-align: center;
     padding: 5px;
     z-index: 1;
 }

 /* .main-header.style-one .header-upper .outer-box .logo-box:before {
     position: absolute;
     content: '';
     width: 220px;
     height: 220px;
     left: 0px;
     top: 0px;
     z-index: -1;
     transform: rotate(45deg);
 }

 .main-header.style-one .header-upper .outer-box .logo-box:after {
     position: absolute;
     content: '';
     border: 1px dashed #fff;
     width: calc(220px - 10px);
     height: calc(220px - 10px);
     left: 5px;
     top: 5px;
     transform: rotate(45deg);
 } */

 .main-header.style-one .header-upper .outer-box .logo-box .logo {
     position: relative;
     display: inline-block;
     padding-top: 13px;
     z-index: 1;
 }

 .main-header .menu-right-content {
     position: relative;
     margin-top: 23px;
     margin-left: 25px;
 }

 .main-header .menu-right-content .info-box,
 .main-header .menu-right-content .cart-box,
 .main-header .menu-right-content .nav-box {
     position: relative;
     display: inline-block;
     float: left;
 }

 .main-header .menu-right-content .info-box .box {
     position: relative;
     padding: 0px 40px 0px 53px;
 }

 .main-header .menu-right-content .info-box .box:before {
     position: absolute;
     content: '';
     background: #d8d8d8;
     width: 1px;
     height: 60px;
     top: -3px;
     right: 0px;
 }

 .main-header .menu-right-content .info-box .box i {
     position: absolute;
     left: 0px;
     top: 6px;
     font-size: 40px;
     line-height: 40px;
     color: transparent;
     -webkit-background-clip: text;
     -webkit-text-fill-color: transparent;
 }

 .main-header .menu-right-content .info-box .box h5 {
     position: relative;
     display: block;
     font-size: 17px;
     line-height: 26px;
     font-weight: 700;
     margin: 0px;
 }

 .main-header .menu-right-content .info-box .box h5 a {
     display: inline-block;
     color: #1e1e2a;
 }

 .main-header .menu-right-content .info-box .box h5 a:hover {}

 .main-header .menu-right-content .info-box .box span {
     position: relative;
     display: block;
     font-size: 15px;
     line-height: 26px;
     color: #5a5a68;
     font-weight: 600;
     margin: 0px;
 }

 .main-header .menu-right-content .cart-box {
     margin: 13px 63px 0px 30px;
 }

 .main-header .menu-right-content .cart-box a {
     position: relative;
     display: inline-block;
     font-size: 26px;
     line-height: 26px;
     color: #1e1e2a;
     margin: 0 15px;
 }

 .main-header .menu-right-content .cart-box a:hover {}

 .main-header .menu-right-content .cart-box a span {
     position: absolute;
     top: -18px;
     right: -10px;
     font-size: 14px;
     color: #fff;
     width: 18px;
     height: 18px;
     text-align: center;
     line-height: 18px;
     border-radius: 50%;
 }

 .main-header .menu-right-content .nav-box .nav-btn {
     position: relative;
     display: inline-block;
     font-size: 30px;
     color: #fff;
     width: 60px;
     height: 55px;
     line-height: 55px;
     text-align: center;
     cursor: pointer;
     transition: all 500ms ease;
 }

 /** 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;
     padding: 36px 0px 34px 0px;
     margin: 0px 13px;
     -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: 15px;
     line-height: 30px;
     font-weight: 900;
     opacity: 1;
     font-family: 'Roboto', sans-serif;
     color: #1e1e2a;
     padding-right: 15px;
     z-index: 1;
     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;
 }

 /* .main-menu .navigation>li.dropdown>a:after {
     position: absolute;
     content: "\f107";
     font-family: 'Font Awesome 5 Free';
     font-weight: 700;
     font-size: 15px;
     color: #9393a1;
     top: 0px;
     right: 0px;
     transition: all 500ms ease;
 } */

 .main-menu .navigation>li.dropdown.current>a:after,
 .main-menu .navigation>li.dropdown:hover>a:after {}

 .main-menu .navigation>li.current>a,
 .main-menu .navigation>li:hover>a {}

 .main-menu .navigation>li>ul,
 .main-menu .navigation>li>.megamenu {
     position: absolute;
     left: inherit;
     top: 100%;
     width: 250px;
     z-index: 100;
     display: none;
     opacity: 0;
     visibility: hidden;
     padding: 10px 0px;
     background-color: #fff;
     -moz-transform: translateY(30px);
     -webkit-transform: translateY(30px);
     -ms-transform: translateY(30px);
     -o-transform: translateY(30px);
     transform: translateY(30px);
     -webkit-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05);
     -ms-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05);
     -o-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05);
     -moz-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05);
     box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05);
     -webkit-transform-origin: top;
     -ms-transform-origin: top;
     transform-origin: top;
     -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>ul.from-right {
     left: auto;
     right: 0px;
 }

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

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

 .main-menu .navigation>li>ul>li>a,
 .main-menu .navigation>li>.megamenu li>a {
     position: relative;
     display: block;
     padding: 14px 0px;
     line-height: 24px;
     font-weight: 600;
     font-family: 'Muli', sans-serif;
     font-size: 17px;
     text-transform: capitalize;
     color: #5a5a68;
     border-bottom: 1px solid #e3e3e3;
     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:before {
     position: absolute;
     content: "\f105";
     font-size: 17px;
     font-family: 'Font Awesome 5 Free';
     font-weight: 600;
     left: -30px;
     top: 15px;
     opacity: 0;
     transition: all 500ms ease;
 }

 .main-menu .navigation>li>ul>li>a:hover:before {
     left: -17px;
     opacity: 1;
 }

 .main-menu .navigation>li>ul>li>a:hover,
 .main-menu .navigation>li>.megamenu li>a:hover {}

 .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>a:hover {}

 .main-menu .navigation>li>ul>li.dropdown>a:after {
     font-family: 'Font Awesome 5 Free';
     content: "\f105";
     position: absolute;
     right: 20px;
     top: 14px;
     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;
     right: 100%;
     top: -2px;
     width: 230px;
     z-index: 100;
     display: none;
     padding: 10px 0px;
     background-color: #fff;
     -moz-transform: translateY(30px);
     -webkit-transform: translateY(30px);
     -ms-transform: translateY(30px);
     -o-transform: translateY(30px);
     transform: translateY(30px);
     -webkit-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05);
     -ms-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05);
     -o-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05);
     -moz-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05);
     box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05);
 }

 .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%;
     padding: 0px 30px;
 }

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

 .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;
     font-size: 17px;
     padding: 14px 0px;
     line-height: 24px;
     font-weight: 600;
     font-family: 'Muli', sans-serif;
     text-transform: capitalize;
     color: #5a5a68;
     border-bottom: 1px solid #e3e3e3;
     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>a:before {
     position: absolute;
     content: "\f105";
     font-size: 17px;
     font-family: 'Font Awesome 5 Free';
     font-weight: 600;
     left: -30px;
     top: 14px;
     opacity: 0;
     transition: all 500ms ease;
 }

 .main-menu .navigation>li>ul>li>ul>li>a:hover:before {
     left: -17px;
     opacity: 1;
 }

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

 .main-menu .navigation>li>ul>li>ul>li>a:hover {}

 .main-menu .navigation>li>ul>li>ul>li.dropdown>a:after {
     font-family: 'Font Awesome 5 Free';
     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.dropdown:hover>ul,
 .main-menu .navigation>li.dropdown:hover>.megamenu {
     visibility: visible;
     opacity: 1;
     -moz-transform: translateY(0);
     -webkit-transform: translateY(0);
     -ms-transform: translateY(0);
     -o-transform: translateY(0);
     transform: translateY(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;
 }

 .main-menu .navigation li>ul>li.dropdown:hover>ul {
     visibility: visible;
     opacity: 1;
     -moz-transform: translateY(0);
     -webkit-transform: translateY(0);
     -ms-transform: translateY(0);
     -o-transform: translateY(0);
     transform: translateY(0);
     transition: all 300ms ease;
     -moz-transition: all 300ms ease;
     -webkit-transition: all 500ms ease;
     -ms-transition: all 300ms ease;
     -o-transition: all 300ms ease;
 }

 .main-menu .navigation li.dropdown .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.current.dropdown .dropdown-btn,
 .main-menu .navigation li:hover .dropdown-btn {}

 .main-menu .navigation li.dropdown ul li.dropdown .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: #3b3b3b;
     -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;
 }

 .main-header .sticky-header .logo-box {
     position: relative;
     display: inline-block;
     width: 100px;
     height: 100px;
     text-align: center;
     padding: 20px 0px;
     z-index: 1;
 }

 /* .main-header .sticky-header .logo-box:before {
     position: absolute;
     content: '';
     width: 100%;
     height: 100%;
     left: 0px;
     top: 0px;
     transform: rotate(45deg);
     z-index: -1;
 }

 .main-header .sticky-header .logo-box:after {
     position: absolute;
     content: '';
     border: 1px dashed #fff;
     width: calc(100px - 10px);
     height: calc(100px - 10px);
     left: 5px;
     top: 5px;
     transform: rotate(45deg);
 } */

 /** megamenu-style **/

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

 .main-menu .navigation li.dropdown .megamenu li h4 {
     font-weight: 500;
     padding: 3px 0px;
 }

 /** 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;
 }

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

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

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

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

 .mobile-menu .menu-backdrop {
     position: fixed;
     right: 0;
     top: 0;
     width: 100%;
     height: 100%;
     z-index: 1;
     background: #000;
     -webkit-transform: translateX(101%);
     -ms-transform: translateX(101%);
     transform: translateX(101%);
     transition: all 900ms ease;
     -moz-transition: all 900ms ease;
     -webkit-transition: all 900ms ease;
     -ms-transition: all 900ms ease;
     -o-transition: all 900ms ease;
 }

 .mobile-menu-visible .mobile-menu .menu-backdrop {
     opacity: 0.70;
     visibility: visible;
     -webkit-transition: all 0.7s ease;
     -moz-transition: all 0.7s ease;
     -ms-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 .menu-box {
     position: absolute;
     left: 0px;
     top: 0px;
     width: 100%;
     height: 100%;
     max-height: 100%;
     overflow-y: auto;
     background: #202020;
     padding: 0px 0px;
     z-index: 5;
     opacity: 0;
     visibility: hidden;
     border-radius: 0px;
     -webkit-transform: translateX(101%);
     -ms-transform: translateX(101%);
     transform: translateX(101%);
 }

 .mobile-menu-visible .mobile-menu .menu-box {
     opacity: 1;
     visibility: visible;
     -webkit-transition: all 0.7s ease;
     -moz-transition: all 0.7s ease;
     -ms-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.dropdown .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.dropdown .dropdown-btn.open {
     background: #fff;
     color: #3b3b3b;
     -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.dropdown>.megamenu {
     display: none;
 }

 .mobile-menu .social-links {
     position: relative;
     padding: 30px 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;
 }

 .mobile-menu .social-links li a:hover {}

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

 .mobile-menu .contact-info {
     position: relative;
     padding: 80px 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 a:hover {}

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

 /** search pop-up style **/

 .main-header.style-one .search-box-outer {
     position: relative;
     padding: 6.5px 21px;
 }

 .main-header.style-one .search-box-outer .search-toggler {
     position: relative;
     font-size: 18px;
     color: #fff;
     padding: 5px 10px;
     font-weight: 600;
     background: transparent;
     cursor: pointer;
     display: inline-block;
     transition: all 500ms ease;
 }

 .main-header .search-box-outer .search-toggler:hover {}

 .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.9);
     -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 .overlay-layer {
     position: absolute;
     left: 0px;
     top: 0px;
     right: 0px;
     bottom: 0px;
     display: block;
 }

 .search-popup .close-search {
     position: absolute;
     right: 25px;
     top: 25px;
     font-size: 22px;
     color: #ffffff;
     cursor: pointer;
     z-index: 5;
     transition: all 500ms ease;
 }

 .search-popup .search-form {
     position: relative;
     padding: 0px 15px 0px;
     max-width: 1024px;
     margin: 0 auto;
     margin-top: 150px;
     margin-bottom: 100px;
     transition: all 900ms ease;
     -moz-transition: all 900ms ease;
     -webkit-transition: all 900ms ease;
     -ms-transition: all 900ms ease;
     -o-transition: all 900ms ease;
 }

 .search-popup .search-form fieldset {
     position: relative;
     border-radius: 12px;
 }

 .search-popup .search-form fieldset input[type="search"] {
     position: relative;
     height: 70px;
     padding: 20px 250px 20px 30px;
     background: #ffffff;
     line-height: 30px;
     font-size: 24px;
     color: #233145;
     border-radius: 7px;
 }

 .search-popup .search-form fieldset input[type="submit"] {
     position: absolute;
     display: block;
     right: 0px;
     top: 0px;
     text-align: center;
     width: 220px;
     height: 70px;
     padding: 20px 10px 20px 10px;
     color: #ffffff !important;
     line-height: 30px;
     font-size: 20px;
     cursor: pointer;
     text-transform: uppercase;
     border-radius: 0px 7px 7px 0px;
 }

 .search-popup .search-form fieldset input[type="submit"]:hover {
     transform: translateY(0px);
 }

 .search-popup h3 {
     text-transform: uppercase;
     font-size: 20px;
     font-weight: 600;
     color: #ffffff;
     margin-bottom: 20px;
     letter-spacing: 1px;
     text-align: center;
 }

 .search-popup .recent-searches {
     font-size: 16px;
     color: #ffffff;
     text-align: center;
 }

 .search-popup .recent-searches li {
     display: inline-block;
     margin: 0px 10px 10px 0px;
 }

 .search-popup .recent-searches li a {
     display: block;
     line-height: 24px;
     border: 1px solid #ffffff;
     padding: 7px 15px;
     color: #ffffff;
     border-radius: 3px;
     -webkit-transition: all 0.5s ease;
     -moz-transition: all 0.5s ease;
     -ms-transition: all 0.5s ease;
     -o-transition: all 0.5s ease;
     transition: all 0.5s ease;
 }

 .search-popup .recent-searches li a:hover {}

 /** sidebar **/

 .xs-sidebar-group .xs-overlay {
     left: 0%;
     top: 0;
     position: fixed;
     height: 100%;
     opacity: 0;
     width: 100%;
     visibility: hidden;
     -webkit-transition: all .4s ease-in .8s;
     -o-transition: all .4s ease-in .8s;
     transition: all .4s ease-in .8s;
     cursor: url(../images/icons/cross-out.png), pointer;
     z-index: 999999;
 }

 .xs-sidebar-group.isActive .xs-overlay {
     opacity: .9;
     visibility: visible;
     -webkit-transition: all .8s ease-out 0s;
     -o-transition: all .8s ease-out 0s;
     transition: all .8s ease-out 0s;
     right: 100%;
 }

 .xs-sidebar-group .widget-heading {
     position: absolute;
     top: 0;
     right: 0;
     padding: 25px;
 }

 .xs-sidebar-widget {
     position: fixed;
     left: -100%;
     top: 0;
     bottom: 0;
     width: 100%;
     max-width: 360px;
     z-index: 999999;
     overflow: hidden;
     overflow-y: auto;
     -webkit-overflow-scrolling: touch;
     background-color: #1e1e2a;
     -webkit-transition: all 0.5s cubic-bezier(0.9, 0.03, 0, 0.96) 0.6s;
     -o-transition: all 0.5s cubic-bezier(0.9, 0.03, 0, 0.96) 0.6s;
     transition: all 0.5s cubic-bezier(0.9, 0.03, 0, 0.96) 0.6s;
     visibility: hidden;
     opacity: 0;
 }

 .xs-sidebar-group.isActive .xs-sidebar-widget {
     opacity: 1;
     visibility: visible;
     left: 0;
     -webkit-transition: all 0.7s cubic-bezier(0.9, 0.03, 0, 0.96) 0.4s;
     -o-transition: all 0.7s cubic-bezier(0.9, 0.03, 0, 0.96) 0.4s;
     transition: all 0.7s cubic-bezier(0.9, 0.03, 0, 0.96) 0.4s;
 }

 .sidebar-textwidget {
     padding: 100px 30px;
 }

 .close-side-widget {
     color: #1768dd;
     display: block;
 }

 .sidebar-widget-container {
     position: relative;
     top: 150px;
     opacity: 0;
     visibility: hidden;
     -webkit-transition: all .3s ease-in .3s;
     -o-transition: all .3s ease-in .3s;
     transition: all .3s ease-in .3s;
     -webkit-backface-visibility: hidden;
     backface-visibility: hidden;
 }

 .xs-sidebar-group.isActive .sidebar-widget-container {
     top: 0px;
     opacity: 1;
     visibility: visible;
     -webkit-transition: all 1s ease-out 1.2s;
     -o-transition: all 1s ease-out 1.2s;
     transition: all 1s ease-out 1.2s;
     -webkit-backface-visibility: hidden;
     backface-visibility: hidden;
 }

 .xs-overlay {
     position: absolute;
     top: 0;
     left: 0;
     height: 100%;
     width: 100%;
     opacity: .5;
     z-index: 0;
 }

 .xs-bg-black {
     background-color: #000000;
 }

 .xs-menu-tools>li {
     display: inline-block;
     margin-right: 15px;
 }

 .xs-menu-tools>li:last-child {
     margin-right: 0;
 }

 .xs-menu-tools>li>a {
     color: #000000;
     text-decoration: none;
 }

 .sidebar-info-contents {
     position: relative;
 }

 .close-side-widget {
     position: relative;
     color: #fff;
     font-size: 24px;
     -webkit-transition: all 0.5s ease;
     -moz-transition: all 0.5s ease;
     -ms-transition: all 0.5s ease;
     -o-transition: all 0.5s ease;
     transition: all 0.5s ease;
 }

 .close-side-widget:hover {}

 .sidebar-info-contents .content-inner {
     position: relative;
 }

 .sidebar-info-contents .content-inner .logo {
     padding: 0px 0px 40px;
 }

 .sidebar-info-contents .content-inner .logo img {
     display: inline-block;
     max-width: 100%;
 }

 .sidebar-info-contents .content-inner .content-box {
     position: relative;
 }

 .sidebar-info-contents .content-inner .content-box .theme-btn:before {
     background: #393847;
 }

 .sidebar-info-contents .content-inner .content-box h4 {
     position: relative;
     font-size: 20px;
     color: #fff;
     font-weight: 700;
     margin-bottom: 20px;
 }

 .sidebar-info-contents .content-inner .content-box p {
     position: relative;
     font-size: 15px;
     color: #ccc;
     margin-bottom: 25px;
 }

 .sidebar-info-contents .content-inner .content-box .theme-btn-two {
     padding: 10px 50px;
 }

 .sidebar-info-contents .content-inner .contact-info {
     position: relative;
     margin-top: 60px;
 }

 .sidebar-info-contents .content-inner .contact-info ul li {
     position: relative;
     display: block;
     font-size: 15px;
     color: #ccc;
     margin-bottom: 3px;
 }

 .sidebar-info-contents .content-inner .contact-info ul li a {
     color: #ccc;
 }

 .sidebar-info-contents .content-inner .contact-info ul li a:hover {}

 .sidebar-info-contents .content-inner .contact-info h4 {
     position: relative;
     font-size: 20px;
     color: #fff;
     font-weight: 700;
     margin-bottom: 20px;
 }

 .sidebar-info-contents .content-inner .social-box {
     position: relative;
     margin-top: 20px;
     margin-bottom: 30px;
 }

 .sidebar-info-contents .content-inner .social-box li {
     position: relative;
     display: inline-block;
     margin-right: 6px;
     transition: all 900ms ease;
     -moz-transition: all 900ms ease;
     -webkit-transition: all 900ms ease;
     -ms-transition: all 900ms ease;
     -o-transition: all 900ms ease;
 }

 .sidebar-info-contents .content-inner .social-box li a {
     position: relative;
     width: 36px;
     height: 36px;
     color: #ccc;
     z-index: 1;
     font-size: 13px;
     line-height: 36px;
     text-align: center;
     border-radius: 50%;
     display: inline-block;
     background: transparent;
     border: 1px solid #ededed;
     -webkit-transition: all 300ms ease;
     -moz-transition: all 300ms ease;
     -ms-transition: all 300ms ease;
     -o-transition: all 300ms ease;
     transition: all 300ms ease;
 }

 .sidebar-info-contents .content-inner .social-box li a:hover {
     color: #fff;
 }

 /** banner-section **/

 .banner-section {
     position: relative;
 }

 .banner-carousel {
     position: relative;
 }

 .banner-carousel .slide-item {
     position: relative;
     background-repeat: no-repeat;
     background-position: center;
     background-size: cover;
     padding: 190px 0px 290px 0px;
 }

 .banner-carousel .slide-item:before {
     position: absolute;
     content: '';
     width: 100%;
     height: 100%;
     background: -webkit-linear-gradient(0deg, rgba(53, 6, 3, 0.0), rgba(53, 6, 3, 0.9) 100%);
     top: 0px;
     right: 0px;
     z-index: 1;
 }

 .banner-carousel .slide-item .image-layer {
     position: absolute;
     left: 0;
     top: 0;
     width: 100%;
     height: 100%;
     background-repeat: no-repeat;
     background-position: center;
     background-size: cover;
     -webkit-transform: scale(1);
     -ms-transform: scale(1);
     transform: scale(1);
     -webkit-transition: all 6000ms linear;
     -moz-transition: all 6000ms linear;
     -ms-transition: all 6000ms linear;
     -o-transition: all 6000ms linear;
     transition: all 6000ms linear;
 }

 .banner-carousel .active .slide-item .image-layer {
     -webkit-transform: scale(1.15);
     -ms-transform: scale(1.15);
     transform: scale(1.15);
 }

 .banner-carousel .content-box {
     position: relative;
     display: block;
     z-index: 5;
     width: 100%;
 }

 .banner-carousel .content-box h6 {
     position: relative;
     display: block;
     font-size: 16px;
     line-height: 28px;
     font-weight: 600;
     color: #fff;
     margin-bottom: 12px;
     padding-left: 90px;
     opacity: 0;
     text-transform: uppercase;
     -webkit-transform: translateY(50px);
     -moz-transform: translateY(50px);
     -ms-transform: translateY(50px);
     -o-transform: translateY(50px);
     transform: translateY(50px);
     -webkit-transition: all 700ms ease;
     -moz-transition: all 700ms ease;
     -ms-transition: all 700ms ease;
     -o-transition: all 700ms ease;
     transition: all 700ms ease;
 }

 .banner-carousel .content-box h6:before {
     position: absolute;
     content: '';
     width: 70px;
     height: 1px;
     left: 0px;
     top: 13px;
 }

 .banner-carousel .active .content-box h6 {
     opacity: 1;
     -webkit-transform: translateY(0);
     -moz-transform: translateY(0);
     -ms-transform: translateY(0);
     -o-transform: translateY(0);
     transform: translateY(0);
     -webkit-transition-delay: 700ms;
     -moz-transition-delay: 700ms;
     -ms-transition-delay: 700ms;
     -o-transition-delay: 700ms;
     transition-delay: 700ms;
 }

 .banner-carousel .content-box h1 {
     position: relative;
     display: block;
     color: #fff;
     font-size: 70px;
     line-height: 82px;
     font-weight: 900;
     margin-bottom: 8px;
     opacity: 0;
     -webkit-transform: translateY(100px);
     -moz-transform: translateY(100px);
     -ms-transform: translateY(100px);
     -o-transform: translateY(100px);
     transform: translateY(100px);
     -webkit-transition: all 1000ms ease;
     -moz-transition: all 1000ms ease;
     -ms-transition: all 1000ms ease;
     -o-transition: all 1000ms ease;
     transition: all 1000ms ease;
 }

 .banner-carousel .content-box h1 span {
     font-weight: 700;
 }

 .banner-carousel .active .content-box h1 {
     opacity: 1;
     -webkit-transform: translateY(0);
     -moz-transform: translateY(0);
     -ms-transform: translateY(0);
     -o-transform: translateY(0);
     transform: translateY(0);
     -webkit-transition-delay: 1000ms;
     -moz-transition-delay: 1000ms;
     -ms-transition-delay: 1000ms;
     -o-transition-delay: 1000ms;
     transition-delay: 1000ms;
 }

 .banner-carousel .content-box p {
     position: relative;
     display: block;
     color: #fff;
     font-size: 20px;
     line-height: 28px;
     font-weight: 600;
     margin-bottom: 43px;
     opacity: 0;
     -webkit-transform: translateY(100px);
     -moz-transform: translateY(100px);
     -ms-transform: translateY(100px);
     -o-transform: translateY(100px);
     transform: translateY(100px);
     -webkit-transition: all 1300ms ease;
     -moz-transition: all 1300ms ease;
     -ms-transition: all 1300ms ease;
     -o-transition: all 1300ms ease;
     transition: all 1300ms ease;
 }

 .banner-carousel .active .content-box p {
     opacity: 1;
     -webkit-transform: translateY(0);
     -moz-transform: translateY(0);
     -ms-transform: translateY(0);
     -o-transform: translateY(0);
     transform: translateY(0);
     -webkit-transition-delay: 1300ms;
     -moz-transition-delay: 1300ms;
     -ms-transition-delay: 1300ms;
     -o-transition-delay: 1300ms;
     transition-delay: 1300ms;
 }

 .banner-section .banner-carousel .content-box a.theme-btn {
     padding: 14px 47px;
 }

 .banner-carousel .content-box .btn-box {
     position: relative;
     opacity: 0;
     -webkit-transform: translateY(100px);
     -moz-transform: translateY(100px);
     -ms-transform: translateY(100px);
     -o-transform: translateY(100px);
     transform: translateY(100px);
     -webkit-transition: all 1600ms ease;
     -moz-transition: all 1600ms ease;
     -ms-transition: all 1600ms ease;
     -o-transition: all 1600ms ease;
     transition: all 1600ms ease;
 }

 .banner-carousel .active .content-box .btn-box {
     opacity: 1;
     -webkit-transform: translateY(0);
     -moz-transform: translateY(0);
     -ms-transform: translateY(0);
     -o-transform: translateY(0);
     transform: translateY(0);
     -webkit-transition-delay: 1600ms;
     -moz-transition-delay: 1600ms;
     -ms-transition-delay: 1600ms;
     -o-transition-delay: 1600ms;
     transition-delay: 1600ms;
 }

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

 .float-bob-y {
     animation-name: float-bob-y;
     animation-duration: 2s;
     animation-iteration-count: infinite;
     animation-timing-function: linear;
     -webkit-animation-name: float-bob-y;
     -webkit-animation-duration: 2s;
     -webkit-animation-iteration-count: infinite;
     -webkit-animation-timing-function: linear;
     -moz-animation-name: float-bob-y;
     -moz-animation-duration: 2s;
     -moz-animation-iteration-count: infinite;
     -moz-animation-timing-function: linear;
     -ms-animation-name: float-bob-y;
     -ms-animation-duration: 2s;
     -ms-animation-iteration-count: infinite;
     -ms-animation-timing-function: linear;
     -o-animation-name: float-bob-y;
     -o-animation-duration: 2s;
     -o-animation-iteration-count: infinite;
     -o-animation-timing-function: linear;
 }

 .float-bob-x {
     animation-name: float-bob-x;
     animation-duration: 15s;
     animation-iteration-count: infinite;
     animation-timing-function: linear;
     -webkit-animation-name: float-bob-x;
     -webkit-animation-duration: 15s;
     -webkit-animation-iteration-count: infinite;
     -webkit-animation-timing-function: linear;
     -moz-animation-name: float-bob-x;
     -moz-animation-duration: 15s;
     -moz-animation-iteration-count: infinite;
     -moz-animation-timing-function: linear;
     -ms-animation-name: float-bob-x;
     -ms-animation-duration: 15s;
     -ms-animation-iteration-count: infinite;
     -ms-animation-timing-function: linear;
     -o-animation-name: float-bob-x;
     -o-animation-duration: 15s;
     -o-animation-iteration-count: infinite;
     -o-animation-timing-function: linear;
 }

 .rotate-me {
     animation-name: rotateme;
     animation-duration: 30s;
     animation-iteration-count: infinite;
     animation-timing-function: linear;
     -webkit-animation-name: rotateme;
     -webkit-animation-duration: 30s;
     -webkit-animation-iteration-count: infinite;
     -webkit-animation-timing-function: linear;
     -moz-animation-name: rotateme;
     -moz-animation-duration: 30s;
     -moz-animation-iteration-count: infinite;
     -moz-animation-timing-function: linear;
     -ms-animation-name: rotateme;
     -ms-animation-duration: 30s;
     -ms-animation-iteration-count: infinite;
     -ms-animation-timing-function: linear;
     -o-animation-name: rotateme;
     -o-animation-duration: 30s;
     -o-animation-iteration-count: infinite;
     -o-animation-timing-function: linear;
 }

 .banner-section .owl-dots {
     position: absolute;
     left: 65px;
     top: 50%;
     transform: translateY(-50%);
 }

 .banner-section .owl-theme .owl-dots .owl-dot {
     display: block;
 }

 .banner-section .owl-theme .owl-dots .owl-dot span {
     position: relative;
     display: inline-block;
     height: 8px;
     width: 8px;
     margin: 16px 0px;
     background: #8f7573;
     border-radius: 50%;
     cursor: pointer;
     box-shadow: 0 0 0 6px #8f7573;
     transition: all 500ms ease;
 }

 .banner-section .owl-theme .owl-dots .owl-dot.active span,
 .banner-section .owl-theme .owl-dots .owl-dot span:hover {
     box-shadow: 0 0 0 6px #a1473b;
 }

 /** booking-section **/

 .booking-section {
     position: relative;
 }

 .booking-section .inner-box {
     position: relative;
     background: #fff;
     padding: 42px 50px 30px 50px;
     margin-top: -100px;
     box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
     z-index: 1;
 }

 .booking-section .title-inner h2 {
     position: relative;
     font-size: 36px;
     line-height: 45px;
     font-weight: 700;
     margin-bottom: 3px;
 }

 .booking-section .title-inner p {
     font-size: 18px;
     line-height: 28px;
     font-weight: 600;
     color: #5a5a68;
 }

 .booking-section .title-inner p span {}

 .booking-section .upper-box {
     position: relative;
     display: block;
     margin-bottom: 32px;
 }

 .booking-section .upper-box .link-box {
     margin-top: 24px;
 }

 .booking-section .upper-box .link-box a {
     position: relative;
     display: inline-block;
     font-size: 18px;
     line-height: 22px;
     font-weight: 500;
 }

 .booking-section .upper-box .link-box a:hover {
     color: #5a5a68;
     border-color: #5a5a68;
 }

 .booking-section .upper-box .link-box a i {
     position: relative;
     margin-left: 7px;
     top: 1px;
 }

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

 .booking-form .form-group .field-input {
     position: relative;
     margin-bottom: 20px;
 }

 .booking-form .form-group .field-input i {
     position: absolute;
     top: 20px;
     right: 20px;
     font-size: 16px;
     color: #a6a6af;
     z-index: 1;
 }

 .booking-form .form-group .field-input input[type='text'] {
     position: relative;
     width: 100%;
     height: 60px;
     border: 1px solid #e3e3e3;
     background: #fff;
     color: #5a5a68;
     border-radius: 5px;
     padding: 10px 50px 10px 20px;
     font-size: 16px;
     transition: all 500ms ease;
 }

 .booking-section .inner-box .booking-form .form-group .field-input input:focus {}

 .booking-form .form-group button {
     width: 100%;
     display: block;
     padding: 14px 50px;
 }

 .booking-form .form-group button:hover {}

 .booking-form .form-group button:before {
     background: #fff;
 }

 /** about-section **/

 .about-section {
     position: relative;
     padding: 120px 0px 255px 0px;
 }

 .about-section .image-layer {
     position: absolute;
     left: 0px;
     bottom: 0px;
     width: 715px;
     height: 530px;
     background-repeat: no-repeat;
 }

 #image_block_one .image-box {
     position: relative;
     display: block;
     padding-right: 35px;
     margin-right: 20px;
     padding-bottom: 130px;
 }

 #image_block_one .image-box .pattern-layer {
     position: absolute;
     top: 0px;
     right: 0px;
     width: 35px;
     height: 100%;
     background-repeat: repeat-y;
     animation: slide 60s linear infinite;
     -webkit-animation: slide 60s linear infinite;
 }

 #image_block_one .image-box .image-1 {
     position: relative;
     display: block;
 }

 #image_block_one .image-box .image img {
     width: 100%
 }

 #image_block_one .image-box .image-2 {
     position: absolute;
     right: 35px;
     bottom: 0px;
 }

 #image_block_one .image-box .image-2:before {
     position: absolute;
     content: '';
     left: 0px;
     top: -20px;
     width: calc(100% - 20px);
     height: 20px;
 }

 #image_block_one .image-box .image-3 {
     position: absolute;
     left: 50px;
     bottom: 50px;
     width: 160px;
     height: 160px;
     line-height: 160px;
     text-align: center;
     transition: all 500ms ease;
 }

 #image_block_one .image-box .image-3 i {
     position: absolute;
     left: 50%;
     top: 50%;
     transform: translate(-50%, -50%);
     font-size: 70px;
     color: transparent;
     -webkit-background-clip: text;
     -webkit-text-fill-color: transparent;
 }

 @keyframes slide {
     from {
         background-position: 0 1920px;
     }
     to {
         background-position: 0 0;
     }
 }

 @-webkit-keyframes slide {
     from {
         background-position: 0 1920px;
     }
     to {
         background-position: 0 0;
     }
 }

 #content_block_one .content-box .text {
     position: relative;
     display: block;
     margin-bottom: 30px;
 }

 #content_block_one .content-box .text p {
     margin-bottom: 15px;
     color: #888;
 }

 #content_block_one .content-box .text p:last-child {
     margin-bottom: 0px;
 }

 #content_block_one .content-box .area-code {
     position: relative;
     display: block;
     max-width: 470px;
     width: 100%;
     margin-bottom: 12px;
 }

 #content_block_one .content-box .area-code .form-group {
     position: relative;
     border: 1px solid #e3e3e3;
     border-radius: 5px;
     overflow: hidden;
     margin: 0px;
 }

 #content_block_one .content-box .area-code input[type='text'] {
     position: relative;
     width: calc(100% - 200px);
     height: 58px;
     font-size: 18px;
     padding: 10px 20px;
 }

 #content_block_one .content-box .area-code button {
     position: absolute;
     top: 0px;
     right: 0px;
     font-size: 18px;
     line-height: 28px;
     font-weight: 700;
     font-family: 'Roboto', sans-serif;
     color: #1e1e2a;
     background: #f6f6f6;
     padding: 16px 25px;
     width: 200px;
     border-left: 1px solid #e3e3e3;
     cursor: pointer;
     transition: all 500ms ease;
 }

 #content_block_one .content-box .area-code button:hover {}

 #content_block_one .content-box h4 {
     position: relative;
     display: block;
     font-size: 20px;
     line-height: 30px;
     font-family: 'Muli', sans-serif;
     font-weight: 700;
     margin-bottom: 42px;
 }

 #content_block_one .content-box h4 a {
     display: inline-block;
 }

 #content_block_one .content-box h4 a:hover {
     text-decoration: underline;
 }

 #content_block_one .content-box .sec-title {
     margin-bottom: 32px;
 }

 #content_block_one .content-box .btn-box .theme-btn {
     padding: 11px 40px;
     margin-right: 30px;
 }

 #content_block_one .content-box .btn-box a.video-btn {
     position: relative;
     display: inline-block;
     padding: 0px 0px 0px 78px;
     font-size: 18px;
     line-height: 28px;
     color: #1e1e2a;
     font-family: 'Roboto', sans-serif;
     font-weight: 700;
 }

 #content_block_one .content-box .btn-box a.video-btn:hover {}

 #content_block_one .content-box .btn-box a.video-btn i {
     position: absolute;
     left: 0px;
     top: 2px;
     width: 54px;
     height: 54px;
     line-height: 54px;
     font-size: 20px;
     color: #fff;
     text-align: center;
     border-radius: 50%;
     -webkit-box-shadow: 0 0 0 5px rgba(242, 87, 67, 0.2);
 }

 #content_block_one .content-box .btn-box a.video-btn i:after {
     width: 54px;
     height: 54px;
     border-radius: 50%;
     background: transparent;
     position: absolute;
     top: 50%;
     left: 50%;
     -webkit-transform: translate(-50%, -50%);
     transform: translate(-50%, -50%);
     -webkit-animation-delay: .9s;
     animation-delay: .9s;
     content: "";
     position: absolute;
     -webkit-animation: ripple 3s infinite;
     animation: ripple 3s infinite;
     -webkit-transition: all .4s ease;
     transition: all .4s ease;
 }

 #content_block_one .content-box .btn-box a {
     float: left;
 }

 @-webkit-keyframes ripple {
     70% {
         -webkit-box-shadow: 0 0 0 10px rgba(242, 87, 67, 0.1);
         box-shadow: 0 0 0 10px rgba(242, 87, 67, 0.1);
     }
     100% {
         -webkit-box-shadow: 0 0 0 0 rgba(242, 87, 67, 0.1);
         box-shadow: 0 0 0 0 rgba(242, 87, 67, 0.1);
     }
 }

 @keyframes ripple {
     70% {
         -webkit-box-shadow: 0 0 0 10px rgba(242, 87, 67, 0.1);
         box-shadow: 0 0 0 10px rgba(242, 87, 67, 0.1);
     }
     100% {
         -webkit-box-shadow: 0 0 0 0 rgba(242, 87, 67, 0.1);
         box-shadow: 0 0 0 0 rgba(242, 87, 67, 0.1);
     }
 }

 /** funfact-section **/

 .funfact-section {
     position: relative;
 }

 .funfact-section .inner-container {
     position: relative;
     margin-top: -135px;
     z-index: 1;
 }

 .funfact-section .counter-block-one {
     position: relative;
     display: inline-block;
     width: 25%;
     float: left;
 }

 .counter-block-one .inner-box {
     position: relative;
     display: block;
     padding: 88px 30px 41px 30px;
 }

 .counter-block-one:nth-child(2) .inner-box {
     background: #f6f6f6;
 }

 .counter-block-one:nth-child(3) .inner-box {
     background: #313143;
 }

 .counter-block-one:last-child .inner-box {}

 .counter-block-one .inner-box .shap-box {
     position: absolute;
     left: 30px;
     top: 50px;
     width: 62px;
     height: 9px;
     background-repeat: no-repeat;
 }

 @keyframes slide-2 {
     from {
         background-position: 0 0;
     }
     to {
         background-position: 1920px 0;
     }
 }

 @-webkit-keyframes slide-2 {
     from {
         background-position: 0 0;
     }
     to {
         background-position: 1920px 0;
     }
 }

 .counter-block-one .inner-box .icon-box {
     position: absolute;
     display: inline-block;
     font-size: 60px;
     line-height: 60px;
     color: #fff;
     right: 30px;
     top: 30px;
 }

 .counter-block-one:nth-child(2) .inner-box .icon-box {
     color: transparent;
     -webkit-background-clip: text;
     -webkit-text-fill-color: transparent;
 }

 .counter-block-one:nth-child(3) .inner-box .icon-box {
     color: transparent;
     -webkit-background-clip: text;
     -webkit-text-fill-color: transparent;
 }

 .counter-block-one .inner-box .count-outer span {
     position: relative;
     display: inline-block;
     font-size: 60px;
     line-height: 68px;
     font-family: 'Roboto', sans-serif;
     font-weight: 900;
     color: #fff;
     margin-bottom: 13px;
 }

 .counter-block-one:nth-child(2) .inner-box .count-outer span {
     color: #1e1e2a;
 }

 .counter-block-one .inner-box h3 {
     position: relative;
     display: block;
     font-size: 22px;
     line-height: 30px;
     color: #fff;
     font-weight: 500;
     margin: 0px;
 }

 .counter-block-one:nth-child(2) .inner-box h3 {
     color: #1e1e2a;
 }

 /** service-section **/

 .service-section {
     position: relative;
     padding: 120px 0px 120px 0px;
     margin-top: -135px;
 }

 .service-section .sec-title {
     margin-bottom: 50px;
 }

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

 .service-block-one .inner-box {
     position: relative;
     display: block;
     padding: 0px 30px;
     margin-top: 30px;
     border: 2px solid rgba(255, 255, 255, 0.1);
 }

 .service-block-one .inner-box:before {
     position: absolute;
     content: '';
     background: rgba(255, 255, 255, 0.1);
     width: 100%;
     height: 0%;
     left: 0px;
     right: 0px;
     bottom: 0px;
     transition: all 500ms ease;
 }

 .service-block-one .inner-box:hover:before {
     height: 100%;
     top: 0px;
 }

 .service-block-one .inner-box .image-box {
     position: relative;
     display: block;
     overflow: hidden;
     margin-top: -32px;
 }

 .service-block-one .inner-box .image-box img {
     width: 100%;
     transition: all 500ms ease;
 }

 .service-block-one .inner-box:hover .image-box img {
     transform: scale(1.05);
 }

 .service-block-one .inner-box .lower-content {
     position: relative;
     padding-top: 67px;
 }

 .service-block-one .inner-box .lower-content .icon-box {
     position: absolute;
     top: -45px;
     right: 25px;
     width: 90px;
     height: 90px;
     line-height: 90px;
     font-size: 46px;
     background: #313143;
     text-align: center;
     border-radius: 50%;
     z-index: 1;
 }

 .service-block-one .inner-box .lower-content .icon-box:before {
     position: absolute;
     content: '';
     width: 100%;
     height: 100%;
     left: 0px;
     top: 0px;
     right: 0px;
     border-radius: 50%;
     transform: scale(0, 0);
     z-index: -1;
     transition: all 500ms ease;
 }

 .service-block-one .inner-box:hover .lower-content .icon-box:before {
     transform: scale(1, 1);
 }

 .service-block-one .inner-box .lower-content .icon-box i {
     color: transparent !important;
     -webkit-background-clip: text !important;
     -webkit-text-fill-color: transparent !important;
     transition: all 500ms ease;
 }

 .service-block-one .inner-box:hover .lower-content .icon-box i {
     background: -webkit-linear-gradient(-90deg, #fff, #fff 50%);
 }

 .service-block-one .inner-box .lower-content .shap-box {
     position: absolute;
     left: 0px;
     top: 35px;
     width: 62px;
     height: 9px;
     background-repeat: no-repeat;
 }

 .service-block-one .inner-box .lower-content h3 {
     position: relative;
     display: block;
     font-size: 22px;
     line-height: 30px;
     color: #fff;
     font-weight: 500;
     margin-bottom: 14px;
 }

 .service-block-one .inner-box .lower-content h3 a {
     display: inline-block;
     color: #fff;
 }

 .service-block-one .inner-box .lower-content h3 a:hover {}

 .service-block-one .inner-box .lower-content p {
     font-size: 18px;
     line-height: 28px;
     color: #a6a6b3;
     font-weight: 600;
     margin-bottom: 27px;
 }

 .service-block-one .inner-box .lower-content .link {
     position: relative;
     display: block;
     padding: 14px 0px;
     z-index: 1;
 }

 .service-block-one .inner-box .lower-content .link:before {
     position: absolute;
     content: '';
     background: rgba(255, 255, 255, 0.1);
     width: calc(100% + 60px);
     height: 2px;
     left: -30px;
     top: 0px;
 }

 .service-block-one .inner-box .lower-content .link:after {
     position: absolute;
     content: '';
     width: 0%;
     height: 100%;
     top: 0px;
     right: -30px;
     z-index: -1;
     transition: all 500ms ease;
 }

 .service-block-one .inner-box:hover .lower-content .link:after {
     width: calc(100% + 60px);
     left: -30px;
 }

 .service-block-one .inner-box .lower-content .link a {
     position: relative;
     display: inline-block;
     font-size: 18px;
     line-height: 28px;
     font-family: 'Roboto', sans-serif;
     font-weight: 700;
     color: #fff;
 }

 .service-block-one .inner-box .lower-content .link a i {
     position: relative;
     font-weight: 400;
     font-size: 22px;
     margin-left: 10px;
     top: 2px;
 }

 /** chooseus-section **/

 .chooseus-section {
     position: relative;
     overflow: hidden;
     padding: 116px 0px 85px 0px;
 }

 .chooseus-section .pattern-layer {
     position: absolute;
     left: 0px;
     top: 0px;
     right: 0px;
     width: 100%;
     height: 100%;
     background-repeat: no-repeat;
     background-size: cover;
     background-position: center;
 }

 .chooseus-section .image-layer {
     position: absolute;
     right: 140px;
     bottom: 0px;
     z-index: 1;
 }

 .chooseus-section .inner-content .content-box-one {
     position: relative;
     max-width: 700px;
     width: 100%;
     margin-bottom: 10px;
 }

 .chooseus-section .inner-content .single-item {
     position: relative;
     display: inline-block;
     overflow: hidden;
     float: left;
     max-width: 225px;
     width: 100%;
     margin-right: 10px;
 }

 .chooseus-section .inner-content .content-box-one .single-item {
     padding-top: 35px;
 }

 .chooseus-section .inner-content .content-box-two .single-item {
     padding-bottom: 35px;
 }

 .chooseus-section .inner-content .single-item:last-child {
     margin-right: 0px;
 }

 .chooseus-section .inner-content .single-item .content-box {
     position: relative;
     display: block;
     background: #fff;
     padding: 40px 15px 22px 15px;
     text-align: center;
     opacity: 1;
     z-index: 1;
     transition: all 900ms ease;
 }

 .chooseus-section .inner-content .single-item:hover .content-box {
     opacity: 0;
 }

 .chooseus-section .inner-content .single-item .content-box .icon-box {
     position: relative;
     display: inline-block;
     margin-bottom: 14px;
     z-index: 1;
     width: 86px;
    height: 86px;
 }

 .chooseus-section .inner-content .single-item .content-box .icon-box:before {
     position: absolute;
     content: '';
     background: #eeeef5;
     height: 54px;
     width: 54px;
     border-radius: 50%;
     top: -10px;
     right: -30px;
     z-index: -1;
 }

 .chooseus-section .inner-content .single-item .content-box h4 {
     position: relative;
     display: block;
     font-size: 20px;
     line-height: 30px;
     font-weight: 500;
     margin: 0px;
 }

 .chooseus-section .inner-content .single-item .overlay-box {
     position: absolute;
     left: 0px;
     width: 100%;
     background: #fff;
     padding: 30px 15px 23px 15px;
     text-align: center;
     z-index: 1;
     opacity: 0;
     transition: all 500ms ease;
 }

 .chooseus-section .inner-content .content-box-one .single-item .overlay-box {
     top: 30px;
 }

 .chooseus-section .inner-content .content-box-two .single-item .overlay-box {
     bottom: 30px;
 }

 .chooseus-section .inner-content .content-box-one .single-item:hover .overlay-box {
     opacity: 1;
     top: 0px;
 }

 .chooseus-section .inner-content .content-box-two .single-item:hover .overlay-box {
     opacity: 1;
     bottom: 0px;
 }

 .chooseus-section .inner-content .single-item .overlay-box .icon-box {
     position: relative;
     display: inline-block;
     width: 86px;
     height: 86px;
     line-height: 86px;
     background: #eeeef5;
     text-align: center;
     border-radius: 50%;
     margin-bottom: 14px;
 }

 .chooseus-section .inner-content .single-item .overlay-box p {
     position: relative;
     font-size: 18px;
     line-height: 26px;
     color: #5a5a68;
     font-weight: 700;
 }

 .chooseus-section .inner-content .content-box-two {
     position: relative;
     display: block;
     width: 100%;
 }

 .chooseus-section .inner-content .single-item .image-box {
     position: relative;
     display: block;
     text-align: center;
     padding: 10px 0px;
 }

 .chooseus-section .sec-title {
     margin-bottom: 15px;
 }

 /** project-section **/

 .project-section {
     position: relative;
     padding: 115px 0px 90px 0px;
 }

 .project-section .sec-title {
     margin-bottom: 50px;
 }

 .project-block-one .inner-box {
     position: relative;
     display: block;
     overflow: hidden;
     margin-bottom: 30px;
 }

 .project-block-one .inner-box .image-box {
     position: relative;
     display: block;
     overflow: hidden;
     background: #2a2a38;
 }

 .project-block-one .inner-box .image-box img {
     width: 100%;
     transition: all 500ms ease;
 }

 .project-block-one .inner-box:hover .image-box img {
     transform: scale(1.05);
     opacity: 0.05;
 }

 .project-block-one .inner-box .lower-content .box {
     position: absolute;
     left: 30px;
     top: 25px;
     transform: translateY(30px);
     opacity: 0;
     transition: all 500ms ease;
 }

 .project-block-one .inner-box:hover .lower-content .box {
     transform: translateY(0px);
     opacity: 1;
 }

 h3 {
     position: relative;
     display: block;
     font-size: 22px;
     line-height: 30px;
     font-weight: 500;
     margin-bottom: 10px;
 }

 h3 a {
     display: inline-block;
     color: #1e1e2a;
 }

 h3 a:hover {}

 .project-block-one .inner-box .lower-content {
     position: absolute;
     left: 0px;
     top: 0px;
     right: 0px;
     width: 100%;
     height: 100%;
     padding: 25px 30px;
 }

 .project-block-one .inner-box .lower-content .box h3 {
     color: #fff;
     margin-bottom: 0px;
 }

 .project-block-one .inner-box .lower-content .box h3 a {
     color: #fff;
 }

 .project-block-one .inner-box .lower-content .box h3 a:hover {}

 .project-block-one .inner-box .lower-content .box p {
     position: relative;
     font-size: 18px;
     line-height: 28px;
     font-weight: 700;
     color: transparent;
     -webkit-background-clip: text;
     -webkit-text-fill-color: transparent;
 }

 .project-block-one .inner-box .lower-content .view-btn {
     position: absolute;
     right: 0px;
     bottom: 0px;
     opacity: 0;
     transition: all 900ms ease;
 }

 .project-block-one .inner-box:hover .lower-content .view-btn {
     opacity: 1;
 }

 .project-block-one .inner-box .lower-content .view-btn a {
     position: relative;
     display: inline-block;
     font-size: 30px;
     color: #fff;
     font-weight: 700;
     width: 56px;
     height: 56px;
     line-height: 56px;
     text-align: center;
     border-top: 4px solid #fff;
     border-left: 4px solid #fff;
 }

 /** working-section **/

 .working-section {
     position: relative;
     padding-top: 115px;
     width: 100%;
     background-size: cover;
     background-repeat: no-repeat;
     background-position: center;
     background-attachment: fixed;
 }

 .working-section:before {
     position: absolute;
     content: '';
     background: #1e1e2a;
     width: 100%;
     height: 100%;
     left: 0px;
     top: 0px;
     right: 0px;
     opacity: 0.85;
 }

 .working-section .inner-content {
     position: relative;
     margin: 0px -10px -170px -10px;
     z-index: 1;
 }

 .working-section .sec-title {
     margin-bottom: 90px;
 }

 .working-section .working-block {
     padding: 0px 25px;
 }

 .working-block-one .inner-box {
     position: relative;
     display: block;
     background: #fff;
     padding: 0px 50px 33px 50px;
     margin-top: 90px;
     min-height: 298px;
     box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
     transition: all 500ms ease;
 }

 .working-block-one .inner-box:hover {
     transform: translateY(-15px);
 }

 .working-block-one {
     position: relative;
 }

 .working-block-one:before {
     position: absolute;
     content: "\f112";
     font-family: 'Flaticon';
     font-size: 24px;
     line-height: 24px;
     top: 52px;
     right: -37px;
 }

 .working-block-one .inner-box .icon-box {
     position: relative;
     display: inline-block;
     width: 170px;
     height: 170px;
     line-height: 170px;
     text-align: center;
     border-radius: 50%;
     border: 2px dashed #b1b1bc;
     padding: 5px;
     margin-top: -90px;
     margin-bottom: 19px;
 }

 .working-block-one .inner-box .icon-box .count-box {
     position: absolute;
     top: 8px;
     right: -12px;
     width: 50px;
     height: 50px;
     line-height: 50px;
     font-size: 18px;
     font-family: 'Roboto', sans-serif;
     font-weight: 700;
     color: #fff;
     border-radius: 50%;
     border: 3px solid #fff;
     z-index: 2;
 }

 .working-block-one .inner-box .icon-box .icon {
     position: absolute;
     display: inline-block;
     left: 3px;
     top: 3px;
     width: 160px;
     height: 160px;
     line-height: 160px;
     font-size: 60px;
     color: #fff;
     text-align: center;
     border-radius: 50%;
     background-size: cover;
     background-repeat: no-repeat;
     background-position: center;
     z-index: 1;
 }

 .working-block-one .inner-box .icon-box .icon:before {
     position: absolute;
     content: '';
     width: 100%;
     height: 100%;
     left: 0px;
     top: 0px;
     right: 0px;
     border-radius: 50%;
     z-index: -1;
     transition: all 500ms ease;
 }

 .working-block-one .inner-box:hover .icon-box .icon:before {
     opacity: 0.8;
 }

 .working-block-one .inner-box .lower-content h3 {
     margin-bottom: 12px;
 }

 .working-block-one .inner-box .lower-content .pattern-layer {
     position: relative;
     display: block;
     max-width: 62px;
     width: 100%;
     height: 9px;
     margin: 0 auto;
     margin-bottom: 23px;
     background-repeat: no-repeat;
     filter: grayscale(100%);
     -webkit-filter: grayscale(100%);
     -moz-filter: grayscale(100%);
     -o-filter: grayscale(100%);
     -ms-filter: grayscale(100%);
     -webkit-transition: all 500ms ease;
     -moz-transition: all 500ms ease;
     -ms-transition: all 500ms ease;
     -o-transition: all 500ms ease;
     transition: all 500ms ease;
 }

 .working-block-one .inner-box:hover .lower-content .pattern-layer {
     filter: grayscale(0%);
     -webkit-filter: grayscale(0%);
     -moz-filter: grayscale(0%);
     -o-filter: grayscale(0%);
     -ms-filter: grayscale(0%);
 }

 /** team-section **/

 .team-section {
     position: relative;
     padding: 150px 0px 150px 0px;
 }

 .team-section .pattern-layer {
     position: absolute;
     left: 0px;
     top: 0px;
     right: 0px;
     width: 100%;
     height: 100%;
     background-size: cover;
     background-repeat: no-repeat;
     background-position: center;
 }

 .team-section .sec-title {
     margin-bottom: 50px;
 }

 .team-section .sec-title .btn-box {
     position: absolute;
     top: 36px;
     right: 0px;
 }

 .team-section .sec-title .btn-box .theme-btn {
     padding: 11px 33px;
 }

 .team-block-one .inner-box {
     position: relative;
     display: block;
     overflow: hidden;
 }

 .team-block-one .inner-box .image-box {
     position: relative;
     display: block;
     /* background: #2a2a38; */
     overflow: hidden;
     border: 1px solid #2a2a38;
    
    border-radius: 20px;
    background: #fff;
    box-shadow: 0 0px 20px rgba(0, 0, 0, 0.08);
 }

 .team-block-one .inner-box .image-box img {
     width: 100%;
     transition: all 500ms ease;
 }

 .team-block-one .inner-box:hover .image-box img {
     opacity: 0.2;
 }

 .team-block-one .inner-box .content-box {
     position: absolute;
     left: 0px;
     bottom: 10px;
     background: #fff;
     max-width: 200px;
     width: 100%;
     opacity: 1;
     padding: 11px 20px 11px 30px;
     transition: all 500ms ease;
 }

 .team-block-one .inner-box:hover .content-box {
     opacity: 0;
 }

 .team-block-one .inner-box .content-box:before {
     position: absolute;
     content: '';
     width: 7px;
     height: calc(100% - 30px);
     top: 15px;
     left: 0px;
 }

 .team-block-one .inner-box .content-box h3 {
     margin: 0px;
 }

 .team-block-one .inner-box .content-box .designation {
     position: relative;
     display: block;
     font-size: 18px;
     line-height: 20px;
     color: #5a5a68;
     font-weight: 700;
     margin-bottom: 6px;
 }

 .team-block-one .inner-box .overlay-box {
     position: absolute;
     left: 85px;
     bottom: -160px;
     opacity: 0;
     width: calc(100% - 170px);
     transition: all 900ms ease;
 }

 .team-block-one .inner-box:hover .overlay-box {
     bottom: 0px;
     opacity: 1;
 }

 .team-block-one .inner-box .overlay-box .designation {
     position: relative;
     display: block;
     font-size: 18px;
     line-height: 20px;
     color: #fff;
     font-weight: 700;
     margin-bottom: 6px;
 }

 .team-block-one .inner-box .overlay-box h3 {
     color: #fff;
     margin: 0px;
 }

 .team-block-one .inner-box .overlay-box h3 a {
     color: #fff;
 }

 .team-block-one .inner-box .overlay-box .box {
     position: relative;
     padding: 26px 20px 25px 25px;
     border-bottom: 1px solid rgba(255, 255, 255, 0.5);
 }

 .team-block-one .inner-box .overlay-box .social-links li {
     position: relative;
     display: inline-block;
     float: left;
     width: 25%;
     text-align: center;
     border-right: 1px solid rgba(255, 255, 255, 0.5);
 }

 .team-block-one .inner-box .overlay-box .social-links li:last-child {
     border: none;
 }

 .team-block-one .inner-box .overlay-box .social-links li a {
     display: inline-block;
     height: 50px;
     line-height: 50px;
     width: 100%;
     font-size: 14px;
     color: #fff;
 }

 .team-block-one .inner-box .overlay-box .social-links li a span {
     position: absolute;
     left: 50%;
     transform: translateX(-50%);
     top: 0px;
     background: #fff;
     font-size: 16px;
     font-weight: 700;
     color: #1e1e2a;
     width: 80px;
     height: 27px;
     line-height: 27px;
     text-align: center;
     opacity: 0;
     transition: all 500ms ease;
 }

 .team-block-one .inner-box .overlay-box .social-links li a span:before {
     position: absolute;
     content: '';
     background: #fff;
     width: 12px;
     height: 12px;
     left: 33px;
     bottom: -4px;
     transform: rotate(45deg);
     z-index: -1;
 }

 .team-block-one .inner-box .overlay-box .social-links li a:hover span {
     opacity: 1;
     top: -20px;
 }

 /** repair-section **/

 .repair-section {
     position: relative;
 }

 .repair-section .inner-content {
     position: relative;
     margin-top: -138px;
     z-index: 1;
 }

 .repair-section .single-item .inner-box {
     position: relative;
     display: block;
 }

 .repair-section .single-item .inner-box .content-box {
     position: relative;
     display: inline-block;
     float: left;
     max-width: 270px;
     width: 100%;
     overflow: hidden;
     background: #2a2a38;
     min-height: 263px;
     padding: 38px 37px 34px 40px;
 }

 .repair-section .single-item .inner-box .image-box {
     position: relative;
     display: block;
     float: left;
     max-width: 300px;
     width: 100%;
     overflow: hidden;
 }

 .repair-section .single-item .inner-box .image-box:before {
     position: absolute;
     content: '';
     left: 0px;
     top: 0px;
     width: 0%;
     height: 100%;
     background: rgba(42, 42, 56, 0.8);
     transition: all 500ms ease;
 }

 .repair-section .single-item .inner-box:hover .image-box:before {
     width: 100%;
     right: 0px;
 }

 .repair-section .single-item .inner-box .image-box img {
     width: 100%;
 }

 .repair-section .single-item .inner-box .content-box .icon-box {
     position: relative;
     display: inline-block;
     font-size: 60px;
     line-height: 60px;
     margin-bottom: 23px;
 }

 .repair-section .single-item .inner-box .content-box .light-icon {
     position: absolute;
     top: -10px;
     right: -10px;
     font-size: 120px;
     line-height: 120px;
     color: rgba(255, 255, 255, 0.1);
 }

 .repair-section .single-item .inner-box .content-box h3 {
     position: relative;
     display: block;
     font-size: 24px;
     color: #fff;
     line-height: 30px;
     font-weight: 500;
     margin-bottom: 18px;
 }

 .repair-section .single-item .inner-box .content-box h3:last-child {
     margin-bottom: 0px;
 }

 .repair-section .single-item .inner-box .content-box h3 a {
     color: #fff;
 }

 .repair-section .single-item .inner-box .content-box h3 a:hover {}

 .repair-section .single-item .inner-box .content-box .rating-box {
     position: relative;
     display: block;
     margin-bottom: 20px;
     padding: 7px 0px 0px 98px;
 }

 .repair-section .single-item .inner-box .content-box .rating-box span {
     position: absolute;
     display: inline-block;
     left: 0px;
     top: 0px;
     font-size: 60px;
     line-height: 60px;
     color: #fff;
     font-family: 'Roboto', sans-serif;
     font-weight: 700;
 }

 .repair-section .single-item .inner-box .content-box .rating-box h6 {
     position: relative;
     display: block;
     font-size: 15px;
     line-height: 20px;
     color: #fff;
     font-weight: 700;
     margin-bottom: 0px;
     text-transform: uppercase;
 }

 .repair-section .single-item .inner-box .content-box .rating-box .rating li {
     position: relative;
     display: inline-block;
     float: left;
     font-size: 14px;
     margin-right: 1px;
 }

 .repair-section .single-item .inner-box .content-box h5 {
     position: relative;
     display: block;
     font-size: 18px;
     line-height: 28px;
     font-family: 'Roboto', sans-serif;
     font-weight: 700;
     color: #fff;
 }

 .repair-section .single-item .inner-box .content-box h5 a {
     display: inline-block;
     color: #fff;
 }

 .repair-section .single-item .inner-box .content-box h5 a i {
     position: relative;
     font-size: 22px;
     font-weight: 400;
     top: 2px;
     margin-left: 10px;
 }

 .repair-section .single-item .inner-box .content-box h5 a:hover {}

 /** testimonial-section **/

 .testimonial-section {
     position: relative;
     padding: 240px 0px 90px 0px;
     margin-top: -126px;
 }

 .bg-color-2 {
     background: #f6f6f6;
 }

 .testimonial-section .testimonial-content .inner-box {
     position: relative;
     display: block;
     background: #fff;
     margin: 40px 15px 30px 15px;
     padding: 43px 30px 41px 30px;
     box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
 }

 .testimonial-section .testimonial-content .inner-box .image-box {
     position: absolute;
     top: -40px;
     right: 40px;
     width: 90px;
     height: 90px;
     border-radius: 50%;
 }

 .testimonial-section .testimonial-content .inner-box .image-box img {
     width: 100%;
     border-radius: 50%;
 }

 .testimonial-section .testimonial-content .inner-box .image-box i {
     position: absolute;
     right: -10px;
     bottom: 0px;
     font-size: 20px;
     color: #fff;
     width: 40px;
     height: 40px;
     line-height: 40px;
     text-align: center;
     border-radius: 50%;
 }

 .testimonial-section .testimonial-content .inner-box .rating-box {
     position: relative;
     display: block;
     margin-bottom: 16px;
 }

 .testimonial-section .testimonial-content .inner-box .rating-box li {
     position: relative;
     display: inline-block;
     float: left;
     font-size: 14px;
     margin-right: 7px;
 }

 .testimonial-section .testimonial-content .inner-box .rating-box li:last-child {
     margin-right: 0px;
 }

 .testimonial-section .testimonial-content .inner-box p {
     font-size: 18px;
     line-height: 28px;
     color: #5a5a68;
     font-weight: 600;
     margin-bottom: 17px;
 }

 .testimonial-section .testimonial-content .inner-box h3 {
     margin: 0px;
 }

 .testimonial-section .testimonial-content .inner-box h3 span {
     font-size: 18px;
     font-family: 'Muli', sans-serif;
     font-weight: 500;
     color: #5a5a68;
 }

 .testimonial-section .testimonial-inner {
     position: relative;
     margin: 0px -15px;
 }

 .testimonial-section .sec-title {
     margin-bottom: 50px;
 }

 /** news-section **/

 .news-section {
     position: relative;
     padding: 115px 0px 120px 0px;
 }

 .news-section .sec-title {
     margin-bottom: 50px;
 }

 .news-section .sec-title .btn-box {
     position: absolute;
     top: 36px;
     right: 0px;
 }

 .news-section .sec-title .btn-box .theme-btn {
     padding: 11px 40px;
 }

 .news-block-one .inner-box {
     position: relative;
     display: block;
     background: #fff;
     box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
     transition: all 500ms ease;
 }

 .news-block-one .inner-box:hover {
     box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
 }

 .news-block-one .inner-box .image-box {
     position: relative;
     display: block;
     overflow: hidden;
 }

 .news-block-one .inner-box .image-box:before {
     position: absolute;
     content: '';
     background: #1e1e2a;
     width: 50%;
     height: 0%;
     left: 0px;
     bottom: 0px;
     opacity: 0.9;
     z-index: 1;
     transition: all 500ms ease;
 }

 .news-block-one .inner-box .image-box:after {
     position: absolute;
     content: '';
     background: #1e1e2a;
     width: 50%;
     height: 0%;
     right: 0px;
     top: 0px;
     opacity: 0.9;
     transition: all 500ms ease;
 }

 .news-block-one .inner-box:hover .image-box:before,
 .news-block-one .inner-box:hover .image-box:after {
     height: 100%
 }

 .news-block-one .inner-box .image-box .link {
     position: absolute;
     display: inline-block;
     left: 0px;
     top: 0px;
     right: 0px;
     width: 100%;
     height: 100%;
     font-size: 0px;
     color: #fff;
     z-index: 1;
 }

 .news-block-one .inner-box .image-box img {
     width: 100%;
 }

 .news-block-one .inner-box .image-box .category {
     position: absolute;
     right: 0px;
     bottom: 0px;
 }

 .news-block-one .inner-box .image-box .category p {
     position: relative;
     display: inline-block;
     font-size: 16px;
     font-weight: 700;
     color: #fff;
     padding: 4px 19px;
     text-align: center;
     z-index: 1;
     border-top-left-radius: 15px;
 }

 .news-block-one .inner-box .image-box .category p i {
     position: relative;
     color: #fff;
     margin-right: 8px;
 }

 .news-block-one .inner-box .lower-content {
     position: relative;
     padding: 23px 30px 0px 30px;
 }

 .news-block-one .inner-box .lower-content h3 {
     font-size: 24px;
     line-height: 34px;
     margin-bottom: 12px;
 }

 .news-block-one .inner-box .lower-content .post-info {
     position: relative;
     display: block;
     margin-bottom: 17px;
 }

 .news-block-one .inner-box .lower-content .post-info li {
     position: relative;
     display: inline-block;
     font-size: 15px;
     color: #5a5a68;
     font-weight: 500;
     padding-right: 18px;
     margin-right: 3px;
 }

 .news-block-one .inner-box .lower-content .post-info li:before {
     position: absolute;
     content: "||";
     font-size: 15px;
     font-family: 'Muli', sans-serif;
     color: #c4c4c4;
     top: -2px;
     right: 0px;
 }

 .news-block-one .inner-box .lower-content .post-info li:last-child {
     padding: 0px;
     margin: 0px;
 }

 .news-block-one .inner-box .lower-content .post-info li:last-child:before {
     display: none;
 }

 .news-block-one .inner-box .lower-content .post-info li a {
     color: #5a5a68;
 }

 .news-block-one .inner-box .lower-content .post-info li i {
     position: relative;
     font-size: 13px;
     margin-right: 8px;
 }

 .news-block-one .inner-box .lower-content .post-info li a:hover {}

 .news-block-one .inner-box .lower-content p {
     font-size: 18px;
     font-weight: 600;
     line-height: 28px;
     color: #5a5a68;
 }

 .news-block-one .inner-box .lower-content p span {}

 .news-block-one .inner-box .lower-content .upper-box {
     position: relative;
     padding-bottom: 22px;
     border-bottom: 1px solid #e3e3e3;
 }

 .news-block-one .inner-box .lower-content .lower-box {
     position: relative;
     padding: 12px 0px;
 }

 .news-block-one .inner-box .lower-content .lower-box .comment-box p a {
     position: relative;
     font-size: 15px;
     color: #5a5a68;
 }

 .news-block-one .inner-box .lower-content .lower-box .comment-box p i {
     position: relative;
     font-size: 13px;
     margin-right: 8px;
 }

 .news-block-one .inner-box .lower-content .lower-box .comment-box p a:hover {}

 .news-block-one .inner-box .lower-content .lower-box .link-box a {
     position: relative;
     display: inline-block;
     font-size: 18px;
     font-family: 'Roboto', sans-serif;
     font-weight: 700;
 }

 .news-block-one .inner-box .lower-content .lower-box .link-box a i {
     position: relative;
     font-size: 20px;
     font-weight: 700;
     color: #71717d;
     margin-left: 10px;
     top: 2px;
     transition: all 500ms ease;
 }

 .news-block-one .inner-box .lower-content .lower-box .link-box a:hover i {}

 .news-block-one .inner-box .lower-content .lower-box .link-box a span {
     position: absolute;
     right: 20px;
     top: 0px;
     min-width: 90px;
     visibility: hidden;
     opacity: 0;
     transition: all 500ms ease;
 }

 .news-block-one .inner-box .lower-content .lower-box .link-box a:hover span {
     visibility: visible;
     opacity: 1;
     right: 30px;
 }

 /** brochure-section **/

 .brochure-section {
     position: relative;
     padding: 115px 0px;
 }

 .brochure-section .pattern-layer .pattern-1 {
     position: absolute;
     left: 0px;
     top: 0px;
     right: 0px;
     width: 100%;
     height: 100%;
     background-size: cover;
     background-repeat: no-repeat;
     background-position: center;
 }

 .brochure-section .pattern-layer .pattern-2 {
     position: absolute;
     top: 0px;
     right: 0px;
     width: 695px;
     height: 100%;
     background-repeat: no-repeat;
     background-position: center;
 }

 .brochure-section .image-layer {
     position: absolute;
     right: 0px;
     bottom: -65px;
 }

 .brochure-section .image-box {
     position: relative;
     display: block;
 }

 .brochure-section .image-box img {
     width: 100%;
 }

 .brochure-section .image-box h3 {
     position: absolute;
     left: 0px;
     bottom: 0px;
     width: 100%;
     color: #fff;
     margin: 0px;
     padding: 20px 20px 23px 20px;
 }

 #content_block_two .content-box .subscribe-form .form-group {
     position: relative;
     margin-bottom: 20px;
 }

 #content_block_two .content-box .subscribe-form .form-group input[type='email'] {
     position: relative;
     width: 100%;
     height: 55px;
     background: #3c3c4d;
     border: 1px solid #3c3c4d;
     padding: 10px 80px 10px 20px;
     font-size: 16px;
     font-family: 'Muli', sans-serif;
     font-weight: 700;
     color: #b0b0bd;
 }

 #content_block_two .content-box .subscribe-form .form-group input::-webkit-input-placeholder {
     color: #b0b0bd;
 }

 #content_block_two .content-box .subscribe-form .form-group button {
     position: absolute;
     top: 15px;
     right: 20px;
     color: #fff;
     font-size: 20px;
     cursor: pointer;
     background: transparent;
     transition: all 500ms ease;
 }

 #content_block_two .content-box .subscribe-form .form-group input:focus+button,
 #content_block_two .content-box .subscribe-form .form-group button:hover {}

 #content_block_two .content-box .subscribe-form .form-group input:focus {}

 #content_block_two .content-box .subscribe-form .form-group button:before {
     position: absolute;
     content: '';
     background: rgba(255, 255, 255, 0.1);
     width: 1px;
     height: 25px;
     left: -22px;
     top: 0px;
 }

 #content_block_two .content-box .download-btn h5 {
     position: relative;
     display: block;
     font-size: 18px;
     line-height: 28px;
     font-weight: 700;
 }

 #content_block_two .content-box .download-btn h5 a {
     display: inline-block;
 }

 #content_block_two .content-box .download-btn h5 a i {
     margin-right: 10px;
 }

 #content_block_two .content-box .download-btn h5 a:hover {
     color: #fff;
 }

 /** clients-section **/

 .clients-section {
     position: relative;
     padding: 115px 0px;
 }

 .clients-section .clients-logo-box img {
     display: block;
     max-width: 100%;
     width: auto;
     margin: 0 auto;
     -webkit-transition: all 300ms ease;
     -moz-transition: all 300ms ease;
     -ms-transition: all 300ms ease;
     -o-transition: all 300ms ease;
     transition: all 300ms ease;
 }

 .clients-section .clients-logo-box img:hover {
     filter: grayscale(100%);
     -webkit-filter: grayscale(100%);
     -moz-filter: grayscale(100%);
     -o-filter: grayscale(100%);
     -ms-filter: grayscale(100%);
 }

 .clients-section .clients-logo-box {
     position: relative;
     display: block;
 }

 .clients-section .clients-logo-box:before {
     position: absolute;
     content: '';
     background: #f3f3f3;
     width: 1px;
     height: 95px;
     top: 20px;
     right: -15px;
 }

 .clients-section .owl-theme .owl-dots .owl-dot span {
     position: relative;
     display: inline-block;
     width: 14px;
     height: 14px;
     background: #d9d9e1;
     border-radius: 50%;
     margin: 0px 7px;
     cursor: pointer;
     transition: all 500ms ease;
 }

 .clients-section .owl-theme .owl-dots .owl-dot.active span,
 .clients-section .owl-theme .owl-dots .owl-dot span:hover {}

 /** google-map-section **/

 .google-map-section {
     position: relative;
 }

 .google-map-section .google-map-area #contact-google-map {
     position: relative;
     display: block;
     width: 100%;
     height: 470px;
 }

 /** main-footer **/

 .main-footer {
     position: relative;
 }

 .main-footer.style-one .footer-top {
     position: relative;
     padding-top: 90px;
 }

 .main-footer.style-one .footer-top:before {
     position: absolute;
     content: '';
     background: #13131c;
     width: 30%;
     height: 100%;
     left: 0px;
     top: 0px;
 }

 .main-footer.style-one .footer-top .logo-widget {
     position: relative;
     display: block;
     overflow: hidden;
     background: #272734;
     margin-right: 20px;
     padding: 0px 30px 100px 30px;
 }

 .main-footer.style-one .footer-top .logo-widget .footer-logo {
     position: relative;
     left: 0px;
     width: 200px;
     /* height: 200px;
     line-height: 200px; */
     margin: 5px auto 20px auto;
     text-align: center;
     padding: 5px;
     z-index: 1;
 }

 /* .main-footer.style-one .footer-top .logo-widget .footer-logo:before {
     position: absolute;
     content: '';
     width: 200px;
     height: 200px;
     left: 0px;
     top: 0px;
     z-index: -1;
     transform: rotate(45deg);
 } */

 .main-footer.style-one .footer-top .logo-widget .footer-logo .logo {
     position: relative;
     display: inline-block;
     padding-top: 18px;
     z-index: 1;
 }

 /* .main-footer.style-one .footer-top .logo-widget .footer-logo:after {
     position: absolute;
     content: '';
     border: 1px dashed #fff;
     width: calc(200px - 10px);
     height: calc(200px - 10px);
     left: 5px;
     top: 5px;
     transform: rotate(45deg);
 } */

 .footer-top .logo-widget .text {
     position: relative;
     margin-bottom: 25px;
 }

 .footer-top .logo-widget .text p {
     font-size: 18px;
     line-height: 28px;
     font-weight: 700;
     color: rgba(255, 255, 255, 0.6);
     margin-bottom: 0px;
 }

 .footer-top .logo-widget .subscribe-box h4 {
     position: relative;
     display: block;
     font-size: 20px;
     line-height: 30px;
     font-weight: 700;
     color: #fff;
     margin-bottom: 13px;
 }

 .footer-top .logo-widget .subscribe-box .subscribe-form .form-group {
     position: relative;
     margin: 0px;
 }

 .footer-top .logo-widget .subscribe-box .subscribe-form .form-group input[type='email'] {
     position: relative;
     width: 100%;
     height: 52px;
     background: #414153;
     color: #b0b0bd;
     border: 1px solid #414153;
     padding: 10px 70px 10px 20px;
     transition: all 500ms ease;
 }

 .footer-top .logo-widget .subscribe-box .subscribe-form .form-group input::-webkit-input-placeholder {
     color: #b0b0bd;
 }

 .footer-top .logo-widget .subscribe-box .subscribe-form .form-group button {
     position: absolute;
     top: 0px;
     right: 0px;
     width: 52px;
     height: 52px;
     line-height: 52px;
     text-align: center;
     color: #fff;
     font-size: 20px;
     cursor: pointer;
     transition: all 500ms ease;
 }

 .footer-top .logo-widget .subscribe-box .subscribe-form .form-group input:focus {}

 .main-footer .widget-section {
     position: relative;
 }

 .main-footer .widget-section .pattern-scale {
     position: absolute;
     top: 0px;
     right: 0px;
     width: 760px;
     height: 35px;
     background-repeat: repeat-x;
     animation: slide-2 60s linear infinite;
     -webkit-animation: slide-2 60s linear infinite;
 }

 .main-footer.style-one .widget-section .links-widget {
     position: relative;
     padding: 70px 0px 93px 0px;
 }

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

 .main-footer .footer-widget .widget-title h3 {
     position: relative;
     font-size: 24px;
     font-weight: 500;
     color: #fff;
 }

 .main-footer .footer-widget .widget-title .pattern-layer {
     position: absolute;
     left: 0px;
     bottom: 0px;
     width: 62px;
     height: 9px;
     background-repeat: no-repeat;
 }

 .main-footer.style-one .links-widget .widget-content .list {
     position: relative;
     display: block;
     width: 50%;
     float: left;
 }

 .main-footer.style-one .links-widget .widget-content .list li {
     position: relative;
     display: block;
     margin-bottom: 13px;
 }

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

 .main-footer.style-one .links-widget .widget-content .list li a {
     position: relative;
     display: inline-block;
     font-size: 17px;
     line-height: 28px;
     font-family: 'Muli', sans-serif;
     font-weight: 500;
     color: rgba(255, 255, 255, 0.6);
     padding-left: 28px;
 }

 .main-footer.style-one .links-widget .widget-content .list li a:before {
     position: absolute;
     content: "\f105";
     font-size: 18px;
     font-family: 'Font Awesome 5 Free';
     font-weight: 700;
     color: rgba(255, 255, 255, 0.6);
     left: 0px;
     top: 0px;
     transition: all 500ms ease;
 }

 .main-footer.style-one .links-widget .widget-content .list li a:hover {
     color: #fff;
 }

 .main-footer.style-one .links-widget .widget-content .list li a:hover:before {
     color: #fff;
 }

 .main-footer.style-one .widget-section .post-widget {
     position: relative;
     padding: 70px 0px 98px 0px;
 }

 .main-footer.style-one .widget-section .post-widget .post-inner {
     position: relative;
     margin-bottom: 17px;
 }

 .main-footer.style-one .widget-section .post-widget .widget-content .link h5 {
     position: relative;
     display: block;
     font-size: 18px;
     font-weight: 700;
 }

 .main-footer.style-one .widget-section .post-widget .widget-content .link h5 a {
     display: inline-block;
 }

 .main-footer.style-one .widget-section .post-widget .widget-content .link h5 a i {
     position: relative;
     font-size: 20px;
     margin-left: 10px;
     top: 2px;
 }

 .main-footer.style-one .widget-section .post-widget .widget-content .link h5 a:hover {
     color: #fff;
 }

 .main-footer.style-one .widget-section .post-widget .post-inner .post {
     position: relative;
     display: block;
     padding-left: 110px;
     margin-bottom: 34px;
     min-height: 80px;
 }

 .main-footer.style-one .widget-section .post-widget .post-inner .post:last-child {
     margin-bottom: 0px;
 }

 .main-footer.style-one .widget-section .post-widget .post-inner .post .image-box {
     position: absolute;
     left: 0px;
     top: 6px;
     width: 80px;
     height: 80px;
     overflow: hidden;
 }

 .main-footer.style-one .widget-section .post-widget .post-inner .post .image-box img {
     width: 100%;
     transition: all 500ms ease;
     height: 100%;
    object-fit: cover;
 }

 .main-footer.style-one .widget-section .post-widget .post-inner .post:hover .image-box img {
     opacity: 0.2;
 }

 .main-footer.style-one .widget-section .post-widget .post-inner .post h4 {
     display: block;
     font-size: 20px;
     line-height: 30px;
     font-weight: 500;
     color: #fff;
     margin-bottom: 9px;
 }

 .main-footer.style-one .widget-section .post-widget .post-inner .post h4 a {
     display: inline-block;
     color: #fff;
 }

 .main-footer.style-one .widget-section .post-widget .post-inner .post h4 a:hover {}

 .main-footer.style-one .widget-section .post-widget .post-inner .post .post-date {
     position: relative;
     display: block;
     font-size: 16px;
     font-family: 'Muli', sans-serif;
     font-weight: 500;
     color: rgba(255, 255, 255, 0.6);
     padding-left: 50px;
 }

 .main-footer.style-one .widget-section .post-widget .post-inner .post .post-date:before {
     position: absolute;
     content: '';
     width: 40px;
     height: 1px;
     left: 0px;
     top: 15px;
 }

 .main-footer.style-one .widget-section .post-widget .post-inner .post .post-date i {
     font-size: 13px;
     margin-right: 8px;
 }

 .main-footer.style-one .footer-top .image-layer {
     position: absolute;
     left: 0px;
     bottom: 1px;
 }

 .main-footer.style-one .footer-bottom {
     position: relative;
     display: block;
     background: #13131c;
     padding: 17px 0px;
 }

 .main-footer.style-one .footer-bottom .copyright {
     position: relative;
     margin-top: 8px;
 }

 .main-footer.style-one .footer-bottom .copyright p {
     position: relative;
     font-size: 17px;
     color: #b0b0bd;
     font-weight: 500;
 }

 .main-footer.style-one .footer-bottom .copyright p a {
     color: #b0b0bd;
 }

 .main-footer.style-one .footer-bottom .copyright p a:hover {}

 .main-footer.style-one .footer-bottom .social-links li {
     position: relative;
     display: inline-block;
     margin-right: 5px;
 }

 .main-footer.style-one .footer-bottom .social-links li:last-child {
     margin-right: 0px;
 }

 .main-footer.style-one .footer-bottom .social-links li a {
     position: relative;
     display: inline-block;
     font-size: 14px;
     color: #fff;
     background: #2f2f3e;
     width: 44px;
     height: 44px;
     line-height: 44px;
     text-align: center;
     border-radius: 50%;
     z-index: 1;
 }

 .main-footer.style-one .footer-bottom .social-links li a:before {
     position: absolute;
     content: '';
     width: 100%;
     height: 100%;
     left: 0px;
     top: 0px;
     right: 0px;
     border-radius: 50%;
     transform: scale(0, 0);
     z-index: -1;
     transition: all 500ms ease;
 }

 .main-footer.style-one .footer-bottom .social-links li a:hover:before {
     transform: scale(1, 1);
 }

 /*** 

====================================================================
                        Home-Page-Two
====================================================================

***/

 /** header-style-two **/

 .main-header.style-two {
     position: relative;
     display: block;
     background: transparent;
 }

 .main-header.style-two .header-top {
     position: relative;
     display: block;
     background: #1e1e2a;
     padding: 12.5px 0px;
 }

 .main-header.style-two .header-top .top-left .info-column li {
     position: relative;
     display: inline-block;
     font-size: 17px;
     font-weight: 500;
     color: #a6a6b3;
     margin-right: 25px;
 }

 .main-header.style-two .header-top .top-left .info-column li:last-child {
     margin-right: 0px;
 }

 .main-header.style-two .header-top .top-left .info-column li a {
     color: #a6a6b3;
 }

 .main-header.style-two .header-top .top-left .info-column li a:hover {}

 .main-header.style-two .header-top .top-left .info-column li i {
     position: relative;
     font-size: 18px;
     margin-right: 8px;
     font-weight: 700;
     color: transparent;
     -webkit-background-clip: text;
     -webkit-text-fill-color: transparent;
 }

 .main-header.style-two .header-top .top-right .header-nav li {
     position: relative;
     display: inline-block;
     font-size: 17px;
     font-weight: 500;
     color: #a6a6b3;
     margin: 0px 16px;
 }

 .main-header.style-two .header-top .top-right .header-nav li:before {
     position: absolute;
     content: '';
     background: rgba(255, 255, 255, 0.2);
     width: 1px;
     height: 20px;
     top: 3px;
     right: -17px;
 }

 .main-header.style-two .header-top .top-right .header-nav li a {
     color: #a6a6b3;
 }

 .main-header.style-two .header-top .top-right .header-nav li a:hover {}

 .main-header.style-two .header-top .top-right .header-nav li .search-btn button {
     position: relative;
     display: inline-block;
     font-size: 17px;
     font-weight: 500;
     color: #a6a6b3;
     background: transparent;
     cursor: pointer;
     transition: all 500ms ease;
 }

 .main-header.style-two .header-top .top-right .header-nav li .search-btn button:hover {}

 .main-header.style-two .header-top .top-right .header-nav li .search-btn button i {
     font-size: 15px;
     margin-right: 8px;
 }

 .main-header.style-two .header-top .top-right .social-links li {
     position: relative;
     display: inline-block;
     margin-right: 15px;
 }

 .main-header.style-two .header-top .top-right .social-links li:last-child {
     margin-right: 0px;
 }

 .main-header.style-two .header-top .top-right .social-links li a {
     position: relative;
     display: inline-block;
     font-size: 14px;
     color: #a6a6b3;
 }

 .main-header.style-two .header-top .top-right .social-links li a:hover {}

 .main-header.style-two .header-top .top-right .header-nav {
     position: relative;
     margin-right: 25px;
 }

 .main-header.style-two .header-upper {
     position: relative;
     display: block;
     background: #f6f6f6;
 }

 .main-header.style-two .header-upper .upper-inner .logo-box .logo {
     position: relative;
     display: inline-block;
     background: #fff;
     text-align: center;
     padding: 27.5px 40px;
 }

 .main-header.style-two .header-upper .upper-inner .info-box li {
     position: relative;
     display: inline-block;
     float: left;
 }

 .main-header.style-two .header-upper .upper-inner .info-box li.btn-box {
     padding: 32.5px 0px;
 }

 .main-header.style-two .header-upper .upper-inner .info-box li.btn-box .theme-btn {
     padding: 11.5px 33px;
 }

 .main-header.style-two .header-upper .upper-inner .info-box .single-info {
     padding: 32px 60px 36px 55px;
     margin-right: 40px;
 }

 .main-header.style-two .header-upper .upper-inner .info-box .single-info:before {
     position: absolute;
     content: '';
     background: #d8d8d8;
     height: 55px;
     width: 1px;
     top: 33px;
     right: 0px;
 }

 .main-header.style-two .header-upper .upper-inner .info-box .single-info:nth-child(2) {
     margin-right: 0px;
 }

 .main-header.style-two .header-upper .upper-inner .info-box .single-info:nth-child(2):before {
     display: none;
 }

 .main-header.style-two .header-upper .upper-inner .info-box .single-info i {
     position: absolute;
     left: 0px;
     top: 38px;
     font-size: 40px;
     line-height: 40px;
     color: transparent;
     -webkit-background-clip: text;
     -webkit-text-fill-color: transparent;
 }

 .main-header.style-two .header-upper .upper-inner .info-box .single-info h5 {
     position: relative;
     display: block;
     font-size: 18px;
     line-height: 26px;
     font-family: 'Muli', sans-serif;
     font-weight: 600;
     color: #1e1e2a;
     margin: 0px;
 }

 .main-header.style-two .header-upper .upper-inner .info-box .single-info h5 a {
     display: inline-block;
     color: #1e1e2a;
 }

 .main-header.style-two .header-upper .upper-inner .info-box .single-info h5 a:hover {}

 .main-header.style-two .header-upper .upper-inner .info-box .single-info p {
     position: relative;
     font-size: 16px;
     font-weight: 600;
     color: #5a5a68;
     line-height: 26px;
     margin: 0px;
 }

 .main-header.style-two .header-lower .outer-box {
     position: relative;
     display: block;
     background: transparent;
 }

 .main-header.style-two .header-lower .outer-box .menu-area {
     position: absolute;
     left: 0px;
     top: 0px;
     right: 0px;
     width: 100%;
     background: #fff;
     padding-left: 40px;
 }

 .main-header.style-two .main-menu .navigation>li {
     padding: 23px 0px 22px 0px;
 }

 .main-header.style-two .menu-right-content {
     margin: 0;
 }

 .main-header.style-two .menu-right-content .nav-box .nav-btn {
     background: #1e1e2a;
     height: 75px;
     width: 75px;
     line-height: 75px;
 }

 .main-header.style-two .menu-right-content .nav-box .nav-btn i {
     color: transparent;
     -webkit-background-clip: text;
     -webkit-text-fill-color: transparent;
 }

 .main-header.style-two .menu-right-content .cart-box {
     margin: 23px 52px 0px 0px;
 }

 /** banner-style-two **/

 .banner-section.style-two {
     position: relative;
 }

 .banner-carousel .slide-item.bg-none:before {
     display: none;
 }

 .banner-carousel .slide-item.bg-left:before {
     right: inherit;
     left: 0px;
     background: -webkit-linear-gradient(0deg, rgba(53, 6, 3, 0.9), rgba(53, 6, 3, 0.0) 100%);
 }

 .banner-carousel .content-box.dark h1 {
     color: #1e1e2a;
 }

 .banner-carousel .content-box.dark p {
     color: #9494a3;
     font-size: 18px;
     margin-bottom: 32px;
     font-weight: 700;
 }

 .banner-carousel .content-box h2 {
     position: relative;
     display: block;
     font-size: 40px;
     line-height: 50px;
     font-weight: 500;
     color: #fff;
     margin-bottom: 22px;
     opacity: 0;
     -webkit-transform: translateY(100px);
     -moz-transform: translateY(100px);
     -ms-transform: translateY(100px);
     -o-transform: translateY(100px);
     transform: translateY(100px);
     -webkit-transition: all 1150ms ease;
     -moz-transition: all 1150ms ease;
     -ms-transition: all 1150ms ease;
     -o-transition: all 1150ms ease;
     transition: all 1150ms ease;
 }

 .banner-section.style-two .banner-carousel .content-box h1 {
     font-size: 100px;
     line-height: 100px;
     font-weight: 900;
     text-transform: uppercase;
     margin-bottom: 17px;
 }

 .banner-carousel .active .content-box h2 {
     opacity: 1;
     -webkit-transform: translateY(0);
     -moz-transform: translateY(0);
     -ms-transform: translateY(0);
     -o-transform: translateY(0);
     transform: translateY(0);
     -webkit-transition-delay: 1150ms;
     -moz-transition-delay: 1150ms;
     -ms-transition-delay: 1150ms;
     -o-transition-delay: 1150ms;
     transition-delay: 1150ms;
 }

 .banner-section.style-two .banner-carousel .content-box .lower-box {
     position: relative;
     padding-left: 30px;
 }

 .banner-section.style-two .banner-carousel .content-box .btn-box .theme-btn {
     padding: 14px 22px;
 }

 .banner-section.style-two .banner-carousel .slide-item {
     padding: 230px 0px 220px 0px;
 }

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

 /** feature-section **/

 .feature-section {
     position: relative;
 }

 .feature-section .outer-container {
     position: relative;
     display: block;
     max-width: 1800px;
     width: 100%;
     margin: 0 auto;
 }

 .feature-section .feature-block-one {
     position: relative;
     display: block;
     float: left;
     width: 33.333%;
 }

 .feature-section .feature-block-one .inner-box {
     position: relative;
     display: block;
     background: #fff;
     max-width: 560px;
     width: 100%;
     z-index: 1;
     box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
 }

 .feature-section .feature-block-one .inner-box .box .light-icon {
     position: absolute;
     right: -10px;
     bottom: -10px;
     font-size: 120px;
     line-height: 120px;
 }

 .feature-section .feature-block-one .inner-box .icon-box {
     position: absolute;
     left: 0px;
     top: -40px;
     width: 170px;
     height: calc(100% + 40px);
     text-align: center;
     background: #f6f6f6;
     padding: 52px 15px 30px 15px;
     z-index: 1;
 }

 .feature-section .feature-block-one .inner-box .icon-box:before {
     position: absolute;
     content: '';
     background: #e2e0e0;
     width: 40px;
     height: 40px;
     top: 0px;
     right: -39px;
     clip-path: polygon(0% 0%, 0% 0%, 100% 100%, 0% 100%, 0% 0%);
     transition: all 500ms ease;
 }

 .feature-section .feature-block-one .inner-box:hover .icon-box:before {
     background: #3a3a46;
 }

 .feature-section .feature-block-one .inner-box .icon-box:after {
     position: absolute;
     content: '';
     background: #282833;
     width: 100%;
     height: 0%;
     left: 0px;
     right: 0px;
     bottom: 0px;
     z-index: -1;
     transition: all 300ms ease;
 }

 .feature-section .feature-block-one .inner-box:hover .icon-box:after {
     height: 100%;
     top: 0px;
 }

 .feature-section .feature-block-one .inner-box .icon-box i {
     position: relative;
     display: inline-block;
     font-size: 65px;
     line-height: 65px;
     margin-bottom: 15px;
     color: transparent;
     -webkit-background-clip: text;
     -webkit-text-fill-color: transparent;
 }

 .feature-section .feature-block-one .inner-box .icon-box h3 {
     margin: 0px;
     transition: all 500ms ease;
 }

 .feature-section .feature-block-one .inner-box:hover .icon-box h3 {
     color: #fff;
 }

 .feature-section .feature-block-one .inner-box .box {
     position: relative;
     overflow: hidden;
     padding: 33px 30px 34px 200px;
     min-height: 165px;
 }

 .feature-section .feature-block-one .inner-box .box:before {
     position: absolute;
     content: '';
     background: #1e1e2a;
     width: 100%;
     height: 0%;
     left: 0px;
     right: 0px;
     bottom: 0px;
     transition: all 500ms ease;
 }

 .feature-section .feature-block-one .inner-box:hover .box:before {
     top: 0px;
     height: 100%;
 }

 .feature-section .feature-block-one .inner-box .box p {
     font-size: 18px;
     line-height: 28px;
     font-weight: 600;
     color: #5a5a68;
     margin-bottom: 13px;
     transition: all 500ms ease;
 }

 .feature-section .feature-block-one .inner-box .box p {
     color: #a6a6b3;
 }

 .feature-section .feature-block-one .inner-box .box a {
     position: relative;
     font-size: 18px;
     line-height: 28px;
     font-family: 'Roboto', sans-serif;
     color: #1e1e2a;
     font-weight: 700;
 }

 .feature-section .feature-block-one .inner-box .box a:hover {}

 .feature-section .feature-block-one .inner-box:hover .box a {
     color: #fff;
 }

 .feature-section .feature-block-one .inner-box .box a i {
     position: relative;
     margin-left: 10px;
     font-size: 20px;
     top: 2px;
 }

 .feature-section .feature-block-one .inner-box .box a:hover {}

 /** about-style-two **/

 .about-style-two {
     position: relative;
     padding: 100px 0px 120px 0px;
 }

 .about-style-two .upper-content {
     position: relative;
     margin-bottom: 100px;
 }

 #content_block_three .content-box .award-box li {
     position: relative;
     display: inline-block;
     float: left;
     width: 33.333%;
 }

 #content_block_three .content-box .sec-title {
     margin-bottom: 39px;
 }

 #content_block_four .content-box .text {
     position: relative;
     margin-bottom: 32px;
 }

 #content_block_four .content-box .text p {
     margin-bottom: 15px;
 }

 #content_block_four .content-box .text p:last-child {
     margin-bottom: 0px;
 }

 #content_block_four .content-box .author-box {
     position: relative;
     margin-bottom: 32px;
 }

 #content_block_four .content-box .author-box .author-info {
     position: relative;
     display: inline-block;
     padding: 13px 0px 0px 110px;
     float: left;
     padding-right: 30px;
     min-height: 80px;
 }

 #content_block_four .content-box .author-box .author-info:before {
     position: absolute;
     content: '';
     background: #e3e3e3;
     width: 1px;
     height: 100%;
     top: 0px;
     right: 0px;
 }

 #content_block_four .content-box .author-box .author-info .image-box {
     position: absolute;
     left: 0px;
     top: 0px;
     width: 80px;
     height: 80px;
     border-radius: 50%;
 }

 #content_block_four .content-box .author-box .author-info .image-box img {
     width: 100%;
     border-radius: 50%;
 }

 #content_block_four .content-box .author-box .author-info h3 {
     margin-bottom: 0px;
 }

 #content_block_four .content-box .author-box .author-info .designation {
     position: relative;
     display: block;
     font-size: 18px;
     font-weight: 700;
     color: #5a5a68;
     margin: 0px;
 }

 #content_block_four .content-box .author-box .author-signatur {
     position: relative;
     display: inline-block;
     float: left;
     padding-left: 30px;
 }

 #content_block_four .content-box .support-box h4 {
     position: relative;
     display: block;
     font-size: 20px;
     line-height: 30px;
     color: #1e1e2a;
     font-family: 'Muli', sans-serif;
     font-weight: 700;
     margin-bottom: 2px;
 }

 #content_block_four .content-box .support-box p {
     position: relative;
     display: block;
     font-size: 20px;
     line-height: 30px;
     font-family: 'Muli', sans-serif;
     font-weight: 700;
     margin-bottom: 5px;
 }

 #content_block_four .content-box .support-box p a {
     display: inline-block;
 }

 #content_block_four .content-box .support-box p a:hover {
     text-decoration: underline;
 }

 .about-style-two .lower-content .single-item {
     padding: 10px 10px;
     overflow: hidden;
     margin: -10px -10px;
 }

 .about-style-two .lower-content .single-item .inner-box {
     position: relative;
     display: block;
     background: transparent;
     border: 2px solid #e2e2e2;
     text-align: center;
     padding: 45px 15px 40px 15px;
 }

 .about-style-two .lower-content .single-item .inner-box .content-box .icon-box {
     position: relative;
     display: inline-block;
     font-size: 100px;
     line-height: 100px;
     margin-bottom: 50px;
     color: transparent;
     -webkit-background-clip: text;
     -webkit-text-fill-color: transparent;
 }

 .about-style-two .lower-content .single-item .inner-box .content-box .icon-box .line {
     position: absolute;
     left: 50%;
     bottom: -35px;
     width: 62px;
     height: 9px;
     transform: translateX(-50%);
     background-repeat: no-repeat;
 }

 .about-style-two .lower-content .single-item .inner-box .content-box h3 {
     margin: 0px;
 }

 .about-style-two .lower-content .single-item .inner-box .overlay-box {
     position: absolute;
     left: -10px;
     top: 20px;
     width: calc(100% + 20px);
     z-index: 1;
     opacity: 0;
     padding: 28.5px 15px;
     min-height: 290px;
     transition: all 500ms ease;
 }

 .about-style-two .lower-content .single-item .inner-box:hover .overlay-box {
     opacity: 1;
     top: -10px;
 }

 .about-style-two .lower-content .single-item .inner-box .overlay-box .icon-box {
     position: relative;
     display: inline-block;
     font-size: 60px;
     line-height: 60px;
     color: #fff;
     margin-bottom: 42px;
 }

 .about-style-two .lower-content .single-item .inner-box .overlay-box .icon-box .line {
     position: absolute;
     left: 50%;
     bottom: -30px;
     width: 62px;
     height: 9px;
     transform: translateX(-50%);
     background-repeat: no-repeat;
 }

 .about-style-two .lower-content .single-item .inner-box .overlay-box p {
     font-size: 18px;
     font-weight: 700;
     color: #fff;
     line-height: 28px;
     margin-bottom: 17px;
 }

 .about-style-two .lower-content .single-item .inner-box .overlay-box h3 {
     color: #fff;
     margin: 0px;
 }

 .about-style-two .lower-content .single-item .inner-box .overlay-box h3 a {
     color: #fff;
 }

 /** service-style-two **/

 .service-style-two {
     position: relative;
     padding: 115px 0px 120px 0px;
 }

 .service-style-two .sec-title {
     margin-bottom: 50px;
 }

 .service-style-two .service-block-one .inner-box {
     border: 1px solid #e3e3e3;
 }

 .service-style-two .service-block-one .inner-box .lower-content .icon-box {
     background: #fff;
     box-shadow: 0 10px 20px rgba(0, 0, 0, 0.05);
 }

 .service-style-two .service-block-one .inner-box .lower-content h3 a {
     color: #1e1e2a;
 }

 .service-style-two .service-block-one .inner-box .lower-content h3 a:hover {}

 .service-style-two .service-block-one .inner-box .lower-content p {
     color: #5a5a68;
 }

 .service-style-two .service-block-one .inner-box .lower-content .link a {
     color: #1e1e2a;
 }

 .service-style-two .service-block-one .inner-box:hover .lower-content .link a {
     color: #fff;
 }

 .service-style-two .service-block-one .inner-box .lower-content .link:before {
     height: 1px;
     background: #e3e3e3;
 }

 /** chooseus-style-two **/

 .chooseus-style-two {
     position: relative;
     width: 100%;
     background-size: cover;
     background-repeat: no-repeat;
     background-position: center;
     background-attachment: fixed;
 }

 .chooseus-style-two:before {
     position: absolute;
     content: '';
     background: #030306;
     width: 100%;
     height: 100%;
     left: 0px;
     top: 0px;
     right: 0px;
     opacity: 0.1;
 }

 #content_block_five .content-box .video-btn a {
     position: relative;
     display: inline-block;
     font-size: 22px;
     line-height: 30px;
     font-family: 'Roboto', sans-serif;
     font-weight: 500;
     color: #fff;
     padding-left: 90px;
     padding-top: 5px;
 }

 #content_block_five .content-box .video-btn a:hover {}

 #content_block_five .content-box .video-btn a i {
     position: absolute;
     left: 0px;
     top: 0px;
     font-size: 70px;
     line-height: 70px;
     color: transparent;
     -webkit-background-clip: text;
     -webkit-text-fill-color: transparent;
 }

 #content_block_five .content-box .sec-title {
     margin-bottom: 39px;
 }

 #content_block_six .content-box {
     position: relative;
     display: block;
     margin-left: 100px;
 }

 #content_block_six .content-box .single-item {
     position: relative;
     display: inline-block;
     width: 50%;
     float: left;
 }

 #content_block_six .content-box .single-item .inner-box {
     position: relative;
     display: block;
     overflow: hidden;
     text-align: center;
 }

 #content_block_six .content-box .single-item .inner-box .box {
     position: relative;
     display: block;
     background: #2b2a37;
     padding: 40px 15px 38px 15px;
 }

 #content_block_six .content-box .single-item:nth-child(2) .inner-box .box,
 #content_block_six .content-box .single-item:nth-child(3) .inner-box .box,
 #content_block_six .content-box .single-item:last-child .inner-box .box {
     background: #393847;
 }

 #content_block_six .content-box .single-item .inner-box .box .icon-box {
     position: relative;
     display: inline-block;
     font-size: 56px;
     line-height: 56px;
     color: #fff;
     margin-bottom: 17px;
 }

 #content_block_six .content-box .single-item .inner-box .box h4 {
     position: relative;
     display: block;
     font-size: 20px;
     font-weight: 500;
     color: #fff;
     margin: 0px;
 }

 #content_block_six .content-box .single-item .inner-box .overlay-box {
     position: absolute;
     display: block;
     background: #2b2a37;
     padding: 2px;
     z-index: 1;
     left: 0px;
     top: 20px;
     right: 0px;
     opacity: 0;
     transition: all 500ms ease;
 }

 #content_block_six .content-box .single-item .inner-box:hover .overlay-box {
     opacity: 1;
     top: 0px;
 }

 #content_block_six .content-box .single-item .inner-box .overlay-box:before {
     position: absolute;
     content: '';
     width: 100%;
     height: 100%;
     left: 0px;
     top: 0px;
     right: 0px;
     z-index: -1;
 }

 #content_block_six .content-box .single-item .inner-box .overlay-box .overlay-inner {
     position: relative;
     background: #2b2a37;
     padding: 28px 15px 21px 15px;
 }

 #content_block_six .content-box .single-item:nth-child(2) .inner-box .overlay-box .overlay-inner,
 #content_block_six .content-box .single-item:nth-child(3) .inner-box .overlay-box .overlay-inner,
 #content_block_six .content-box .single-item:last-child .inner-box .overlay-box .overlay-inner {
     background: #393847;
 }

 #content_block_six .content-box .single-item .inner-box .overlay-box .overlay-inner .icon-box {
     position: relative;
     display: inline-block;
     font-size: 56px;
     line-height: 56px;
     margin-bottom: 14px;
     color: transparent;
     -webkit-background-clip: text;
     -webkit-text-fill-color: transparent;
 }

 #content_block_six .content-box .single-item .inner-box .overlay-box .overlay-inner p {
     font-size: 18px;
     font-weight: 700;
     line-height: 26px;
     color: #a6a6b3;
     margin: 0px;
 }

 /** team-style-two **/

 .team-style-two {
     position: relative;
     overflow: hidden;
     padding: 115px 0px 120px 0px;
 }

 .team-style-two .pattern-layer {
     position: absolute;
     right: 0px;
     top: 100px;
     width: 610px;
     height: 530px;
     background-repeat: no-repeat;
 }

 .team-style-two .image-layer .image {
     position: absolute;
     bottom: 0px;
 }

 .team-style-two .image-layer .image-1 {
     right: 410px;
 }

 .team-style-two .image-layer .image-2 {
     right: 0px;
 }

 .team-block-two .inner-box {
     position: relative;
     display: block;
     border: 1px solid #e3e3e3;
     background: #fff;
     padding-top: 27px;
     transition: all 500ms ease;
 }

 .team-block-two .inner-box:hover {
     border-color: #fff;
     box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);
 }

 .team-block-two .inner-box .upper-box {
     position: relative;
     display: block;
     padding-left: 30px;
     margin-bottom: 22px;
 }

 .team-block-two .inner-box .upper-box:before {
     position: absolute;
     content: '';
     width: 7px;
     height: 100%;
     left: 0px;
     top: 0px;
 }

 .team-block-two .inner-box .upper-box .designation {
     position: relative;
     display: block;
     font-size: 18px;
     line-height: 18px;
     color: #5a5a68;
     font-weight: 700;
     margin-bottom: 7px;
 }

 .team-block-two .inner-box .upper-box h3 {
     margin: 0px;
 }

 .team-block-two .inner-box .image-box {
     position: relative;
     display: block;
     width: 100px;
     height: 100px;
     border-radius: 50%;
     margin: 0 auto;
     margin-bottom: 30px;
 }

 .team-block-two .inner-box .image-box img {
     width: 100%;
     border-radius: 50%;
 }

 .team-block-two .inner-box .lower-box {
     position: relative;
     display: block;
     border-top: 1px solid #e3e3e3;
 }

 .team-block-two .inner-box .lower-box .list-item li {
     position: relative;
     display: inline-block;
     float: left;
     width: 50%;
     text-align: center;
     font-size: 17px;
     color: #5a5a68;
 }

 .team-block-two .inner-box .lower-box .list-item li a {
     padding: 12px 10px;
 }

 .team-block-two .inner-box .lower-box .list-item li a {
     position: relative;
     display: inline-block;
     color: #5a5a68;
 }

 .team-block-two .inner-box .lower-box .list-item li a:hover {}

 .team-block-two .inner-box .lower-box .list-item li a i {
     position: relative;
     margin-right: 10px;
     color: #a6a6af;
     font-size: 16px;
     transition: all 500ms ease;
 }

 .team-block-two .inner-box .lower-box .list-item li a:hover i {}

 .team-block-two .inner-box .lower-box .list-item li.share .social-links {
     position: absolute;
     left: 50%;
     transform: translateX(-50%);
     top: -23px;
     width: 120px;
     height: 40px;
     border: 1px solid #e3e3e3;
     background: #fff;
     text-align: center;
     box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
     z-index: 1;
     opacity: 0;
     visibility: hidden;
     transition: all 500ms ease;
 }

 .team-block-two .inner-box .lower-box .list-item li.share:hover .social-links {
     top: -33px;
     visibility: visible;
     opacity: 1;
 }

 .team-block-two .inner-box .lower-box .list-item li.share .social-links:before {
     position: absolute;
     content: '';
     background: #fff;
     width: 10px;
     height: 10px;
     left: 53px;
     bottom: -4px;
     z-index: -1;
     transform: rotate(45deg);
     box-shadow: 1px 1px #e3e3e3;
 }

 .team-block-two .inner-box .lower-box .list-item li.share .social-links li {
     position: relative;
     display: inline-block;
     width: 33.333%;
     line-height: 40px;
     padding: 0px;
     border-right: 1px solid #e3e3e3;
     text-align: center;
     float: left;
 }

 .team-block-two .inner-box .lower-box .list-item li.share .social-links li a {
     padding: 0px;
 }

 .team-block-two .inner-box .lower-box .list-item li.share .social-links li a i {
     margin: 0px;
 }

 .team-block-two .inner-box .lower-box .list-item li.share .social-links li:last-child {
     border-right: none;
 }

 .team-block-two .inner-box .lower-box .list-item li.mail-box {
     border-right: 1px solid #e3e3e3;
 }

 .team-style-two .more-text {
     position: relative;
     display: block;
     margin-top: 43px;
 }

 .team-style-two .more-text p {
     font-size: 18px;
     font-weight: 500;
     color: #5a5a68;
     margin: 0px;
 }

 .team-style-two .more-text p a {
     display: inline-block;
     line-height: 22px;
 }

 .team-style-two .more-text p a i {
     position: relative;
     font-size: 18px;
     margin-left: 10px;
     top: 2px;
 }

 .team-style-two .more-text p a:hover {
     color: #5a5a68;
     border-color: #5a5a68;
 }

 .team-style-two .sec-title {
     margin-bottom: 50px;
 }

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

 /** project-style-two **/

 .project-style-two {
     position: relative;
 }

 .project-block-two .inner-box {
     position: relative;
     display: block;
     overflow: hidden;
 }

 .project-block-two .inner-box .image-box {
     position: relative;
     display: block;
     overflow: hidden;
     background: #1e1e2a;
 }

 .project-block-two .inner-box .image-box img {
     width: 100%;
     transition: all 500ms ease;
 }

 .project-block-two .inner-box:hover .image-box img {
     opacity: 0.1;
 }

 .project-block-two .inner-box .content-box {
     position: absolute;
     left: 50%;
     top: 50%;
     transform: translate(-50%, -50%);
     width: 100%;
     padding: 15px 30px;
     text-align: center;
 }

 .project-block-two .inner-box .content-box p {
     font-size: 18px;
     font-weight: 600;
     color: #fff;
     margin-bottom: 6px;
     transform: translateY(-15px);
     opacity: 0;
     transition: all 500ms ease;
 }

 .project-block-two .inner-box .content-box h3 {
     font-size: 30px;
     line-height: 38px;
     color: #fff;
     opacity: 0;
     transform: translateY(15px);
     transition: all 500ms ease;
 }

 .project-block-two .inner-box:hover .content-box p,
 .project-block-two .inner-box:hover .content-box h3 {
     opacity: 1;
     transform: translateY(0px);
 }

 .project-block-two .inner-box .content-box h3 a {
     color: #fff;
 }

 .project-block-two .inner-box .content-box h3 a:hover {}

 .project-block-two .inner-box .link-box {
     position: absolute;
     right: 27px;
     bottom: 30px;
 }

 .project-block-two .inner-box .link-box li {
     position: relative;
     display: inline-block;
     margin: 0px 3px;
     opacity: 0;
     transition: all 500ms ease;
 }

 .project-block-two .inner-box .link-box li:first-child {
     transform: translateX(-15px);
 }

 .project-block-two .inner-box .link-box li:last-child {
     transform: translateX(15px);
 }

 .project-block-two .inner-box:hover .link-box li {
     opacity: 1;
     transform: translateX(0px);
 }

 .project-block-two .inner-box .link-box li a {
     position: relative;
     display: inline-block;
     width: 60px;
     height: 60px;
     line-height: 60px;
     border: 2px solid #fff;
     font-size: 22px;
     color: #fff;
     text-align: center;
     z-index: 1;
 }

 .project-block-two .inner-box .link-box li a:before {
     position: absolute;
     content: '';
     width: 60px;
     height: 60px;
     left: -2px;
     top: -2px;
     right: 0px;
     opacity: 0;
     z-index: -1;
     transition: all 500ms ease;
 }

 .project-block-two .inner-box .link-box li a:hover:before {
     opacity: 1;
 }

 /** testimonial-style-two **/

 .testimonial-style-two {
     position: relative;
     padding: 115px 0px 70px 0px;
 }

 .testimonial-style-two .testimonial-inner {
     position: relative;
     margin: 0px -20px;
 }

 .testimonial-style-two .testimonial-content {
     position: relative;
     margin: 20px 20px 50px 20px;
 }

 .testimonial-style-two .testimonial-content .inner-box {
     position: relative;
     display: block;
     padding: 32px 30px 22px 30px;
     border: 1px solid #e3e3e3;
     transition: all 500ms ease;
 }

 .testimonial-style-two .testimonial-content .inner-box:hover {
     box-shadow: 0 20px 30px rgba(0, 0, 0, 0.1);
 }

 .testimonial-style-two .testimonial-content .inner-box .quote-box {
     position: absolute;
     top: -16px;
     right: 20px;
     background: #fff;
     width: 75px;
     font-size: 60px;
     line-height: 60px;
     color: #e4e4e4;
     text-align: center;
     transition: all 500ms ease;
 }

 .testimonial-style-two .testimonial-content .inner-box:hover .quote-box {}

 .testimonial-style-two .testimonial-content .inner-box .rating-box {
     position: relative;
     display: block;
     margin-bottom: 16px;
 }

 .testimonial-style-two .testimonial-content .inner-box .rating-box li {
     position: relative;
     display: inline-block;
     font-size: 14px;
 }

 .testimonial-style-two .testimonial-content .inner-box h4 {
     position: relative;
     font-size: 20px;
     line-height: 30px;
     font-weight: 600;
     margin-bottom: 15px;
 }

 .testimonial-style-two .testimonial-content .inner-box p {
     position: relative;
     font-size: 18px;
     line-height: 28px;
     color: #5a5a68;
     font-weight: 600;
     margin-bottom: 32px;
 }

 .testimonial-style-two .testimonial-content .inner-box .author-box {
     position: relative;
     display: block;
     padding: 10px 0px 10px 20px;
     background: #f6f6f6;
     margin-bottom: 23px;
 }

 .testimonial-style-two .testimonial-content .inner-box .author-box:before {
     position: absolute;
     content: '';
     background: #f6f6f6;
     width: calc(100% + 50px);
     height: 100%;
     right: -50px;
     top: 0px;
 }

 .testimonial-style-two .testimonial-content .inner-box .author-box:after {
     position: absolute;
     content: '';
     background: #e3e3e3;
     width: 20px;
     height: 25px;
     top: -25px;
     right: -50px;
     clip-path: polygon(0% 0%, 0% 0%, 100% 100%, 0% 100%, 0% 0%);
 }

 .testimonial-style-two .testimonial-content .inner-box .author-box .box {
     position: relative;
     display: block;
     padding: 4px 0px 6px 80px;
     min-height: 60px;
 }

 .testimonial-style-two .testimonial-content .inner-box .author-box .box .image-box {
     position: absolute;
     left: 0px;
     top: 0px;
     width: 60px;
     height: 60px;
     overflow: hidden;
     border-radius: 50%;
 }

 .testimonial-style-two .testimonial-content .inner-box .author-box .box .image-box img {
     width: 100%;
     border-radius: 50%;
 }

 .testimonial-style-two .testimonial-content .inner-box .author-box .box h4 {
     position: relative;
     font-size: 20px;
     line-height: 24px;
     font-weight: 500;
     margin-bottom: 6px;
 }

 .testimonial-style-two .testimonial-content .inner-box .author-box .box .designation {
     position: relative;
     display: block;
     font-size: 18px;
     line-height: 20px;
     font-weight: 500;
     color: #5a5a68;
     margin: 0px;
 }

 .testimonial-style-two .testimonial-content .inner-box .share-box {
     position: relative;
     display: inline-block;
 }

 .testimonial-style-two .testimonial-content .inner-box .share-box a.share-btn {
     position: relative;
     display: inline-block;
     font-size: 13px;
     color: #5a5a68;
     font-family: 'Muli', sans-serif;
     text-transform: uppercase;
     margin: 0px;
 }

 .testimonial-style-two .testimonial-content .inner-box .share-box a.share-btn i {
     margin-right: 10px;
 }

 .testimonial-style-two .testimonial-content .inner-box .share-box a.share-btn:hover {}

 .testimonial-style-two .testimonial-content .inner-box .share-box .social-links {
     position: absolute;
     display: inline-block;
     left: 0px;
     bottom: -25px;
     width: 120px;
     height: 20px;
     background: transparent;
     text-align: center;
     opacity: 0;
     visibility: hidden;
     transition: all 500ms ease;
 }

 .testimonial-style-two .testimonial-content .inner-box .share-box:hover .social-links {
     bottom: -12px;
     opacity: 1;
     visibility: visible;
 }

 .testimonial-style-two .testimonial-content .inner-box .share-box .social-links li {
     position: relative;
     float: left;
     width: 25%;
     text-align: center;
 }

 .testimonial-style-two .testimonial-content .inner-box .share-box .social-links li a {
     font-size: 13px;
     color: #5a5a68;
 }

 .testimonial-style-two .testimonial-content .inner-box .share-box .social-links li a:hover {}

 .testimonial-style-two .sec-title {
     margin-bottom: 42px;
 }

 /** funfact-style-two **/

 .funfact-style-two {
     position: relative;
     padding: 100px 0px 92px 0px;
 }

 .counter-block-two .inner-box {
     position: relative;
     display: block;
 }

 .counter-block-two .inner-box .upper-box {
     position: relative;
     padding-left: 80px;
     margin-bottom: 14px;
 }

 .counter-block-two .inner-box .upper-box .icon-box {
     position: absolute;
     left: 0px;
     top: 0px;
     font-size: 65px;
     line-height: 65px;
     color: transparent;
     -webkit-background-clip: text;
     -webkit-text-fill-color: transparent;
 }

 .counter-block-two .inner-box .upper-box .count-outer .shap-box {
     position: relative;
     display: block;
     width: 62px;
     height: 9px;
     background-repeat: no-repeat;
     margin-bottom: 12px;
 }

 .counter-block-two .inner-box .upper-box .count-outer {
     position: relative;
     display: block;
     font-size: 48px;
     line-height: 55px;
     color: #fff;
     font-family: 'Roboto', sans-serif;
     font-weight: 900;
     margin: 0px;
 }

 .counter-block-two .inner-box h3 {
     color: #fff;
     margin: 0px;
 }

 /** news-style-two **/

 .news-style-two {
     position: relative;
     padding: 115px 0px 120px 0px;
 }

 .news-block-two .inner-box {
     position: relative;
     display: block;
     overflow: hidden;
 }

 .news-block-two .inner-box .image-box {
     position: relative;
     display: block;
     overflow: hidden;
     background: #1e1e2a;
 }

 .news-block-two .inner-box .image-box:before {
     position: absolute;
     content: '';
     width: 100%;
     height: 100%;
     left: 0px;
     top: 0px;
     right: 0px;
     box-shadow: inset 0px -200px 100px -40px rgba(30, 30, 42, 0.9);
     z-index: 1;
     transition: all 900ms ease;
 }

 .news-block-two .inner-box:hover .image-box:before {
     opacity: 0;
 }

 .news-block-two .inner-box .image-box img {
     width: 100%;
     transition: all 500ms ease;
 }

 .news-block-two .inner-box:hover .image-box img {
     opacity: 0.1;
 }

 .news-block-two .inner-box .category {
     position: absolute;
     top: 0px;
     right: 0px;
 }

 .news-block-two .inner-box .category p {
     position: relative;
     display: inline-block;
     font-size: 16px;
     font-weight: 700;
     color: #fff;
     padding: 4px 19px;
     text-align: center;
     z-index: 1;
     border-bottom-left-radius: 15px;
 }

 .news-block-two .inner-box .category p i {
     position: relative;
     color: #fff;
     margin-right: 8px;
 }

 .news-block-two .inner-box .content-box {
     position: absolute;
     left: 0px;
     bottom: 0px;
     width: 100%;
     padding: 20px 30px 33px 30px;
     z-index: 2;
     transition: all 500ms ease;
 }

 .news-block-two .inner-box:hover .content-box {
     opacity: 0;
 }

 .news-block-two .inner-box .content-box h3 {
     line-height: 32px;
     color: #fff;
     margin-bottom: 14px;
 }

 .news-block-two .inner-box .content-box h3 a {
     color: #fff;
 }

 .news-block-two .inner-box .content-box h3 a:hover {}

 .news-block-two .inner-box .content-box .post-info li {
     position: relative;
     display: inline-block;
     font-size: 16px;
     font-weight: 500;
     margin-right: 3px;
     padding-right: 16px;
 }

 .news-block-two .inner-box .content-box .post-info li a {
     color: #bfbfcc;
 }

 .news-block-two .inner-box .content-box .post-info li a:hover {}

 .news-block-two .inner-box .content-box .post-info li i {
     font-size: 13px;
     margin-right: 8px;
 }

 .news-block-two .inner-box .content-box .post-info li:last-child i {
     color: #bfbfcc;
 }

 .news-block-two .inner-box .content-box .post-info li:last-child {
     margin: 0px;
     padding: 0px;
 }

 .news-block-two .inner-box .content-box .post-info li:before {
     position: absolute;
     content: '||';
     font-size: 13px;
     color: rgba(255, 255, 255, 0.5);
     top: -1px;
     right: 0px;
     font-weight: 400;
 }

 .news-block-two .inner-box .content-box .post-info li:last-child:before {
     display: none;
 }

 .news-block-two .inner-box .overlay-box {
     position: absolute;
     left: 0px;
     top: 0px;
     right: 0px;
     width: 100%;
     height: 100%;
     z-index: 2;
     opacity: 0;
     transition: all 500ms ease;
 }

 .news-block-two .inner-box:hover .overlay-box {
     opacity: 1;
 }

 .news-block-two .inner-box .overlay-box .link-btn {
     position: absolute;
     left: 30px;
     bottom: 20px;
     transition: all 500ms ease;
 }

 .news-block-two .inner-box:hover .overlay-box .link-btn {
     bottom: 35px;
 }

 .news-block-two .inner-box .overlay-box .link-btn a {
     position: relative;
     display: inline-block;
     font-size: 18px;
     line-height: 28px;
     font-family: 'Roboto', sans-serif;
     font-weight: 700;
     color: #fff;
 }

 .news-block-two .inner-box .overlay-box .link-btn a i {
     position: relative;
     font-size: 22px;
     font-weight: 400;
     margin-left: 10px;
     top: 2px;
 }

 .news-block-two .inner-box .overlay-box .link-btn a:hover {}

 .news-block-two .inner-box .overlay-box .view-btn {
     position: absolute;
     left: 50%;
     top: 45%;
     transform: translate(-50%, -50%);
     transition: all 500ms ease;
 }

 .news-block-two .inner-box:hover .overlay-box .view-btn {
     top: 50%;
 }

 .news-block-two .inner-box .overlay-box .view-btn a {
     font-size: 30px;
     color: #fff;
 }

 .news-block-two .inner-box .overlay-box .view-btn a:hover {}

 .news-style-two .owl-nav {
     position: absolute;
     top: -120px;
     right: 0px;
 }

 .news-style-two .owl-nav .owl-prev,
 .news-style-two .owl-nav .owl-next {
     position: relative;
     display: inline-block;
     width: 60px;
     height: 60px;
     line-height: 60px;
     font-size: 24px;
     text-align: center;
     color: #9f9fb4;
     border: 1px solid #d9d9d9;
     border-radius: 50%;
     cursor: pointer;
     transition: all 500ms ease;
 }

 .news-style-two .owl-nav .owl-prev {
     margin-right: 10px;
 }

 .news-style-two .owl-nav .owl-prev:hover,
 .news-style-two .owl-nav .owl-next:hover {}

 .news-style-two .sec-title {
     margin-bottom: 50px;
 }

 /** appointment-section **/

 .appointment-section {
     position: relative;
     padding: 115px 0px 120px 0px;
 }

 .appointment-section .pattern-layer {
     position: absolute;
     left: 0px;
     top: 0px;
     right: 0px;
     width: 100%;
     height: 100%;
     background-repeat: no-repeat;
     background-position: center;
     background-size: cover;
 }

 .appointment-section .sec-title h2 {
     margin-bottom: 22px;
 }

 .appointment-section .sec-title p {
     font-size: 18px;
     font-weight: 600;
     color: #b0b0bd;
 }

 .appointment-section .sec-title {
     margin-bottom: 50px;
 }

 .appointment-section .more-text {
     position: relative;
     display: block;
     margin-top: 11px;
 }

 .appointment-section .more-text a {
     position: relative;
     display: inline-block;
     font-size: 18px;
     line-height: 22px;
     font-weight: 500;
     color: #fff;
     border-bottom: 1px dashed #fff;
 }

 .appointment-section .more-text a:hover {}

 .appointment-section .more-text a i {
     position: relative;
     top: 2px;
     margin-left: 10px;
 }

 /** clients-style-two **/

 .clients-style-two {
     position: relative;
     padding: 60px 0px;
 }

 .clients-style-two .clients-logo-box img {
     display: block;
     max-width: 100%;
     width: auto;
     margin: 0 auto;
     -webkit-transition: all 300ms ease;
     -moz-transition: all 300ms ease;
     -ms-transition: all 300ms ease;
     -o-transition: all 300ms ease;
     transition: all 300ms ease;
 }

 .clients-style-two .clients-logo-box img:hover {
     opacity: 0.5;
 }

 .clients-style-two .clients-logo-box {
     position: relative;
     display: block;
 }

 .clients-style-two .clients-logo-box:before {
     position: absolute;
     content: '';
     background: rgba(255, 255, 255, 0.5);
     width: 1px;
     height: 95px;
     top: 20px;
     right: -15px;
 }

 /** footer-style-two **/

 .main-footer.style-two {
     position: relative;
     width: 100%;
     background-size: cover;
     background-repeat: no-repeat;
     background-position: center;
 }

 .main-footer.style-two:before {
     position: absolute;
     content: '';
     background: #1e1e2a;
     width: 100%;
     height: 100%;
     left: 0px;
     top: 0px;
     right: 0px;
     opacity: 0.9;
 }

 .main-footer.style-two .footer-top {
     position: relative;
     display: block;
     background: #272734;
     padding: 28px 40px 27px 40px;
 }

 .main-footer.style-two .footer-top .footer-logo .logo {
     position: relative;
     padding-right: 40px;
 }

 .main-footer.style-two .footer-top .footer-logo .logo:before {
     position: absolute;
     content: '';
     background: rgba(255, 255, 255, 0.2);
     width: 1px;
     height: 65px;
     top: 0px;
     right: 0px;
 }

 .main-footer.style-two .footer-top .subscribe-inner {
     position: relative;
     margin-top: 5px;
 }

 .main-footer.style-two .footer-top .subscribe-inner .title-box {
     position: relative;
     margin: 6px 30px 0px 0px;
 }

 .main-footer.style-two .footer-top .subscribe-inner .title-box h3 {
     position: relative;
     font-size: 30px;
     line-height: 38px;
     font-weight: 500;
     color: #fff;
     margin: 0px;
 }

 .main-footer.style-two .footer-top .subscribe-inner .subscribe-form .form-group {
     position: relative;
     width: 530px;
     margin: 0px;
 }

 .main-footer.style-two .footer-top .subscribe-inner .subscribe-form .form-group span {
     position: absolute;
     left: 20px;
     top: 20px;
     font-size: 16px;
     color: #a6a6af;
     z-index: 1;
 }

 .main-footer.style-two .footer-top .subscribe-inner .subscribe-form .form-group input[type='email'] {
     position: relative;
     width: 100%;
     height: 54px;
     max-width: 320px;
     border: 1px solid rgba(255, 255, 255, 0.2);
     padding: 10px 20px 10px 50px;
     color: #b0b0bd;
     font-size: 17px;
     background: transparent;
     border-radius: 5px;
     font-weight: 500;
     transition: all 500ms ease;
 }

 .main-footer.style-two .footer-top .subscribe-inner .subscribe-form .form-group input:focus {}

 .main-footer.style-two .footer-top .subscribe-inner .subscribe-form .form-group input::-webkit-input-placeholder {
     color: #b0b0bd;
 }

 .main-footer.style-two .footer-top .subscribe-inner .subscribe-form .form-group button {
     position: absolute;
     top: 0px;
     right: 0px;
     width: 200px;
     height: 54px;
     line-height: 54px;
     text-align: center;
     background: #fff;
     font-size: 18px;
     font-family: 'Roboto', sans-serif;
     color: #1e1e2a;
     font-weight: 700;
     border-radius: 5px;
     cursor: pointer;
     z-index: 1;
     transition: all 500ms ease;
 }

 .main-footer.style-two .footer-top .subscribe-inner .subscribe-form .form-group button:before {
     position: absolute;
     content: '';
     width: 0%;
     height: 100%;
     top: 0px;
     right: 0px;
     border-radius: 5px;
     z-index: -1;
     transition: all 500ms ease;
 }

 .main-footer.style-two .footer-top .subscribe-inner .subscribe-form .form-group button:hover:before {
     width: 100%;
     left: 0px;
 }

 .main-footer.style-two .footer-top .subscribe-inner .subscribe-form .form-group button:hover {
     color: #fff;
 }

 .main-footer.style-two .footer-top .subscribe-inner .subscribe-form .form-group button i {
     font-size: 22px;
     font-weight: 400;
     margin-left: 10px;
 }

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

 .main-footer.style-two .widget-section .footer-widget p {
     position: relative;
     font-size: 18px;
     color: #b0b0bd;
     font-weight: 600;
     margin-bottom: 15px;
 }

 .main-footer.style-two .widget-section .about-widget .widget-content a {
     position: relative;
     display: inline-block;
     font-size: 18px;
     line-height: 28px;
     font-family: 'Roboto', sans-serif;
     color: #fff;
     font-weight: 700;
     margin-top: 3px;
 }

 .main-footer.style-two .widget-section .about-widget .widget-content a i {
     font-size: 22px;
     font-weight: 400;
     margin-left: 10px;
 }

 .main-footer.style-two .widget-section .about-widget {
     margin-right: 20px;
 }

 .main-footer.style-two .widget-section .about-widget .widget-content a:hover {}

 .main-footer.style-two .widget-section .links-widget .widget-content ul li {
     position: relative;
     display: block;
     margin-bottom: 16px;
 }

 .main-footer.style-two .widget-section .links-widget .widget-content ul li:last-child {
     margin-bottom: 0px;
 }

 .main-footer.style-two .widget-section .links-widget .widget-content ul li a {
     position: relative;
     display: inline-block;
     font-size: 18px;
     font-weight: 600;
     color: #b0b0bd;
     padding-left: 30px;
 }

 .main-footer.style-two .widget-section .links-widget .widget-content ul li a:before {
     position: absolute;
     content: "\f150";
     font-family: 'Font Awesome 5 Free';
     font-size: 16px;
     font-weight: 400;
     color: #b0b0bd;
     left: 0px;
     top: 0px;
     transition: all 500ms ease;
 }

 .main-footer.style-two .widget-section .links-widget .widget-content ul li a:hover:before {
     transform: rotate(-90deg);
 }

 .main-footer.style-two .widget-section .links-widget .widget-content ul li a:hover {}

 .main-footer.style-two .widget-section .contact-widget .widget-content .single-column {
     position: relative;
     float: left;
     width: 50%;
 }

 .main-footer.style-two .widget-section .contact-widget .widget-content .single-column .location-box {
     position: relative;
     padding-left: 70px;
     margin-bottom: 19px;
     min-height: 56px;
 }

 .main-footer.style-two .widget-section .contact-widget .widget-content .single-column .location-box i {
     position: absolute;
     left: 0px;
     top: 2px;
     font-size: 50px;
     line-height: 50px;
     color: transparent;
     -webkit-background-clip: text;
     -webkit-text-fill-color: transparent;
 }

 .main-footer.style-two .widget-section .contact-widget .widget-content .single-column .location-box h3 {
     color: #fff;
     line-height: 28px;
 }

 .main-footer.style-two .widget-section .contact-widget .widget-content .single-column .social-links li {
     position: relative;
     display: inline-block;
     margin-right: 6px;
 }

 .main-footer.style-two .widget-section .contact-widget .widget-content .single-column .social-links li:last-child {
     margin-right: 0px;
 }

 .main-footer.style-two .widget-section .contact-widget .widget-content .single-column .social-links li a {
     position: relative;
     display: inline-block;
     font-size: 15px;
     color: #a6a6af;
     width: 43px;
     height: 43px;
     line-height: 43px;
     text-align: center;
     border: 1px solid rgba(255, 255, 255, 0.2);
     border-radius: 50%;
     z-index: 1;
 }

 .main-footer.style-two .widget-section .contact-widget .widget-content .single-column .social-links li a:hover:before {
     transform: scale(1, 1);
 }

 .main-footer.style-two .widget-section .contact-widget .widget-content .single-column .social-links li a:before {
     position: absolute;
     content: '';
     width: 43px;
     height: 43px;
     left: -1px;
     top: -1px;
     right: 0px;
     border-radius: 50%;
     transform: scale(0, 0);
     z-index: -1;
     transition: all 500ms ease;
 }

 .main-footer.style-two .widget-section .contact-widget .widget-content .single-column .social-links li a:hover {
     color: #fff;
 }

 .main-footer.style-two .widget-section .contact-widget .widget-content .single-column p {
     margin-bottom: 22px;
 }

 .main-footer.style-two .widget-section .contact-widget .widget-content .single-column .info-list li {
     position: relative;
     display: block;
     margin-bottom: 15px;
 }

 .main-footer.style-two .widget-section .contact-widget .widget-content .single-column .info-list li:last-child {
     margin-bottom: 0px;
 }

 .main-footer.style-two .widget-section .contact-widget .widget-content .single-column .info-list li h5 {
     position: relative;
     display: block;
     font-size: 18px;
     line-height: 28px;
     font-family: 'Muli', sans-serif;
     color: #fff;
     font-weight: 600;
     margin-bottom: 2px;
 }

 .main-footer.style-two .widget-section .contact-widget .widget-content .single-column .info-list li p {
     margin: 0px;
 }

 .main-footer.style-two .widget-section .contact-widget .widget-content .single-column .info-list li p a {
     position: relative;
     display: inline-block;
     color: #b0b0bd;
 }

 .main-footer.style-two .widget-section .contact-widget .widget-content .single-column .info-list li p a:hover {}

 .main-footer.style-two .widget-section .contact-widget .widget-content .single-column:first-child {
     margin-top: 5px;
 }

 .main-footer.style-two .footer-bottom {
     position: relative;
     display: block;
     padding: 22px 0px;
 }

 .main-footer.style-two .footer-bottom .copyright p {
     position: relative;
     font-size: 18px;
     color: #b0b0bd;
     font-weight: 500;
 }

 .main-footer.style-two .footer-bottom .copyright p a {
     color: #b0b0bd;
 }

 .main-footer.style-two .footer-bottom .copyright p a:hover {}

 .main-footer.style-two .footer-bottom .footer-nav li {
     position: relative;
     display: inline-block;
     margin-right: 15px;
 }

 .main-footer.style-two .footer-bottom .footer-nav li:last-child {
     margin-right: 0px;
 }

 .main-footer.style-two .footer-bottom .footer-nav li a {
     position: relative;
     font-size: 18px;
     color: #b0b0bd;
     font-weight: 500;
 }

 .main-footer.style-two .footer-bottom .footer-nav li a:hover {}

 /*** 

====================================================================
                        About-Page
====================================================================

***/

 /** page-title **/

 .page-title {
     position: relative;
     padding: 140px 0px;
     background-color: #646464;
     width: 100%;
     background-size: cover;
     background-repeat: no-repeat;
     background-position: center;
 }

 .page-title .content-box h1 {
     position: relative;
     display: block;
     font-size: 55px;
     line-height: 65px;
     color: #fff;
     font-weight: 700;
     margin-bottom: 8px;
 }

 .page-title .content-box .bread-crumb li {
     position: relative;
     display: inline-block;
     font-size: 17px;
     font-weight: 600;
     color: #fff;
     padding-right: 15px;
     margin-right: 5px;
 }

 .page-title .content-box .bread-crumb li a {
     color: #fff;
 }

 .page-title .content-box .bread-crumb li a:hover {
     text-decoration: underline;
 }

 .page-title .content-box .bread-crumb li:last-child {
     padding: 0px;
     margin: 0px;
 }

 .page-title .content-box .bread-crumb li:before {
     position: absolute;
     content: '';
     background: #fff;
     width: 6px;
     height: 2px;
     top: 13px;
     right: 0px;
 }

 .page-title .content-box .bread-crumb li:last-child:before {
     display: none;
 }

 .about-style-two.about-page {
     padding-top: 120px;
 }

 .about-style-two.about-page .image-layer {
     position: relative;
     display: block;
     margin-bottom: 70px;
 }

 .about-style-two.about-page .image-layer img {
     width: 100%;
 }

 /** history-section **/

 .history-section {
     position: relative;
     padding: 115px 0px 100px 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);
 }

 .history-section .tabs-content {
     position: relative;
     max-width: 1170px;
     margin: 0 auto;
 }

 .history-section .tabs-content .image-box img {
     width: 100%;
 }

 .history-section .tabs-content .content-box .year {
     position: relative;
     display: block;
     font-size: 18px;
     font-family: 'Roboto', sans-serif;
     font-weight: 700;
     margin-bottom: 6px;
 }

 .history-section .tabs-content .content-box h3 {
     position: relative;
     font-size: 30px;
     line-height: 38px;
     font-weight: 700;
     color: #fff;
     margin-bottom: 24px;
 }

 .history-section .tabs-content .content-box p {
     position: relative;
     font-size: 18px;
     font-weight: 600;
     color: #a6a6b3;
     margin-bottom: 27px;
 }

 .history-section .tabs-content .content-box a {
     position: relative;
     display: inline-block;
     font-size: 18px;
     font-family: 'Roboto', sans-serif;
     font-weight: 700;
     color: #fff;
 }

 .history-section .tabs-content .content-box a i {
     position: relative;
     font-size: 22px;
     font-weight: 400;
     top: 2px;
     margin-left: 10px;
 }

 .history-section .tabs-content .content-box a:hover {}

 .history-section .tabs-content .content-box {
     position: relative;
     margin-top: -7px;
 }

 .history-section .tabs-content {
     position: relative;
     display: block;
     margin-bottom: 65px;
 }

 .history-section .tab-btn-box {
     position: relative;
     display: block;
     padding-top: 40px;
 }

 .history-section .tab-btn-box .tab-btns {
     position: relative;
     display: block;
     border-top: 1px solid #353540;
 }

 .history-section .tab-btn-box .tab-btns li {
     position: relative;
     display: inline-block;
     float: left;
     width: 12.5%;
     margin: 0px;
     font-size: 18px;
     font-weight: 700;
     font-family: 'Roboto', sans-serif;
     color: #5b5b6c;
     cursor: pointer;
     text-align: center;
     transition: all 500ms ease;
 }

 .history-section .tab-btn-box .tab-btns li.active-btn {
     font-size: 24px;
     color: #fff;
 }

 .history-section .tab-btn-box .tab-btns li span {
     position: relative;
     display: inline-block;
     padding: 15px 0px;
 }

 .history-section .tab-btn-box .tab-btns li span:before {
     position: absolute;
     content: '';
     width: 100%;
     height: 1px;
     left: 0px;
     top: -1px;
     transform: scale(0, 0);
     transition: all 500ms ease;
 }

 .history-section .tab-btn-box .tab-btns li.active-btn span:before {
     transform: scale(1, 1);
 }

 .history-section .tab-btn-box .tab-btns li:after {
     position: absolute;
     content: '';
     background: #353540;
     width: 1px;
     height: 20px;
     left: 50%;
     transform: translateX(-50%);
     top: -20px;
     transition: all 500ms ease;
 }

 .history-section .tab-btn-box .tab-btns li.active-btn:after {
     height: 40px;
     top: -40px;
 }

 .history-section .tab-btn-box .tab-btns li:before {
     position: absolute;
     content: "\f102";
     font-family: 'Font Awesome 5 Free';
     font-weight: 700;
     font-size: 22px;
     left: 50%;
     transform: translateX(-50%);
     top: -55px;
     opacity: 0;
     transition: all 500ms ease;
 }

 .history-section .tab-btn-box .tab-btns li.active-btn:before {
     opacity: 1;
     top: -65px;
 }

 .history-section .sec-title {
     margin-bottom: 50px;
 }

 .history-section .pattern-layer .pattern-1 {
     position: absolute;
     top: 100px;
     right: 0px;
     width: 930px;
     height: 565px;
     background-repeat: no-repeat;
 }

 .history-section .pattern-layer .pattern-2 {
     position: absolute;
     left: 0px;
     bottom: 0px;
     width: 100%;
     height: 35px;
     background-repeat: repeat-x;
     animation: slide-2 60s linear infinite;
     -webkit-animation: slide-2 60s linear infinite;
 }

 /** chooseus-style-three **/

 .chooseus-style-three {
     position: relative;
     padding: 115px 0px 90px 0px;
 }

 .chooseus-style-three .single-item {
     position: relative;
     margin: 30px 0px;
 }

 .chooseus-style-three .single-item .inner-box {
     position: relative;
     display: block;
     background: #fff;
     padding: 30px 30px 25px 30px;
     transition: all 500ms ease;
 }

 .chooseus-style-three .single-item .inner-box:hover {
     box-shadow: 0 0px 30px rgba(0, 0, 0, 0.1);
 }

 .chooseus-style-three .single-item .inner-box .count-box {
     position: absolute;
     display: block;
     top: 20px;
     right: 15px;
     font-size: 90px;
     line-height: 90px;
     font-family: 'Roboto', sans-serif;
     color: #f0f0f0;
     font-weight: 900;
 }

 .chooseus-style-three .single-item .inner-box .icon-box {
     position: relative;
     display: inline-block;
     margin-bottom: 15px;
 }

 .chooseus-style-three .single-item .inner-box h3 {
     margin-bottom: 12px;
 }

 .chooseus-style-three .single-item .inner-box .line {
     position: relative;
     max-width: 62px;
     width: 100%;
     height: 9px;
     margin-bottom: 22px;
     background-repeat: no-repeat;
     filter: grayscale(100%);
     -webkit-filter: grayscale(100%);
     -moz-filter: grayscale(100%);
     -o-filter: grayscale(100%);
     -ms-filter: grayscale(100%);
     -webkit-transition: all 500ms ease;
     -moz-transition: all 500ms ease;
     -ms-transition: all 500ms ease;
     -o-transition: all 500ms ease;
     transition: all 500ms ease;
 }

 .chooseus-style-three .single-item .inner-box:hover .line {
     filter: grayscale(0%);
     -webkit-filter: grayscale(0%);
     -moz-filter: grayscale(0%);
     -o-filter: grayscale(0%);
     -ms-filter: grayscale(0%);
 }

 .chooseus-style-three .single-item .inner-box p {
     font-size: 18px;
     font-weight: 600;
     color: #5a5a68;
     margin-bottom: 17px;
 }

 .chooseus-style-three .single-item .inner-box a {
     position: relative;
     display: inline-block;
     font-size: 18px;
     font-family: 'Roboto', sans-serif;
     color: #1e1e2a;
     font-weight: 700;
 }

 .chooseus-style-three .single-item .inner-box a i {
     position: relative;
     font-size: 22px;
     font-weight: 400;
     top: 2px;
     margin-left: 10px;
 }

 .chooseus-style-three .single-item .inner-box a:hover {}

 .chooseus-style-three .owl-nav {
     position: absolute;
     right: 0px;
     top: -90px;
 }

 .chooseus-style-three .owl-nav .owl-prev,
 .chooseus-style-three .owl-nav .owl-next {
     position: relative;
     display: inline-block;
     width: 60px;
     height: 60px;
     line-height: 60px;
     font-size: 24px;
     text-align: center;
     color: #9f9fb4;
     border: 1px solid #d9d9d9;
     border-radius: 50%;
     cursor: pointer;
     transition: all 500ms ease;
 }

 .chooseus-style-three .owl-nav .owl-prev {
     margin-right: 10px;
 }

 .chooseus-style-three .owl-nav .owl-prev:hover,
 .chooseus-style-three .owl-nav .owl-next:hover {}

 .chooseus-style-three .sec-title {
     margin-bottom: 20px;
 }

 /** team-style-three **/

 .team-style-three {
     position: relative;
     padding: 115px 0px 110px 0px;
 }

 .team-style-three .sec-title {
     margin-bottom: 20px;
 }

 .team-style-three .four-item-carousel .team-block-two {
     margin: 30px 0px;
 }

 .team-style-three .owl-dots {
     position: relative;
     display: block;
     text-align: center;
     margin-top: 15px;
 }

 .team-style-three .owl-theme .owl-dots .owl-dot span {
     position: relative;
     display: inline-block;
     width: 14px;
     height: 14px;
     background: #d9d9e1;
     border-radius: 50%;
     margin: 0px 7px;
     cursor: pointer;
     transition: all 500ms ease;
 }

 .team-style-three .owl-theme .owl-dots .owl-dot.active span,
 .team-style-three .owl-theme .owl-dots .owl-dot span:hover {}

 /*** 

====================================================================
                        Faq-Page
====================================================================

***/

 .faq-section {
     position: relative;
     padding: 120px 0px;
 }

 .faq-section .title-inner {
     position: relative;
     display: block;
     border: 1px solid #e3e3e3;
     padding: 35px 30px;
 }

 .faq-section .title-inner .sec-title {
     margin-bottom: 40px;
 }

 .faq-section .title-inner .search-form .form-group {
     position: relative;
     width: 100%;
     margin-bottom: 13px;
 }

 .faq-section .title-inner .search-form .form-group input[type='search'] {
     position: relative;
     width: 100%;
     height: 60px;
     background: #f6f6f6;
     border: 1px solid #f6f6f6;
     padding: 10px 50px 10px 20px;
     font-size: 17px;
     font-weight: 500;
 }

 .faq-section .title-inner .search-form .form-group input:focus {}

 .faq-section .title-inner .search-form .form-group input:focus+button,
 .faq-section .title-inner .search-form .form-group button:hover {}

 .faq-section .title-inner .search-form .form-group button {
     position: absolute;
     top: 15px;
     right: 20px;
     font-size: 20px;
     font-weight: 600;
     color: #a7a7ba;
     background: transparent;
     cursor: pointer;
     transition: all 500ms ease;
 }

 .faq-section .title-inner .text p {
     font-size: 17px;
     font-weight: 600;
     color: #5a5a68;
     margin: 0px;
 }

 .faq-section .title-inner .text p a {
     display: inline-block;
     line-height: 20px;
 }

 .faq-section .title-inner .text p a:hover {
     color: #5a5a68;
     border-color: #5a5a68;
 }

 .faq-section .accordion-box .block {
     position: relative;
     display: block;
     background: #fff;
     margin-bottom: 20px;
     transition: all 500ms ease;
 }

 .faq-section .accordion-box .block:last-child {
     margin-bottom: 0px;
 }

 .faq-section .accordion-box .block.active-block {
     box-shadow: 0 0px 20px rgba(0, 0, 0, 0.1);
 }

 .faq-section .accordion-box .block .acc-content {
     position: relative;
     display: none;
     padding: 22px 20px;
 }

 .faq-section .accordion-box .block .acc-content p {
     font-size: 18px;
     font-weight: 600;
     color: #5a5a68;
     margin: 0px;
 }

 .faq-section .accordion-box .block .acc-content.current {
     display: block;
 }

 .faq-section .accordion-box .block .acc-btn .icon-outer {
     position: absolute;
     top: 20px;
     right: 20px;
     font-size: 18px;
     font-weight: 700;
     text-align: center;
     cursor: pointer;
     color: transparent !important;
     background: -webkit-linear-gradient(-90deg, #9f9fb4, #9f9fb4 50%);
     -webkit-background-clip: text !important;
     -webkit-text-fill-color: transparent !important;
     transition: all 500ms ease;
     z-index: 1;
 }

 .faq-section .accordion-box .block .acc-btn.active .icon-outer {}

 .faq-section .accordion-box .block .acc-btn.active .icon-outer {
     transform: rotate(90deg);
 }

 .faq-section .accordion-box .block .acc-btn {
     position: relative;
     display: block;
     border: 1px solid #e3e3e3;
     padding: 18px 50px 20px 20px;
     cursor: pointer;
     background: transparent;
     transition: all 500ms ease;
 }

 .faq-section .accordion-box .block .acc-btn.active {
     background: #1d1d29;
     border-color: #1d1d29;
 }

 .faq-section .accordion-box .block .acc-btn h4 {
     font-size: 20px;
     line-height: 30px;
     font-weight: 500;
     color: #1e1e2a;
     margin: 0px;
     transition: all 500ms ease;
 }

 .faq-section .accordion-box .block .acc-btn.active h4 {
     color: #fff;
 }

 /*** 

====================================================================
                        Pricing-Page
====================================================================

***/

 .pricing-section {
     position: relative;
     padding: 115px 0px 120px 0px;
 }

 .pricing-section .sec-title {
     margin-bottom: 50px;
 }

 .pricing-section .sec-title h2 {
     margin-bottom: 12px;
 }

 .pricing-section .sec-title p {
     font-size: 18px;
     font-weight: 600;
     color: #5a5a68;
     margin: 0px;
 }

 .pricing-block-one .inner-box {
     position: relative;
     display: block;
     background: #fff;
     padding: 48px 30px 37px 30px;
     box-shadow: 0 5px 30px rgba(0, 0, 0, 0.1);
     transition: all 500ms ease;
 }

 .pricing-block-one .inner-box:hover {
     box-shadow: 0 5px 30px rgba(0, 0, 0, 0.2);
     transform: translateY(-10px);
 }

 .pricing-block-one .inner-box .icon-box {
     position: relative;
     display: inline-block;
     font-size: 60px;
     line-height: 60px;
     margin-bottom: 22px;
     color: transparent;
     -webkit-background-clip: text;
     -webkit-text-fill-color: transparent;
 }

 .pricing-block-one .inner-box h3 {
     margin-bottom: 12px;
 }

 .pricing-block-one .inner-box .line {
     position: relative;
     max-width: 62px;
     width: 100%;
     height: 9px;
     margin: 0 auto;
     margin-bottom: 27px;
     background-repeat: no-repeat;
 }

 .pricing-block-one .inner-box h2 {
     position: relative;
     display: block;
     font-size: 60px;
     line-height: 70px;
     font-weight: 700;
     margin-bottom: 0px;
 }

 .pricing-block-one .inner-box p {
     font-size: 18px;
     font-weight: 500;
     color: #5a5a68;
     margin-bottom: 22px;
 }

 .pricing-block-one .inner-box .link {
     position: relative;
     display: block;
     padding-top: 23px;
     border-top: 1px solid #e3e3e3;
 }

 .pricing-block-one .inner-box .link a {
     position: relative;
     display: inline-block;
     font-size: 18px;
     font-family: 'Roboto', sans-serif;
     font-weight: 700;
     color: #1e1e2a;
 }

 .pricing-block-one .inner-box .link a i {
     position: relative;
     font-size: 22px;
     font-weight: 400;
     top: 2px;
     margin-left: 10px;
 }

 .pricing-block-one .inner-box .link a:hover {}

 /*** 

====================================================================
                        Team-Page
====================================================================

***/

 .team-page-section {
     position: relative;
     padding: 120px 0px 90px 0px;
 }

 .team-page-section .team-block-two {
     margin-bottom: 30px;
 }

 .team-page-section .team-block-one {
     margin-bottom: 30px;
 }

 .testimonial-page-section {
     padding: 150px 0px 50px 0px;
 }

 .testimonial-page-section .testimonial-content {
     margin: 0px 20px 70px 0px;
 }

 .testimonial-page-section .testimonial-content .inner-box .quote-box {
     right: 30px;
     top: -30px;
     font-size: 30px;
     color: #fff !important;
     width: 55px;
     height: 55px;
     line-height: 55px;
     border-radius: 50%;
     text-align: center;
 }

 .testimonial-page-section .testimonial-content .inner-box:hover {
     border-color: #fff;
 }

 /*** 

====================================================================
                        Comingsoon-Page
====================================================================

***/

 .comingsoon-section {
     position: fixed;
     padding: 120px 0px;
     width: 100%;
     height: 100%;
     overflow-y: auto;
     overflow-x: hidden;
     background-size: cover;
     background-repeat: no-repeat;
     background-position: center;
 }

 .comingsoon-section .inner-box .logo-box {
     position: relative;
     margin-bottom: 37px;
 }

 .comingsoon-section .inner-box .title-box h1 {
     font-size: 100px;
     line-height: 100px;
     color: #fff;
     font-weight: 700;
     text-transform: uppercase;
     margin-bottom: 9px;
 }

 .comingsoon-section .inner-box .title-box p {
     font-size: 18px;
     font-weight: 600;
     color: #fff;
     margin: 0px;
 }

 .comingsoon-section .inner-box .title-box {
     position: relative;
     margin-bottom: 47px;
 }

 .comingsoon-section .cs-countdown .count-col {
     position: relative;
     display: inline-block;
     margin: 0px 20px;
 }

 .comingsoon-section .cs-countdown .count-col span {
     position: relative;
     display: inline-block;
     width: 100px;
     height: 100px;
     line-height: 100px;
     text-align: center;
     background: #fff;
     border-radius: 5px;
     font-size: 48px;
     color: #1e1e2a;
     font-family: 'Roboto', sans-serif;
     font-weight: 500;
     text-align: center;
     margin-bottom: 17px;
 }

 .comingsoon-section .cs-countdown .count-col h6 {
     position: relative;
     font-size: 20px;
     color: #fff;
     font-weight: 500;
     text-transform: capitalize;
 }

 .comingsoon-section .inner-box .timer {
     position: relative;
     display: block;
     margin-bottom: 86px;
 }

 .comingsoon-section .inner-box .subscribe-inner {
     position: relative;
     display: block;
     max-width: 770px;
     width: 100%;
     margin: 0 auto;
 }

 .comingsoon-section .inner-box .subscribe-inner h3 {
     font-size: 24px;
     font-weight: 500;
     color: #fff;
     margin-bottom: 23px;
 }

 .comingsoon-section .inner-box .subscribe-inner .form-group {
     position: relative;
     margin-bottom: 43px;
 }

 .comingsoon-section .inner-box .subscribe-inner .form-group input[type='email'] {
     position: relative;
     width: 100%;
     height: 64px;
     background: #fff;
     font-weight: 500;
     border: 1px solid #fff;
     padding: 10px 220px 10px 20px;
     font-size: 17px;
     border-radius: 5px;
     transition: all 500ms ease;
 }

 .comingsoon-section .inner-box .subscribe-inner .form-group input:focus {}

 .comingsoon-section .inner-box .subscribe-inner .form-group button {
     position: absolute;
     top: 0px;
     right: 0px;
     border-radius: 0px 5px 5px 0px;
     padding: 16px 40px;
     width: 200px;
 }

 .comingsoon-section .inner-box .subscribe-inner .form-group button:before {
     border-radius: 0px 5px 5px 0px;
 }

 .comingsoon-section .inner-box .subscribe-inner a {
     position: relative;
     display: inline-block;
     font-size: 18px;
     font-family: 'Roboto', sans-serif;
     font-weight: 700;
     color: #fff;
 }

 .comingsoon-section .inner-box .subscribe-inner a:hover {
     color: #1e1e2a;
 }

 .comingsoon-section .inner-box .subscribe-inner a i {
     position: relative;
     font-size: 22px;
     font-weight: 400;
     margin-left: 10px;
     top: 2px;
 }

 /*** 

====================================================================
                        Error-Page
====================================================================

***/

 .error-page-section {
     position: fixed;
     background: #fff;
     padding: 120px 0px;
     width: 100%;
     height: 100%;
     overflow-y: auto;
     overflow-x: hidden;
 }

 .error-page-section .image-box {
     position: relative;
     display: block;
     margin-left: -230px;
 }

 .error-page-section .image-box img {
     width: 100%;
 }

 .error-page-section .content-box h1 {
     font-size: 250px;
     line-height: 220px;
     color: #1e1e2a;
     font-weight: 700;
     margin-bottom: 9px;
 }

 .error-page-section .content-box h2 {
     font-size: 36px;
     line-height: 45px;
     font-weight: 500;
     color: #1e1e2a;
     margin-bottom: 13px;
 }

 .error-page-section .content-box p {
     font-size: 18px;
     font-weight: 600;
     margin-bottom: 42px;
 }

 .error-page-section .content-box .search-form .form-group {
     position: relative;
     margin-bottom: 41px;
 }

 .error-page-section .content-box .search-form .form-group input[type='search'] {
     position: relative;
     width: 100%;
     height: 54px;
     border: 1px solid #e3e3e3;
     font-size: 17px;
     font-weight: 500;
     padding: 10px 60px 10px 20px;
     transition: all 500ms ease;
 }

 .error-page-section .content-box .search-form .form-group button {
     position: absolute;
     top: 12px;
     right: 30px;
     font-size: 18px;
     font-weight: 600;
     color: #a7a7ba;
     cursor: pointer;
     background: transparent;
     transition: all 500ms ease;
 }

 .error-page-section .content-box .search-form .form-group input:focus+button,
 .error-page-section .content-box .search-form .form-group button:hover {}

 .error-page-section .content-box .search-form .form-group input:focus {}

 .error-page-section .content-box a {
     position: relative;
     display: inline-block;
     font-size: 18px;
     line-height: 32px;
     font-family: 'Roboto', sans-serif;
     font-weight: 700;
     color: #1e1e2a;
     border-bottom: 3px solid #1e1e2a;
 }

 .error-page-section .content-box a i {
     position: relative;
     font-size: 22px;
     font-weight: 400;
     margin-left: 10px;
     top: 2px;
 }

 .error-page-section .content-box a:hover {}

 .error-page-section .anim-icon {
     position: absolute;
     left: 0px;
     top: 0px;
     right: 0px;
     width: 100%;
     height: 100%;
 }

 .error-page-section .anim-icon .icon {
     position: absolute;
     background-repeat: no-repeat;
 }

 .error-page-section .anim-icon .icon-1 {
     width: 100%;
     height: 92px;
     background-repeat: no-repeat;
     left: 0px;
     top: 90px;
     animation: slide-2 100s linear infinite;
     -webkit-animation: slide-2 100s linear infinite;
 }

 .error-page-section .anim-icon .icon-2 {
     width: 100%;
     height: 135px;
     background-repeat: no-repeat;
     left: 30%;
     top: 120px;
     animation: slide-2 100s linear infinite;
     -webkit-animation: slide-2 100s linear infinite;
 }

 .error-page-section .anim-icon .icon-3 {
     width: 100%;
     height: 127px;
     background-repeat: no-repeat;
     left: 50%;
     top: 60px;
     animation: slide-2 100s linear infinite;
     -webkit-animation: slide-2 100s linear infinite;
 }

 .error-page-section .anim-icon .icon-4 {
     width: 100%;
     height: 107px;
     background-repeat: no-repeat;
     left: 70%;
     top: 150px;
     animation: slide-2 100s linear infinite;
     -webkit-animation: slide-2 100s linear infinite;
 }

 .error-page-section .anim-icon .icon-5 {
     width: 100%;
     height: 164px;
     background-repeat: no-repeat;
     left: 80%;
     top: 120px;
     animation: slide-2 100s linear infinite;
     -webkit-animation: slide-2 100s linear infinite;
 }

 .error-page-section .anim-icon .icon-6 {
     width: 100%;
     height: 124px;
     background-repeat: no-repeat;
     left: 95%;
     top: 60px;
     animation: slide-2 100s linear infinite;
     -webkit-animation: slide-2 100s linear infinite;
 }

 /*** 

====================================================================
                        Service-Page
====================================================================

***/

 .service-page-section {
     position: relative;
     padding: 115px 0px 35px 0px;
 }

 .service-page-section .service-block-one {
     margin-bottom: 80px;
 }

 .appointment-section.service-page {
     position: relative;
     width: 100%;
     padding: 0px 0px 120px 0px;
     background-size: cover;
     background-repeat: no-repeat;
     background-position: center;
 }

 .appointment-section.service-page .sec-title p {
     color: #5a5a68;
 }

 .service-details {
     position: relative;
     padding: 113px 0px 110px 0px;
 }

 .group-title {
     position: relative;
     display: block;
     padding-bottom: 19px;
     margin-bottom: 33px;
 }

 .group-title h3 {
     position: relative;
     display: block;
     font-size: 30px;
     line-height: 40px;
     font-weight: 500;
     color: #1e1e2a;
     margin-bottom: 0px;
 }

 .group-title .line {
     position: absolute;
     left: 0px;
     bottom: 0px;
     width: 62px;
     height: 9px;
     background-repeat: no-repeat;
 }

 .service-details-content {
     position: relative;
     display: block;
 }

 .service-details-content .upper-box .text {
     position: relative;
     margin-bottom: 45px;
 }

 .service-details-content .upper-box .text p {
     font-size: 18px;
     font-weight: 600;
     color: #5a5a68;
     margin-bottom: 25px;
 }

 .service-details-content .upper-box .text p:last-child {
     margin-bottom: 0px;
 }

 .service-details-content .two-column {
     position: relative;
     margin-bottom: 46px;
 }

 .service-details-content .two-column .image-box {
     position: relative;
     margin-top: 7px;
 }

 .service-details-content .two-column .image-box img {
     width: 100%
 }

 .service-details-content .two-column .content-box .inner-box .single-item {
     position: relative;
     margin-bottom: 27px;
 }

 .service-details-content .two-column .content-box .inner-box .single-item:last-child {
     margin-bottom: 0px;
 }

 .service-details-content .two-column .content-box .inner-box .single-item h3 {
     padding-left: 30px;
     margin-bottom: 15px;
 }

 .service-details-content .two-column .content-box .inner-box .single-item h3:before {
     position: absolute;
     content: "\f12e";
     font-family: 'Flaticon';
     font-size: 24px;
     left: 0px;
     top: -1px;
     color: transparent;
     -webkit-background-clip: text;
     -webkit-text-fill-color: transparent;
 }

 .service-details-content .two-column .content-box .inner-box .single-item p {
     font-size: 18px;
     font-weight: 600;
     color: #5a5a68;
     margin: 0px;
 }

 .service-details-content .choose-box .choose-content {
     position: relative;
     margin: 0px 10px;
 }

 .service-details-content .choose-box .choose-content .single-column {
     position: relative;
     padding: 0px 5px;
 }

 .service-details-content .choose-box .choose-content .single-item .inner-box {
     position: relative;
     display: block;
     background: #f6f6f6;
     text-align: center;
     padding: 40px 15px 32px 15px;
     transition: all 500ms ease;
 }

 .service-details-content .choose-box .choose-content .single-item .inner-box:hover {
     background: #fff;
     box-shadow: 0 10px 40px rgba(0, 0, 0, 0.1);
 }

 .service-details-content .choose-box .choose-content .single-item .inner-box .icon-box {
     position: relative;
     display: inline-block;
     margin-bottom: 15px;
     transition: all 500ms ease;
     filter: grayscale(100%);
     -webkit-filter: grayscale(100%);
     -moz-filter: grayscale(100%);
     -o-filter: grayscale(100%);
     -ms-filter: grayscale(100%);
 }

 .service-details-content .choose-box .choose-content .single-item .inner-box:hover .icon-box {
     filter: grayscale(0%);
     -webkit-filter: grayscale(0%);
     -moz-filter: grayscale(0%);
     -o-filter: grayscale(0%);
     -ms-filter: grayscale(0%);
 }

 .service-details-content .choose-box .choose-content .single-item .inner-box h3 {
     margin-bottom: 12px;
 }

 .service-details-content .choose-box .choose-content .single-item .inner-box .line {
     position: relative;
     display: block;
     max-width: 62px;
     width: 100%;
     height: 9px;
     margin: 0 auto;
     margin-bottom: 23px;
 }

 .service-details-content .choose-box .choose-content .single-item .inner-box p {
     font-size: 18px;
     font-weight: 700;
     color: #5a5a68;
     margin: 0px;
 }

 .service-details-content .choose-box .group-title {
     margin-bottom: 39px;
 }

 .service-details-content .choose-box {
     position: relative;
     margin-bottom: 53px;
 }

 .service-details-content .before-after-content .before-after {
     position: relative;
 }

 .service-details-content .before-after-content .before-after .twentytwenty-container img {
     width: 100%;
 }

 .service-details-content .before-after-content .before-after .twentytwenty-horizontal .twentytwenty-before-label:before {
     position: absolute;
     left: -10px;
     top: -10px;
     width: 100px;
     height: 100px;
     line-height: 90px;
     text-align: center;
     font-size: 16px;
     font-family: 'Roboto', sans-serif;
     font-weight: 700;
     color: #fff;
     margin: 0px;
     padding: 0px;
     background: transparent;
     z-index: 1;
     transform: rotate(-45deg);
     text-transform: uppercase;
 }

 .service-details-content .before-after-content .before-after .twentytwenty-horizontal .twentytwenty-before-label:after {
     position: absolute;
     content: '';
     left: 0px;
     top: 0px;
     width: 100px;
     height: 100px;
     clip-path: polygon(0% 0%, 100% 0%, 0% 100%, 0% 100%, 0% 0%);
 }

 .service-details-content .before-after-content .before-after .twentytwenty-horizontal .twentytwenty-after-label:before {
     position: absolute;
     right: 0px;
     width: 100px;
     height: 100px;
     line-height: 140px;
     text-align: center;
     font-size: 16px;
     background: transparent;
     font-family: 'Roboto', sans-serif;
     font-weight: 700;
     color: #fff;
     margin: 0px;
     padding: 0px;
     bottom: 0px;
     transform: rotate(-45deg);
     z-index: 1;
     text-transform: uppercase;
 }

 .service-details-content .before-after-content .before-after .twentytwenty-horizontal .twentytwenty-after-label:after {
     position: absolute;
     content: '';
     bottom: 0px;
     right: 0px;
     width: 100px;
     height: 100px;
     line-height: 100px;
     clip-path: polygon(0% 100%, 100% 0%, 100% 100%, 0% 100%, 0% 0%);
 }

 .twentytwenty-after-label,
 .twentytwenty-before-label {
     opacity: 1 !important;
 }

 .service-details-content .before-after-gallery .text p {
     font-size: 18px;
     font-weight: 600;
     color: #5a5a68;
     margin-bottom: 0px;
 }

 .service-details-content .before-after-gallery .text {
     position: relative;
     margin-bottom: 31px;
 }

 .service-details-content .before-after-gallery {
     position: relative;
     margin-bottom: 53px;
 }

 .service-details-content .carousel-content .single-item {
     position: relative;
     display: block;
 }

 .service-details-content .carousel-content .single-item .image-box {
     position: absolute;
     left: 0px;
     top: 0px;
     width: 170px;
     height: 170px;
     border-radius: 50%;
     overflow: hidden;
 }

 .service-details-content .carousel-content .single-item .image-box img {
     width: 100%;
     border-radius: 50%;
 }

 .service-details-content .carousel-content .single-item .inner {
     position: relative;
     padding: 11px 0px 11px 200px;
     min-height: 170px;
 }

 .service-details-content .carousel-content .single-item .inner h3 {
     margin-bottom: 15px;
 }

 .service-details-content .carousel-content .single-item .inner p {
     font-size: 18px;
     font-weight: 600;
     margin-bottom: 17px;
 }

 .service-details-content .carousel-content .single-item .inner h4 {
     position: relative;
     display: inline-block;
     font-size: 20px;
     line-height: 28px;
     font-weight: 500;
     color: #1e1e2a;
     margin: 0px;
 }

 .service-details-content .carousel-content .single-item .inner .rating-box {
     position: relative;
     display: inline-block;
 }

 .service-details-content .carousel-content .single-item .inner .rating-box li {
     position: relative;
     display: inline-block;
     font-size: 14px;
 }

 .service-details-content .carousel-content .owl-dots {
     position: relative;
     display: block;
     margin-left: 193px;
     margin-top: 25px;
 }

 .service-details-content .carousel-content .owl-dots .owl-dot span {
     position: relative;
     display: inline-block;
     width: 14px;
     height: 14px;
     background: #d9d9e1;
     border-radius: 50%;
     margin: 0px 7px;
     cursor: pointer;
     transition: all 500ms ease;
 }

 .service-details-content .carousel-content .owl-dots .owl-dot.active span,
 .service-details-content .carousel-content .owl-dots .owl-dot span:hover {}

 .service-details-content .carousel-content .group-title {
     margin-bottom: 39px;
 }

 .default-sidebar .widget-title {
     position: relative;
     display: block;
     padding-bottom: 21px;
     margin-bottom: 29px;
 }

 .default-sidebar .widget-title h3 {
     position: relative;
     margin: 0px;
 }

 .default-sidebar .widget-title .line {
     position: absolute;
     left: 0px;
     bottom: 0px;
     width: 62px;
     height: 9px;
     background-repeat: no-repeat;
 }

 .default-sidebar .sidebar-widget {
     position: relative;
     display: block;
     background: #f6f6f6;
     padding: 35px 30px 40px 30px;
     margin-bottom: 40px;
 }

 .service-sidebar .sidebar-categories .categories-list li {
     position: relative;
     display: block;
 }

 .service-sidebar .sidebar-categories .categories-list li a {
     position: relative;
     display: block;
     font-size: 18px;
     line-height: 28px;
     font-family: 'Roboto', sans-serif;
     font-weight: 500;
     background: #fff;
     color: #1e1e2a;
     padding: 18px 30px 17px 60px;
     border-bottom: 1px solid #e3e3e3;
 }

 .service-sidebar .sidebar-categories .categories-list li:last-child a {
     border-bottom: 1px solid #fff;
 }

 .service-sidebar .sidebar-categories .categories-list li a:hover {
     border-bottom: 1px solid #fff;
     box-shadow: 0 10px 10px rgba(0, 0, 0, 0.1);
     z-index: 1;
 }

 .service-sidebar .sidebar-categories .categories-list li a:before {
     position: absolute;
     content: "\f150";
     font-family: 'Font Awesome 5 Free';
     font-size: 16px;
     font-weight: 400;
     color: #b0b0bd;
     left: 30px;
     top: 17px;
     transition: all 500ms ease;
 }

 .service-sidebar .sidebar-categories .categories-list li a:hover:before {
     transform: rotate(-90deg);
 }

 .service-sidebar .sidebar-brochures .download-file {
     position: relative;
     margin: 0px -5px;
 }

 .service-sidebar .sidebar-brochures .download-file li {
     position: relative;
     display: inline-block;
     float: left;
     max-width: 150px;
     width: 100%;
     margin: 0px 5px;
 }

 .service-sidebar .sidebar-brochures .download-file li a {
     position: relative;
     display: block;
     max-width: 150px;
     text-align: center;
     background: #fff;
     padding: 30px 10px 22px 10px;
 }

 .service-sidebar .sidebar-brochures .download-file li a:hover {
     box-shadow: 0 20px 20px rgba(0, 0, 0, 0.1);
 }

 .service-sidebar .sidebar-brochures .download-file li a i {
     position: relative;
     display: inline-block;
     font-size: 30px;
     line-height: 30px;
     color: #262632;
     margin-bottom: 15px;
     transition: all 500ms ease;
 }

 .service-sidebar .sidebar-brochures .download-file li a:hover i {}

 .service-sidebar .sidebar-brochures .download-file li a h5 {
     position: relative;
     display: block;
     font-size: 18px;
     line-height: 26px;
     color: #1e1e2a;
     font-weight: 500;
     margin-bottom: 5px;
 }

 .service-sidebar .sidebar-brochures .download-file li a span {
     position: relative;
     display: block;
     font-size: 17px;
     color: #5a5a68;
     font-family: 'Muli', sans-serif;
     font-weight: 500;
     margin: 0px;
 }

 .service-sidebar .sidebar-support .support-inner {
     position: relative;
 }

 .service-sidebar .sidebar-support .support-inner .image-box {
     position: relative;
     display: block;
 }

 .service-sidebar .sidebar-support .support-inner .image-box img {
     width: 100%;
 }

 .service-sidebar .sidebar-support .support-inner .content-box {
     position: absolute;
     left: 0px;
     bottom: 0px;
     width: 100%;
     padding: 30px 30px 22px 30px;
     z-index: 1;
 }

 .service-sidebar .sidebar-support .support-inner .content-box:before {
     position: absolute;
     content: '';
     width: 100%;
     height: 225px;
     left: 0px;
     bottom: 0px;
     clip-path: polygon(0% 0%, 0% 0%, 100% 100%, 0% 100%, 0% 0%);
 }

 .service-sidebar .sidebar-support .support-inner .content-box:after {
     position: absolute;
     content: '';
     width: 100%;
     height: 155px;
     right: 0px;
     bottom: 0px;
     z-index: -1;
     clip-path: polygon(0% 100%, 100% 0%, 100% 100%, 0% 100%, 0% 0%);
 }

 .service-sidebar .sidebar-support .support-inner .content-box .icon-box {
     position: relative;
     display: inline-block;
     font-size: 60px;
     line-height: 60px;
     color: #fff;
     margin-bottom: 15px;
 }

 .service-sidebar .sidebar-support .support-inner .content-box h5 {
     position: relative;
     display: block;
     font-size: 18px;
     color: #fff;
     font-weight: 500;
     margin-bottom: 4px;
 }

 .service-sidebar .sidebar-support .support-inner .content-box .phone-box a {
     position: relative;
     display: inline-block;
     font-size: 24px;
     line-height: 30px;
     font-family: 'Roboto', sans-serif;
     color: #fff;
     font-weight: 700;
     z-index: 1;
 }

 .service-sidebar .sidebar-support .support-inner .content-box .phone-box a:hover {
     text-decoration: underline;
 }

 .service-sidebar .sidebar-support .support-inner .content-box .mail-box {
     position: absolute;
     right: 30px;
     bottom: 30px;
 }

 .service-sidebar .sidebar-support .support-inner .content-box .mail-box a {
     position: relative;
     display: inline-block;
     font-size: 20px;
     width: 50px;
     height: 50px;
     line-height: 50px;
     background: #fff;
     text-align: center;
     border-radius: 50%;
     z-index: 1;
 }

 /*** 

====================================================================
                        Work-Page
====================================================================

***/

 .nice-select:after {
     width: 8px;
     height: 8px;
     border-bottom: 2px solid #9393a1;
     border-right: 2px solid #9393a1;
     right: 20px;
 }

 .project-section .upper-box .select-box {
     position: relative;
     max-width: 270px;
     width: 100%;
     margin-top: 32px;
 }

 .project-section .upper-box .nice-select {
     position: relative;
     width: 100%;
     height: 58px;
     border: 1px solid #e3e3e3;
     line-height: 58px;
     border-radius: 0px;
     padding: 0px 20px;
     font-size: 17px;
     font-weight: 600;
     color: #5a5a68;
     z-index: 9;
 }

 .project-block-three .inner-box {
     position: relative;
     display: block;
     overflow: hidden;
     text-align: center;
     margin-bottom: 32px;
 }

 .project-block-three .inner-box .image-box {
     position: relative;
     display: block;
 }

 .project-block-three .inner-box .image-box img {
     width: 100%;
 }

 .project-block-three .inner-box .content-box .lower-content {
     position: relative;
     padding-top: 13px;
 }

 .project-block-three .inner-box .content-box .lower-content p {
     font-size: 18px;
     font-weight: 600;
     margin-bottom: 2px;
 }

 .project-block-three .inner-box .content-box .lower-content h3 {
     margin-bottom: 0px;
 }

 .project-block-three .inner-box .content-box {
     position: relative;
     opacity: 1;
     transition: all 500ms ease;
 }

 .project-block-three .inner-box:hover .content-box {
     opacity: 0;
 }

 .project-block-three .inner-box .overlay-box {
     position: absolute;
     left: 0px;
     top: 50px;
     right: 0px;
     opacity: 0;
     transition: all 500ms ease;
 }

 .project-block-three .inner-box:hover .overlay-box {
     top: 0px;
     opacity: 1;
 }

 .project-block-three .inner-box .overlay-box .image-box {
     overflow: hidden;
     background: #1e1e2a;
 }

 .project-block-three .inner-box .overlay-box .image-box img {
     opacity: 0.1;
 }

 .project-block-three .inner-box .overlay-box .inner {
     position: relative;
 }

 .project-block-three .inner-box .overlay-box .box {
     position: absolute;
     left: 50%;
     top: 50%;
     transform: translate(-50%, -50%);
     width: 100%;
     padding: 15px 15px;
 }

 .project-block-three .inner-box .overlay-box .box p {
     font-size: 18px;
     font-weight: 600;
     color: #fff;
     margin-bottom: 2px;
 }

 .project-block-three .inner-box .overlay-box .box h3 {
     color: #fff;
     margin-bottom: 22px;
 }

 .project-block-three .inner-box .overlay-box .box h3 a {
     display: inline-block;
     color: #fff;
 }

 .project-block-three .inner-box .overlay-box .box h3 a:hover {}

 .project-block-three .inner-box .overlay-box .box .view-btn {
     position: relative;
     display: inline-block;
     font-size: 30px;
     font-family: 'Roboto', sans-serif;
     color: #fff;
     font-weight: 700;
     width: 60px;
     height: 60px;
     line-height: 54px;
     text-align: center;
     border-radius: 50%;
     border: 4px solid #fff;
 }

 .project-section.modern-view {
     padding-bottom: 70px;
 }

 .project-block-four .inner-box {
     position: relative;
     display: block;
     overflow: hidden;
     text-align: center;
     margin-bottom: 30px;
     transition: all 500ms ease;
 }

 .project-block-four .inner-box:hover {
     padding: 10px;
 }

 .project-block-four .inner-box .image-box {
     position: relative;
     display: block;
 }

 .project-block-four .inner-box .image-box img {
     width: 100%;
     transition: all 500ms ease;
 }

 .project-block-four .inner-box:hover .image-box img {
     opacity: 0;
 }

 .project-block-four .inner-box .content-box {
     position: absolute;
     left: 50%;
     top: 50%;
     transform: translate(-50%, -50%);
     width: 100%;
     padding: 15px 15px;
 }

 .project-block-four .inner-box .content-box p {
     font-size: 18px;
     font-weight: 600;
     color: #fff;
     margin-bottom: 2px;
     transform: translateY(-15px);
     opacity: 0;
     transition: all 500ms ease;
 }

 .project-block-four .inner-box .content-box h3 {
     color: #fff;
     margin-bottom: 23px;
     transform: translateY(-15px);
     opacity: 0;
     transition: all 500ms ease;
 }

 .project-block-four .inner-box:hover .content-box p,
 .project-block-four .inner-box:hover .content-box h3,
 .project-block-four .inner-box:hover .content-box .view-btn {
     opacity: 1;
     transform: translateY(0px);
 }

 .project-block-four .inner-box .content-box h3 a {
     color: #fff;
 }

 .project-block-four .inner-box .content-box .view-btn {
     position: relative;
     display: inline-block;
     font-size: 30px;
     font-family: 'Roboto', sans-serif;
     font-weight: 700;
     width: 60px;
     height: 60px;
     line-height: 60px;
     background: #fff;
     text-align: center;
     border-radius: 50%;
     transform: translateY(15px);
     opacity: 0;
     transition: all 500ms ease;
 }

 .project-section .sortable-masonry .filters {
     position: relative;
     display: block;
     margin-bottom: 65px;
 }

 .project-section .sortable-masonry .filters .filter-tabs {
     position: relative;
     border-top: 1px solid #e3e3e3;
     border-bottom: 1px solid #e3e3e3;
 }

 .project-section .sortable-masonry .filters .filter-tabs li {
     position: relative;
     display: inline-block;
     font-size: 18px;
     font-family: 'Roboto', sans-serif;
     color: #1e1e2a;
     font-weight: 700;
     padding: 25px 30px;
     cursor: pointer;
     text-align: center;
     border-right: 1px solid #e3e3e3;
     transition: all 500ms ease;
 }

 .project-section .sortable-masonry .filters .filter-tabs li:first-child {
     border-left: 1px solid #e3e3e3;
 }

 .project-section .sortable-masonry .filters .filter-tabs li.active,
 .project-section .sortable-masonry .filters .filter-tabs li:hover {}

 .project-section .sortable-masonry .filters .filter-tabs li span {
     position: absolute;
     left: 50%;
     transform: translateX(-50%);
     bottom: -28px;
     font-size: 14px;
     font-family: 'Roboto', sans-serif;
     color: #fff;
     font-weight: 700;
     width: 35px;
     height: 26px;
     line-height: 26px;
     text-align: center;
     border-radius: 5px;
     opacity: 0;
     transition: all 500ms ease;
 }

 .project-section .sortable-masonry .filters .filter-tabs li:hover span,
 .project-section .sortable-masonry .filters .filter-tabs li.active span {
     bottom: -18px;
     opacity: 1;
 }

 .project-section .sortable-masonry .filters .filter-tabs li span:before {
     position: absolute;
     content: '';
     width: 10px;
     height: 10px;
     left: 12px;
     top: -3px;
     transform: rotate(45deg);
 }

 .project-section.masonry-view1 {
     padding: 120px 0px 90px 0px;
 }

 .mr-10 {
     margin-right: 10px;
 }

 .ml-10 {
     margin-left: 10px;
 }

 .project-section.masonry-view2 .project-block-two {
     margin-bottom: 50px;
 }

 .project-section.masonry-view2 {
     padding: 120px 0px 70px 0px;
 }

 /*** 

====================================================================
                        Blog-Page
====================================================================

***/

 .blog-grid .news-block-one {
     margin-bottom: 50px;
 }

 .blog-grid .pagination-wrapper {
     position: relative;
     display: block;
     margin-top: 10px;
 }

 .sidebar-page-container {
     position: relative;
 }

 .news-block-three .inner-box {
     position: relative;
     display: block;
     background: #fff;
     margin-bottom: 60px;
     box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
     transition: all 500ms ease;
 }

 .news-block-three .inner-box .image-box {
     position: relative;
     display: block;
     overflow: hidden;
 }

 .news-block-three .inner-box .image-box:before {
     position: absolute;
     content: '';
     background: #1e1e2a;
     width: 50%;
     height: 0%;
     left: 0px;
     bottom: 0px;
     opacity: 0.9;
     z-index: 1;
     transition: all 500ms ease;
 }

 .news-block-three .inner-box .image-box:after {
     position: absolute;
     content: '';
     background: #1e1e2a;
     width: 50%;
     height: 0%;
     right: 0px;
     top: 0px;
     opacity: 0.9;
     transition: all 500ms ease;
 }

 .news-block-three .inner-box:hover .image-box:before,
 .news-block-three .inner-box:hover .image-box:after {
     height: 100%
 }

 .news-block-three .inner-box .image-box .link {
     position: absolute;
     display: inline-block;
     left: 0px;
     top: 0px;
     right: 0px;
     width: 100%;
     height: 100%;
     font-size: 0px;
     color: #fff;
     z-index: 1;
 }

 .news-block-three .inner-box .image-box img {
     width: 100%;
     transition: all 6s ease;
 }

 .news-block-three .inner-box:hover .image-box img {
     transform: scale(1.5);
 }

 .news-block-three .inner-box .image-box .category {
     position: absolute;
     right: 0px;
     bottom: 0px;
 }

 .news-block-three .inner-box .image-box .category p {
     position: relative;
     display: inline-block;
     font-size: 16px;
     font-weight: 700;
     color: #fff;
     padding: 4px 19px;
     text-align: center;
     z-index: 1;
     border-top-left-radius: 15px;
 }

 .news-block-three .inner-box .image-box .category p i {
     position: relative;
     color: #fff;
     margin-right: 8px;
 }

 .news-block-three .inner-box .lower-content {
     position: relative;
     padding: 33px 30px 35px 30px;
 }

 .news-block-three .inner-box .lower-content .upper-box {
     position: relative;
     border-bottom: 1px solid #e3e3e3;
     padding-bottom: 23px;
     margin-bottom: 23px;
 }

 .news-block-three .inner-box .lower-content .upper-box h2 {
     position: relative;
     display: block;
     font-size: 30px;
     line-height: 40px;
     font-weight: 500;
     color: #1e1e2a;
     margin-bottom: 13px;
 }

 .news-block-three .inner-box .lower-content .upper-box h2 a {
     display: inline-block;
     color: #1e1e2a;
 }

 .news-block-three .inner-box .lower-content .upper-box h2 a:hover {}

 .news-block-three .inner-box .lower-content .upper-box .post-info li {
     position: relative;
     display: inline-block;
     font-size: 17px;
     padding-right: 15px;
     margin-right: 3px;
 }

 .news-block-three .inner-box .lower-content .upper-box .post-info li:before {
     position: absolute;
     content: "||";
     font-size: 15px;
     font-family: 'Muli', sans-serif;
     color: #c4c4c4;
     top: -1px;
     right: 0px;
 }

 .news-block-three .inner-box .lower-content .upper-box .post-info li:last-child:before {
     display: none;
 }

 .news-block-three .inner-box .lower-content .upper-box .post-info li:last-child {
     padding-right: 0px;
     margin-right: 0px;
 }

 .news-block-three .inner-box .lower-content .upper-box .post-info li a {
     color: #5a5a68;
 }

 .news-block-three .inner-box .lower-content .upper-box .post-info li a:hover {}

 .news-block-three .inner-box .lower-content .upper-box .post-info li i {
     font-size: 13px;
     margin-right: 8px;
 }

 .news-block-three .inner-box .lower-content .text p {
     font-size: 18px;
     font-weight: 600;
     color: #5a5a68;
     margin: 0px;
 }

 .news-block-three .inner-box .lower-content .text p span {}

 .news-block-three .inner-box .lower-content .text {
     position: relative;
     margin-bottom: 27px;
 }

 .news-block-three .inner-box .lower-content .lower-box .link-box .link a {
     position: relative;
     display: inline-block;
     font-size: 18px;
     font-family: 'Roboto', sans-serif;
     font-weight: 700;
     color: #1e1e2a;
 }

 .news-block-three .inner-box .lower-content .lower-box .link-box .link a i {
     position: relative;
     font-size: 22px;
     margin-left: 10px;
     font-weight: 400;
     top: 2px;
 }

 .news-block-three .inner-box .lower-content .lower-box .link-box .link a:hover {}

 .news-block-three .inner-box .lower-content .lower-box .share-box {
     position: relative;
     display: inline-block;
 }

 .news-block-three .inner-box .lower-content .lower-box .share-box a.share-btn {
     position: relative;
     display: inline-block;
     font-size: 13px;
     color: #5a5a68;
     font-family: 'Muli', sans-serif;
     text-transform: uppercase;
     margin: 0px;
 }

 .news-block-three .inner-box .lower-content .lower-box .share-box a.share-btn i {
     margin-right: 10px;
 }

 .news-block-three .inner-box .lower-content .lower-box .share-box a.share-btn:hover {}

 .news-block-three .inner-box .lower-content .lower-box .share-box .social-links {
     position: absolute;
     display: inline-block;
     left: 0px;
     bottom: -25px;
     width: 120px;
     height: 20px;
     background: transparent;
     text-align: center;
     opacity: 0;
     visibility: hidden;
     transition: all 500ms ease;
 }

 .news-block-three .inner-box .lower-content .lower-box .share-box:hover .social-links {
     bottom: -12px;
     opacity: 1;
     visibility: visible;
 }

 .news-block-three .inner-box .lower-content .lower-box .share-box .social-links li {
     position: relative;
     float: left;
     width: 25%;
     text-align: center;
 }

 .news-block-three .inner-box .lower-content .lower-box .share-box .social-links li a {
     font-size: 13px;
     color: #5a5a68;
 }

 .news-block-three .inner-box .lower-content .lower-box .share-box .social-links li a:hover {}

 .sidebar-page-container .sidebar .sidebar-search {
     position: relative;
     display: block;
     margin-bottom: 40px;
 }

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

 .default-sidebar .sidebar-search .form-group input[type='search'] {
     position: relative;
     width: 100%;
     height: 60px;
     border: 1px solid #e3e3e3;
     font-size: 17px;
     font-weight: 500;
     color: #5a5a68;
     padding: 10px 80px 10px 20px;
     border-radius: 5px;
     transition: all 500ms ease;
 }

 .default-sidebar .sidebar-search .form-group input:focus+button,
 .default-sidebar .sidebar-search .form-group button:hover {}

 .default-sidebar .sidebar-search .form-group input:focus {}

 .default-sidebar .sidebar-search .form-group button {
     position: absolute;
     top: 0px;
     right: 0px;
     width: 60px;
     height: 60px;
     line-height: 60px;
     background: #1e1e2a;
     font-size: 20px;
     font-weight: 600;
     color: #fff;
     text-align: center;
     border-radius: 0px 5px 5px 0px;
     cursor: pointer;
     transition: all 500ms ease;
 }

 .sidebar-page-container .sidebar .sidebar-categories .categories-list li {
     position: relative;
     display: block;
     border-bottom: 1px solid #e3e3e3;
 }

 .sidebar-page-container .sidebar .sidebar-categories .categories-list li:last-child {
     border-bottom: none;
 }

 .sidebar-page-container .sidebar .sidebar-categories .categories-list li a {
     position: relative;
     display: inline-block;
     font-size: 18px;
     line-height: 28px;
     font-family: 'Muli', sans-serif;
     font-weight: 600;
     color: #1e1e2a;
     padding: 13px 0px 12px 30px;
 }

 .sidebar-page-container .sidebar .sidebar-categories .categories-list li a:hover {}

 .sidebar-page-container .sidebar .sidebar-categories .categories-list li a:before {
     position: absolute;
     content: "\f07b";
     font-family: 'Font Awesome 5 Free';
     font-weight: 400;
     font-size: 16px;
     color: #9f9fb4;
     left: 0px;
     top: 13px;
     transition: all 500ms ease;
 }

 .sidebar-page-container .sidebar .sidebar-categories .categories-list li a:hover:before {}

 .sidebar-page-container .sidebar .sidebar-categories .widget-title {
     margin-bottom: 9px;
 }

 .sidebar-page-container .sidebar .sidebar-categories {
     padding-bottom: 20px;
 }

 .sidebar-page-container .sidebar .sidebar-post .post {
     position: relative;
     display: block;
     padding-left: 100px;
     border-bottom: 1px solid #e3e3e3;
     padding-bottom: 26px;
     margin-bottom: 26px;
     min-height: 115px;
 }

 .sidebar-page-container .sidebar .sidebar-post .post:last-child {
     margin-bottom: 0px;
     border-bottom: none;
 }

 .sidebar-page-container .sidebar .sidebar-post .post .post-thumb {
     position: absolute;
     left: 0px;
     top: 4px;
     width: 80px;
     height: 80px;
     background: #1e1e2a;
     overflow: hidden;
 }

 .sidebar-page-container .sidebar .sidebar-post .post .post-thumb img {
     width: 100%;
     transition: all 500ms ease;
 }

 .sidebar-page-container .sidebar .sidebar-post .post:hover .post-thumb img {
     opacity: 0.1;
 }

 .sidebar-page-container .sidebar .sidebar-post .post h5 {
     position: relative;
     display: block;
     font-size: 18px;
     line-height: 28px;
     font-weight: 700;
     margin-bottom: 4px;
 }

 .sidebar-page-container .sidebar .sidebar-post .post h5 a {
     position: relative;
     display: inline-block;
     color: #1e1e2a;
 }

 .sidebar-page-container .sidebar .sidebar-post .post h5 a:hover {}

 .sidebar-page-container .sidebar .sidebar-post .post p {}

 .sidebar-page-container .sidebar .sidebar-post .post p i {
     font-size: 13px;
     margin-right: 8px;
 }

 .sidebar-page-container .sidebar .sidebar-post .widget-title {
     margin-bottom: 25px;
 }

 .sidebar-page-container .sidebar .sidebar-post {
     padding-bottom: 10px;
 }

 .sidebar-page-container .sidebar .sidebar-archives .widget-content .select-box {
     position: relative;
     display: block;
     width: 100%;
     height: 56px;
 }

 .sidebar-page-container .sidebar .sidebar-archives .widget-content .select-box .nice-select {
     background: #fff;
     border: none;
     height: 56px;
     line-height: 56px;
     padding: 0px 20px 0px 60px;
     font-size: 17px;
     font-weight: 500;
 }

 .sidebar-page-container .sidebar .sidebar-archives .widget-content .select-box .nice-select:before {
     position: absolute;
     content: "\f133";
     font-family: 'Font Awesome 5 Free';
     font-weight: 400;
     font-size: 15px;
     line-height: 20px;
     color: #9f9fb4;
     left: 30px;
     top: 20px;
 }

 .sidebar-page-container .sidebar .sidebar-gallery .widget-content .image-list {
     position: relative;
     margin: 0px -10px;
 }

 .sidebar-page-container .sidebar .sidebar-gallery .widget-content ul li {
     position: relative;
     display: inline-block;
     float: left;
     width: 90px;
     height: 90px;
     background: #1e1e2a;
     overflow: hidden;
     margin: 0px 10px;
     margin-bottom: 20px;
 }

 .sidebar-page-container .sidebar .sidebar-gallery .widget-content ul li .image-box img {
     width: 100%;
     transition: all 500ms ease;
 }

 .sidebar-page-container .sidebar .sidebar-gallery .widget-content ul li .image-box:hover img {
     opacity: 0.1;
 }

 .sidebar-page-container .sidebar .sidebar-gallery {
     padding-bottom: 20px;
 }

 .sidebar-page-container .sidebar .sidebar-tags .tags-list li {
     position: relative;
     display: inline-block;
     float: left;
     margin: 0px 10px 10px 0px;
 }

 .sidebar-page-container .sidebar .sidebar-tags .tags-list li a {
     position: relative;
     display: inline-block;
     font-size: 17px;
     font-family: 'Muli', sans-serif;
     line-height: 28px;
     font-weight: 500;
     color: #5a5a68;
     background: #fff;
     padding: 4px 14px;
     text-align: center;
     z-index: 1;
 }

 .sidebar-page-container .sidebar .sidebar-tags .tags-list li a:hover {
     color: #fff;
 }

 .sidebar-page-container .sidebar .sidebar-tags .tags-list li a:before {
     position: absolute;
     content: '';
     width: 0%;
     height: 100%;
     top: 0px;
     right: 0px;
     z-index: -1;
     transition: all 500ms ease;
 }

 .sidebar-page-container .sidebar .sidebar-tags .tags-list li a:hover:before {
     width: 100%;
     left: 0px;
 }

 .sidebar-page-container .sidebar .sidebar-tags {
     padding-bottom: 30px;
 }

 .blog-details-content .news-block-three .inner-box {
     box-shadow: none;
     margin: 0px;
 }

 .blog-details-content .news-block-three .inner-box .lower-content {
     padding: 32px 0px 0px 0px;
 }

 .blog-details-content .news-block-three .inner-box .lower-content .upper-box {
     margin-bottom: 33px;
 }

 .blog-details-content .news-block-three .inner-box .lower-content h2 {
     font-size: 36px;
     line-height: 45px;
 }

 .blog-details-content .news-block-three .inner-box .image-box:before,
 .blog-details-content .news-block-three .inner-box .image-box:after {
     display: none;
 }

 .blog-details-content .news-block-three .inner-box:hover .image-box img {
     transform: scale(1);
 }

 .blog-details-content .news-block-three .inner-box .lower-content .text p {
     font-size: 18px;
     font-weight: 600;
     margin-bottom: 25px;
 }

 .blog-details-content .news-block-three .inner-box .lower-content .text h3 {
     font-size: 24px;
     line-height: 32px;
     padding-top: 21px;
     margin-bottom: 24px;
 }

 .blog-details-content .news-block-three .inner-box .lower-content .text h4 {
     font-size: 20px;
     line-height: 28px;
     font-weight: 500;
     margin-bottom: 12px;
     padding-left: 30px;
     padding-top: 2px;
 }

 .blog-details-content .news-block-three .inner-box .lower-content .text h4:before {
     position: absolute;
     content: "\f116";
     font-family: 'Flaticon';
     font-weight: 400;
     font-size: 18px;
     line-height: 18px;
     left: 0px;
     top: 4px;
     color: transparent;
     -webkit-background-clip: text;
     -webkit-text-fill-color: transparent;
 }

 .blog-details-content .news-block-three .inner-box .lower-content .text p:last-child {
     margin-bottom: 0px;
 }

 .blog-details-content .two-column .image-box {
     position: relative;
     display: block;
 }

 .blog-details-content .two-column .image-box img {
     width: 100%;
 }

 .blog-details-content .two-column .content-box blockquote {
     position: relative;
     display: block;
     background: #f6f6f6;
     text-align: center;
     margin: 0px;
     padding: 51px 20px 52px 20px;
 }

 .blog-details-content .two-column .content-box blockquote i {
     position: absolute;
     left: 30px;
     top: 30px;
     font-size: 80px;
     line-height: 80px;
     color: #e3e3e3;
 }

 .blog-details-content .two-column .content-box blockquote p {
     font-size: 20px;
     line-height: 32px;
     font-weight: 500;
     color: #5a5a68;
     margin-bottom: 16px;
 }

 .blog-details-content .two-column .content-box blockquote h3 {
     margin: 0px;
 }

 .blog-details-content .news-block-three .inner-box .lower-content .text {
     margin-bottom: 32px;
 }

 .blog-details-content .two-column {
     position: relative;
     display: block;
     margin-bottom: 54px;
 }

 .blog-details-content .maintenance-tips h3 {
     font-size: 24px;
     line-height: 32px;
     margin-bottom: 25px;
 }

 .blog-details-content .maintenance-tips p {
     font-size: 18px;
     font-weight: 600;
     margin-bottom: 25px;
 }

 .blog-details-content .maintenance-tips .list-item li {
     position: relative;
     display: block;
     font-size: 18px;
     font-weight: 600;
     margin-bottom: 10px;
     padding-left: 28px;
 }

 .blog-details-content .maintenance-tips .list-item li:last-child {
     margin-bottom: 0px;
 }

 .blog-details-content .maintenance-tips .list-item li:before {
     position: absolute;
     content: '';
     width: 8px;
     height: 8px;
     left: 0px;
     top: 12px;
     border-radius: 50%;
 }

 .blog-details-content .maintenance-tips {
     position: relative;
     display: block;
     margin-bottom: 52px;
 }

 .blog-details-content .post-share-option {
     position: relative;
     display: block;
     padding: 17px 0px;
     border-top: 1px solid #e5e5e5;
     margin-bottom: 43px;
 }

 .blog-details-content .post-share-option .post-tags li {
     position: relative;
     display: inline-block;
     font-size: 17px;
     font-family: 'Muli', sans-serif;
     color: #5a5a68;
     font-weight: 500;
 }

 .blog-details-content .post-share-option .post-tags li a {
     color: #5a5a68;
 }

 .blog-details-content .post-share-option .post-tags li a:hover {}

 .blog-details-content .post-share-option .post-tags li:first-child {
     color: #1e1e2a;
 }

 .blog-details-content .post-share-option .post-tags li:first-child i {
     margin-right: 8px;
 }

 .blog-details-content .post-share-option .social-links li {
     position: relative;
     display: inline-block;
     margin-right: 6px;
 }

 .blog-details-content .post-share-option .social-links li:last-child {
     margin-right: 0px;
 }

 .blog-details-content .post-share-option .social-links li a {
     position: relative;
     display: inline-block;
     font-size: 14px;
     color: #8d8d9c;
     width: 43px;
     height: 43px;
     line-height: 43px;
     text-align: center;
     border: 1px solid #e3e3e3;
     border-radius: 50%;
 }

 .blog-details-content .post-share-option .social-links li a:hover {
     color: #fff;
 }

 .blog-details-content .post-share-option .post-tags {
     position: relative;
     margin-top: 8px;
 }

 .blog-details-content .author-box {
     position: relative;
     border: 1px solid #e5e5e5;
     padding: 35px 40px 33px 40px;
     margin-bottom: 52px;
 }

 .blog-details-content .author-box .author-inner {
     position: relative;
     padding-left: 130px;
 }

 .blog-details-content .author-box .author-inner .author-thumb {
     position: absolute;
     left: 0px;
     top: 6px;
     width: 90px;
     height: 90px;
     border-radius: 50%;
     overflow: hidden;
 }

 .blog-details-content .author-box .author-inner .author-thumb img {
     width: 100%;
     border-radius: 50%;
 }

 .blog-details-content .author-box .author-inner .info h4 {
     display: block;
     font-size: 20px;
     line-height: 24px;
     font-weight: 500;
     margin-bottom: 0px;
 }

 .blog-details-content .author-box .author-inner .info a {
     position: relative;
     display: inline-block;
     font-size: 17px;
     line-height: 24px;
     color: #5a5a68;
     font-weight: 500;
 }

 .blog-details-content .author-box .author-inner .info a:hover {}

 .blog-details-content .author-box .author-inner .info {
     position: relative;
     margin-bottom: 16px;
 }

 .blog-details-content .author-box .author-inner .text p {
     font-size: 18px;
     font-weight: 600;
     margin: 0px;
 }

 .blog-details-content .author-box .author-inner .text {
     position: relative;
     margin-bottom: 16px;
 }

 .blog-details-content .author-box .author-inner .social-links li {
     position: relative;
     display: inline-block;
     margin-right: 15px;
 }

 .blog-details-content .author-box .author-inner .social-links li:last-child {
     margin-right: 0px;
 }

 .blog-details-content .author-box .author-inner .social-links li a {
     position: relative;
     display: inline-block;
     font-size: 16px;
     color: #8d8d9c;
 }

 .blog-details-content .author-box .author-inner .social-links li a:hover {}

 .blog-details-content .post-btn {
     position: relative;
     display: block;
 }

 .blog-details-content .post-btn .btn-box {
     width: 50%;
 }

 .blog-details-content .post-btn .btn-box a {
     position: relative;
     display: inline-block;
     font-size: 17px;
     font-weight: 500;
     color: #5a5a68;
     margin-bottom: 12px;
 }

 .blog-details-content .post-btn .btn-box a:hover {}

 .blog-details-content .post-btn .btn-box .box {
     position: relative;
     padding-top: 6px;
     padding-bottom: 8px;
     min-height: 70px;
 }

 .blog-details-content .post-btn .prev-btn .box {
     padding-left: 90px;
     padding-right: 10px;
 }

 .blog-details-content .post-btn .next-btn {
     text-align: right;
 }

 .blog-details-content .post-btn .next-btn .box {
     padding-right: 90px;
 }

 .blog-details-content .post-btn .btn-box .box .image-box {
     position: absolute;
     top: 0px;
     width: 70px;
     height: 70px;
     border-radius: 50%;
     overflow: hidden;
 }

 .blog-details-content .post-btn .prev-btn .box .image-box {
     left: 0px;
 }

 .blog-details-content .post-btn .next-btn .box .image-box {
     right: 0px;
 }

 .blog-details-content .post-btn .btn-box .box .image-box img {
     width: 100%;
     border-radius: 50%;
 }

 .blog-details-content .post-btn .btn-box .box h4 {
     position: relative;
     font-size: 20px;
     line-height: 28px;
     font-weight: 500;
     margin: 0px;
 }

 .blog-details-content .post-btn {
     position: relative;
     padding-bottom: 50px;
     border-bottom: 1px solid #e3e3e3;
     margin-bottom: 52px;
 }

 .blog-details-content .post-btn:before {
     position: absolute;
     content: '';
     background: #e3e3e3;
     width: 1px;
     height: 100px;
     left: 50%;
     transform: translateX(-50%);
     top: 10px;
 }

 .blog-details-content .comments-area .comment {
     position: relative;
     display: block;
     background: #f6f6f6;
     border: 1px solid #f6f6f6;
     margin-bottom: 55px;
     padding: 35px 30px 16px 140px;
 }

 .blog-details-content .comments-area .comment:last-child {
     margin-bottom: 0px;
 }

 .blog-details-content .comments-area .comment .thumb-box {
     position: absolute;
     left: 40px;
     top: 40px;
     width: 70px;
     height: 70px;
     border-radius: 50%;
     overflow: hidden;
 }

 .blog-details-content .comments-area .comment .thumb-box img {
     width: 100%;
     border-radius: 50%;
 }

 .blog-details-content .comments-area .comment .comment-info h4 {
     position: relative;
     display: inline-block;
     font-size: 20px;
     font-weight: 500;
     margin: 0px;
 }

 .blog-details-content .comments-area .comment .comment-info .comment-time {
     position: relative;
     display: inline-block;
     font-size: 17px;
     font-weight: 500;
 }

 .blog-details-content .comments-area .comment .comment-info {
     position: relative;
     margin-bottom: 16px;
 }

 .blog-details-content .comments-area .comment p {
     position: relative;
     font-size: 18px;
     font-weight: 600;
     margin-bottom: 15px;
 }

 .blog-details-content .comments-area .comment a {
     position: absolute;
     right: 40px;
     bottom: -26px;
     width: 52px;
     height: 52px;
     line-height: 52px;
     font-size: 20px;
     border: 1px solid #e3e3e3;
     text-align: center;
     border-radius: 50%;
     background: #fff;
     color: #5a5a68;
     z-index: 1;
 }

 .blog-details-content .comments-area .comment a:before {
     position: absolute;
     content: '';
     width: 52px;
     height: 52px;
     left: -1px;
     top: -1px;
     border-radius: 50%;
     transform: scale(0, 0);
     z-index: -1;
     transition: all 500ms ease;
 }

 .blog-details-content .comments-area .comment a:hover:before {
     transform: scale(1, 1);
 }

 .blog-details-content .comments-area .comment a:hover {
     color: #fff;
 }

 .blog-details-content .comments-area .comment.replay-comment {
     background: transparent;
     border-color: #e3e3e3;
     margin-left: 40px;
 }

 .blog-details-content .comments-area .group-title {
     margin-bottom: 11px;
 }

 .blog-details-content .comments-area {
     position: relative;
     margin-bottom: 52px;
 }

 .blog-details-content .comments-form-area .group-title p {
     font-size: 17px;
     font-weight: 500;
     line-height: 34px;
     margin: 0px;
 }

 .blog-details-content .comments-form-area .comment-form .form-group {
     position: relative;
     margin-bottom: 30px;
 }

 .blog-details-content .comments-form-area .comment-form .form-group input[type='text'],
 .blog-details-content .comments-form-area .comment-form .form-group input[type='email'],
 .blog-details-content .comments-form-area .comment-form .form-group textarea {
     position: relative;
     width: 100%;
     height: 60px;
     border: 1px solid #e3e3e3;
     border-radius: 5px;
     font-size: 17px;
     font-weight: 600;
     color: #5a5a68;
     padding: 10px 20px;
     transition: all 500ms ease;
 }

 .blog-details-content .comments-form-area .comment-form .form-group textarea {
     display: block;
     height: 160px;
     resize: none;
 }

 .blog-details-content .comments-form-area .comment-form .form-group input:focus,
 .blog-details-content .comments-form-area .comment-form .form-group textarea:focus {}

 .blog-details-content .comments-form-area .group-title {
     margin-bottom: 10px;
 }

 .blog-details-content .comments-form-area .comment-form .form-group button {
     padding: 11px 56px;
 }

 .blog-details-content .comments-form-area .comment-form .form-group:last-child {
     margin-bottom: 0px;
 }

 /*** 

====================================================================
                        Product-Page
====================================================================

***/

 .our-shop {
     position: relative;
 }

 .our-shop .items-sorting {
     position: relative;
     display: block;
     padding-bottom: 20px;
     margin-bottom: 60px;
     border-bottom: 1px solid #e3e3e3;
 }

 .our-shop .items-sorting .text {
     position: relative;
     margin-top: 15px;
 }

 .our-shop .items-sorting .text p {
     font-weight: 500;
     color: #1e1e2a;
     margin: 0px;
 }

 .our-shop .items-sorting .select-box {
     position: relative;
     width: 270px;
 }

 .our-shop .items-sorting .select-box .nice-select {
     position: relative;
     height: 56px;
     line-height: 56px;
     border: 1px solid #e3e3e3;
     border-radius: 5px;
     padding: 0px 20px;
     font-size: 17px;
     font-weight: 500;
     color: #5a5a68;
     margin: 0px;
 }

 .product-block-one .inner-box {
     position: relative;
     display: block;
     text-align: center;
     background: #fff;
     box-shadow: 0 0px 20px rgba(0, 0, 0, 0.08);
     margin-bottom: 40px;
     transition: all 500ms ease;
 }

 .product-block-one .inner-box:hover {
     box-shadow: 0 0px 30px rgba(0, 0, 0, 0.2);
 }

 .product-block-one .inner-box .image-box {
     position: relative;
     display: block;
     overflow: hidden;
     background: #fff;
 }

 .product-block-one .inner-box .image-box img {
     width: 100%;
     transition: all 500ms ease;
 }

 .product-block-one .inner-box:hover .image-box img {
     opacity: 0.15;
 }

 .product-block-one .inner-box .image-box .category {
     position: absolute;
     top: 20px;
     left: 20px;
     font-size: 14px;
     font-family: 'Roboto', sans-serif;
     color: #fff;
     font-weight: 700;
     text-transform: uppercase;
     width: 46px;
     height: 46px;
     line-height: 46px;
     text-align: center;
     border-radius: 50%;
 }

 .product-block-one .inner-box .image-box .content-box {
     position: absolute;
     left: 50%;
     top: 55%;
     transform: translate(-50%, -50%);
     background: #fff;
     width: 160px;
     height: 54px;
     line-height: 54px;
     border-radius: 30px;
     opacity: 0;
     box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);
     transition: all 500ms ease;
 }

 .product-block-one .inner-box:hover .image-box .content-box {
     top: 50%;
     opacity: 1;
 }

 .product-block-one .inner-box .image-box .content-box li {
     position: relative;
     display: inline-block;
     float: left;
     width: 33.333%;
     border-right: 1px solid #e3e3e3;
     text-align: center;
 }

 .product-block-one .inner-box .image-box .content-box li:last-child {
     border-right: none
 }

 .product-block-one .inner-box .image-box .content-box li a {
     position: relative;
     display: inline-block;
     font-size: 18px;
     color: #1e1e2a;
 }

 .product-block-one .inner-box .image-box .content-box li:nth-child(2) a {
     font-size: 24px;
 }

 .product-block-one .inner-box .image-box .content-box li a:hover {}

 .product-block-one .inner-box .image-box .content-box li a span {
     position: absolute;
     left: 50%;
     transform: translateX(-50%);
     top: -13px;
     width: 93px;
     height: 28px;
     line-height: 28px;
     text-align: center;
     font-size: 13px;
     font-family: 'Muli', sans-serif;
     font-weight: 700;
     color: #fff;
     border-radius: 5px;
     visibility: hidden;
     opacity: 0;
     transition: all 500ms ease;
 }

 .product-block-one .inner-box .image-box .content-box li a:hover span {
     top: -18px;
     visibility: visible;
     opacity: 1;
 }

 .product-block-one .inner-box .image-box .content-box li a span:before {
     position: absolute;
     content: '';
     width: 10px;
     height: 10px;
     left: 40px;
     bottom: -3px;
     transform: rotate(45deg);
 }

 .product-block-one .inner-box .lower-content {
     position: relative;
     border-top: 1px solid #e3e3e3;
     padding: 29px 15px 22px 15px;
 }

 .product-block-one .inner-box .lower-content .rating {
     position: absolute;
     display: inline-block;
     left: 50%;
     transform: translateX(-50%);
     top: -15px;
     background: #fff;
     border: 1px solid #e3e3e3;
     border-radius: 30px;
     overflow: hidden;
     text-align: center;
     padding: 0px 15px;
 }

 .product-block-one .inner-box .lower-content .rating li {
     position: relative;
     display: inline-block;
     font-size: 13px;
     line-height: 20px;
 }

 .product-block-one .inner-box .lower-content h3 {
     margin-bottom: 5px;
 }

 .product-block-one .inner-box .lower-content p {
     font-size: 18px;
     font-weight: 500;
     margin: 0px;
 }

 .product-block-one .inner-box .lower-content .rating.light li:last-child {
     color: #a6a6af;
 }

 .our-shop .pagination-wrapper {
     margin-top: 10px;
 }

 .shop-sidebar .sidebar-widget {
     padding: 0px;
     background: transparent;
 }

 .shop-sidebar .sidebar-search {
     position: relative;
     margin-bottom: 45px;
 }

 .shop-sidebar .sidebar-categories {
     margin-bottom: 45px;
 }

 .shop-sidebar .sidebar-categories .categories-list li {
     position: relative;
     display: block;
     border-bottom: 1px solid #e3e3e3;
 }

 .shop-sidebar .sidebar-categories .categories-list li a {
     position: relative;
     display: inline-block;
     font-size: 18px;
     line-height: 28px;
     font-family: 'Muli', sans-serif;
     font-weight: 600;
     color: #1e1e2a;
     padding: 13px 0px 12px 30px;
 }

 .shop-sidebar .sidebar-categories .categories-list li a:hover {}

 .shop-sidebar .sidebar-categories .categories-list li a:before {
     position: absolute;
     content: "\f07b";
     font-family: 'Font Awesome 5 Free';
     font-weight: 400;
     font-size: 16px;
     color: #9f9fb4;
     left: 0px;
     top: 13px;
     transition: all 500ms ease;
 }

 .shop-sidebar .sidebar-categories .categories-list li a:hover:before {}

 .shop-sidebar .sidebar-search .form-group input[type='search'] {
     height: 56px;
 }

 .shop-sidebar .sidebar-search .form-group button {
     height: 56px;
 }

 .shop-sidebar .sidebar-categories .widget-title {
     margin-bottom: 7px;
 }

 .shop-sidebar .range-slider .title {
     position: relative;
     float: left;
     font-size: 17px;
     font-weight: 500;
     margin-top: 4px;
 }

 .shop-sidebar .range-slider .title:before {
     position: absolute;
     content: '$';
     right: -14px;
     top: 0px;
     font-size: 17px;
     font-weight: 500;
 }

 .shop-sidebar .range-slider .input {
     float: right;
     left: 8px;
     max-width: 75px;
     padding-left: 8px;
     margin-top: 4px;
     font-weight: 500;
     position: relative;
 }

 .shop-sidebar .range-slider .input input {
     background: none;
     font-size: 17px;
     font-weight: 500;
     color: #5a5a68;
     width: auto;
     text-align: left;
 }

 .shop-sidebar .range-slider .ui-widget.ui-widget-content {
     height: 2px;
     border: none;
     margin-bottom: 26px;
     background: #e1e5e9;
 }

 .shop-sidebar .range-slider .ui-slider .ui-slider-range {
     top: 0px;
     height: 2px;
 }

 .shop-sidebar .range-slider .ui-state-default,
 .shop-sidebar .range-slider .ui-widget-content .ui-state-default {
     top: -6px;
     width: 14px;
     height: 14px;
     background: #fff;
     cursor: pointer;
     border-radius: 50%;
     margin-left: 0px;
 }

 .shop-sidebar .range-slider .ui-state-default:before,
 .shop-sidebar .range-slider .ui-widget-content .ui-state-default:before {
     position: absolute;
     content: '';
     width: 4px;
     height: 4px;
     left: 3px;
     top: 3px;
     border-radius: 50%;
 }

 .shop-sidebar .filter-price .range-slider .theme-btn {
     padding: 2px 31px;
     font-size: 16px;
 }

 .shop-sidebar .filter-price {
     margin-bottom: 45px;
 }

 .shop-sidebar .filter-price .widget-title {
     margin-bottom: 36px;
 }

 .shop-sidebar .post-widget .post-inner .post {
     position: relative;
     padding-left: 100px;
     margin-bottom: 26px;
     min-height: 80px;
 }

 .shop-sidebar .post-widget .post-inner .post:last-child {
     margin-bottom: 0px;
 }

 .shop-sidebar .post-widget .post-inner .post .image-box {
     position: absolute;
     left: 0px;
     top: 2px;
     width: 80px;
     height: 80px;
     border: 1px solid #e3e3e3;
     transition: all 500ms ease;
 }

 .shop-sidebar .post-widget .post-inner .post:hover .image-box {}

 .shop-sidebar .post-widget .post-inner .post .rating {
     position: relative;
     display: block;
     margin-bottom: 4px;
 }

 .shop-sidebar .post-widget .post-inner .post .rating li {
     position: relative;
     display: inline-block;
     float: left;
     margin-right: 2px;
     font-size: 12px;
     line-height: 20px;
 }

 .shop-sidebar .post-widget .post-inner .post .rating li:last-child {
     margin-right: 0px;
 }

 .shop-sidebar .post-widget .post-inner .post .rating.light li:last-child {
     color: #a6a6af;
 }

 .shop-sidebar .post-widget .post-inner .post h5 {
     position: relative;
     display: block;
     font-size: 18px;
     line-height: 28px;
     font-weight: 500;
     margin-bottom: 8px;
 }

 .shop-sidebar .post-widget .post-inner .post h5 a {
     display: inline-block;
     color: #1e1e2a;
 }

 .shop-sidebar .post-widget .post-inner .post h5 a:hover {}

 .shop-sidebar .post-widget .post-inner .post .price {
     position: relative;
     display: block;
     font-size: 16px;
     line-height: 24px;
     font-family: 'Roboto', sans-serif;
     color: #5a5a68;
     font-weight: 700;
     margin: 0px;
 }

 /** product-details **/

 .product-details {
     position: relative;
     padding: 120px 0px 90px 0px;
 }

 .product-details .basic-details .slider-content {
     position: relative;
     padding-left: 140px;
     width: 100% !important;
 }

 .product-details .basic-details .slider-content .slider-pager {
     position: absolute;
     left: 0px;
     top: 0px;
 }

 .product-details .basic-details .slider-content .slider-pager li {
     position: relative;
     display: block;
     margin-bottom: 20px;
 }

 .product-details .basic-details .slider-content .slider-pager li a {
     position: relative;
     display: inline-block;
     width: 120px;
     height: 120px;
     border: 1px solid #e3e3e3;
     border-radius: 5px;
 }

 .product-details .basic-details .slider-content .slider-pager li a.active {}

 .product-details .basic-details .slider-content .slider-pager li:last-child {
     margin-bottom: 0px;
 }

 .product-details .basic-details .slider-content .image-box {
     position: relative;
     display: block;
     border: 1px solid #e3e3e3;
     border-radius: 5px;
     margin-right: 30px;
 }

 .product-details .basic-details .slider-content .image-box img {
     width: 100%;
 }

 .product-details .basic-details .carousel-column .btn-box {
     position: relative;
     padding-left: 140px;
     margin-top: 20px;
 }

 .product-details .basic-details .carousel-column .btn-box li {
     position: relative;
     display: inline-block;
     float: left;
     margin-right: 10px;
 }

 .product-details .basic-details .carousel-column .btn-box li:last-child {
     margin-right: 0px;
 }

 .product-details .basic-details .carousel-column .btn-box li .cart-btn {
     position: relative;
     display: inline-block;
     width: 195px;
     text-align: center;
     background: #1e1e2a;
     padding: 13px 25px;
     font-size: 18px;
     line-height: 30px;
     font-family: 'Roboto', sans-serif;
     font-weight: 700;
     color: #fff;
     border-radius: 5px;
     cursor: pointer;
     transition: all 500ms ease;
 }

 .product-details .basic-details .carousel-column .btn-box li .cart-btn:hover {}

 .product-details .basic-details .carousel-column .btn-box li .theme-btn {
     width: 195px;
     padding: 13px 25px;
 }

 .product-details .basic-details .product-details-content {
     position: relative;
 }

 .product-details .basic-details .product-details-content h2 {
     position: relative;
     display: block;
     font-size: 30px;
     line-height: 38px;
     font-weight: 500;
     margin-bottom: 5px;
 }

 .product-details .basic-details .product-details-content .rating-box {
     position: relative;
     display: inline-block;
 }

 .product-details .basic-details .product-details-content .rating-box li {
     position: relative;
     display: inline-block;
     float: left;
     font-size: 15px;
     margin-right: 2px;
 }

 .product-details .basic-details .product-details-content .rating-box li:last-child {
     margin-right: 0px;
 }

 .product-details .basic-details .product-details-content .reviews {
     position: relative;
     display: inline-block;
     top: -10px;
 }

 .product-details .basic-details .product-details-content .reviews a {
     position: relative;
     display: inline-block;
     font-size: 17px;
     font-weight: 500;
     color: #5a5a68;
     margin-left: 8px;
 }

 .product-details .basic-details .product-details-content .reviews a:hover {}

 .product-details .basic-details .product-details-content .item-price {
     position: relative;
     display: block;
     margin: 12px 0px 24px 0px;
 }

 .product-details .basic-details .product-details-content .item-price h3 {
     position: relative;
     font-size: 30px;
     line-height: 38px;
     font-weight: 500;
 }

 .product-details .basic-details .product-details-content .share {
     position: absolute;
     top: 0px;
     right: 0px;
 }

 .product-details .basic-details .product-details-content .share a {
     position: relative;
     display: inline-block;
     font-size: 18px;
     color: #84859c;
     width: 54px;
     height: 54px;
     line-height: 54px;
     border: 1px solid #e3e3e3;
     border-radius: 50%;
     text-align: center;
 }

 .product-details .basic-details .product-details-content .share a:hover {
     color: #fff;
 }

 .product-details .basic-details .product-details-content .text {
     position: relative;
     display: block;
     margin-bottom: 26px;
 }

 .product-details .basic-details .product-details-content .text p {
     font-size: 18px;
     font-weight: 600;
     color: #5a5a68;
     margin: 0px;
 }

 .product-details .basic-details .product-details-content .product-highlights h4 {
     position: relative;
     display: block;
     font-size: 20px;
     line-height: 30px;
     font-weight: 500;
     margin-bottom: 16px;
 }

 .product-details .basic-details .product-details-content .product-highlights .list-item li {
     position: relative;
     display: block;
     font-size: 17px;
     font-weight: 600;
     color: #5a5a68;
     margin-bottom: 10px;
     padding-left: 25px;
 }

 .product-details .basic-details .product-details-content .product-highlights .list-item li:last-child {
     margin-bottom: 0px;
 }

 .product-details .basic-details .product-details-content .product-highlights .list-item li:before {
     position: absolute;
     content: '\f621';
     font-family: 'Font Awesome 5 Free';
     font-weight: 700;
     font-size: 15px;
     font-weight: 700;
     left: 0px;
     top: 0px;
 }

 .product-details .basic-details .product-details-content .product-highlights {
     position: relative;
     margin-bottom: 45px;
 }

 .product-details .basic-details .product-details-content .othre-options p {
     position: relative;
     display: block;
     font-size: 13px;
     font-weight: 700;
     color: #1e1e2a;
     margin-bottom: 6px;
     text-transform: uppercase;
 }

 .product-details .basic-details .product-details-content .othre-options .select-box {
     position: relative;
     float: left;
     max-width: 200px;
     width: 100%;
     margin-right: 20px;
 }

 .product-details .basic-details .product-details-content .othre-options .select-box .nice-select {
     position: relative;
     height: 50px;
     line-height: 50px;
     border: 1px solid #e3e3e3;
     border-radius: 5px;
     padding: 0px 20px;
     font-size: 17px;
     font-weight: 500;
     color: #5a5a68;
     margin: 0px;
 }

 .product-details .basic-details .product-details-content .item-quantity {
     position: relative;
     display: inline-block;
     max-width: 130px;
     width: 100%;
     float: left;
     padding: 0px 50px;
 }

 .item-quantity .input-group {
     position: relative;
     display: table;
     border-collapse: separate;
     max-width: 50px;
     width: 100%;
     height: 50px;
 }

 .item-quantity input.quantity-spinner {
     line-height: 50px;
     height: 50px;
     width: 50px !important;
     padding: 0px !important;
     box-shadow: none !important;
     font-family: 'Roboto', sans-serif;
     border: none;
     text-align: center;
     font-size: 18px;
     font-weight: 500;
     color: #1e1e2a;
     border: 1px solid #e3e3e3;
     border-radius: 5px;
 }

 .bootstrap-touchspin .input-group-btn-vertical>.btn.bootstrap-touchspin-down {
     position: absolute;
     height: 50px;
     width: 40px;
     background: transparent;
     padding: 0px 0px;
     left: -40px;
     top: -50px;
     border: 1px solid #e3e3e3;
     border-right: none;
     border-radius: 5px 0px 0px 5px;
 }

 .bootstrap-touchspin .input-group-btn-vertical>.btn.bootstrap-touchspin-up {
     position: absolute;
     height: 50px;
     width: 40px;
     background: transparent;
     padding: 0px 0px;
     right: -40px;
     top: -50px;
     border: 1px solid #e3e3e3;
     border-left: none;
     border-radius: 0px 5px 5px 0px;
     margin-top: 0px;
 }

 .bootstrap-touchspin .glyphicon-chevron-up:before {
     content: "\f067";
     font-size: 12px;
     font-style: normal;
     color: #0c2957;
     font-family: 'Font Awesome 5 Free';
     font-weight: 700;
 }

 .bootstrap-touchspin .glyphicon-chevron-down:before {
     content: "\f068";
     font-size: 12px;
     font-style: normal;
     color: #0c2957;
     font-weight: 700;
     font-family: 'Font Awesome 5 Free';
 }

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

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

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

 .product-details .basic-details .product-details-content .othre-options {
     position: relative;
     display: block;
     padding-bottom: 40px;
     border-bottom: 1px solid #e3e3e3;
     margin-bottom: 23px;
 }

 .product-details .basic-details .product-details-content .product-category .list li {
     position: relative;
     display: inline-block;
     font-size: 17px;
     font-weight: 500;
     color: #5a5a68;
 }

 .product-details .basic-details .product-details-content .product-category .list li:first-child {
     color: #1e1e2a;
 }

 .product-details .basic-details .product-details-content .product-category .list li a {
     color: #5a5a68;
 }

 .product-details .basic-details {
     position: relative;
     margin-bottom: 76px;
 }

 .product-details .product-discription .tab-btn-box {
     position: relative;
     display: block;
     margin-bottom: 40px;
 }

 .product-details .product-discription .tab-btn-box:before {
     position: absolute;
     content: '';
     background: #e3e3e3;
     width: 100%;
     height: 1px;
     left: 0px;
     top: 28px;
 }

 .product-details .product-discription .tab-btn-box .tab-btns li {
     position: relative;
     display: inline-block;
     font-size: 20px;
     font-weight: 500;
     font-family: 'Roboto', sans-serif;
     color: #1e1e2a;
     border: 1px solid #e3e3e3;
     background: #fff;
     border-radius: 5px;
     text-align: center;
     padding: 12px 23px;
     margin: 0px 7px;
     cursor: pointer;
     z-index: 1;
     transition: all 500ms ease;
 }

 .product-details .product-discription .tab-btn-box .tab-btns li.active-btn,
 .product-details .product-discription .tab-btn-box .tab-btns li:hover {
     color: #fff;
 }

 .product-details .product-discription .tab-btn-box .tab-btns li:before {
     position: absolute;
     content: '';
     width: 0%;
     height: calc(100% + 2px);
     right: 0px;
     top: -1px;
     border-radius: 5px;
     z-index: -1;
     transition: all 500ms ease;
 }

 .product-details .product-discription .tab-btn-box .tab-btns li:hover:before,
 .product-details .product-discription .tab-btn-box .tab-btns li.active-btn:before {
     width: calc(100% + 2px);
     left: -1px;
 }

 .product-details .product-discription .tabs-content .text p {
     position: relative;
     font-size: 18px;
     font-weight: 600;
     margin-bottom: 25px;
 }

 .product-details .product-discription .tabs-content .text p:last-child {
     margin-bottom: 0px;
 }

 .product-details .product-discription .tabs-content .customer-comment .comment {
     position: relative;
     display: block;
     border: 1px solid #e3e3e3;
     border-radius: 5px;
     margin-bottom: 30px;
     padding: 35px 35px 31px 120px;
 }

 .product-details .product-discription .tabs-content .customer-comment .comment:last-child {
     margin-bottom: 0px;
 }

 .product-details .product-discription .tabs-content .customer-comment .comment .customer-thumb {
     position: absolute;
     left: 30px;
     top: 40px;
     width: 70px;
     height: 70px;
     border-radius: 50%;
     overflow: hidden;
 }

 .product-details .product-discription .tabs-content .customer-comment .comment .customer-thumb img {
     width: 100%;
     border-radius: 50%;
 }

 .product-details .product-discription .tabs-content .customer-comment .comment .info {
     position: relative;
     margin-bottom: 0px;
 }

 .product-details .product-discription .tabs-content .customer-comment .comment .info h4 {
     position: relative;
     display: inline-block;
     font-size: 20px;
     font-weight: 500;
     margin: 0px;
 }

 .product-details .product-discription .tabs-content .customer-comment .comment .info span {
     position: relative;
     display: inline-block;
     font-size: 17px;
     font-weight: 500;
 }

 .product-details .product-discription .tabs-content .customer-comment .comment .rating {
     position: relative;
     margin-bottom: 13px;
 }

 .product-details .product-discription .tabs-content .customer-comment .comment .rating li {
     position: relative;
     display: inline-block;
     font-size: 12px;
     float: left;
     margin-right: 2px;
 }

 .product-details .product-discription .tabs-content .customer-comment .comment p {
     font-size: 18px;
     font-weight: 600;
     margin: 0px;
 }

 .product-details .product-discription .tabs-content .replay-inner {
     position: relative;
     display: block;
     border: 1px solid #e3e3e3;
     border-radius: 5px;
     padding: 34px 30px 40px 30px;
 }

 .product-details .product-discription .tabs-content .replay-inner h3 {
     font-size: 24px;
     margin-bottom: 27px;
 }

 .product-details .product-discription .tabs-content .replay-inner .review-box {
     position: relative;
     margin-bottom: 15px;
 }

 .product-details .product-discription .tabs-content .replay-inner .review-box p {
     display: inline-block;
     font-size: 17px;
     font-weight: 600;
     margin: 0px;
     float: left;
     margin-right: 10px;
 }

 .product-details .product-discription .tabs-content .replay-inner .review-box .rating {
     position: relative;
     display: inline-block;
     float: left;
 }

 .product-details .product-discription .tabs-content .replay-inner .review-box .rating li {
     position: relative;
     display: inline-block;
     float: left;
     font-size: 13px;
     margin-right: 2px;
 }

 .product-details .product-discription .tabs-content .replay-inner .replay-form .form-group {
     position: relative;
     margin-bottom: 13px;
 }

 .product-details .product-discription .tabs-content .replay-inner .replay-form .form-group:last-child {
     margin-bottom: 0px;
 }

 .product-details .product-discription .tabs-content .replay-inner .replay-form .form-group label {
     position: relative;
     display: block;
     font-size: 17px;
     font-weight: 500;
     margin-bottom: 4px;
 }

 .product-details .product-discription .tabs-content .replay-inner .replay-form .form-group input[type='text'],
 .product-details .product-discription .tabs-content .replay-inner .replay-form .form-group input[type='email'],
 .product-details .product-discription .tabs-content .replay-inner .replay-form .form-group textarea {
     position: relative;
     width: 100%;
     height: 54px;
     border: 1px solid #e3e3e3;
     border-radius: 5px;
     padding: 10px 20px;
     font-size: 17px;
     color: #5a5a68;
     font-weight: 600;
     transition: all 500ms ease;
 }

 .product-details .product-discription .tabs-content .replay-inner .replay-form .form-group textarea {
     height: 120px;
     display: block;
     resize: none;
 }

 .product-details .product-discription .tabs-content .replay-inner .replay-form .form-group textarea:focus,
 .product-details .product-discription .tabs-content .replay-inner .replay-form .form-group input:focus {}

 .product-details .product-discription .tabs-content .replay-inner .replay-form .form-group button {
     display: block;
     width: 100%;
     padding: 12px 50px;
     margin-top: 7px;
 }

 .product-details .product-discription {
     position: relative;
     margin-bottom: 90px;
 }

 .product-details .related-product h2 {
     position: relative;
     font-size: 30px;
     line-height: 38px;
     font-weight: 500;
     margin-bottom: 31px;
 }

 /** cart-section **/

 .cart-section {
     position: relative;
     padding: 113px 0px 120px 0px;
 }

 .cart-outer {
     position: relative;
 }

 .cart-outer .table-outer {
     position: relative;
     width: 100%;
     overflow-x: auto;
     margin-bottom: 40px;
 }

 .cart-outer .cart-table {
     width: 100%;
     min-width: 900px;
     border-bottom: 1px solid #e9e9e9;
 }

 .cart-outer .cart-table tbody {
     padding-bottom: 30px;
 }

 .cart-table .cart-header {
     position: relative;
     width: 100%;
     border: 1px solid #e3e3e3;
 }

 .cart-table thead tr th {
     line-height: 28px;
     padding: 21px 28px 19px 40px;
     font-weight: 500;
     font-size: 18px;
     font-family: 'Roboto', sans-serif;
     color: #1e1e2a;
     border-right: 1px solid #e3e3e3;
 }

 .cart-table thead tr th .fa {
     font-size: 18px;
 }

 .cart-table tbody tr td {
     padding: 30px 30px;
 }

 .cart-table tbody tr .qty .item-quantity {
     border: 1px solid #dddddd;
 }

 .cart-table tbody tr .qty .quantity-spinner {
     background: #ffffff;
 }

 .cart-table tbody tr .prod-column .column-box {
     position: relative;
     min-height: 80px;
     padding-top: 29px;
     padding-left: 110px;
 }

 .cart-table tbody tr .prod-column .column-box .prod-thumb {
     position: absolute;
     left: 0px;
     top: 0px;
     width: 80px;
     height: 80px;
     border: 1px solid #e3e3e3;
 }

 .cart-table tbody tr .prod-column .column-box .prod-thumb img {
     display: block;
     max-width: 100%;
 }

 .cart-table tbody tr .prod-column .column-box h4 {
     position: relative;
     font-size: 18px;
     font-weight: 500;
 }

 .cart-table tbody tr .sub-total {
     font-family: 'Roboto', sans-serif;
     font-weight: 500;
     color: #1e1e2a;
 }

 .cart-table tbody tr .remove-btn {
     position: relative;
     display: inline-block;
     font-size: 18px;
     color: #b0b0b8;
     width: 34px;
     height: 34px;
     line-height: 34px;
     text-align: center;
     border: 1px solid #b0b0b8;
     -webkit-transition: all 500ms ease;
     -ms-transition: all 500ms ease;
     -o-transition: all 500ms ease;
     -moz-transition: all 500ms ease;
     transition: all 500ms ease;
 }

 .cart-table tbody tr .remove-btn:hover {}

 .cart-table tbody tr td {
     vertical-align: middle;
     border-left: 1px solid #e3e3e3;
     border-bottom: 1px solid #e3e3e3;
 }

 .cart-table tbody tr .total-price {
     font-family: 'Roboto', sans-serif;
     font-weight: 500;
 }

 .cart-table tbody tr td:last-child {
     border-right: 1px solid #ebebeb;
     text-align: center;
 }

 .cart-section .cart-outer .totle-table {
     position: relative;
     margin-bottom: 12px;
 }

 .cart-section .cart-outer .totle-table p {
     font-weight: 500;
 }

 .cart-section .cart-outer .totle-table p span {
     color: #1e1e2a;
 }

 .cart-section .cart-outer .totle-table .total p {}
button.increment {
    padding: 10px;
}
 .cart-table tbody tr td.qty input {
     width: 90px !important;
     height: 50px;
     border: 1px solid #e3e3e3;
     text-align: center;
     padding: 10px 10px;
     font-size: 18px;
     font-family: 'Roboto', sans-serif;
     font-weight: 500;
     color: #1e1e2a;
 }

 .cart-section .apply-coupon .form-group {
     position: relative;
     float: left;
     margin-right: 20px;
     margin-bottom: 0px;
 }

 .cart-section .apply-coupon .form-group:last-child {
     margin-right: 0px;
 }

 .cart-section .apply-coupon .form-group input[type="text"] {
     position: relative;
     display: block;
     border: 1px solid #e3e3e3;
     width: 250px;
     height: 54px;
     font-size: 16px;
     font-weight: 500;
     color: #8d8d9c;
     padding: 10px 20px;
     background: #ffffff;
     border-radius: 5px;
     transition: all 500ms ease;
 }

 .cart-section .apply-coupon .form-group input:focus {}

 .cart-section .apply-coupon .form-group button {
     position: relative;
     display: inline-block;
     font-size: 18px;
     font-weight: 700;
     font-family: 'Roboto', sans-serif;
     color: #1e1e2a;
     background: #f6f6f6;
     padding: 13px 29px;
     border-radius: 5px;
     cursor: pointer;
     transition: all 500ms ease;
 }

 .cart-section .apply-coupon .form-group button:hover {
     color: #fff;
 }

 .cart-section .btn-box button {
     float: left;
     margin-right: 20px;
 }

 .cart-section .btn-box button:last-child {
     margin-right: 0px;
 }

 .cart-section .btn-box .cart-btn {
     position: relative;
     display: inline-block;
     font-size: 18px;
     font-weight: 700;
     font-family: 'Roboto', sans-serif;
     color: #fff;
     background: #1e1e2a;
     padding: 13px 36.5px;
     border-radius: 5px;
     cursor: pointer;
     transition: all 500ms ease;
 }

 .cart-section .btn-box .cart-btn:hover {}

 .cart-section .btn-box button.theme-btn {
     padding: 12px 46.5px;
 }

 /** checkout-section **/

 .checkout-section {
     position: relative;
     padding: 120px 0px 120px 0px;
 }

 .checkout-section h3 {
     font-size: 24px;
     line-height: 32px;
     margin-bottom: 22px;
 }

 .custom-controls-stacked {
     position: relative;
     display: inline-block;
     padding-left: 25px;
     top: -7px;
 }

 .custom-controls-stacked .description {
     position: relative;
     display: inline-block;
     font-weight: 500;
     padding: 0px;
     margin-left: 2px;
     font-size: 16px;
     cursor: pointer;
     color: #1e1e2a;
 }

 .custom-control.material-checkbox {
     --color: #ebebeb;
     padding: 0px;
     margin: 0px;
 }

 .custom-control.material-checkbox .material-control-input {
     display: none;
 }

 .custom-control.material-checkbox .material-control-indicator {
     display: inline-block;
     position: absolute;
     top: 7px;
     left: -25px;
     width: 18px;
     height: 18px;
     border-radius: 3px;
     border: 1px solid #e3e3e3;
     cursor: pointer;
 }

 .custom-control.material-checkbox .material-control-input:checked~.material-control-indicator {
     border-color: var(--color);
     -webkit-transform: rotateZ(45deg) translate(1px, -5px);
     transform: rotateZ(45deg) translate(1px, -5px);
     width: 10px;
     border-radius: 0px;
     border: 2px solid #5a5a68;
     border-top: 0px solid #e3e3e3;
     border-left: 0px solid #e3e3e3;
 }

 .checkout-section .form-group {
     position: relative;
     margin-bottom: 20px;
 }

 .checkout-section .form-group:last-child {
     margin-bottom: 0px;
 }

 .checkout-section .form-group input[type='text'],
 .checkout-section .form-group input[type='email'],
 .checkout-section .form-group input[type='password'],
 .checkout-section .form-group .nice-select {
     position: relative;
     width: 100%;
     height: 60px;
     border: 1px solid #e3e3e3;
     padding: 10px 20px;
     font-size: 17px;
     font-weight: 500;
     color: #5a5a68;
     border-radius: 0px;
     transition: all 500ms ease;
 }

 .checkout-section .form-group input:focus {}

 .checkout-section .contact-information {
     margin-bottom: 46px;
 }

 .checkout-section .product-information {
     position: relative;
     display: block;
     padding: 40px 40px 65px 40px;
     border: 1px solid #e3e3e3;
     margin-top: 4px;
 }

 .checkout-section .product-information .single-item {
     position: relative;
     display: block;
     padding: 20px 0px 30px 100px;
     min-height: 102px;
     margin-bottom: 30px;
     border-bottom: 1px solid #e3e3e3;
 }

 .checkout-section .product-information .single-item .product-image {
     position: absolute;
     left: 0px;
     top: 0px;
     width: 70px;
     height: 70px;
     border: 1px solid #e3e3e3;
 }

 .checkout-section .product-information h5 {
     position: relative;
     display: inline-block;
     font-size: 18px;
     font-weight: 500;
     margin: 0px;
 }

 .checkout-section .product-information span {
     position: relative;
     display: inline-block;
     float: right;
     font-size: 18px;
     font-family: 'Roboto', sans-serif;
     font-weight: 500;
     color: #5a5a68;
 }

 .checkout-section .product-information .sub-total,
 .checkout-section .product-information .shipping {
     position: relative;
     display: flex;
     flex-wrap: nowrap;
     align-items: center;
     width: 100%;
     margin-bottom: 15px;
 }

 .checkout-section .product-information .sub-total {
     padding-top: 14px;
 }

 .checkout-section .product-information i.line {
     position: relative;
     display: inline-block;
     width: 100%;
     margin: 0px 10px;
     border-bottom: 1px dashed #d8d8d8;
 }

 .checkout-section .product-information .shipping {
     margin-bottom: 42px;
 }

 .checkout-section .product-information .total {
     position: relative;
     padding: 19px 0px 18px 0px;
     border-top: 1px solid #e3e3e3;
     border-bottom: 1px solid #e3e3e3;
     margin-bottom: 50px;
 }

 .checkout-section .product-information .total span {}

 .checkout-section .product-information .btn-box .theme-btn {
     padding: 12px 26px;
 }

 .payment-method .custom-control.material-checkbox .material-control-indicator {
     border-radius: 0px;
     border: 1px solid #d8d8d8;
     width: 15px;
     height: 15px;
 }

 .payment-method .custom-control.material-checkbox .material-control-input:checked~.material-control-indicator {
     display: inline-block;
     position: absolute;
     top: 7px;
     left: -25px;
     width: 15px;
     height: 15px;
     border-radius: 0px;
     border: 1px solid #d8d8d8;
     cursor: pointer;
     transform: rotateZ(0deg) translate(0px, 0px);
 }

 .payment-method .custom-control.material-checkbox .material-control-input:checked~.material-control-indicator:before {
     position: absolute;
     content: '';
     width: 5px;
     height: 5px;
     left: 4px;
     top: 4px;
 }

 .checkout-section .payment-option {
     position: relative;
     display: block;
     background: #fff;
     padding: 62px 50px 68px 50px;
     box-shadow: 0 0px 30px rgba(0, 0, 0, 0.08);
     margin-top: 50px;
 }

 .checkout-section .payment-option ul li {
     position: relative;
     display: block;
     margin-bottom: 26px;
 }

 .checkout-section .payment-option ul li:last-child {
     margin-bottom: 0px;
 }

 .checkout-section .payment-option ul li:nth-child(2) {
     margin-bottom: 6px;
 }

 .checkout-section .payment-option .custom-controls-stacked .description {
     font-size: 18px;
     font-family: 'Roboto', sans-serif;
     font-weight: 500;
     color: #1e1e2a;
 }

 .checkout-section .payment-option ul li p {
     display: inline-block;
     font-size: 18px;
     font-weight: 600;
     margin-bottom: 4px;
 }

 .checkout-section .payment-option h3 {
     margin-bottom: 33px;
 }

 .checkout-section .card-details .form-group button {
     display: block;
     width: 100%;
     padding: 12px 30px;
 }

 /** myaccount-section **/

 .myaccount-section {
     position: relative;
     padding: 113px 0px 94px 0px;
 }

 .myaccount-section .column h3 {
     position: relative;
     font-size: 30px;
     line-height: 38px;
     font-weight: 500;
     margin-bottom: 21px;
 }

 .myaccount-section .form-group {
     position: relative;
     margin-bottom: 30px;
 }

 .myaccount-section .form-group:last-child {
     margin-bottom: 0px;
 }

 .myaccount-section .form-group input[type='text'],
 .myaccount-section .form-group input[type='email'],
 .myaccount-section .form-group input[type='password'] {
     position: relative;
     width: 100%;
     height: 56px;
     border: 1px solid #e3e3e3;
     font-size: 17px;
     font-weight: 500;
     color: #5a5a68;
     padding: 10px 50px 10px 20px;
     transition: all 500ms ease;
 }

 .myaccount-section .form-group input:focus {}

 .myaccount-section .form-group i {
     position: absolute;
     right: 20px;
     top: 18px;
     font-size: 14px;
     color: #a6a6af;
     z-index: 1;
 }

 .myaccount-section .form-group .theme-btn {
     padding: 12px 62px;
 }

 .myaccount-section .custom-controls-stacked .description {
     font-size: 18px;
     font-weight: 500;
     font-family: 'Roboto', sans-serif;
     color: #1e1e2a;
 }

 .myaccount-section .custom-controls-stacked {
     top: -14px;
 }

 .myaccount-section .custom-control.material-checkbox .material-control-indicator {
     top: 4px;
 }

 .myaccount-section .login-inner .other-option {
     position: absolute;
     right: 0px;
     bottom: 58px;
 }

 .myaccount-section .login-inner .other-option li {
     position: relative;
     display: inline-block;
     margin-right: 6px;
 }

 .myaccount-section .login-inner .other-option li:last-child {
     margin-right: 0px;
 }

 .myaccount-section .login-inner .other-option li p {
     font-weight: 500;
 }

 .myaccount-section .login-inner .other-option li a {
     position: relative;
     display: inline-block;
     font-size: 16px;
     color: #a6a6af;
     width: 54px;
     height: 54px;
     line-height: 54px;
     border: 1px solid #e4e4e4;
     border-radius: 50%;
     text-align: center;
 }

 .myaccount-section .login-inner .other-option li a:hover {}

 .myaccount-section .login-inner {
     position: relative;
 }

 .myaccount-section .form-group button.register-btn {
     position: relative;
     display: inline-block;
     font-size: 18px;
     line-height: 30px;
     font-weight: 700;
     font-family: 'Roboto', sans-serif;
     color: #fff;
     background: #1e1e2a;
     padding: 12px 52px;
     text-align: center;
     cursor: pointer;
     border-radius: 5px;
     transition: all 500ms ease;
 }

 .myaccount-section .form-group button.register-btn:hover {}

 .myaccount-section .register-inner {
     position: relative;
 }

 .myaccount-section .register-inner .form-group input {
     border-radius: 5px;
 }

 .myaccount-section .register-inner .text {
     position: absolute;
     right: 0px;
     bottom: 14px;
 }

 .myaccount-section .register-inner .text p {
     font-weight: 500;
     margin: 0px;
 }

 .myaccount-section .register-inner .text p span {}

 /*** 

====================================================================
                        Contact-Page
====================================================================

***/

 /** contact-section **/

 .contact-section {
     position: relative;
     padding: 116px 0px 95px 0px;
 }

 #content_block_seven .default-form .form-group {
     position: relative;
     display: block;
     margin-bottom: 20px;
 }

 #content_block_seven .default-form .form-group:last-child {
     margin-bottom: 0px;
 }

 #content_block_seven .default-form .form-group input[type='text'],
 #content_block_seven .default-form .form-group input[type='email'],
 #content_block_seven .default-form .form-group textarea {
     position: relative;
     display: block;
     width: 100%;
     height: 56px;
     border: 1px solid #e3e3e3;
     border-radius: 5px;
     font-size: 17px;
     font-weight: 600;
     color: #5a5a68;
     padding: 10px 20px 10px 190px;
     transition: all 500ms ease;
 }

 #content_block_seven .default-form .form-group p {
     position: absolute;
     left: 18px;
     top: 14px;
     font-size: 17px;
     font-weight: 600;
     color: #5a5a68;
     z-index: 1;
 }

 #content_block_seven .default-form .form-group p i {
     position: relative;
     margin-right: 10px;
     font-size: 16px;
     color: #a6a6af;
     z-index: 1;
 }

 #content_block_seven .default-form .form-group textarea {
     height: 100px;
     resize: none;
 }

 #content_block_seven .default-form .form-group input:focus,
 #content_block_seven .default-form .form-group textarea:focus {}

 #content_block_seven .default-form .form-group:before {
     position: absolute;
     content: '';
     background: #e3e3e3;
     width: 1px;
     height: 100%;
     left: 170px;
     top: 0px;
     z-index: 1;
 }

 #content_block_seven .default-form .form-group button {
     display: block;
     width: 100%;
     padding: 12px 30px;
 }

 #content_block_seven .sec-title {
     margin-bottom: 40px;
 }

 .contact-section .image-box {
     position: relative;
     display: block;
     margin-right: 30px;
     margin-top: 4px;
 }

 .contact-section .image-box img {
     width: 100%;
 }

 /** contactinfo-section **/

 .contactinfo-section {
     position: relative;
     padding-bottom: 100px;
 }

 .contactinfo-section .single-item h3 {
     position: relative;
     display: block;
     padding-left: 30px;
     margin-bottom: 12px;
 }

 .contactinfo-section .single-item h3:before {
     position: absolute;
     content: '';
     width: 20px;
     height: 1px;
     left: 0px;
     top: 13px;
 }

 .contactinfo-section .single-item .inner {
     position: relative;
     display: block;
     background: #fff;
     padding: 22px 30px 24px 84px;
     min-height: 100px;
     box-shadow: 0 0px 30px rgba(0, 0, 0, 0.1);
 }

 .contactinfo-section .single-item .inner .icon-box {
     position: absolute;
     left: 30px;
     top: 30px;
     font-size: 40px;
     line-height: 40px;
     color: transparent;
     -webkit-background-clip: text;
     -webkit-text-fill-color: transparent;
 }

 .contactinfo-section .single-item .inner p {
     font-size: 18px;
     font-weight: 600;
     line-height: 27px;
     margin: 0px;
 }

 .contactinfo-section .single-item .inner p strong {
     color: #1e1e2a;
     font-weight: 600;
 }

 .contactinfo-section .single-item .inner p strong a {
     color: #1e1e2a;
 }

 .contactinfo-section .single-item .inner p a {
     color: #5a5a68;
 }

 .contactinfo-section .single-item .inner p strong a:hover {}

 .contactinfo-section .single-item .inner p a:hover {}

 .google-map-section.style-two {
     position: relative;
     padding-bottom: 120px;
 }

 .google-map-section.style-two #contact-google-map {
     position: relative;
     display: block;
     width: 100%;
     height: 470px;
 }

 .google-map-section.style-two .map-inner {
     margin-bottom: 80px;
 }

 .google-map-section.style-two .social-inner ul li {
     position: relative;
     display: inline-block;
     float: left;
     width: 25%;
 }

 .google-map-section.style-two .social-inner ul li .icon-box {
     position: relative;
     margin-right: 30px;
 }

 .google-map-section.style-two .social-inner ul li:last-child .icon-box {
     margin-right: 0px;
 }

 .google-map-section.style-two .social-inner ul li .icon-box a {
     position: relative;
     display: block;
     font-size: 15px;
     font-weight: 700;
     font-family: 'Roboto', sans-serif;
     color: #fff;
     text-align: center;
     padding: 13px 30px;
     border-radius: 30px;
     text-transform: uppercase;
 }

 .google-map-section.style-two .social-inner ul li .icon-box a i {
     font-size: 16px;
     position: absolute;
     left: 30px;
     top: 19px;
 }

 .google-map-section.style-two .social-inner ul li:nth-child(2) .icon-box a {}

 .google-map-section.style-two .social-inner ul li:nth-child(3) .icon-box a {}

 .google-map-section.style-two .social-inner ul li:last-child .icon-box a {}

 .google-map-section.style-two .social-inner ul li .icon-box a:hover {
     background: #13131c !important
 }

 .google-map-section.style-three {
     position: relative;
     width: 100%;
     padding: 132px 0px 120px 0px;
     background-size: cover;
     background-repeat: no-repeat;
     background-position: center;
     background-attachment: fixed;
 }

 .google-map-section.style-three:before {
     position: absolute;
     content: '';
     width: 100%;
     height: 100%;
     left: 0px;
     top: 0px;
     right: 0px;
     opacity: 0.95;
 }

 .google-map-section.style-three .map-inner {
     position: relative;
     display: block;
     box-shadow: 0 20px 50px rgba(0, 0, 0, 0.2);
 }

 .google-map-section.style-three .map-inner #contact-google-map {
     position: relative;
     display: block;
     width: 100%;
     height: 530px;
 }

 #content_block_eight .sec-title h6 i {
     color: transparent;
     background: -webkit-linear-gradient(-90deg, #fff, #fff 50%);
     -webkit-background-clip: text;
     -webkit-text-fill-color: transparent;
 }

 #content_block_eight .sec-title h6 {
     color: #fff;
 }

 #content_block_eight .sec-title {
     margin-bottom: 47px;
 }

 #content_block_eight .location-box {
     position: relative;
     max-width: 310px;
     margin-bottom: 47px;
 }

 #content_block_eight .location-box .upper {
     position: relative;
     padding-left: 70px;
     margin-bottom: 18px;
 }

 #content_block_eight .location-box .upper .icon-box {
     position: absolute;
     left: 0px;
     top: 2px;
     font-size: 50px;
     line-height: 50px;
     color: #fff;
 }

 #content_block_eight .location-box .upper h3 {
     line-height: 28px;
     color: #fff;
     margin: 0px;
 }

 #content_block_eight .location-box .text p {
     font-size: 20px;
     line-height: 30px;
     font-weight: 600;
     color: #fff;
     margin-bottom: 0px;
 }

 #content_block_eight .inner-box .single-item {
     position: relative;
     display: inline-block;
     float: left;
     width: 50%;
 }

 #content_block_eight .inner-box .single-item .title-box {
     position: relative;
     padding-bottom: 15px;
     margin-bottom: 22px;
 }

 #content_block_eight .inner-box .single-item .title-box h3 {
     color: #fff;
     margin-bottom: 0px;
 }

 #content_block_eight .inner-box .single-item .title-box .line {
     position: absolute;
     left: 0px;
     bottom: 0px;
     width: 63px;
     height: 9px;
     background-repeat: no-repeat;
 }

 #content_block_eight .inner-box .single-item ul li {
     position: relative;
     display: block;
     font-size: 18px;
     line-height: 30px;
     font-family: 'Muli', sans-serif;
     font-weight: 600;
     color: #fff;
     margin-bottom: 13px;
 }

 #content_block_eight .inner-box .single-item ul li:last-child {
     margin-bottom: 0px;
 }

 #content_block_eight .inner-box .single-item ul li a {
     color: #fff;
 }

 #content_block_eight .inner-box .single-item ul li a:hover {
     text-decoration: underline;
 }

 .google-map-section.style-three .social-inner {
     position: relative;
     display: block;
     margin-top: 100px;
 }

 .google-map-section.style-three .social-inner ul li {
     position: relative;
     display: inline-block;
     float: left;
     width: 25%;
 }

 .google-map-section.style-three .social-inner ul li .icon-box {
     position: relative;
     margin-right: 30px;
 }

 .google-map-section.style-three .social-inner ul li:last-child .icon-box {
     margin-right: 0px;
 }

 .google-map-section.style-three .social-inner ul li .icon-box a {
     position: relative;
     display: block;
     font-size: 15px;
     font-weight: 700;
     font-family: 'Roboto', sans-serif;
     color: #fff;
     background: transparent;
     border: 2px solid #fff;
     text-align: center;
     padding: 13px 30px;
     border-radius: 30px;
     text-transform: uppercase;
 }

 .google-map-section.style-three .social-inner ul li .icon-box a i {
     font-size: 16px;
     position: absolute;
     left: 30px;
     top: 19px;
 }

 .google-map-section.style-three .social-inner ul li .icon-box a:hover {
     background: #fff;
 }

 .contact-section .image-layer .image-1 {
     position: absolute;
     left: 440px;
     bottom: 0px;
 }

 .contact-section .image-layer .image-2 {
     position: absolute;
     left: 0px;
     bottom: 0px;
 }

 .contact-section.contact-page-2 {
     padding-bottom: 120px;
 }
 .benefit .icon-box img {
    width: 50px;
    height: 50px;
    filter: invert(1);
}
.top_breadcrumb{
    background-image: linear-gradient(rgba(0, 0, 0, -1.46), rgb(16 161 54)), url(../../assets/images/breadcumb_bnr.jpg);
    background-position: center right;
    background-repeat: no-repeat;
    min-height: 400px;
}
.top_breadcrumb {
    display: flex;
    justify-content: center;
    align-items: center;
}

.breadcrumb {
    background: transparent;
}

.breadcrumb ol {
    display: inline-flex;
}

.breadcrumb ol li {
    padding: 12px;
}

.breadcrumb ol li a span , .breadcrumb ol li i{
    font-size: 30px;
    color: #fff;
}
.overlay-box .social-links a:hover i {
    color: #0c0c0c;
    font-size: 20px;
}

input, select{
    position: relative;
    width: 100%;
    height: 60px;
    border: 1px solid #e3e3e3;
    padding: 10px 20px;
    font-size: 17px;
    font-weight: 500;
    color: #5a5a68;
    border-radius: 0px;
    transition: all 500ms ease;
    margin: 10px 0;
}
.section-checkout .input-item .custom-select {
    background: unset;
    border: unset;
    padding: 0;
}
.section-checkout .input-item {
    margin: 10px 0;
}
.section-checkout label {
   position: relative;
    top: 10px;
    margin: 10px 0;
}

ul.btn-box.clearfix {
    display: flex;
    justify-content: space-between;
}
.thnk_you img {
    width: 100px;
}
.outer-box a img {
    top: 10px;
    position: relative;
}
.empty_crt, .empty_wshlst{
    font-size: 30px;
    font-weight: bold;
    margin: 20px 0;
}
.wl_txt{
    font-size: 30px;
    font-weight: bold;
}
#cookiePopup {
position: fixed;
bottom: 0;
left: 50%;
transform: translateX(-50%);
width: 100%;
background: -webkit-linear-gradient(-90deg, #ecc049, #2b0301 50%);
padding: 15px;
display: flex;
flex-wrap: wrap;
z-index: 999999;
gap: 20px;
align-items: center;
justify-content: center;
display: none;
}
#cookiePopup h4 {
font-size: 25px;
color: #fff;
margin-bottom: 15px;
}
#cookiePopup p {
font-size: 15px;
color: #fff;
margin-bottom: 15px;
letter-spacing: 1px;
line-height: 1.5;
max-width: 850px;
}
#cookiePopup p a {
color: #fff;
text-decoration: underline;
}
.cookieBtns {
display: inline-flex;
gap: 10px;
}
.cookieBtns button {
font-size: 15px;
margin: 10px 0;
color: #fff;
padding: 10px 20px;
border-radius: 5px;
background: #2b0301;
cursor: pointer;
transition: all 0.5s ease;
border: 2px solid #fff;
}
.cookieBtns button:last-child {
background-color: #ecc049;
color: #2b0301 !important;
}
.wcu .box h3 a{
    color:#ecc049 !important;
}
.wcu .box p{
    color:#fff !important;
}
.content-box h3 {
    font-size: 16px;
    line-height: 20px;
    margin-bottom: 10px ! IMPORTANT;
}
.overlay-box h3 a {
    font-size: 16px;
}
.pro-items.ng-scope {
    display: flex;
}

.pro-items img {
    width: 200px;
    border: 1px solid black;
}

.pro-items.ng-scope {}

.pro-items .items-contact h4 a {
    color: black;
    font-size: 16px;
}

.pro-items .items-contact {
    margin: 0 20px;
}

.pro-items .image {
    margin: 10px 0;
}

.checkout-summary ul li {
    display: flex;
    justify-content: space-between;
    font-size: 20px;
    margin: 20px 0;
    text-align: left;
}

.checkout-summary ul li span.left-item {
    font-weight: bold;
}

.checkout-items .sub-title h4 {
    font-size: 25px;
    color:#ecc049;
    margin: 15px 0;
    font-weight: bold;
}
.section-checkout .main-title h4{
    font-size: 25px;
    color:#ecc049;
    font-weight: bold;

}
.view-btn {
    display: none;
}
.footer.style-2 .te-footer-widget.te_widget_nav_menu li a:hover{
    color: #fff;
}
.footer.style-2 .te-footer-bottom-menu ul li a:hover{
    color: #3786ff;
}
.footer.style-2 .te-footer-widget .te_widget_latest_post ul li .te-latest-post-desc .te-latest-post-title a:hover{
    color: #fff;
}


 /*** 

====================================================================
  new section
====================================================================

 ***/






.benefits-section {
    padding: 100px 0;
    background: linear-gradient(135deg, #f8fafe 0%, #f0f7ff 100%);
    position: relative;
    overflow: hidden;
}

.benefits-section::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" width="100" height="100" opacity="0.03"><defs><pattern id="grid" width="10" height="10" patternUnits="userSpaceOnUse"><path d="M 10 0 L 0 0 0 10" fill="none" stroke="%23317EFE" stroke-width="0.5"/></pattern></defs><rect width="100" height="100" fill="url(%23grid)"/></svg>');
    z-index: 0;
}

.section-header {
    text-align: center;
    margin-bottom: 80px;
    position: relative;
    z-index: 1;
}

.section-subtitle {
    display: inline-block;
    background: rgba(49, 126, 254, 0.1);
    color: #317EFE;
    padding: 8px 20px;
    border-radius: 30px;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 1px;
    margin-bottom: 20px;
}

.section-title {
    font-size: 42px;
    font-weight: 700;
    line-height: 1.2;
    margin-bottom: 20px;
    color: #1a1a1a;
    background: linear-gradient(90deg, #1a1a1a 0%, #317EFE 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.section-description {
    font-size: 18px;
    color: #666;
    max-width: 600px;
    margin: 0 auto;
    line-height: 1.6;
}

.benefits-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 30px;
    position: relative;
    z-index: 1;
}

.benefit-card {
    background: white;
    border-radius: 20px;
    padding: 40px 30px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);
    transition: all 0.4s ease;
    position: relative;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    height: 100%;
}

.benefit-card::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 5px;
    background: linear-gradient(90deg, #317EFE, #6ba8ff);
    transform: scaleX(0);
    transform-origin: left;
    transition: transform 0.4s ease;
}

.benefit-card:hover {
    transform: translateY(-10px);
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.1);
}

.benefit-card:hover::before {
    transform: scaleX(1);
}

.card-visual {
    position: relative;
    margin-bottom: 30px;
    height: 120px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.icon-container {
    width: 80px;
    height: 80px;
    background: rgba(49, 126, 254, 0.1);
    border-radius: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    z-index: 2;
    transition: all 0.3s ease;
}

.benefit-card:hover .icon-container {
    transform: scale(1.1);
    background: rgba(49, 126, 254, 0.15);
}

.floating-shape {
    position: absolute;
    border-radius: 50%;
    opacity: 0.7;
    transition: all 0.5s ease;
}

.shape-1 {
    width: 60px;
    height: 60px;
    background: rgba(49, 126, 254, 0.1);
    top: 0;
    right: 20px;
}

.shape-2 {
    width: 40px;
    height: 40px;
    background: rgba(49, 126, 254, 0.15);
    bottom: 10px;
    left: 10px;
}

.shape-3 {
    width: 50px;
    height: 50px;
    background: rgba(49, 126, 254, 0.1);
    top: 30px;
    right: 10px;
}

.benefit-card:hover .floating-shape {
    transform: translateY(-5px) scale(1.1);
}

.card-content {
    flex-grow: 1;
    display: flex;
    flex-direction: column;
}

.card-title {
    font-size: 22px;
    font-weight: 700;
    margin-bottom: 15px;
    color: #1a1a1a;
    line-height: 1.3;
}

.card-description {
    color: #666;
    line-height: 1.6;
    margin-bottom: 25px;
    flex-grow: 1;
}

.card-link a {
    display: inline-flex;
    align-items: center;
    color: #317EFE;
    font-weight: 600;
    text-decoration: none;
    transition: all 0.3s ease;
}

.card-link a span {
    margin-left: 5px;
    transition: transform 0.3s ease;
}

.card-link a:hover {
    color: #1a5dc4;
}

.card-link a:hover span {
    transform: translateX(5px);
}

/* Responsive Design */
@media (max-width: 992px) {
    .benefits-section {
        padding: 80px 0;
    }
    
    .section-title {
        font-size: 36px;
    }
    
    .benefits-grid {
        grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
        gap: 25px;
    }
}

@media (max-width: 768px) {
    .benefits-section {
        padding: 60px 0;
    }
    
    .section-header {
        margin-bottom: 60px;
    }
    
    .section-title {
        font-size: 32px;
    }
    
    .section-description {
        font-size: 16px;
    }
    
    .benefit-card {
        padding: 30px 20px;
    }
}

@media (max-width: 480px) {
    .benefits-grid {
        grid-template-columns: 1fr;
    }
    
    .section-title {
        font-size: 28px;
    }
}


/* Main container with gradient background */
.latest-posts-area.style-1.background-gradient {
    background: linear-gradient(135deg, #f5f7fa 0%, #c3cfe2 100%);
    padding: 100px 0;
    position: relative;
}

/* Section Title Styling */
.te-section-title {
    margin-bottom: 60px;
}

.te-section-content .short-title {
    color: #6c757d;
    font-size: 13px;
    font-weight: 500;
    letter-spacing: 2px;
    text-transform: uppercase;
    display: inline-block;
    margin-bottom: 15px;
}

.te-section-content .title {
    color: #2c3e50;
    font-size: 42px;
    font-weight: 300;
    line-height: 1.2;
    margin: 0;
}

/* Blog Card Styling - Simple & Elegant */
.te-post-card.style-1 {
    background: #ffffff;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 2px 20px rgba(0, 0, 0, 0.08);
    transition: all 0.4s ease;
    margin-bottom: 40px;
}

.te-post-card.style-1:hover {
    transform: translateY(-5px);
    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.12);
}

/* Image Container */
.te-post-card.style-1 .image {
    position: relative;
    overflow: hidden;
    height: 220px;
}

.te-post-card.style-1 .image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.6s ease;
}

.te-post-card.style-1:hover .image img {
    transform: scale(1.05);
}

/* Content Section */
.te-post-card.style-1 .content {
    padding: 25px;
}

/* Meta Info - Simple & Clean */
.te-post-meta-info {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 20px;
}

.te-single-meta {
    display: flex;
    align-items: center;
    gap: 8px;
    color: #868e96;
    font-size: 14px;
}

.te-single-meta .icon {
    color: #adb5bd;
    font-size: 14px;
}

.te-single-meta .text {
    font-weight: 400;
}

/* Simple Date Badge */
.te-post-date {
    color: #868e96;
    font-size: 13px;
    font-weight: 500;
    padding: 6px 12px;
    background: #f8f9fa;
    border-radius: 6px;
    letter-spacing: 0.5px;
}

/* Blog Title - Clean Typography */
.te-post-card.style-1 .content .title {
    margin: 0 0 20px 0;
    font-size: 20px;
    font-weight: 600;
    line-height: 1.4;
    color: #2c3e50;
}

.te-post-card.style-1 .content .title a {
    color: inherit;
    text-decoration: none;
    transition: color 0.3s ease;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.te-post-card.style-1 .content .title a:hover {
    color: #5f27cd;
}

/* Simple Read More Button */
.te-post-card.style-1 .read-btn {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: #5f27cd;
    font-weight: 500;
    font-size: 14px;
    text-decoration: none;
    transition: all 0.3s ease;
}

.te-post-card.style-1 .read-btn:hover {
    gap: 12px;
    color: #341f97;
}

.te-post-card.style-1 .read-btn i {
    font-size: 12px;
    transition: transform 0.3s ease;
}

.te-post-card.style-1 .read-btn:hover i {
    transform: translateX(3px);
}

/* Responsive Design */
@media (max-width: 991px) {
    .te-section-content .title {
        font-size: 36px;
    }
    
    .te-post-card.style-1 .image {
        height: 200px;
    }
}

@media (max-width: 767px) {
    .latest-posts-area.style-1.background-gradient {
        padding: 70px 0;
    }
    
    .te-section-content .title {
        font-size: 30px;
    }
    
    .te-post-card.style-1 .content {
        padding: 20px;
    }
    
    .te-post-meta-info {
        flex-direction: column;
        align-items: flex-start;
        gap: 12px;
    }
}

@media (max-width: 576px) {
    .te-section-content .title {
        font-size: 26px;
    }
    
    .te-post-card.style-1 .content .title {
        font-size: 18px;
    }
}



.features-section-modern {
    padding: 100px 0;
    background: linear-gradient(135deg, #ffffff 0%, #f8fafe 100%);
    position: relative;
    overflow: hidden;
}

.features-section-modern::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" width="100" height="100" opacity="0.03"><defs><pattern id="grid" width="10" height="10" patternUnits="userSpaceOnUse"><path d="M 10 0 L 0 0 0 10" fill="none" stroke="%23317EFE" stroke-width="0.5"/></pattern></defs><rect width="100" height="100" fill="url(%23grid)"/></svg>');
    z-index: 0;
}

.section-header {
    text-align: center;
    margin-bottom: 80px;
    position: relative;
    z-index: 1;
}

.section-subtitle {
    display: inline-block;
    background: rgba(49, 126, 254, 0.1);
    color: #317EFE;
    padding: 8px 20px;
    border-radius: 30px;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 1px;
    margin-bottom: 20px;
}

.section-title {
    font-size: 42px;
    font-weight: 700;
    line-height: 1.2;
    margin-bottom: 15px;
    color: #1a1a1a;
    background: linear-gradient(90deg, #1a1a1a 0%, #317EFE 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.section-description {
    font-size: 18px;
    color: #666;
    max-width: 600px;
    margin: 0 auto;
    line-height: 1.6;
}

.features-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 30px;
    margin-bottom: 80px;
    position: relative;
    z-index: 1;
}

.feature-card {
    background: white;
    border-radius: 20px;
    padding: 40px 30px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);
    transition: all 0.4s ease;
    position: relative;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    height: 100%;
}

.feature-card::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 5px;
    background: linear-gradient(90deg, #317EFE, #6ba8ff);
    transform: scaleX(0);
    transform-origin: left;
    transition: transform 0.4s ease;
}

.feature-card:hover {
    transform: translateY(-10px);
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.1);
}

.feature-card:hover::before {
    transform: scaleX(1);
}

.card-visual {
    position: relative;
    margin-bottom: 30px;
    height: 120px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.feature-number {
    position: absolute;
    top: 0;
    left: 0;
    font-size: 72px;
    font-weight: 800;
    color: rgba(49, 126, 254, 0.05);
    line-height: 1;
    z-index: 1;
    transition: all 0.3s ease;
}

.feature-card:hover .feature-number {
    color: rgba(49, 126, 254, 0.08);
    transform: scale(1.1);
}

.feature-icon {
    width: 80px;
    height: 80px;
    background: rgba(49, 126, 254, 0.1);
    border-radius: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    z-index: 2;
    transition: all 0.3s ease;
}

.feature-card:hover .feature-icon {
    transform: scale(1.1);
    background: rgba(49, 126, 254, 0.15);
}

.floating-shape {
    position: absolute;
    border-radius: 50%;
    opacity: 0.7;
    transition: all 0.5s ease;
}

.shape-1 {
    width: 60px;
    height: 60px;
    background: rgba(49, 126, 254, 0.1);
    top: 0;
    right: 20px;
}

.shape-2 {
    width: 40px;
    height: 40px;
    background: rgba(49, 126, 254, 0.15);
    bottom: 10px;
    left: 10px;
}

.shape-3 {
    width: 50px;
    height: 50px;
    background: rgba(49, 126, 254, 0.1);
    top: 30px;
    right: 10px;
}

.feature-card:hover .floating-shape {
    transform: translateY(-5px) scale(1.1);
}

.card-content {
    flex-grow: 1;
    display: flex;
    flex-direction: column;
}

.feature-title {
    font-size: 22px;
    font-weight: 700;
    margin-bottom: 15px;
    color: #1a1a1a;
    line-height: 1.3;
}

.feature-description {
    color: #666;
    line-height: 1.6;
    margin-bottom: 25px;
    flex-grow: 1;
}

.feature-link a {
    display: inline-flex;
    align-items: center;
    color: #317EFE;
    font-weight: 600;
    text-decoration: none;
    transition: all 0.3s ease;
}

.feature-link a span {
    margin-left: 5px;
    transition: transform 0.3s ease;
}

.feature-link a:hover {
    color: #1a5dc4;
}

.feature-link a:hover span {
    transform: translateX(5px);
}

.section-footer {
    position: relative;
    z-index: 1;
   
} 

.cta-card {
    background: linear-gradient(135deg, #317EFE 0%, #6ba8ff 100%);
    border-radius: 20px;
    padding: 50px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: white;
    position: relative;
    overflow: hidden;
    box-shadow: 0 15px 30px rgba(49, 126, 254, 0.3);
}

.cta-content h3 {
    font-size: 28px;
    font-weight: 700;
    margin-bottom: 10px;
}

.cta-content p {
    font-size: 18px;
    margin-bottom: 25px;
    /* opacity: 0.9; */
}

.cta-button {
    background: white;
    color: #317EFE;
    padding: 15px 30px;
    border-radius: 50px;
    text-decoration: none;
    font-weight: 600;
    display: inline-block;
    transition: all 0.3s ease;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
}

.cta-button:hover {
    transform: translateY(-3px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.2);
    color: #317EFE;
}

.cta-decoration {
    position: relative;
    width: 150px;
    height: 150px;
}

.decoration-circle {
    width: 100px;
    height: 100px;
    border: 2px solid rgba(255, 255, 255, 0.2);
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    animation: pulse 3s ease-in-out infinite;
}

.decoration-dots {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 120px;
    height: 120px;
    background: radial-gradient(circle, rgba(255,255,255,0.3) 2px, transparent 2px);
    background-size: 20px 20px;
}

/* Animations */
@keyframes pulse {
    0% {
        transform: translate(-50%, -50%) scale(1);
        opacity: 0.7;
    }
    50% {
        transform: translate(-50%, -50%) scale(1.1);
        opacity: 0.4;
    }
    100% {
        transform: translate(-50%, -50%) scale(1);
        opacity: 0.7;
    }
}

/* Responsive Design */
@media (max-width: 992px) {
    .features-section-modern {
        padding: 80px 0;
    }
    
    .section-title {
        font-size: 36px;
    }
    
    .features-grid {
        grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
        gap: 25px;
    }
    
    .cta-card {
        flex-direction: column;
        text-align: center;
        gap: 30px;
    }
    
    .cta-decoration {
        width: 120px;
        height: 120px;
    }
}

@media (max-width: 768px) {
    .features-section-modern {
        padding: 60px 0;
    }
    
    .section-header {
        margin-bottom: 60px;
    }
    
    .section-title {
        font-size: 32px;
    }
    
    .section-description {
        font-size: 16px;
    }
    
    .feature-card {
        padding: 30px 20px;
    }
    
    .features-grid {
        margin-bottom: 60px;
    }
    
    .cta-card {
        padding: 40px 30px;
    }
    
    .cta-content h3 {
        font-size: 24px;
    }
    
    .cta-content p {
        font-size: 16px;
    }
}

@media (max-width: 480px) {
    .features-grid {
        grid-template-columns: 1fr;
    }
    
    .section-title {
        font-size: 28px;
    }
    
    .cta-decoration {
        display: none;
    }
}

/* FIX FEATURE ITEMS LAYOUT */
.feature-item {
    display: flex;
    align-items: flex-start;
    gap: 15px;
    background: #ffffff;
    padding: 18px 20px;
    border-radius: 14px;
    box-shadow: 0 6px 18px rgba(0,0,0,0.05);
}

/* FIX ICON SIZE + STYLE */
.feature-item .feature-icon {
    width: 55px;
    height: 55px;
    border-radius: 14px;
    flex-shrink: 0; /* stop shrinking on mobile */
    display: flex;
    align-items: center;
    justify-content: center;
}

/* FIX TEXT SPACING */
.feature-item .feature-text h4 {
    font-size: 18px;
    margin-bottom: 6px;
    font-weight: 600;
}

.feature-item .feature-text p {
    margin: 0;
    font-size: 15px;
    line-height: 1.5;
}

/* ===========================
   RESPONSIVE FIXES
   =========================== */

/* Large Tablets (icons too big → reduce) */
@media (max-width: 992px) {
    .feature-item {
        gap: 12px;
        padding: 16px;
    }
    .feature-item .feature-icon {
        width: 50px;
        height: 50px;
    }
}

/* Mobile layout fix (stack cleaner) */
@media (max-width: 768px) {
    .feature-item {
        flex-direction: row; /* keep icon left, text right */
        padding: 15px;
        gap: 12px;
        box-shadow: 0 4px 12px rgba(0,0,0,0.04);
    }

    .feature-item .feature-icon {
        width: 45px;
        height: 45px;
    }

    .feature-item .feature-text h4 {
        font-size: 16px;
    }
}

/* Extra small mobiles */
@media (max-width: 480px) {
    .feature-item {
        padding: 12px;
        gap: 10px;
    }

    .feature-item .feature-icon {
        width: 40px;
        height: 40px;
        border-radius: 10px;
    }

    .feature-item svg {
        width: 18px;
        height: 18px;
    }

    .feature-item .feature-text p {
        font-size: 14px;
    }
}


.about-section-modern {
    padding: 100px 0;
    background: linear-gradient(135deg, #ffffff 0%, #f8fafe 100%);
    position: relative;
    overflow: hidden;
}

.about-content-wrapper {
    display: flex;
    align-items: center;
    gap: 60px;
}

.about-image-column {
    flex: 1;
    position: relative;
}

.about-text-column {
    flex: 1;
}

.image-container {
    position: relative;
    border-radius: 20px;
    overflow: hidden;
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.08);
}

.main-image {
    width: 100%;
    height: auto;
    display: block;
    border-radius: 20px;
    transition: transform 0.5s ease;
}

.image-container:hover .main-image {
    transform: scale(1.03);
}

.floating-stats-card {
    position: absolute;
    bottom: 30px;
    right: 30px;
    background: white;
    padding: 25px;
    border-radius: 15px;
    box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);
    max-width: 280px;
    z-index: 2;
    animation: float 6s ease-in-out infinite;
}

.stats-title {
    font-size: 17px;
    font-weight: 700;
    color: #1a1a1a;
    margin-bottom: 10px;
}

.stats-text {
    font-size: 14px;
    color: #666;
    line-height: 1.5;
}

.image-decoration {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
}

.decoration-shape {
    position: absolute;
    border-radius: 50%;
    background: rgba(49, 126, 254, 0.1);
    z-index: 1;
}

.shape-1 {
    width: 80px;
    height: 80px;
    top: -20px;
    left: -20px;
    animation: pulse 4s ease-in-out infinite;
}

.shape-2 {
    width: 40px;
    height: 40px;
    bottom: 40px;
    left: -10px;
    animation: pulse 4s ease-in-out infinite 1s;
}

.shape-3 {
    width: 60px;
    height: 60px;
    top: 40px;
    right: -20px;
    animation: pulse 4s ease-in-out infinite 2s;
}

.text-content {
    padding-left: 20px;
}

.section-label {
    display: inline-block;
    background: rgba(49, 126, 254, 0.1);
    color: #317EFE;
    padding: 8px 20px;
    border-radius: 30px;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 1px;
    margin-bottom: 20px;
}

.section-heading {
    font-size: 42px;
    font-weight: 700;
    line-height: 1.2;
    margin-bottom: 25px;
    color: #1a1a1a;
    background: linear-gradient(90deg, #1a1a1a 0%, #317EFE 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.section-description {
    font-size: 18px;
    line-height: 1.6;
    color: #666;
    margin-bottom: 40px;
}

.features-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 25px;
    margin-bottom: 40px;
}

.feature-item {
    display: flex;
    align-items: flex-start;
    gap: 15px;
}

.feature-icon {
    width: 50px;
    height: 50px;
    background: rgba(49, 126, 254, 0.1);
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    transition: all 0.3s ease;
}

.feature-item:hover .feature-icon {
    background: rgba(49, 126, 254, 0.2);
    transform: scale(1.1);
}

.feature-text h4 {
    font-size: 18px;
    font-weight: 600;
    color: #1a1a1a;
    margin-bottom: 5px;
}

.feature-text p {
    font-size: 14px;
    color: #666;
    line-height: 1.5;
}

.action-buttons {
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
}

.primary-button {
    background: linear-gradient(135deg, #00b400, #00b400) !important;
    color: #fff!important;
    padding: 10px 40px;
    border-radius: 50px;
    text-decoration: none;
    font-weight: 600;
    display: inline-flex;
    align-items: center;
    transition: all 0.3s ease;
    box-shadow: 0 4px 15px rgba(49, 126, 254, 0.3);
    font-size: 18px;
}

.primary-button:hover {
    transform: translateY(-3px);
    box-shadow: 0 8px 20px rgba(49, 126, 254, 0.4);
    color: white;
}

.secondary-button {
    background: white;
    color: #19ab4f;
    padding: 15px 30px;
    border-radius: 50px;
    text-decoration: none;
    font-weight: 600;
    display: inline-flex;
    align-items: center;
    gap: 10px;
    transition: all 0.3s ease;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05);
    border: 1px solid #eaeaea;
}

.secondary-button:hover {
    transform: translateY(-3px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.1);
    color: #317EFE;
}

/* Animations */
@keyframes float {
    0% {
        transform: translateY(0px);
    }
    50% {
        transform: translateY(-10px);
    }
    100% {
        transform: translateY(0px);
    }
}

@keyframes pulse {
    0% {
        transform: scale(1);
        opacity: 0.7;
    }
    50% {
        transform: scale(1.1);
        opacity: 0.4;
    }
    100% {
        transform: scale(1);
        opacity: 0.7;
    }
}

/* Responsive Design */
@media (max-width: 992px) {
    .about-content-wrapper {
        flex-direction: column;
        gap: 40px;
    }
    
    .text-content {
        padding-left: 0;
    }
    
    .section-heading {
        font-size: 36px;
    }
    
    .features-grid {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 768px) {
    .about-section-modern {
        padding: 80px 0;
    }
    
    .section-heading {
        font-size: 32px;
    }
    
    .section-description {
        font-size: 16px;
    }
    
    .floating-stats-card {
        position: relative;
        bottom: auto;
        right: auto;
        max-width: 100%;
        margin-top: 20px;
    }
    
    .action-buttons {
        flex-direction: column;
        align-items: flex-start;
    }
    
    .primary-button, .secondary-button {
        width: 100%;
        justify-content: center;
    }
}

@media (max-width: 480px) {
    .about-section-modern {
        padding: 60px 0;
    }
    
    .section-heading {
        font-size: 28px;
    }
    
    .feature-item {
        flex-direction: row;
        text-align: center;
    }
}









.products-section-elegant {
    padding: 60px 0;
    background: linear-gradient(135deg, #f8fafe 0%, #ffffff 100%);
    position: relative;
}

.products-section-elegant::before {
    /* content: ''; */
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" width="100" height="100" opacity="0.02"><defs><pattern id="dots" width="10" height="10" patternUnits="userSpaceOnUse"><circle cx="1" cy="1" r="1" fill="%23317EFE"/></pattern></defs><rect width="100" height="100" fill="url(%23dots)"/></svg>');
    z-index: 0;
}

.section-header {
    
   
    
    margin-bottom: 60px;
    position: relative;
    z-index: 1;
}

.header-content {
    flex: 1;
}

.section-subtitle {
    display: inline-block;
    background: rgba(49, 126, 254, 0.1);
    color: #317EFE;
    padding: 8px 20px;
    border-radius: 30px;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 1px;
    margin-bottom: 20px;
}

.section-title {
    font-size: 42px;
    font-weight: 700;
    line-height: 1.2;
    margin-bottom: 15px;
    color: #1a1a1a;
    background: linear-gradient(90deg, #1a1a1a 0%, #317EFE 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.section-description {
    font-size: 18px;
    color: #666;
    max-width: 500px;
    line-height: 1.6;
}

.view-all-container {
    margin-bottom: 10px;
}

.view-all-btn {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    color: #317EFE;
    font-weight: 600;
    text-decoration: none;
    padding: 12px 25px;
    border: 1px solid rgba(49, 126, 254, 0.2);
    border-radius: 50px;
    transition: all 0.3s ease;
    background: white;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05);
}

.view-all-btn:hover {
    background: #317EFE;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 8px 20px rgba(49, 126, 254, 0.3);
}





.features-section-modern {
    padding: 60px 0;
    background: linear-gradient(135deg, #ffffff 0%, #f8fafe 100%);
    position: relative;
    overflow: hidden;
}

.features-section-modern::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" width="100" height="100" opacity="0.03"><defs><pattern id="grid" width="10" height="10" patternUnits="userSpaceOnUse"><path d="M 10 0 L 0 0 0 10" fill="none" stroke="%23317EFE" stroke-width="0.5"/></pattern></defs><rect width="100" height="100" fill="url(%23grid)"/></svg>');
    z-index: 0;
}

.section-header {
    text-align: center;
    margin-bottom: 80px;
    position: relative;
    z-index: 1;
}

.section-subtitle {
    display: inline-block;
    background: rgba(49, 126, 254, 0.1);
    color: #317EFE;
    padding: 8px 20px;
    border-radius: 30px;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 1px;
    margin-bottom: 20px;
}

.section-title {
    font-size: 42px;
    font-weight: 700;
    line-height: 1.2;
    margin-bottom: 15px;
    color: #1a1a1a;
    background: linear-gradient(90deg, #1a1a1a 0%, #317EFE 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.section-description {
    font-size: 18px;
    color: #666;
    max-width: 600px;
    margin: 0 auto;
    line-height: 1.6;
}

.features-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 30px;
    margin-bottom: 20px;
    position: relative;
    z-index: 1;
}

.feature-card {
    background: white;
    border-radius: 20px;
    padding: 40px 30px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);
    transition: all 0.4s ease;
    position: relative;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    height: 100%;
}

.feature-card::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 5px;
    background: linear-gradient(90deg, #1aad50, #3d660b);
    transform: scaleX(0);
    transform-origin: left;
    transition: transform 0.4s ease;
}

.feature-card:hover {
    transform: translateY(-10px);
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.1);
}

.feature-card:hover::before {
    transform: scaleX(1);
}

.card-visual {
    position: relative;
    margin-bottom: 30px;
    height: 120px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.feature-number {
    position: absolute;
    top: 0;
    left: 0;
    font-size: 72px;
    font-weight: 800;
    color: rgba(49, 126, 254, 0.05);
    line-height: 1;
    z-index: 1;
    transition: all 0.3s ease;
}

.feature-card:hover .feature-number {
    color: rgba(49, 126, 254, 0.08);
    transform: scale(1.1);
}

.feature-icon {
    width: 80px;
    height: 80px;
    background: rgba(49, 126, 254, 0.1);
    border-radius: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    z-index: 2;
    transition: all 0.3s ease;
}

.feature-card:hover .feature-icon {
    transform: scale(1.1);
    background: rgba(49, 126, 254, 0.15);
}

.floating-shape {
    position: absolute;
    border-radius: 50%;
    opacity: 0.7;
    transition: all 0.5s ease;
}

.shape-1 {
    width: 60px;
    height: 60px;
    background: rgba(49, 126, 254, 0.1);
    top: 0;
    right: 20px;
}

.shape-2 {
    width: 40px;
    height: 40px;
    background: rgba(49, 126, 254, 0.15);
    bottom: 10px;
    left: 10px;
}

.shape-3 {
    width: 50px;
    height: 50px;
    background: rgba(49, 126, 254, 0.1);
    top: 30px;
    right: 10px;
}

.feature-card:hover .floating-shape {
    transform: translateY(-5px) scale(1.1);
}

.card-content {
    flex-grow: 1;
    display: flex;
    flex-direction: column;
}

.feature-title {
    font-size: 22px;
    font-weight: 700;
    margin-bottom: 15px;
    color: #1a1a1a;
    line-height: 1.3;
}

.feature-description {
    color: #666;
    line-height: 1.6;
    margin-bottom: 25px;
    flex-grow: 1;
}

.feature-link a {
    display: inline-flex;
    align-items: center;
    color: #1cb454;
    font-weight: 600;
    text-decoration: none;
    transition: all 0.3s ease;
}

.feature-link a span {
    margin-left: 5px;
    transition: transform 0.3s ease;
}

.feature-link a:hover {
    color: #1a5dc4;
}

.feature-link a:hover span {
    transform: translateX(5px);
}

.section-footer {
    position: relative;
    z-index: 1;
    margin-top: 40px;
}

.cta-card {
    background: linear-gradient(135deg, #22C55E, #16A34A) !important;
;
    border-radius: 20px;
    padding: 50px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: white;
    position: relative;
    overflow: hidden;
    box-shadow: 0 15px 30px rgba(49, 126, 254, 0.3);
}

.cta-content h3 {
    font-size: 28px;
    font-weight: 700;
    margin-bottom: 10px;
    color: #fff;
}

.cta-content p {
    /* font-size: 18px; */
    /* margin-bottom: 25px; */
    /* opacity: 0.9; */
    color: #fff;
}

.cta-button {
    background: white;
    color: #19ab4f;
    padding: 10px 40px;
    border-radius: 50px;
    text-decoration: none;
    font-weight: 600;
    display: inline-block;
    transition: all 0.3s ease;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
    font-size: 18px;
}

.cta-button:hover {
    transform: translateY(-3px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.2);
    color: #222;
}

.cta-decoration {
    position: relative;
    width: 150px;
    height: 150px;
}

.decoration-circle {
    width: 100px;
    height: 100px;
    border: 2px solid rgba(255, 255, 255, 0.2);
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    animation: pulse 3s ease-in-out infinite;
}

.decoration-dots {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 120px;
    height: 120px;
    background: radial-gradient(circle, rgba(255,255,255,0.3) 2px, transparent 2px);
    background-size: 20px 20px;
}

/* Animations */
@keyframes pulse {
    0% {
        transform: translate(-50%, -50%) scale(1);
        opacity: 0.7;
    }
    50% {
        transform: translate(-50%, -50%) scale(1.1);
        opacity: 0.4;
    }
    100% {
        transform: translate(-50%, -50%) scale(1);
        opacity: 0.7;
    }
}

/* Responsive Design */
@media (max-width: 992px) {
    .features-section-modern {
        padding: 80px 0;
    }
    
    .section-title {
        font-size: 36px;
    }
    
    .features-grid {
        grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
        gap: 25px;
    }
    
    .cta-card {
        flex-direction: column;
        text-align: center;
        gap: 30px;
    }
    
    .cta-decoration {
        width: 120px;
        height: 120px;
    }
}

@media (max-width: 768px) {
    .features-section-modern {
        padding: 60px 0;
    }
    
    .section-header {
        margin-bottom: 60px;
    }
    
    .section-title {
        font-size: 32px;
    }
    
    .section-description {
        font-size: 16px;
    }
    
    .feature-card {
        padding: 30px 20px;
    }
    
    .features-grid {
        margin-bottom: 60px;
    }
    
    .cta-card {
        padding: 40px 30px;
    }
    
    .cta-content h3 {
        font-size: 24px;
    }
    
    .cta-content p {
        font-size: 16px;
    }
}

@media (max-width: 480px) {
    .features-grid {
        grid-template-columns: 1fr;
    }
    
    .section-title {
        font-size: 28px;
    }
    
    .cta-decoration {
        display: none;
    }
}








/* Main container with gradient background */
.latest-posts-area.style-1.background-gradient {
    background: linear-gradient(135deg, #f5f7fa 0%, #c3cfe2 100%);
    padding: 100px 0;
    position: relative;
}

/* Section Title Styling */
.te-section-title {
    margin-bottom: 60px;
}

.te-section-content .short-title {
    color: #6c757d;
    font-size: 13px;
    font-weight: 500;
    letter-spacing: 2px;
    text-transform: uppercase;
    display: inline-block;
    margin-bottom: 15px;
}

.te-section-content .title {
    color: #2c3e50;
    font-size: 42px;
    font-weight: 300;
    line-height: 1.2;
    margin: 0;
}

/* Blog Card Styling - Simple & Elegant */
.te-post-card.style-1 {
    background: #ffffff;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 2px 20px rgba(0, 0, 0, 0.08);
    transition: all 0.4s ease;
    margin-bottom: 40px;
}

.te-post-card.style-1:hover {
    transform: translateY(-5px);
    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.12);
}

/* Image Container */
.te-post-card.style-1 .image {
    position: relative;
    overflow: hidden;
    height: 220px;
}

.te-post-card.style-1 .image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.6s ease;
}

.te-post-card.style-1:hover .image img {
    transform: scale(1.05);
}

/* Content Section */
.te-post-card.style-1 .content {
    padding: 25px;
}

/* Meta Info - Simple & Clean */
.te-post-meta-info {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 20px;
}

.te-single-meta {
    display: flex;
    align-items: center;
    gap: 8px;
    color: #868e96;
    font-size: 14px;
}

.te-single-meta .icon {
    color: #adb5bd;
    font-size: 14px;
}

.te-single-meta .text {
    font-weight: 400;
}

/* Simple Date Badge */
.te-post-date {
    color: #868e96;
    font-size: 13px;
    font-weight: 500;
    padding: 6px 12px;
    background: #f8f9fa;
    border-radius: 6px;
    letter-spacing: 0.5px;
}

/* Blog Title - Clean Typography */
.te-post-card.style-1 .content .title {
    margin: 0 0 20px 0;
    font-size: 20px;
    font-weight: 600;
    line-height: 1.4;
    color: #2c3e50;
}

.te-post-card.style-1 .content .title a {
    color: inherit;
    text-decoration: none;
    transition: color 0.3s ease;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.te-post-card.style-1 .content .title a:hover {
    color: #19ab4f;
}

/* Simple Read More Button */
.te-post-card.style-1 .read-btn {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: #5f27cd;
    font-weight: 500;
    font-size: 14px;
    text-decoration: none;
    transition: all 0.3s ease;
}

.te-post-card.style-1 .read-btn:hover {
    gap: 12px;
    color: #341f97;
}

.te-post-card.style-1 .read-btn i {
    font-size: 12px;
    transition: transform 0.3s ease;
}

.te-post-card.style-1 .read-btn:hover i {
    transform: translateX(3px);
}

/* Responsive Design */
@media (max-width: 991px) {
    .te-section-content .title {
        font-size: 36px;
    }
    
    .te-post-card.style-1 .image {
        height: 200px;
    }
}

@media (max-width: 767px) {
    .latest-posts-area.style-1.background-gradient {
        padding: 70px 0;
    }
    
    .te-section-content .title {
        font-size: 30px;
    }
    
    .te-post-card.style-1 .content {
        padding: 20px;
    }
    
    .te-post-meta-info {
        flex-direction: column;
        align-items: flex-start;
        gap: 12px;
    }
}

@media (max-width: 576px) {
    .te-section-content .title {
        font-size: 26px;
    }
    
    .te-post-card.style-1 .content .title {
        font-size: 18px;
    }
}






.benefits-section {
    padding: 100px 0;
    background: linear-gradient(135deg, #f8fafe 0%, #f0f7ff 100%);
    position: relative;
    overflow: hidden;
}

.benefits-section::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" width="100" height="100" opacity="0.03"><defs><pattern id="grid" width="10" height="10" patternUnits="userSpaceOnUse"><path d="M 10 0 L 0 0 0 10" fill="none" stroke="%23317EFE" stroke-width="0.5"/></pattern></defs><rect width="100" height="100" fill="url(%23grid)"/></svg>');
    z-index: 0;
}

.section-header {
    text-align: center;
    margin-bottom: 80px;
    position: relative;
    z-index: 1;
}

.section-subtitle {
    display: inline-block;
    background: rgba(49, 126, 254, 0.1);
    color: #19ab4f;
    padding: 10px 40px;
    border-radius: 30px;
    font-size: 17px;
    font-weight: 600;
    letter-spacing: 1px;
    margin-bottom: 20px;
}

.section-title {
    font-size: 42px;
    font-weight: 700;
    line-height: 1.2;
    margin-bottom: 20px;
    color: #1a1a1a;
    background: linear-gradient(90deg, #1a1a1a 0%, #0b8e20 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.section-description {
    font-size: 18px;
    color: #666;
    max-width: 600px;
    margin: 0 auto;
    line-height: 1.6;
}

.benefits-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 30px;
    position: relative;
    z-index: 1;
}

.benefit-card {
    background: white;
    border-radius: 20px;
    padding: 40px 30px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);
    transition: all 0.4s ease;
    position: relative;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    height: 100%;
}

.benefit-card::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 5px;
    background: linear-gradient(90deg, #18a74d, #6ba8ff);
    transform: scaleX(0);
    transform-origin: left;
    transition: transform 0.4s ease;
}

.benefit-card:hover {
    transform: translateY(-10px);
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.1);
}

.benefit-card:hover::before {
    transform: scaleX(1);
}

.card-visual {
    position: relative;
    margin-bottom: 30px;
    height: 120px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.icon-container {
    width: 80px;
    height: 80px;
    background: rgba(49, 126, 254, 0.1);
    border-radius: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    z-index: 2;
    transition: all 0.3s ease;
}

.benefit-card:hover .icon-container {
    transform: scale(1.1);
    background: rgba(49, 126, 254, 0.15);
}

.floating-shape {
    position: absolute;
    border-radius: 50%;
    opacity: 0.7;
    transition: all 0.5s ease;
}

.shape-1 {
    width: 60px;
    height: 60px;
    background: rgba(49, 126, 254, 0.1);
    top: 0;
    right: 20px;
}

.shape-2 {
    width: 40px;
    height: 40px;
    background: rgba(49, 126, 254, 0.15);
    bottom: 10px;
    left: 10px;
}

.shape-3 {
    width: 50px;
    height: 50px;
    background: rgba(49, 126, 254, 0.1);
    top: 30px;
    right: 10px;
}

.benefit-card:hover .floating-shape {
    transform: translateY(-5px) scale(1.1);
}

.card-content {
    flex-grow: 1;
    display: flex;
    flex-direction: column;
}

.card-title {
    font-size: 22px;
    font-weight: 700;
    margin-bottom: 15px;
    color: #1a1a1a;
    line-height: 1.3;
}

.card-description {
    color: #666;
    line-height: 1.6;
    margin-bottom: 25px;
    flex-grow: 1;
}

.card-link a {
    display: inline-flex;
    align-items: center;
    color: #1cb353;
    font-weight: 600;
    text-decoration: none;
    transition: all 0.3s ease;
}

.card-link a span {
    margin-left: 5px;
    transition: transform 0.3s ease;
}

.card-link a:hover {
    color: #1a5dc4;
}

.card-link a:hover span {
    transform: translateX(5px);
}

/* Responsive Design */
@media (max-width: 992px) {
    .benefits-section {
        padding: 80px 0;
    }
    
    .section-title {
        font-size: 36px;
    }
    
    .benefits-grid {
        grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
        gap: 25px;
    }
}

@media (max-width: 768px) {
    .benefits-section {
        padding: 60px 0;
    }
    
    .section-header {
        margin-bottom: 60px;
    }
    
    .section-title {
        font-size: 32px;
    }
    
    .section-description {
        font-size: 16px;
    }
    
    .benefit-card {
        padding: 30px 20px;
    }
}

@media (max-width: 480px) {
    .benefits-grid {
        grid-template-columns: 1fr;
    }
    
    .section-title {
        font-size: 28px;
    }
}


  
        /* Products Section - Elegant Design */
        .products-section-elegant {
            padding: 80px 0 40px;
            background: linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%);
            font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
        }
        
        .products-section-elegant .container {
            /* max-width: 1200px; */
            margin: 0 auto;
            padding: 0 20px;
        }
        
        /* Section Header */
        .products-section-elegant .section-header {
            text-align: center;
            margin-bottom: 60px;
        }
        
        .products-section-elegant .section-subtitle {
            display: inline-block;
            font-size: 14px;
            font-weight: 600;
            color: #19ab4f;
            text-transform: uppercase;
            letter-spacing: 1px;
            margin-bottom: 12px;
        }
        
        .products-section-elegant .section-title {
            font-size: 36px;
            font-weight: 700;
            line-height: 1.2;
            margin-bottom: 16px;
            color: #1e293b;
        }
        
        .products-section-elegant .section-description {
            font-size: 18px;
            color: #64748b;
            max-width: 600px;
            margin: 0 auto;
        }
        
        /* Products Grid */
        .products-section-elegant .products-grid {
            display: grid;
            grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
            gap: 30px;
            margin-bottom: 40px;
        }
        
        /* Product Card */
        .products-section-elegant .product-card {
            background: white;
            border-radius: 16px;
            overflow: hidden;
            box-shadow: 0 4px 20px rgba(0, 0, 0, 0.05);
            transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
            position: relative;
            display: flex;
            flex-direction: column;
            height: 100%;
            border: 1px solid #f1f5f9;
        }
        
        .products-section-elegant .product-card:hover {
            transform: translateY(-8px);
            box-shadow: 0 20px 40px rgba(0, 0, 0, 0.08);
            border-color: #e2e8f0;
        }
        
        .products-section-elegant .product-image {
            position: relative;
            padding: 30px;
            background: linear-gradient(135deg, #f8fafe 0%, #f0f7ff 100%);
            text-align: center;
            /* height: 248px; */
            display: flex;
            align-items: center;
            justify-content: center;
            overflow: hidden;
        }
        
        .products-section-elegant .product-image img {
            max-width: 100%;
            /* max-height: 257px; */
            object-fit: contain;
            transition: transform 0.5s ease;
        }
        
        .products-section-elegant .product-card:hover .product-image img {
            transform: scale(1.08);
        }
        
        /* Product Actions */
        .products-section-elegant .product-actions {
            position: absolute;
            top: 20px;
            right: 20px;
            display: flex;
            flex-direction: column;
            gap: 10px;
            opacity: 0;
            transform: translateX(10px);
            transition: all 0.3s ease;
        }
        
        .products-section-elegant .product-card:hover .product-actions {
            opacity: 1;
            transform: translateX(0);
        }
        
        .products-section-elegant .action-btn {
            width: 40px;
            height: 40px;
            background: white;
            border: none;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            color: #64748b;
            cursor: pointer;
            transition: all 0.3s ease;
            box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
        }
        
        .products-section-elegant .action-btn:hover {
            background: #00b400;
            color: white;
            transform: scale(1.1);
        }
        
        /* Product Content */
        .products-section-elegant .product-content {
            padding: 24px;
            flex-grow: 1;
            display: flex;
            flex-direction: column;
        }
        
        .products-section-elegant .product-title {
            font-size: 18px;
            font-weight: 600;
            margin-bottom: 12px;
            line-height: 1.4;
        }
        
        .products-section-elegant .product-title a {
            color: #1e293b;
            text-decoration: none;
            transition: color 0.3s ease;
        }
        
        .products-section-elegant .product-title a:hover {
            color: #317EFE;
        }
        
        .products-section-elegant .product-price {
            font-size: 22px;
            font-weight: 700;
            color: #19ab4f;
            margin-bottom: 20px;
        }
        
        /* Product Footer */
        .products-section-elegant .product-footer {
            display: flex;
            justify-content: space-between;
            align-items: center;
            margin-top: auto;
        }
        
        .products-section-elegant .add-to-cart-btn {
            display: flex;
            align-items: center;
            gap: 8px;
            background: linear-gradient(135deg, #00b400, #00b400) !important;
            color: white;
            border: none;
            padding: 10px 25px;
            border-radius: 50px;
            font-weight: 600;
            /* font-size: 14px; */
            cursor: pointer;
            transition: all 0.3s ease;
            flex-grow: 1;
            margin-right: 15px;
            justify-content: center;
            text-decoration: none;
            font-size: 18px;
        }
        
        .products-section-elegant .add-to-cart-btn:hover {
            background: #1a5dc4;
            transform: translateY(-2px);
            box-shadow: 0 5px 15px rgba(49, 126, 254, 0.3);
            color: white;
        }
        
        .products-section-elegant .product-link {
            width: 40px;
            height: 40px;
            background: rgba(49, 126, 254, 0.1);
            color: #19ab4f;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            text-decoration: none;
            transition: all 0.3s ease;
            flex-shrink: 0;
        }
        
        .products-section-elegant .product-link:hover {
            background: #00b400;
            color: white;
            transform: rotate(45deg);
        }
        
        /* View All Button - Centered below products */
        .products-section-elegant .view-all-container {
            display: flex;
            justify-content: center;
            margin-top: 10px;
            width: 100%;
            grid-column: 1 / -1; /* This makes it span all columns in the grid */
        }
        
        .products-section-elegant .view-all-btn {
            display: inline-flex;
            align-items: center;
            gap: 10px;
            background: white;
            color: #19ab4f;
            border: 1px solid #e2e8f0;
            padding: 10px 40px;
            border-radius: 50px;
            font-weight: 600;
            text-decoration: none;
            transition: all 0.3s ease;
            box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
        }
        
        .products-section-elegant .view-all-btn:hover {
            background: #18a84d;
            color: white;
            transform: translateY(-2px);
            box-shadow: 0 8px 20px rgba(49, 126, 254, 0.2);
        }
        
        /* Responsive Design */
        @media (max-width: 1024px) {
            .products-section-elegant .products-grid {
                grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
                gap: 25px;
            }
        }
        
        @media (max-width: 768px) {
            .products-section-elegant {
                padding: 60px 0;
            }
            
            .products-section-elegant .section-title {
                font-size: 32px;
            }
            
            .products-section-elegant .section-description {
                font-size: 16px;
            }
            
            .products-section-elegant .products-grid {
                grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
                gap: 20px;
            }
            
            .products-section-elegant .product-image {
                height: 220px;
                padding: 25px;
            }
            
            .products-section-elegant .product-content {
                padding: 20px;
            }
        }
        
        @media (max-width: 576px) {
            .products-section-elegant .products-grid {
                grid-template-columns: 1fr;
                max-width: 400px;
                margin: 0 auto 30px;
            }
            
            .products-section-elegant .product-footer {
                flex-direction: column;
                gap: 15px;
            }
            
            .products-section-elegant .add-to-cart-btn {
                margin-right: 0;
                width: 100%;
            }
            
            .products-section-elegant .product-link {
                align-self: flex-end;
            }
        }
        
        @media (max-width: 480px) {
            .products-section-elegant .section-title {
                font-size: 28px;
            }
            
            .products-section-elegant .section-description {
                font-size: 15px;
            }
        }



       
 
/* Product Details Section */
.product-details-section {
    padding: 60px 0;
    background: linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%);
    font-family: 'Inter', 'Segoe UI', system-ui, -apple-system, sans-serif;
}

.product-container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 24px;
}

.product-card {
    display: flex;
    background: rgba(255, 255, 255, 0.9);
    backdrop-filter: blur(10px);
    border-radius: 24px;
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.08);
    overflow: hidden;
    border: 1px solid rgba(255, 255, 255, 0.8);
}

/* Product Gallery */
.product-gallery {
    flex: 1;
    padding: 40px;
    border-right: 1px solid rgba(226, 232, 240, 0.6);
    display: flex;
    flex-direction: column;
    align-items: center;
}

.main-image {
    width: 100%;
    /* height: 577px; */
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%);
    border-radius: 16px;
    overflow: hidden;
    margin-bottom: 24px;
    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.06);
}

.main-image img {
    max-width: 90%;
    max-height: 90%;
    object-fit: contain;
    transition: transform 0.5s ease;
}

.thumbnails {
    display: flex;
    gap: 16px;
    justify-content: center;
    width: 100%;
}

.thumbnail {
    width: 80px;
    height: 80px;
    border: 2px solid #e2e8f0;
    border-radius: 12px;
    overflow: hidden;
    cursor: pointer;
    transition: all 0.3s ease;
    display: flex;
    align-items: center;
    justify-content: center;
    background: white;
}

.thumbnail.active {
    border-color: #4f46e5;
    box-shadow: 0 4px 12px rgba(79, 70, 229, 0.2);
}

.thumbnail:hover {
    border-color: #4f46e5;
    transform: translateY(-2px);
}

.thumbnail img {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
}

/* Product Information */
.product-info {
    flex: 1;
    padding: 0 20px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin: 0;
    gap: 0;
}

.product-category {
    color: #00b400;
    font-size: 17px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-bottom: 12px;
    display: inline-block;
    background: rgba(79, 70, 229, 0.1);
    padding: 6px 12px;
    border-radius: 20px;
    text-align: center;
}

.product-title {
    font-size: 17px;
    font-weight: 700;
    margin-bottom: 20px;
    color: #1e293b;
    line-height: 1.3;
}

.product-price {
    font-size: 36px;
    font-weight: 700;
    color: #224c09;
    margin-bottom: 10px;
    /* display: flex; */
    align-items: center;
}

.product-description {
    margin-bottom: 10px;
    padding-bottom: 0px;
    /* border-bottom: 1px solid rgba(226, 232, 240, 0.8); */
}

.product-description p {
    color: #64748b;
    font-size: 17px;
    line-height: 1.7;
}

/* Quantity Section */
.quantity-section {
    margin-bottom: 32px;
    padding: 20px;
    background: rgba(248, 250, 252, 0.8);
    border-radius: 16px;
    border: 1px solid rgba(226, 232, 240, 0.6);
}

.quantity-label {
    display: block;
    font-weight: 600;
    margin-bottom: 16px;
    color: #475569;
    font-size: 16px;
}

.quantity-controls {
    display: inline-flex;
    border-radius: 12px;
    overflow: hidden;
    background: white;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
    border: 1px solid #e2e8f0;
}

.quantity-btn {
    width: 50px;
    height: 50px;
    background: #f8fafc;
    border: none;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: all 0.3s ease;
    color: #475569;
    font-size: 16px;
}

.quantity-btn:hover:not(:disabled) {
    background: #00b400;
    color: white;
}

.quantity-btn:disabled {
    opacity: 0.4;
    cursor: not-allowed;
}

.quantity-input {
    width: 80px;
    height: 50px;
    border: none;
    text-align: center;
    font-size: 20px;
    font-weight: 700;
    background: #ffffff;
    color: #1e293b;
    outline: none;
    border-left: 1px solid #e2e8f0;
    border-right: 1px solid #e2e8f0;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* Action Buttons */
.action-buttons {
    display: flex;
    gap: 16px;
    margin-bottom: 40px;
}

.btn {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    padding: 16px 28px;
    border-radius: 12px;
    font-weight: 600;
    text-decoration: none;
    transition: all 0.3s ease;
    border: none;
    cursor: pointer;
    font-size: 16px;
    flex: 1;
    justify-content: center;
}

.btn-primary {
    background: #4f46e5;
    color: white;
    box-shadow: 0 4px 14px rgba(79, 70, 229, 0.3);
}

.btn-primary:hover {
    background: #4338ca;
    transform: translateY(-2px);
    box-shadow: 0 8px 20px rgba(79, 70, 229, 0.4);
}

.btn-secondary {
    background: white;
    color: #475569;
    border: 1px solid #e2e8f0;
}

.btn-secondary:hover {
    background: #f8fafc;
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
}

/* Product Features */
.product-features {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
}

.feature {
    display: flex;
    align-items: center;
    gap: 16px;
    padding: 20px;
    background: rgba(248, 250, 252, 0.8);
    border-radius: 16px;
    transition: all 0.3s ease;
    border: 1px solid rgba(226, 232, 240, 0.5);
}

.feature:hover {
    transform: translateY(-4px);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.08);
    background: white;
}

.feature-icon {
    width: 56px;
    height: 56px;
    /* background: linear-gradient(135deg, #4f46e5 0%, #7c73e6 100%); */
    color: white;
    border-radius: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 22px;
    flex-shrink: 0;
}

.feature-text h4 {
    font-size: 16px;
    margin-bottom: 6px;
    color: #1e293b;
}

.feature-text p {
    font-size: 14px;
    color: #64748b;
}

/* Responsive Design */
@media (max-width: 1024px) {
    .product-card {
        flex-direction: column;
    }
    
    .product-gallery {
        border-right: none;
        border-bottom: 1px solid rgba(226, 232, 240, 0.6);
    }
    
    .main-image {
        height: 400px;
    }
}

@media (max-width: 768px) {
    .product-info {
        padding: 32px 24px;
    }
    
    .product-title {
        font-size: 28px;
    }
    
    .product-price {
        font-size: 32px;
    }
    
    .action-buttons {
        flex-direction: column;
    }
    
    .product-features {
        grid-template-columns: 1fr;
    }
    
    .main-image {
        height: 350px;
    }
}

@media (max-width: 576px) {
    .product-details-section {
        padding: 40px 0;
    }
    
    .product-container {
        padding: 0 16px;
    }
    
    .product-gallery, .product-info {
        padding: 24px 20px;
    }
    
    .main-image {
        height: 300px;
    }
    
    .thumbnails {
        flex-wrap: wrap;
    }
    
    .product-title {
        font-size: 24px;
    }
    
    .product-price {
        font-size: 28px;
    }
    
    .quantity-input {
        width: 70px;
        font-size: 18px;
    }
}





/* Terms & Conditions Section */
.terms {
    padding: 80px 0;
    background: linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%);
    font-family: 'Inter', sans-serif;
}

.terms .container {
    /* max-width: 1000px; */
    /* margin: 0 auto; */
}

.terms .py-5 {
    background: rgba(255, 255, 255, 0.9);
    backdrop-filter: blur(10px);
    padding: 60px 50px;
    border-radius: 24px;
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.08);
    border: 1px solid rgba(255, 255, 255, 0.8);
}

.terms h2 {
    font-size: 28px;
    font-weight: 700;
    color: #1e293b;
    margin-bottom: 24px;
    padding-bottom: 16px;
    border-bottom: 3px solid #4f46e5;
    position: relative;
}

.terms h2:first-child {
    font-size: 24px;
    text-align: center;
    color: #4f46e5;
    border-bottom: none;
    margin-bottom: 10px;
    line-height: 1.9;
}

.terms h2:first-child::after {
    content: '';
    position: absolute;
    bottom: 14px;
    left: 50%;
    transform: translateX(-50%);
    width: 100px;
    height: 4px;
    background: linear-gradient(135deg, #4f46e5 0%, #7c73e6 100%);
    border-radius: 2px;
}

.terms p {
    color: #64748b;
    font-size: 16px;
    line-height: 1.7;
    margin-bottom: 20px;
}

.terms b {
    color: #1e293b;
    font-weight: 700;
}

.terms .collection {
    margin-bottom: 40px;
    padding: 30px;
    background: rgba(248, 250, 252, 0.8);
    border-radius: 16px;
    border: 1px solid rgba(226, 232, 240, 0.6);
    transition: all 0.3s ease;
}

.terms .collection:hover {
    transform: translateY(-5px);
    box-shadow: 0 15px 40px rgba(0, 0, 0, 0.1);
    background: white;
}

.terms .collection:last-child {
    margin-bottom: 0;
}

.terms span[style*="color: #000"] {
    color: #4f46e5 !important;
    font-weight: 600;
}

/* Beautiful Product Pricing Table */
.product-pricing-table {
    margin: 25px 0;
    background: white;
    border-radius: 16px;
    overflow: hidden;
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.06);
    border: 1px solid rgba(226, 232, 240, 0.8);
}

.pricing-header {
    display: grid;
    grid-template-columns: 2fr 1fr;
    background: linear-gradient(135deg, #4f46e5 0%, #7c73e6 100%);
    color: white;
    padding: 20px 24px;
    font-weight: 700;
    font-size: 16px;
}

.pricing-header .product-col {
    text-align: left;
}

.pricing-header .price-col {
    text-align: right;
}

.pricing-body {
    max-height: 400px;
    overflow-y: auto;
}

.pricing-row {
    display: grid;
    grid-template-columns: 2fr 1fr;
    padding: 18px 24px;
    border-bottom: 1px solid rgba(226, 232, 240, 0.6);
    transition: all 0.3s ease;
    align-items: center;
}

.pricing-row:last-child {
    border-bottom: none;
}

.pricing-row:hover {
    background: rgba(79, 70, 229, 0.03);
    transform: translateX(5px);
}

.pricing-row .product-name {
    font-weight: 600;
    color: #1e293b;
    font-size: 15px;
}

.pricing-row .product-price {
    text-align: right;
    font-weight: 700;
    color: #4f46e5;
    font-size: 16px;
}

/* Scrollbar Styling */
.pricing-body::-webkit-scrollbar {
    width: 6px;
}

.pricing-body::-webkit-scrollbar-track {
    background: rgba(226, 232, 240, 0.5);
    border-radius: 3px;
}

.pricing-body::-webkit-scrollbar-thumb {
    background: linear-gradient(135deg, #4f46e5 0%, #7c73e6 100%);
    border-radius: 3px;
}

.pricing-body::-webkit-scrollbar-thumb:hover {
    background: linear-gradient(135deg, #4338ca 0%, #6d63de 100%);
}

/* Empty State */
.pricing-empty {
    text-align: center;
    padding: 40px 24px;
    color: #94a3b8;
    font-style: italic;
}

/* Ordered List Styling */
.terms ol {
    counter-reset: item;
    padding-left: 0;
    margin: 20px 0;
}

.terms ol li {
    display: flex;
    align-items: flex-start;
    margin-bottom: 16px;
    padding: 16px;
    background: white;
    border-radius: 12px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
    transition: all 0.3s ease;
}

.terms ol li:hover {
    transform: translateX(10px);
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.08);
}

.terms ol li::before {
    content: counter(item);
    counter-increment: item;
    background: linear-gradient(135deg, #4f46e5 0%, #7c73e6 100%);
    color: white;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    margin-right: 16px;
    flex-shrink: 0;
}

.terms ol li p {
    margin: 0;
    color: #64748b;
}

/* Attention Box */
.terms p:has(b) {
    background: linear-gradient(135deg, #fff3cd 0%, #ffeaa7 100%);
    border: 1px solid #ffd43b;
    padding: 20px;
    border-radius: 12px;
    border-left: 4px solid #f59e0b;
}

/* Contact Information Styling */
.terms .collection:last-child p {
    padding: 12px 0;
    border-bottom: 1px solid rgba(226, 232, 240, 0.5);
}

.terms .collection:last-child p:last-child {
    border-bottom: none;
}

.terms .collection:last-child p br {
    display: inline;
}

/* Responsive Design */
@media (max-width: 768px) {
    .terms {
        padding: 60px 0;
    }
    
    .terms .py-5 {
        padding: 40px 30px;
    }
    
    .terms h2:first-child {
        font-size: 28px;
    }
    
    .terms h2 {
        font-size: 24px;
    }
    
    .terms .collection {
        padding: 24px 20px;
        margin-bottom: 32px;
    }
    
    .pricing-header,
    .pricing-row {
        padding: 15px 20px;
        grid-template-columns: 1.5fr 1fr;
    }
    
    .pricing-header {
        font-size: 14px;
    }
    
    .pricing-row .product-name {
        font-size: 14px;
    }
    
    .pricing-row .product-price {
        font-size: 15px;
    }
    
    .terms ol li {
        flex-direction: column;
        text-align: center;
    }
    
    .terms ol li::before {
        margin-right: 0;
        margin-bottom: 12px;
        align-self: center;
    }
}

@media (max-width: 576px) {
    .terms {
        padding: 40px 0;
    }
    
    .terms .py-5 {
        padding: 30px 20px;
    }
    
    .terms h2:first-child {
        font-size: 24px;
    }
    
    .terms h2 {
        font-size: 22px;
    }
    
    .terms p {
        font-size: 15px;
    }
    
    .terms .collection {
        padding: 20px 16px;
    }
    
    .pricing-header,
    .pricing-row {
        padding: 12px 16px;
        grid-template-columns: 1fr 1fr;
    }
    
    .pricing-header {
        font-size: 13px;
    }
    
    .pricing-row .product-name {
        font-size: 13px;
    }
    
    .pricing-row .product-price {
        font-size: 14px;
    }
}

/* Animation for sections */
@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translateY(30px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.terms .collection {
    animation: fadeInUp 0.6s ease forwards;
}

.terms .collection:nth-child(1) { animation-delay: 0.1s; }
.terms .collection:nth-child(2) { animation-delay: 0.2s; }
.terms .collection:nth-child(3) { animation-delay: 0.3s; }
.terms .collection:nth-child(4) { animation-delay: 0.4s; }
.terms .collection:nth-child(5) { animation-delay: 0.5s; }
.terms .collection:nth-child(6) { animation-delay: 0.6s; }
.terms .collection:nth-child(7) { animation-delay: 0.7s; }
.terms .collection:nth-child(8) { animation-delay: 0.8s; }
.terms .collection:nth-child(9) { animation-delay: 0.9s; }

/* Print Styles */
@media print {
    .terms {
        background: white !important;
        padding: 20px 0 !important;
    }
    
    .terms .py-5 {
        box-shadow: none !important;
        border: 1px solid #ddd !important;
        background: white !important;
    }
    
    .terms .collection {
        break-inside: avoid;
        box-shadow: none !important;
        border: 1px solid #ddd !important;
        background: white !important;
    }
    
    .product-pricing-table {
        box-shadow: none !important;
        border: 1px solid #ddd !important;
    }
}





/* Additional styles for better hierarchy in privacy policy */
.terms h3 {
    font-size: 22px;
    font-weight: 700;
    color: #1e293b;
    margin-bottom: 20px;
    padding-bottom: 12px;
    border-bottom: 2px solid rgba(79, 70, 229, 0.3);
}

.terms h4 {
    font-size: 18px;
    font-weight: 600;
    color: #374151;
    margin: 25px 0 15px 0;
}

.sub-collection {
    margin: 20px 0;
    padding: 20px;
    background: rgba(255, 255, 255, 0.6);
    border-radius: 12px;
    border-left: 4px solid rgba(79, 70, 229, 0.2);
}

.nested-list {
    margin: 15px 0;
}

.nested-list p {
    margin-bottom: 15px;
    padding-left: 15px;
    border-left: 2px solid rgba(79, 70, 229, 0.1);
}

.terms strong {
    color: #1e293b;
    font-weight: 600;
}

/* Enhanced responsive design for privacy policy */
@media (max-width: 768px) {
    .terms h3 {
        font-size: 20px;
    }
    
    .terms h4 {
        font-size: 17px;
    }
    
    .sub-collection {
        padding: 15px;
        margin: 15px 0;
    }
}

@media (max-width: 576px) {
    .terms h3 {
        font-size: 19px;
    }
    
    .terms h4 {
        font-size: 16px;
    }
    
    .sub-collection {
        padding: 12px;
    }
    
    .nested-list p {
        padding-left: 10px;
    }
}








/* COMPLETELY ISOLATED CSS - NO CONFLICTS */
.beauty-ebook-slider-unique {
    background: linear-gradient(135deg, rgba(249, 245, 255, 0.9) 0%, rgba(240, 230, 255, 0.1) 100%),
        url('../images/hero.jpg');
    background-size: auto, cover;
    background-position: center center;
    background-repeat: no-repeat no-repeat;
    min-height: 100vh;
    display: flex !important;
    align-items: center !important;
    padding: 40px 0px !important;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif !important;
    position: relative !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
}


.beauty-ebook-slider-unique * {
    box-sizing: border-box !important;
    margin: 0 !important;
    padding: 0 ;
    /* font-family: inherit !important; */
}

.beauty-ebook-container-unique {
    position: relative !important;
    z-index: 1 !important;
    width: 100% !important;
    max-width: 1140px !important;
    margin: 0 auto !important;
    padding: 0 !important;
    display: flex !important;
    align-items: center !important;
    gap: 122px !important;
}

.beauty-ebook-content-unique {
    flex: 1 !important;
    z-index: 10 !important;
    max-width: 550px !important;
}

.beauty-ebook-badge-unique {
    display: inline-block !important;
    background: linear-gradient(135deg, #22C55E, #16A34A) !important;
    color: white !important;
    padding: 8px 20px !important;
    border-radius: 30px !important;
    font-size: 17px !important;
    font-weight: 600 !important;
    letter-spacing: 1px !important;
    margin-bottom: 25px !important;
    box-shadow: 0 4px 15px rgba(138, 99, 210, 0.3) !important;
}

.beauty-ebook-title-unique {
    font-size: 48px !important;
    line-height: 1.2 !important;
    color: #224c09 !important;
    margin-bottom: 25px !important;
    font-weight: 700 !important;
    font-family: "Inter", sans-serif;
}

.beauty-ebook-desc-unique {
    font-size: 18px !important;
    line-height: 1.6 !important;
    color: #222!important;
    margin-bottom: 35px !important;
}

.beauty-ebook-features-unique {
    margin-bottom: 40px !important;
}

.beauty-ebook-feature-unique {
    display: flex !important;
    align-items: center !important;
    margin-bottom: 15px !important;
}

.beauty-ebook-feature-icon-unique {
    width: 24px !important;
    height: 24px !important;
    background: linear-gradient(135deg, #0EA829, #0B8A1F) !important;
;
    border-radius: 50% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    color: white !important;
    font-size: 14px !important;
    margin-right: 15px !important;
    flex-shrink: 0 !important;
}

.beauty-ebook-feature-unique span {
    font-size: 16px !important;
    color: #0b8e20 !important;
    font-weight: 500 !important;
}

.beauty-ebook-cta-unique {
    display: flex !important;
    align-items: center !important;
    gap: 30px !important;
}

.beauty-ebook-button-unique {
    display: inline-block !important;
    background: linear-gradient(135deg, #00b400, #00b400) !important;
    color: white !important;
    padding: 10px 40px !important;
    border-radius: 50px !important;
    text-decoration: none !important;
    font-weight: 600 !important;
    font-size: 18px !important;
    box-shadow: 0 10px 25px rgba(138, 99, 210, 0.4) !important;
    transition: all 0.3s ease !important;
    border: none !important;
    cursor: pointer !important;
}

.beauty-ebook-button-unique:hover {
    transform: translateY(-3px) !important;
    box-shadow: 0 15px 30px rgba(138, 99, 210, 0.5) !important;
}

.beauty-ebook-rating-unique {
    display: flex !important;
    flex-direction: column !important;
}

.beauty-ebook-stars-unique {
    color: #ffc107 !important;
    font-size: 18px !important;
    margin-bottom: 5px !important;
}

.beauty-ebook-rating-unique span {
    font-size: 14px !important;
    color: #5a4a79 !important;
}

.beauty-ebook-visual-unique {
    flex: 1 !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    position: relative !important;
    height: 613px !important;
}

.beauty-ebook-book-unique {
    position: relative !important;
    width: 400px !important;
    height: 500px !important;
    perspective: 1000px !important;
}

.beauty-ebook-cover-unique {
    position: absolute !important;
    width: 100% !important;
    height: 100% !important;
    background: linear-gradient(135deg, #0EA829, #0B8A1F) !important;
;
    border-radius: 10px 15px 15px 10px !important;
    box-shadow: 0 15px 35px rgba(138, 99, 210, 0.4) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    z-index: 5 !important;
    transform: rotateY(-5deg) !important;
    transition: transform 0.5s ease !important;
}

.beauty-ebook-cover-unique:hover {
    transform: rotateY(-10deg) !important;
}

.beauty-ebook-cover-design-unique {
    text-align: center !important;
    color: white !important;
    padding: 30px !important;
}

.beauty-ebook-cover-title-unique {
    font-size: 28px !important;
    font-weight: 700 !important;
    margin-bottom: 10px !important;
    text-shadow: 0 2px 10px rgba(0, 0, 0, 0.2) !important;
}

.beauty-ebook-cover-subtitle-unique {
    font-size: 16px !important;
    opacity: 0.9 !important;
}

.beauty-ebook-pages-unique {
    position: absolute !important;
    width: 100% !important;
    height: 100% !important;
    background: #f5f5f5 !important;
    border-radius: 10px 15px 15px 10px !important;
    box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.1) !important;
    transform: translateX(10px) rotateY(-5deg) !important;
    z-index: 4 !important;
}

.beauty-ebook-floating-unique {
    position: absolute !important;
    width: 100% !important;
    height: 100% !important;
    top: 0 !important;
    left: 0 !important;
}

.beauty-ebook-float-element-unique {
    position: absolute !important;
    font-size: 24px !important;
    animation: beauty-ebook-float-unique 6s ease-in-out infinite !important;
}

.beauty-ebook-float-1-unique {
    top: 20% !important;
    left: 10% !important;
    animation-delay: 0s !important;
}

.beauty-ebook-float-2-unique {
    top: 60% !important;
    left: 15% !important;
    animation-delay: 1.5s !important;
}

.beauty-ebook-float-3-unique {
    top: 30% !important;
    right: 20% !important;
    animation-delay: 3s !important;
}

.beauty-ebook-float-4-unique {
    top: 70% !important;
    right: 10% !important;
    animation-delay: 4.5s !important;
}

.beauty-ebook-shapes-unique {
    position: absolute !important;
    width: 100% !important;
    height: 100% !important;
    top: 0 !important;
    left: 0 !important;
    z-index: -1 !important;
}

.beauty-ebook-shape-unique {
    position: absolute !important;
    border-radius: 50% !important;
    opacity: 0.1 !important;
    background: linear-gradient(135deg, #0EA829, #0B8A1F) !important;
;
}

.beauty-ebook-shape-1-unique {
    width: 200px !important;
    height: 200px !important;
    top: 10% !important;
    right: 10% !important;
}

.beauty-ebook-shape-2-unique {
    width: 150px !important;
    height: 150px !important;
    bottom: 20% !important;
    left: 5% !important;
}

.beauty-ebook-shape-3-unique {
    width: 100px !important;
    height: 100px !important;
    bottom: 10% !important;
    right: 20% !important;
}

@keyframes beauty-ebook-float-unique {
    0% {
        transform: translateY(0) rotate(0deg) !important;
    }
    50% {
        transform: translateY(-20px) rotate(5deg) !important;
    }
    100% {
        transform: translateY(0) rotate(0deg) !important;
    }
}

/* Responsive Design */
@media (max-width: 992px) {
    .beauty-ebook-container-unique {
        flex-direction: column !important;
        gap: 40px !important;
        text-align: center !important;
    }
    
    .beauty-ebook-title-unique {
        font-size: 36px !important;
    }
    
    .beauty-ebook-visual-unique {
        height: 400px !important;
    }
    
    .beauty-ebook-book-unique {
        width: 250px !important;
        height: 350px !important;
    }
}

@media (max-width: 768px) {
    .beauty-ebook-title-unique {
        font-size: 32px !important;
    }
    
    .beauty-ebook-cta-unique {
        flex-direction: column !important;
        gap: 20px !important;
    }
    
    .beauty-ebook-book-unique {
        width: 200px !important;
        height: 280px !important;
    }
    
    .beauty-ebook-cover-title-unique {
        font-size: 22px !important;
    }
}





.footer.style-2 {
    background: linear-gradient(135deg, #0EA829, #0B8A1F) !important;
;
    color: #fff;
    position: relative;
    overflow: hidden;
}

.te-footer-sec {
    padding: 60px 0 30px;
    position: relative;
    z-index: 2;
}

.te-footer-social-wrapper {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-bottom: 30px;
    margin-bottom: 40px;
    border-bottom: 1px solid rgba(255,255,255,0.1);
}

.te-footer-logo img {
    max-height: 50px;
    transition: transform 0.3s ease;
}

.te-footer-logo img:hover {
    transform: scale(1.05);
}

.te-social-widget {
    display: flex;
    align-items: center;
    gap: 15px;
    color: #e0d6f5;
    font-weight: 500;
}

.te-social-widget img {
    height: 30px;
}

.te-footer-widget-title {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 20px;
    color: #fff;
    position: relative;
    padding-bottom: 10px;
}

.te-footer-widget-title::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 40px;
    height: 2px;
    background: #ff6b9d;
    border-radius: 2px;
}

.te_widget_latest_post ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.te_widget_latest_post li {
    display: flex;
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid rgba(255,255,255,0.05);
    transition: transform 0.3s ease;
}

.te_widget_latest_post li:hover {
    transform: translateX(5px);
}

.te_widget_latest_post li:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: none;
}

.te-latest-post-thumb {
    width: 70px;
    height: 70px;
    border-radius: 8px;
    overflow: hidden;
    margin-right: 15px;
    flex-shrink: 0;
    box-shadow: 0 4px 8px rgba(0,0,0,0.2);
}

.te-latest-post-thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.5s ease;
}

.te-latest-post-thumb:hover img {
    transform: scale(1.1);
}

.te-latest-post-desc {
    flex: 1;
}

.te-latest-post-meta {
    font-size: 12px;
    color: #b8a9d6;
    display: block;
    margin-bottom: 5px;
}

.te-latest-post-title {
    font-size: 14px;
    margin: 0;
    line-height: 1.4;
}

.te-latest-post-title a {
    color: #fff;
    text-decoration: none;
    transition: color 0.3s;
}

.te-latest-post-title a:hover {
    color: #ff6b9d;
}

.te_widget_nav_menu ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.te_widget_nav_menu li {
    margin-bottom: 12px;
}

.te_widget_nav_menu li:last-child {
    margin-bottom: 0;
}

.te_widget_nav_menu a {
    color: #d0c5e8;
    text-decoration: none;
    transition: all 0.3s;
    display: inline-block;
    position: relative;
    padding-left: 15px;
}

.te_widget_nav_menu a::before {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 6px;
    height: 6px;
    background: #ff6b9d;
    border-radius: 50%;
    opacity: 0;
    transition: opacity 0.3s;
}

.te_widget_nav_menu a:hover {
    color: #ff6b9d;
    transform: translateX(5px);
}

.te_widget_nav_menu a:hover::before {
    opacity: 1;
}

.te-about-content p {
    color: #fff;
    line-height: 1.6;
    margin-bottom: 25px;
}

.beauty-highlights {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.highlight-item {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 10px 15px;
    background: rgba(255,255,255,0.05);
    border-radius: 8px;
    transition: all 0.3s ease;
}

.highlight-item:hover {
    background: rgba(255,255,255,0.1);
    transform: translateX(5px);
}

.highlight-icon {
    font-size: 20px;
    width: 30px;
    text-align: center;
}

.highlight-text {
    color: #fff;
    font-weight: 500;
    font-size: 14px;
}

.footer-bottom-area {
    background: rgba(0,0,0,0.2);
    padding: 20px 0;
    position: relative;
    z-index: 2;
}

.te-footer-bottom-wrapper {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.te-copyright-text p {
    margin: 0;
    color: #b8a9d6;
}

.te-copyright-text a {
    color: #ff6b9d;
    text-decoration: none;
    transition: color 0.3s;
}

.te-copyright-text a:hover {
    color: #fff;
}

.te-footer-bg {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 1;
}

.te-footer-bg img {
    width: 100%;
    opacity: 0.1;
}

/* Responsive Styles */
@media (max-width: 991px) {
    .te-footer-social-wrapper {
        flex-direction: column;
        gap: 20px;
        text-align: center;
    }
    
    .footer-nav-widget {
        margin: 30px 0;
    }
    
    .beauty-highlights {
        flex-direction: row;
        justify-content: space-between;
    }
    
    .highlight-item {
        flex-direction: column;
        text-align: center;
        flex: 1;
        gap: 8px;
    }
    
    .highlight-icon {
        width: auto;
    }
}

@media (max-width: 767px) {
    .te-footer-bottom-wrapper {
        flex-direction: column;
        gap: 15px;
        text-align: center;
    }
    
    .te-footer-sec {
        padding: 40px 0 20px;
    }
    
    .beauty-highlights {
        flex-direction: column;
    }
    
    .beauty-ebook-content-unique {padding: 0 20px;}
    .products-section-elegant .product-image img { max-height: 217px;}
}



 

  :root {
    --cart-primary: #0EA829!important;          /* Main Green */
    --cart-primary-light: #32C851;    /* Light Green */
    --cart-primary-dark: #0B8A1F;     /* Deep Green */
    --cart-secondary: #f6fff7;        /* Soft green background */
    --cart-accent: #4cd964;           /* Accent green */
    --cart-text: #1a1d29;
    --cart-text-light: #6b7280;
    --cart-border: #e5e7eb;
    --cart-white: #ffffff;
    --cart-success: #0EA829;
    --cart-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.1), 0 4px 10px -2px rgba(0, 0, 0, 0.05);
    --cart-radius: 12px;
    --cart-radius-lg: 16px;
}


        .cart-page1 * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }

        .cart-page1 body {
            font-family: 'Inter', sans-serif;
            background: linear-gradient(135deg, #f8faff 0%, #f0f4ff 100%);
            color: var(--cart-text);
            line-height: 1.6;
            min-height: 100vh;
        }

        .cart-page1 .boxed_wrapper {
            /* max-width: 1200px; */
            /* margin: 0 auto; */
            /* padding: 0 20px; */
        }

        /* Header styles */
        .cart-page1 .top_breadcrumb {
            background-color: var(--cart-white);
            padding: 18px 0;
            box-shadow: var(--cart-shadow);
            margin-bottom: 40px;
            /* border-radius: 0 0 var(--cart-radius) var(--cart-radius); */
        }

        .cart-page1 .breadcrumb {
            display: flex;
            list-style: none;
        }

        .cart-page1 .breadcrumb li {
            display: flex;
            align-items: center;
        }

        .cart-page1 .breadcrumb li a {
            color: var(--cart-text-light);
            text-decoration: none;
            transition: color 0.3s;
            font-weight: 500;
        }

        .cart-page1 .breadcrumb li a:hover {
            color: var(--cart-primary);
        }

        .cart-page1 .breadcrumb li:not(:last-child)::after {
          
            margin: 0 12px;
            color: var(--cart-text-light);
            font-size: 18px;
        }

        /* Main cart layout */
        .cart-page1 .cart-layout {
            display: grid;
            grid-template-columns: 1fr 380px;
            gap: 30px;
            margin-bottom: 50px;
        }

        /* Cart items section */
        .cart-page1 .cart-items-container {
            background: var(--cart-white);
            border-radius: var(--cart-radius-lg);
            box-shadow: var(--cart-shadow);
            overflow: hidden;
        }

.cart-page1 .cart-header {
    background: linear-gradient(135deg, #0EA829, #0B8A1F) !important;
    color: var(--cart-white);
    padding: 28px 30px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}


        .cart-page1 .cart-header h2 {
            font-size: 1.7rem;
            font-weight: 700;
            letter-spacing: -0.5px;
        }

        .cart-page1 .cart-summary {
            display: flex;
            gap: 25px;
        }

        .cart-page1 .cart-summary-item {
            display: flex;
            flex-direction: column;
            align-items: center;
        }

        .cart-page1 .cart-summary-label {
            font-size: 0.85rem;
            opacity: 0.9;
            font-weight: 500;
        }

        .cart-page1 .cart-summary-value {
            font-size: 1.3rem;
            font-weight: 700;
        }

        .cart-page1 .cart-items {
            padding: 0;
        }

        .cart-page1 .cart-item {
            display: grid;
            grid-template-columns: 100px 1fr auto auto auto;
            gap: 20px;
            align-items: center;
            padding: 25px 30px;
            border-bottom: 1px solid var(--cart-border);
            transition: all 0.3s ease;
        }

        .cart-page1 .cart-item:hover {
            background-color: rgba(124, 92, 252, 0.03);
        }

        .cart-page1 .cart-item:last-child {
            border-bottom: none;
        }

        .cart-page1 .item-image {
            width: 100px;
            height: 100px;
            border-radius: var(--cart-radius);
            overflow: hidden;
            box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
            transition: transform 0.3s ease;
        }

        .cart-page1 .item-image:hover {
            transform: scale(1.05);
        }

        .cart-page1 .item-image img {
            width: 100%;
            height: 100%;
            object-fit: cover;
        }

        .cart-page1 .item-details {
            display: flex;
            flex-direction: column;
        }

        .cart-page1 .item-name {
            font-weight: 600;
            margin-bottom: 8px;
            font-size: 16px;
            letter-spacing: -0.3px;
            line-height: 1.5;
        }

        .cart-page1 .item-price {
            color: var(--cart-text-light);
            font-size: 0.95rem;
            font-weight: 500;
        }

        .cart-page1 .quantity-controls {
            display: flex;
            align-items: center;
            border: 1px solid var(--cart-border);
            border-radius: var(--cart-radius);
            overflow: hidden;
            width: fit-content;
            box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05);
        }
 
        .cart-page1 .quantity-btn {
            background: var(--cart-secondary);
            border: none;
            width: 38px;
            height: 38px;
            display: flex;
            align-items: center;
            justify-content: center;
            cursor: pointer;
            transition: all 0.3s;
            color: var(--cart-primary);
        }

        .cart-page1 .quantity-btn:hover:not(:disabled) {
            background: var(--cart-primary);
            color: white;
        }

        .cart-page1 .quantity-btn:disabled {
            opacity: 0.5;
            cursor: not-allowed;
        }

        .cart-page1 .quantity-input {
            width: 50px;
            height: 38px;
            border: none;
            text-align: center;
            background: var(--cart-white);
            font-weight: 600;
            color: var(--cart-text);
        }

        .cart-page1 .item-total {
            font-weight: 700;
            color: var(--cart-primary);
            font-size: 1.1rem;
            letter-spacing: -0.3px;
        }

        .cart-page1 .remove-btn {
            color: var(--cart-text-light);
            background: none;
            border: none;
            width: 40px;
            height: 40px;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            cursor: pointer;
            transition: all 0.3s;
        }

        .cart-page1 .remove-btn:hover {
            background: #fed7d7;
            color: #e53e3e;
            transform: rotate(90deg);
        }

        .cart-page1 .cart-actions {
            display: flex;
            justify-content: space-between;
            padding: 25px 30px;
            background: var(--cart-secondary);
            border-top: 1px solid var(--cart-border);
        }

        .cart-page1 .btn {
            padding: 10px 40px;
            border-radius: var(--cart-radius);
            font-weight: 600;
            cursor: pointer;
            transition: all 0.3s;
            border: none;
            display: inline-flex;
            align-items: center;
            gap: 10px;
            text-decoration: none;
            font-size: 18px;
            letter-spacing: -0.2px;
        }

        .cart-page1 .btn-outline {
            background: transparent;
            border: 2px solid var(--cart-primary);
            color: var(--cart-primary);
        }

        .cart-page1 .btn-outline:hover {
            background: var(--cart-primary);
            color: var(--cart-white);
            transform: translateY(-2px);
            box-shadow: 0 4px 12px rgba(124, 92, 252, 0.3);
        }

        .cart-page1 .btn-primary {
    background: linear-gradient(135deg, #00b400, #00b400) !important;
    color: var(--cart-white);
    box-shadow: 0 4px 12px rgba(14, 168, 41, 0.3);
}
.cart-page1 .btn-primary:hover {
    background: var(--cart-primary-dark);
    transform: translateY(-2px);
    box-shadow: 0 6px 16px rgba(14, 168, 41, 0.4);
}


        .cart-page1 .btn-danger {
            background: #e53e3e;
            color: var(--cart-white);
        }

        .cart-page1 .btn-danger:hover {
            background: #c53030;
            transform: translateY(-2px);
        }

        .cart-page1 .btn-group {
            display: flex;
            gap: 15px;
        }

        /* Order summary section */
        .cart-page1 .order-summary {
            background: var(--cart-white);
            border-radius: var(--cart-radius-lg);
            box-shadow: var(--cart-shadow);
            padding: 30px;
            height: fit-content;
            position: sticky;
            top: 30px;
        }

        .cart-page1 .order-summary h3 {
            font-size: 1.5rem;
            margin-bottom: 25px;
            padding-bottom: 15px;
            border-bottom: 2px solid var(--cart-border);
            color: var(--cart-primary);
            font-weight: 700;
            letter-spacing: -0.5px;
        }

        .cart-page1 .summary-row {
            display: flex;
            justify-content: space-between;
            margin-bottom: 15px;
            padding-bottom: 15px;
            border-bottom: 1px dashed var(--cart-border);
        }

        .cart-page1 .summary-row:last-of-type {
            border-bottom: none;
            margin-bottom: 0;
            padding-bottom: 0;
        }

        .cart-page1 .summary-label {
            color: var(--cart-text-light);
            font-weight: 500;
        }

        .cart-page1 .summary-value {
            font-weight: 600;
        }

        .cart-page1 .summary-total {
            font-size: 1.3rem;
            font-weight: 800;
            color: var(--cart-primary);
            margin-top: 10px;
            padding-top: 15px;
            border-top: 2px solid var(--cart-border);
        }

        .cart-page1 .free-shipping {
            display: flex;
            align-items: center;
            gap: 10px;
            color: var(--cart-success);
            font-weight: 600;
            margin: 15px 0;
            padding: 12px 15px;
            background: rgba(16, 185, 129, 0.1);
            border-radius: var(--cart-radius);
        }

        .cart-page1 .discount-section {
            margin: 25px 0;
            padding: 20px;
            background: var(--cart-secondary);
            border-radius: var(--cart-radius);
        }

        .cart-page1 .discount-section h4 {
            margin-bottom: 15px;
            color: var(--cart-primary);
            font-size: 1.1rem;
            font-weight: 600;
        }

        .cart-page1 .discount-input {
            display: flex;
            gap: 10px;
        }

        .cart-page1 .discount-input input {
            flex: 1;
            padding: 12px 15px;
            border: 1px solid var(--cart-border);
            border-radius: var(--cart-radius);
            font-family: 'Inter', sans-serif;
            font-weight: 500;
        }

        .cart-page1 .discount-btn {
            padding: 12px 20px;
            background: var(--cart-primary);
            color: white;
            border: none;
            border-radius: var(--cart-radius);
            cursor: pointer;
            transition: all 0.3s;
            font-weight: 600;
        }

        .cart-page1 .discount-btn:hover {
            background: var(--cart-primary-dark);
        }

        .cart-page1 .secure-checkout {
            display: flex;
            align-items: center;
            justify-content: center;
            gap: 10px;
            margin-top: 20px;
            color: var(--cart-success);
            font-size: 0.9rem;
            font-weight: 500;
        }

        /* Empty cart */
        .cart-page1 .empty-cart {
            text-align: center;
            padding: 80px 20px;
            background: var(--cart-white);
            border-radius: var(--cart-radius-lg);
            box-shadow: var(--cart-shadow);
            max-width: 600px;
            margin: 0 auto;
        }

        .cart-page1 .empty-cart-icon {
            font-size: 5rem;
            color: var(--cart-text-light);
            margin-bottom: 25px;
            opacity: 0.7;
        }

        .cart-page1 .empty-cart h3 {
            font-size: 1.8rem;
            margin-bottom: 15px;
            color: var(--cart-text);
            font-weight: 700;
            letter-spacing: -0.5px;
        }

        .cart-page1 .empty-cart p {
            color: var(--cart-text-light);
            margin-bottom: 30px;
            max-width: 400px;
            margin-left: auto;
            margin-right: auto;
            font-size: 1.05rem;
            font-weight: 500;
        }

        /* Responsive */
        @media (max-width: 992px) {
            .cart-page1 .cart-layout {
                grid-template-columns: 1fr;
            }
            
            .cart-page1 .order-summary {
                position: static;
            }
        }

        @media (max-width: 768px) {
            .cart-page1 .cart-item {
                grid-template-columns: 80px 1fr;
                grid-template-areas: 
                    "image details"
                    "quantity price"
                    "total remove";
                gap: 15px;
                padding: 20px;
            }

            .cart-page1 .item-image {
                grid-area: image;
                width: 80px;
                height: 80px;
            }

            .cart-page1 .item-details {
                grid-area: details;
            }

            .cart-page1 .quantity-controls {
                grid-area: quantity;
            }

            .cart-page1 .item-price {
                grid-area: price;
                text-align: right;
            }

            .cart-page1 .item-total {
                grid-area: total;
            }

            .cart-page1 .remove-btn {
                grid-area: remove;
                justify-self: end;
            }

            .cart-page1 .cart-actions {
                flex-direction: column;
                gap: 15px;
            }

            .cart-page1 .btn-group {
                width: 100%;
                justify-content: space-between;
            }

            .cart-page1 .btn {
                flex: 1;
                justify-content: center;
            }
            
            .cart-page1 .cart-header {
                flex-direction: column;
                align-items: flex-start;
                gap: 15px;
            }

            .cart-page1 .cart-summary {
                width: 100%;
                justify-content: space-between;
            }
        }

        @media (max-width: 480px) {
            .cart-page1 .btn-group {
                flex-direction: column;
            }
            
            .cart-page1 .order-summary {
                padding: 20px;
            }
        }



.te-menu-sidebar-area {
    position: fixed;
    top: 0;
    right: -300px;
    width: 300px;
    height: 100%;
    background: #fff;
    z-index: 99999;
    transition: 0.3s ease;
}

.te-menu-sidebar-area.active {
    right: 0;
}

.te-body-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.5);
    z-index: 9999;
    display: none;
}

.te-body-overlay.active {
    display: block;
}



 


        /* Reset and Base Styles */
      
        /* Header Styles */
        .header-area {
            background-color: #fff;
            box-shadow: 0 2px 10px rgba(0,0,0,0.1);
            position: relative;
            z-index: 1000;
        }
        
        .te-sticky-header {
            position: sticky;
            top: 0;
            background-color: #fff;
            z-index: 1000;
        }
        
  
    
        
        .menu-wrapper {
            display: flex;
            justify-content: space-between;
            align-items: center;
        }
        
        .logo-col {
            flex: 0 0 auto;
        }
        
        .menu-col {
            flex: 1 1 auto;
            display: flex;
            justify-content: flex-end;
            align-items: center;
        }
        
        .te-logo img {
            max-height: 40px;
            width: auto;
        }
        
        /* Desktop Menu Styles - HIDDEN ON MOBILE */
        .te-menu {
            display: flex;
            align-items: center;
        }
        
        .te-main-menu ul {
            display: flex;
            list-style: none;
            margin: 0;
            padding: 0;
        }
        
        .te-main-menu li {
            margin: 0 15px;
            position: relative;
        }
        
        .te-main-menu a {
            text-decoration: none;
            color: #333;
            font-weight: 500;
            font-size: 16px;
            padding: 10px 0;
            display: block;
            transition: color 0.3s;
        }
        
        .te-main-menu a:hover {
            color: #007bff;
        }
        
        /* Header Button */
        .te-header-btn {
            margin-left: 20px;
        }
        
        .te-quote-btn {
            background-color: #007bff;
            color: white;
            padding: 10px 20px;
            border-radius: 4px;
            text-decoration: none;
            font-weight: 500;
            display: inline-flex;
            align-items: center;
            transition: background-color 0.3s;
        }
        
        .te-quote-btn:hover {
            background-color: #0056b3;
            color: white;
        }
        
        .te-quote-btn i {
            margin-left: 8px;
        }
        
        /* Mobile Menu Toggle - HIDDEN ON DESKTOP */
        .te-mobile-menu-bar {
            display: none;
            margin-left: 15px;
        }
        
        .te-mobile-menu-toggle-btn {
            background: none;
            border: none;
            font-size: 24px;
            color: #333;
            cursor: pointer;
            padding: 5px;
            display: flex;
            align-items: center;
            justify-content: center;
        }
        
        /* Mobile Sidebar Menu */
        .te-menu-sidebar-area {
            position: fixed;
            top: 0;
            right: -100%;
            width: 300px;
            height: 100vh;
            background-color: #fff;
            box-shadow: -5px 0 15px rgba(0,0,0,0.1);
            z-index: 1100;
            transition: right 0.3s ease;
            overflow-y: auto;
        }
        
        .te-menu-sidebar-area.active {
            right: 0;
        }
        
        .te-menu-sidebar-wrapper {
            padding: 20px;
            height: 100%;
        }
        
        .te-menu-sidebar-close {
            text-align: right;
            margin-bottom: 20px;
        }
        
        .te-menu-sidebar-close-btn {
            background: none;
            border: none;
            font-size: 24px;
            cursor: pointer;
            color: #333;
        }
        
        .te-menu-sidebar-logo {
            margin-bottom: 30px;
            text-align: center;
        }
        
        .te-menu-sidebar-logo img {
            max-height: 40px;
        }
        
        .te-mobile-nav-menu ul {
            list-style: none;
            margin-bottom: 30px;
        }
        
        .te-mobile-nav-menu li {
            margin-bottom: 15px;
        }
        
        .te-mobile-nav-menu a {
            text-decoration: none;
            color: #333;
            font-size: 18px;
            font-weight: 500;
            display: block;
            padding: 10px 0;
            border-bottom: 1px solid #f0f0f0;
        }
        
        .te-menu-sidebar-title {
            font-size: 18px;
            margin-bottom: 15px;
            color: #333;
        }
        
        .te-header-contact-info {
            margin-bottom: 20px;
        }
        
        .te-header-contact-info span {
            display: block;
            margin-bottom: 10px;
            color: #666;
        }
        
        .te-header-contact-info i {
            margin-right: 10px;
            color: #007bff;
            width: 20px;
        }
        
        .te-header-contact-info a {
            color: #666;
            text-decoration: none;
        }
        
        .te-social-profile {
            display: flex;
            gap: 15px;
        }
        
        .te-social-profile a {
            display: flex;
            align-items: center;
            justify-content: center;
            width: 40px;
            height: 40px;
            background-color: #f5f5f5;
            border-radius: 50%;
            color: #333;
            transition: all 0.3s;
        }
        
        .te-social-profile a:hover {
            background-color: #007bff;
            color: white;
        }
        
        /* Overlay when mobile menu is open */
        .te-menu-overlay {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-color: rgba(0,0,0,0.5);
            z-index: 1050;
            display: none;
        }
        
        .te-menu-overlay.active {
            display: block;
        }
        
        /* ========== RESPONSIVE STYLES - FIXED ========== */
        
        /* Tablet and Mobile - Hide Desktop Menu, Show Mobile Toggle */
        @media (max-width: 991px) {
            .te-menu {
                display: none !important; /* Force hide desktop menu */
            }
            
            .te-mobile-menu-bar {
                display: block !important; /* Force show mobile toggle */
            }
            
            .te-header-btn {
                margin-left: auto;
                margin-right: 0;
            }
            
            .te-quote-btn {
                padding: 8px 15px;
                font-size: 14px;
            }
        }
        
        /* Small Mobile - Adjust button and sidebar */
        @media (max-width: 767px) {
            .te-menu-sidebar-area {
                width: 280px;
            }
            
            .te-quote-btn span {
                display: none;
            }
            
            .te-quote-btn i {
                margin-left: 0;
            }
            
            .te-quote-btn {
                padding: 10px;
                border-radius: 50%;
                width: 40px;
                height: 40px;
                display: flex;
                align-items: center;
                justify-content: center;
            }
        }
        
        /* Extra Small Mobile - Full width sidebar */
        @media (max-width: 575px) {
            .te-logo img {
                max-height: 35px;
            }
            
            .te-menu-sidebar-area {
                width: 100%;
            }
            
            .menu-col {
                justify-content: flex-end;
            }
        }
        
        /* Desktop Only - Ensure mobile toggle is hidden */
        @media (min-width: 992px) {
            .te-mobile-menu-bar {
                display: none !important;
            }
            
            .te-menu {
                display: flex !important;
            }
        }



.features-grid .feature-item svg path:first-child {
    fill: #00b400 !important; /* Circle */
}

.features-grid .feature-item svg path:last-child {
    fill: #ffffff !important; /* Tick */
}