* {
         margin: 0;
         padding: 0;
         box-sizing: border-box;
         font-family: "Quicksand", sans-serif;
     }
     
     a {
         transition: 0.5s;
     }
     
     .navbar-menu .dropdown-menu>.menu-item a.active,
     .navbar .navbar-menu .menu-item-has-children>a.active::after {
         background: var(--gradient1) !important;
         -webkit-background-clip: text !important;
         -webkit-text-fill-color: transparent !important;
         font-weight: 700 !important;
     }
     
     .nav-link.active {
         background: var(--gradient1) !important;
         -webkit-background-clip: text !important;
         -webkit-text-fill-color: transparent !important;
         font-weight: 700 !important;
         animation: headShake 5s infinite;
     }
     
     html {
         scroll-behavior: smooth;
     }
     
      :root {
         --gradient1: linear-gradient(-137deg, var(--primary-color) 0%, var(--primary-color-2) 100%);
         --primary-color: #FF9300;
         --primary-color-2: #FF0056;
         --sc: #363636;
         --bg-color: #fff;
         --width: 0;
         --text-color: #9090905c;
         --heading-color: #363636;
         --bg-color-2: #f3f3f3;
         --dark-bg: #363636;
         --dark-bg-2: #fff;
     }
     
      :root.dark-theme {
         --dark-bg-2: #1e3749;
         --primary-color: #FF9300;
         --sc: #fff;
         --bg-color: #14212a;
         --text-color: #fff;
         --heading-color: #363636;
         --bg-color-2: #14212a;
         --dark-bg: #1e3749;
     }
     
      ::selection {
         background: var(--gradient1);
         color: var(--primary-color-2);
     }
     
     #particles-js {
         position: absolute;
         height: 100%;
         width: 100%;
         z-index: 99;
     }
     
     .theme-switch-wrapper {
         position: fixed;
         top: 50%;
         z-index: 99;
         right: 0;
     }
     
     body {
         font-family: "Quicksand", sans-serif;
         background: var(--bg-color);
         overflow-x: hidden;
     }
     
     .dl-mode {
         position: fixed;
         top: 30%;
         right: 0;
         z-index: 99;
         background: var(--bg-color);
         width: 58px;
         color: black;
         height: 60px;
         line-height: 40px;
         padding-left: 3px;
         border-top-left-radius: 10px;
         border-bottom-left-radius: 10px;
         cursor: pointer;
         border: 1px solid var(--primary-color);
     }
     
     .dl-mode #dark {
         position: absolute;
         left: 17px;
         top: 12px;
     }
     
     input#checkbox {
         opacity: 0;
         visibility: hidden;
     }
     
     .dl-mode #light {
         opacity: 1;
         font-size: 35px;
         line-height: 58px;
         color: var(--primary-color);
         background: var(--gradient1);
         -webkit-background-clip: text;
         background-clip: text;
         background-clip: text;
         -webkit-text-fill-color: transparent;
     }
     
     button[type="submit"]:focus,
     button:focus,
     input[type="button"]:focus,
     input[type="reset"]:focus,
     input[type="submit"]:focus,
     a:focus {
         outline: 1px dotted;
         /* color: inherit; */
         text-decoration: none;
         /* outline-offset: -2px; */
     }
     
     .section-slider:hover .owl-nav button.owl-prev,
     .section-slider:hover .owl-nav button.owl-next {
         opacity: 1;
         visibility: visible;
         top: 50%;
     }
     
     .section-slider .owl-nav button.owl-prev,
     .section-slider .owl-nav button.owl-next {
         position: absolute;
         top: 0%;
         transform: translate(0%, -50%);
         height: 40px;
         width: 40px;
         line-height: 45px;
         background: var(--dark-bg);
         color: #fff;
         border-radius: 40px;
         opacity: 0;
         transition: 1s;
         visibility: hidden;
     }
     
     .section-slider .owl-nav button::after {
         content: '';
         border: 2px solid var(--primary-color);
         position: absolute;
         inset: 0;
         border-radius: 50%;
         opacity: 0;
         visibility: hidden;
         transition: 1s;
     }
     
     .section-slider .owl-nav button:hover::after,
     .section-slider .owl-nav button:focus-within::after {
         inset: -11px;
         opacity: 1;
         visibility: visible;
     }
     
     .section-slider .owl-nav button.owl-prev {
         left: 20px;
     }
     
     .section-slider .owl-nav button.owl-prev:hover,
     .section-slider .owl-nav button.owl-prev:focus-within {
         background: var(--gradient1);
     }
     
     .section-slider .owl-nav button.owl-next:hover,
     .section-slider .owl-nav button.owl-next:focus-within {
         background: var(--gradient1);
     }
     
     .section-slider .owl-nav button.owl-prev span {
         font-size: 30px;
         line-height: 30px;
         text-align: center;
     }
     
     .section-slider .owl-nav button.owl-next span {
         font-size: 30px;
         line-height: 30px;
         text-align: center;
     }
     
     .section-slider .owl-nav button.owl-next {
         right: 20px;
     }
     
     .section-slider .container {
         position: relative;
         display: flex;
         align-items: center;
         justify-content: space-between;
         min-height: 700px;
     }
     
     .slider {
         position: relative;
         z-index: 1;
     }
     
     .slide::after {
         content: '';
         background: rgba(0 0 0 / 20%);
         position: absolute;
         top: -100%;
         display: block;
         right: 0;
         left: 0;
         bottom: 0;
         height: 100%;
         transition: 2s;
         z-index: 0;
     }
     
     .owl-item.active .slide::after {
         top: 0;
     }
     /* Top-Header Section */
     
     .top-header {
         justify-content: center;
         align-items: center;
         background: var(--heading-color);
         position: relative;
     }
     
     .top-header-2 {
         background: transparent;
     }
     
     .top-header-3 {
         background: var(--gradient1);
     }
     
     .top-header .contact-area {
         display: flex;
         z-index: 1;
         position: relative;
         /* margin-left: 10px; */
     }
     
     .top-header .icon {
         z-index: 1;
     }
     
     .top-header .contact-widget:not(:last-child) {
         border-right: 1px solid rgb(249 210 210 / 72%);
         padding-right: 8px;
         z-index: 99;
     }
     
     .top-header .menu-item:not(:first-child) {
         justify-content: flex-end;
     }
     
     .header-menu .menu-item:nth-child(3) .contact-area {
         border-right: 1px solid rgb(249 210 210 / 72%);
         float: right;
         padding-right: 10px;
         z-index: 99;
     }
     
     .top-header .menu-item .text {
         z-index: 2;
     }
     
     .top-header .menu-item {
         display: flex;
         align-items: center;
         gap: 15px;
     }
     
     .top-header .menu-item span {
         z-index: 2;
         margin-left: 10px;
     }
     
     .top-header .menu-item::after {
         content: "";
         width: 50%;
         position: absolute;
         border-top-left-radius: 80px;
         height: 60px;
         background: var(--gradient1);
         position: absolute;
         right: 0;
         top: 0px;
         z-index: 0;
     }
     
     .top-header .contact-icon {
         color: white;
         margin-right: 3px;
         font-size: 18px;
     }
     
     .top-header .contact-info {
         color: white;
         margin-right: 8px;
         text-decoration: none;
         font-size: 16px;
     }
     
     .header-menu {
         height: 60px;
         text-align: center;
         align-items: center;
         font-weight: 500;
     }
     
     .top-header .widget-social-widget .icon-list {
         list-style: none;
         display: flex;
         margin-bottom: 0;
         padding-left: 0;
     }
     
     .icon-list {
         position: relative;
         padding-left: 0;
     }
     /* Social Icon Animation */
     
     .icon-item {
         border: 1px solid white;
         border-radius: 100%;
     }
     
     .widget-social-widget .icon-list li:not(:last-child) {
         margin-right: 10px;
     }
     
     .mobi-head-top .widget_social_widget ul {
		display: flex;
		flex-wrap: wrap;
		align-items: center;
		justify-content: center;
		padding-top: 31px;
		gap: 12px;
		list-style: none;
		margin: 0 auto;
		padding-left: 0;
     }
     
     .mobi-head-top .widget_social_widget ul li a {
         color: #fff;
         border: 2px solid white;
         display: block;
         border-radius: 25px;
         padding: 5px;
         width: 39px;
         box-shadow: rgb(0 0 0 / 24%) 0px 3px 8px;
         background: transparent;
     }
     
     .mobi-head-top .widget_social_widget ul li a:hover,
     .widget_social_widget ul li a:focus-within {
         background: var(--gradient1);
         color: #fff;
         /*animation: tada 2s infinite;*/
         transform: rotate(360deg);
     }
     
     .footer-bottom-3 ul.link-list {
         list-style: none;
         display: flex;
         align-items: center;
         justify-content: flex-end;
         gap: 30px;
     }
     
     .footer-bottom-3 ul.link-list li a {
         text-decoration: none;
         color: #fff;
         transition: 0.3s;
     }
     
     .footer-bottom-3 ul.link-list li a:hover {
         color: var(--primary-color);
     }
     /* ---------Home page 02 ( Info - Section) -----------------*/
     
     .info-section-2 {
         margin-top: -6%;
         z-index: 1;
         position: relative;
     }
     
     .info-section-2 .info-content {
         padding: 30px;
         background: var(--gradient1);
         display: flex;
         align-items: center;
         justify-content: space-between;
         border-radius: 6px;
         position: relative;
         transition: 0.3s;
     }
     
     .info-content-2 .info-content {
         background: var(--dark-bg);
     }
     
     .info-content-2:hover .info-content {
         background: var(--gradient1);
     }
     
     .info-content-1:hover .info-content {
         background: var(--dark-bg);
     }
     
     .info-content-1,
     .info-content-2 {
         position: relative;
         overflow: hidden;
     }
     
     .info-content .info-text h2 {
         color: #fff;
         margin-bottom: 20px;
     }
     
     .info-content .info-text p {
         color: #fff;
         margin-bottom: 0;
     }
     
     .info-icon {
         width: 65px;
         height: 45px;
         line-height: 41px;
         border: 1px solid #fff;
         text-align: left;
         float: right;
         border-top-right-radius: 30px;
         border-bottom-right-radius: 30px;
     }
     
     .info-icon a {
         float: right;
         padding-right: 20px;
         font-size: 25px;
         color: #fff;
         transition: 0.3s;
     }
     
     .info-icon a:hover,
     .info-icon a:focus-within {
         color: #fff;
     }
     
     .info-overlay {
         position: absolute;
         left: 0;
         top: 0;
         cursor: pointer;
         width: 100%;
         opacity: 0;
         border-radius: 8px;
         -webkit-transition: all 900ms ease;
         transition: all 900ms ease;
         -webkit-transform: perspective(400px) rotateY(-90deg);
         transform: perspective(400px) rotateY(-90deg);
         -webkit-transform-origin: top;
         transform-origin: top;
         -webkit-transition: all 0.5s;
         transition: all 0.5s;
         background: var(--gradient1);
         z-index: 3;
         visibility: hidden;
     }
     
     .info-content-2:hover .info-overlay,
     .info-content-2:focus-within .info-overlay {
         opacity: 1;
         -webkit-transform: perspective(400px) rotateY(0deg);
         transform: perspective(400px) rotateY(0deg);
         visibility: visible;
     }
     
     .info-content-1:hover .info-overlay,
     .info-content-1:focus-within .info-overlay {
         opacity: 1;
         -webkit-transform: perspective(400px) rotateY(0deg);
         transform: perspective(400px) rotateY(0deg);
         visibility: visible;
         background: var(--dark-bg);
     }
     /* ---------Home page 02 ( Info - Section) -----------------*/
     /* Navigation Section Style */
     
     .navbar .navbar-menu {
         display: flex;
         list-style: none;
         gap: 7px;
         margin-bottom: 0;
         padding-left: 0;
     }
     
     .top-navigation .navbar .navbar-menu li:not(.dropdown-menu li) {
         margin-right: 10px;
     }
     
     .navbar li.item a.nav-link:hover,
     .navbar li.item a.nav-link:focus-within {
         animation: headShake 5s infinite;
         color: var(--primary-color-2);
     }
     
     .navbar {
         font-weight: bold;
         justify-content: flex-end;
         margin-right: -16px;
     }
     
     .is-sticky-menu {
         position: fixed;
         top: -1px;
         left: 0;
         right: 0;
         width: 100%;
         background: var(--secondary-color);
         z-index: 999;
         -webkit-box-shadow: 0 10px 15px rgb(0 0 0 / 5%);
         -ms-box-shadow: 0 10px 15px rgba(0, 0, 0, 0.05);
         -o-box-shadow: 0 10px 15px rgba(0, 0, 0, 0.05);
         box-shadow: 0 10px 15px rgb(0 0 0 / 5%);
         -webkit-animation: 1s linear 0s normal none 1 running flipInX;
         animation: 1s linear 0s normal none 1 running flipInX;
     }
     
     .top-navigation.is-sticky-menu .navbar .item a.nav-link {
         line-height: 80px;
     }
     
     .top-navigation-2.is-sticky-menu,
     .top-navigation-2.is-sticky-menu .navbar-2 {
         background: var(--dark-bg);
         border: 0;
         z-index: 99;
     }
     
     .top-navigation-2.is-sticky-menu .navbar-2::before {
         border-left: 0;
     }
     
     .top-navigation-2.is-sticky-menu .navbar-2 {
         border-right: 0;
     }
     
     .top-navigation {
         background: var(--bg-color);
         height: 100px;
         display: flex;
         align-items: center;
         z-index: 99;
         background: var(--dark-bg-2);
     }
     
     .top-navigation .navigation-bar {
         align-items: center;
     }
     
      .logo a {
         color: var(--sc);
         transition: 0.3s;
         display: flex;
     }
     
     .top-navigation .logo a>img {
         max-width: 200px;
         width: 100%;
         height: 100%;
     }
     
      .logo a:hover,
      .logo a:focus-within {
         background: var(--gradient1);
         -webkit-background-clip: text;
         background-clip: text;
         -webkit-text-fill-color: transparent;
     }
     
     .top-navigation .navigation-bar .icon-list {
         display: flex;
         justify-content: flex-end;
     }
     
     .navbar .navbar-menu .menu-item-has-children>a::after {
         content: "\f107";
         font-family: fontawesome;
         font-size: 18px;
         transform: rotate(0deg);
         transition: 0.3s;
         display: inline-block;
         -webkit-text-fill-color: var(--sc);
		 padding-left: 5px;
     }
     
     .navbar .navbar-menu .menu-item-has-children>a:hover::after,
     .navbar .navbar-menu .menu-item-has-children>a:focus-within::after {
         background: var(--gradient1);
         -webkit-text-fill-color: transparent;
         -webkit-background-clip: text;
     }
     
     .navbar-2 .navbar-menu .menu-item-has-children>a::after {
         -webkit-text-fill-color: #fff;
     }
	 
	 .navbar-2 [title="Add a menu"] {
		 color: #ffffff;
	}
     
     .navbar .navbar-menu .menu-item-has-children .dropdown-menu .menu-item-has-children>a.dropdown-item::after {
         z-index: 1;
         content: "\f105";
         font-family: fontawesome;
         font-size: 18px;
         transform: rotate(0deg);
         transition: 0.3s;
         display: inline;
         position: absolute;
         right: 18px;
     }
     
     .elementor-column-gap-default>.elementor-column>.elementor-element-populated {
         padding: 0 !important;
     }
     
     .navbar .navbar-menu .dropdown .dropdown-menu .dropdown:hover>a::after {
         transform: rotate(90deg);
         -webkit-text-fill-color: var(--primary-color-2);
     }
     
     .navbar-2 .navbar-menu .dropdown .dropdown-menu .dropdown>a.dropdown-item::after {
         z-index: 1;
         content: "\f105";
         font-family: fontawesome;
         font-size: 18px;
         transform: rotate(0deg);
         transition: 0.3s;
         display: inline;
         position: absolute;
         right: 18px;
         -webkit-text-fill-color: var(--sc);
     }
     
     .elementor-column-gap-default>.elementor-column>.elementor-element-populated {
         padding: 0 !important;
     }
     
     .navbar-2 .navbar-menu .dropdown .dropdown-menu .dropdown:hover>a::after {
         transform: rotate(90deg);
         -webkit-text-fill-color: var(--primary-color-2);
     }
     
     .shop-section .sidebar .widget_products .product_list_widget li .woocommerce-Price-amount {
         color: var(--sc);
     }
     
     .shop-section .sidebar .widget_products .product_list_widget li:hover .woocommerce-Price-amount,
     .shop-section .sidebar .widget_products .product_list_widget li:focus-within .woocommerce-Price-amount {
         color: #fff;
     }
     /* Logo  */
     
     .logo a {
         font-size: 40px;
         color: var(--sc);
         text-decoration: none;
         font-weight: 600;
     }
     
     .logo a:hover,
     .logo a:focus {
         color: var(--primary-color);
     }
	 
	 .site-description, .site-title {
		 margin: 0;
	}
	
	.dark-theme body .header h4.site-title, .dark-theme body .header p.site-description { color: #ffffff; }
	
	
	.logo:has(p) .site-title {
		margin-bottom: 5px;
	}
     /* icons */
     
     .icons {
         padding-left: 0;
         padding-right: 0;
         z-index: 1;
         margin-left: auto;
     }
     
     .icons-box .icon-list {
         display: flex;
         list-style: none;
         margin-bottom: 0;
         align-items: center;
         padding-left: 0px;
         /* margin-right: 19px; */
         justify-content: flex-end;
         padding-left: 0;
     }
     

     
     .icons-box .icons-list .list-item a .fa-cart-arrow-down {
         color: var(--sc);
         font-size: 20px;
     }
     
     .icons-box .icons-list .list-item a .fa-search {
         color: var(--sc);
         font-size: 20px;
     }
     
     .icons-box .icon-list .list-item .th i {
         color: var(--primary-color);
         background: var(--gradient1);
         -webkit-background-clip: text;
         background-clip: text;
         -webkit-text-fill-color: transparent;
         font-size: 25px;
         transition: 0.5s;
     }
     
     .icons-box .icon-list .list-item .th:hover i,
     .icons-box .icon-list .list-item .th:focus-within i {
         -webkit-text-fill-color: #fff;
     }
     
     .icons-box .icon-list .cart a {
         color: var(--sc);
         position: relative;
     }
     
     .cart-wrapper .cart-icon-wrap i {
         margin-right: 22px;
         font-size: 16px;
         border-radius: 100%;
         box-shadow: 0 0 13px -2px rgb(0 0 0 / 20%);
     }
     
     .icons-box .icon-list .list-item .th {
         border: 1px solid var(--primary-color);
         border-radius: 50%;
         display: flex;
         place-items: center;
         width: 50px;
         text-decoration: none;
         height: 50px;
         text-align: center;
         line-height: 50px;
         justify-content: center;
         position: relative;
         overflow: hidden;
         transition: 0.5s;
     }
     
     .cart-wrapper .cart-icon-wrap span {
         position: absolute;
         top: 6px;
         font-size: 14px;
         background: var(--gradient1);
         color: white;
         width: 20px;
         height: 20px;
         line-height: 20px;
         right: 7px;
         border-radius: 51%;
         text-align: center;
         display: inline-block;
         font-weight: 600;
     }
     
     .shopping-cart .cart-header i {
         display: inline-block;
         color: var(--primary-color-2);
         vertical-align: middle;
         font-size: 16px;
         padding: 10px;
         position: relative;
     }
     
     .shopping-cart .cart-header i .cart-badge {
         position: absolute;
         top: 6px;
         font-size: 14px;
         background: var(--gradient1);
         color: white;
         width: 20px;
         height: 20px;
         line-height: 20px;
         /* right: 7px; */
         border-radius: 51%;
         text-align: center;
         display: inline-block;
         font-weight: 600;
     }
     
     .icons-box .icon-list .th-box {
         margin-right: 0;
         transition: 0.5s;
         z-index: 1;
     }
     
     .icons-box .icon-list .list-item .th:hover::after,
     .icons-box .icon-list .list-item .th:focus-within::after {
         top: 0;
     }
     
     .icons-box .icon-list .list-item .th::after {
         content: '';
         position: absolute;
         top: 100%;
         bottom: 0;
         left: 0;
         right: 0;
         background: var(--gradient1);
         z-index: -1;
         transition: 0.5s;
     }
     
     .icons-box .icon-list .list-item .th:hover i,
     .icons-box .icon-list .list-item .th:focus-within i {
         color: white;
         transform: rotateY(180deg);
     }
     
     .header-search-popup {
         background: var(--gradient1);
         position: fixed;
         left: 0;
         top: 0;
         width: 100%;
         height: 100%;
         z-index: 9999;
         overflow: hidden;
         display: none;
         visibility: hidden;
         opacity: 0;
     }
     
     .header-search-active .header-search-popup {
         display: block;
         visibility: visible;
         opacity: 1;
     }
     
     .header-search-active .header-search-popup form {
         max-width: 800px;
         opacity: 1;
     }
     
     .header-search-popup form {
         width: 100%;
         max-width: 100px;
         margin: auto;
         position: relative;
         top: 50%;
         opacity: 0;
     }
     
     .header-search-popup form .form-control {
         padding-right: 60px;
         padding-left: 90px;
         width: 100%;
         font-size: 35px;
         background: transparent;
         border-radius: 0;
         border: 2px solid #fff;
         border-radius: 40px;
     }
     
     .header-search-popup .form-control:focus {
         outline: 0;
         box-shadow: none;
     }
     
     .header-search-popup .header-search-close {
         width: 60px;
         margin: auto 0;
         top: 0;
         bottom: 0;
     }
     
     .search-form .header-search-field {
         color: #fff;
     }
     
     .search-form input::placeholder {
         color: #fff;
     }
     
     .search-form i {
         position: absolute;
         top: 0px;
         cursor: pointer;
         left: 4px;
         bottom: 0px;
         margin: auto 0px;
         color: rgb(255, 255, 255);
         font-size: 30px;
         text-align: center;
         border-radius: 50%;
         max-width: 66px;
         text-align: center;
         width: 100%;
         padding-left: -2px;
         height: 92%;
         line-height: 62px;
         transition: 0.3s;
     }
     
     .search-form i:hover,
     .search-form i:focus-within {
         background: var(--gradient1);
     }
     
     .close-style {
         position: absolute;
         display: block;
         top: 1.75%;
         height: 46px;
         width: 46px;
         z-index: 9;
         right: 9px;
		 background: transparent;
     }
     
     .close-style:before,
     .close-style:after {
         content: "";
         position: absolute;
         top: 0;
         right: 0;
         bottom: 0;
         left: 0;
         margin: auto;
         width: 30px;
         height: 3px;
         background: var(--sc);
         -webkit-transform-origin: 50% 50%;
         -ms-transform-origin: 50% 50%;
         transform-origin: 50% 50%;
     }
     
     .header-search-popup.on form,
     .header-search-popup form,
     .close-style:before,
     .close-style:after,
     .header-search-popup span:before,
     .header-search-popup {
         -webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
         transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
     }
     
     .close-style:before {
         -webkit-transform: rotate(-45deg);
         -ms-transform: rotate(-45deg);
         transform: rotate(-45deg);
     }
     
     .close-style:after {
         -webkit-transform: rotate(45deg);
         -ms-transform: rotate(45deg);
         transform: rotate(45deg);
     }
     
     .close-style:hover:before,
     .close-style:hover:after,
     .close-style:focus:before,
     .close-style:focus:after {
         -webkit-transform: none;
         -ms-transform: none;
         transform: none;
     }
     /* Shopping Cart Style  */
     
     .menu-right li.cart-wrapper .cart-icon-wrap i {
         display: inline-block;
         color: inherit;
         vertical-align: middle;
         font-size: 18px;
         padding: 10px;
         /* color: var(--sc); */
         background: var(--gradient1);
         -webkit-background-clip: text;
         background-clip: text;
         -webkit-text-fill-color: transparent;
     }
     
     .menu-right li.cart-wrapper {
         position: relative;
     }
     
     .shopping-cart {
         position: absolute;
         top: 66px;
         right: 32%;
         z-index: 3;
         width: 320px;
         padding: 20px;
         background: var(--dark-bg-2);
         border-radius: 0 3px 3px;
         border: 0;
         border-top: 3px solid var(--primary-color);
         opacity: 0;
         visibility: hidden;
         transition: 0.65s;
         -webkit-box-shadow: 0 15px 30px -5px rgb(0 0 0 / 7%);
         box-shadow: 0 15px 30px -5px rgb(0 0 0 / 7%);
         -webkit-transform: translate3d(0, -5px, 0);
         transform: translate3d(0, -5px, 0);
     }
     
     div.shopping-cart ul a.remove {
         float: right;
         margin-top: 15px;
         width: 25px;
         height: 25px;
         line-height: 25px;
         text-align: center;
         border-radius: 100%;
         color: #fff !important;
         background: var(--gradient1);
         box-shadow: 0 0 10px rgb(0 0 0 / 15%);
     }
     
     div.shopping-cart a.remove {
         display: block;
         font-size: 1.5em;
         height: 1em;
         width: 1em;
         text-align: center;
         line-height: 1;
         border-radius: 100%;
         text-decoration: none;
         font-weight: 700;
         border: 0;
     }
     
     .shopping-cart button.btn.hover-btn {
         color: #fff;
         background: var(--gradient1);
     }
     
     .shopping-cart button.btn.hover-btn:hover,
     .shopping-cart button.btn.hover-btn:focus-within {
         color: #fff;
     }
     
     .shopping-cart:after {
         top: -8px;
         left: 95%;
         content: "";
         position: absolute;
         width: 11px;
         height: 11px;
         border: 3px solid var(--primary-color);
         background: var(--dark-bg-2);
         border-right: none;
         border-bottom: none;
         -ms-transform: translateX(-50%) rotate(45deg);
         transform: translateX(-50%) rotate(45deg);
     }
     
     .shopping-cart:after {
         right: 15%;
     }
     
     .menu-right .cart-wrapper:hover .shopping-cart,
     .menu-right .cart-wrapper:focus-within .shopping-cart {
         opacity: 1;
         visibility: visible;
         transition: 0.65s;
         -webkit-transform: translate3d(0, 2px, 0);
         transform: translate3d(0, 2px, 0);
     }
     
     .shopping-cart .cart-header {
         border-bottom: 1px solid #e8e8e8;
         display: flex;
         align-items: baseline;
         justify-content: space-between;
     }
     
     .shopping-cart .cart-header .cart-total span {
         background: var(--gradient1);
         -webkit-text-fill-color: transparent;
         -webkit-background-clip: text;
         font-size: 16px;
         font-weight: 600;
     }
     
     .cart-total {
         font-size: 16px;
         font-weight: 600;
         margin-bottom: 10px;
         color: var(--sc);
     }
     
     .shopping-cart .cart-badge {
         color: var(--primary-color);
         font-size: 10px;
         margin: 0;
         width: 16px;
         height: 16px;
         line-height: 1.6;
         text-align: center;
         vertical-align: super;
         border-radius: 100px;
         display: inline-block;
     }
     
     .shopping-cart .cart-items {
         height: 100%;
         padding: 0;
         margin: 0;
         padding-top: 20px;
         list-style: none;
         max-height: 188px;
         overflow-x: hidden;
         overflow-y: auto;
     }
     
     .shopping-cart .cart-items li {
         display: inline-block;
         width: 100%;
         margin: 10px 0;
         padding: 0;
         font-size: 15px;
         position: relative;
     }
     
     .shopping-cart .cart-items .item-img {
         float: left;
         margin-right: 12px;
         width: 70px;
         height: 70px;
         text-align: center;
         line-height: 4.5;
     }
     
     .shopping-cart .cart-items .item-img img {
         width: 100%;
         display: inline-block;
         border-radius: 50%;
     }
     
     .shopping-cart ul.product_list_widget li:hover span,
     .shopping-cart ul.product_list_widget li:focus-within span {
         color: var(--sc);
     }
     
     .shopping-cart .cart-items .item-name {
         font-size: 14px;
         font-weight: 600;
         display: block;
         padding-top: 15px;
         color: var(--sc);
         cursor: pointer;
     }
     
     .shopping-cart .cart-items .item-name:hover {
         color: var(--primary-color);
     }
     
     .shopping-cart .cart-items .item-price {
         font-size: 12px;
         font-weight: 600;
         margin-right: 0;
         color: var(--sc);
     }
     
     .shopping-cart .cart-items .item-quantity {
         font-size: 12px;
         font-weight: 400;
         color: var(--primary-color);
     }
     
     .shopping-cart .av-btn {
         display: block;
         background: var(--gradient1);
         text-decoration: none;
         text-align: center;
         border-radius: 5px;
         font-size: 19px;
         padding: 11px 17px;
         margin-top: 10px;
     }
     
     .shopping-cart .av-btn:hover,
     .shopping-cart .av-btn:focus {
         animation: headShake 1s;
     }
     
     .shopping-cart .av-btn span {
         color: white;
     }
     
     .shopping-cart .av-btn i {
         padding-left: 15px;
         color: white;
         font-size: 20px;
         transition: 0.25s;
     }
     /* Carousal Section Start
------------------------
*/
     
     .section-slider-3 .container {
         min-height: auto;
     }
     
     .section-slider .owl-carousel .owl-stage-outer {
         width: 100%;
     }
     
     .slide img {
         filter: brightness(0.4);
         max-width: 100%;
         min-width: fit-content;
         position: absolute;
     }
     
     .header-slider {
         position: relative;
     }
     
     .main-slider {
         z-index: 0;
     }
     
     .section-slider .owl-dots {
         position: absolute;
         top: 67%;
         left: 75%;
     }
     
     .slider-text-content {
         position: relative;
         /* top: 22%; */
         color: white;
         z-index: 2;
     }
     
     .slider-text-content .btn {
         background: white;
         color: var(--heading-color);
         font-weight: 600;
         margin-right: 16px;
         padding: 10px;
         margin-top: 13px;
         width: 148px;
     }
     
     .slider-text-content .active {
         background: var(--gradient1);
         color: white;
         border: 0;
     }
     
     .slider-text-content .btn:hover,
     .slider-text-content .btn:focus {
         /* background: var(--gradient1); */
         color: white;
     }
     
     .slider-text-content span {
         background: var(--gradient1);
         -webkit-background-clip: text;
         background-clip: text;
         -webkit-text-fill-color: transparent;
     }
     
     .slider-text-content h1 {
         font-size: 67px;
         line-height: 72px;
         font-weight: 700;
         margin-bottom: 10px;
     }
     
     .slider-text-content .text-break {
         color: white;
         font-weight: 400;
         font-size: 15px;
         line-height: 26px;
     }
     
     .slide .slider-right-content .slider-element {
         position: relative;
         top: 26%;
         margin: auto;
         margin-right: 0;
         width: 100px;
         right: 0;
     }
     
     .slide .slider-right-content {
         position: relative;
         /* top: 26%; */
         right: 0;
         width: 100%;
     }
     
     .slide .slider-right-content h1 {
         position: absolute;
         top: 43px;
         right: 132px;
         font-size: 140px;
         font-weight: 900;
         line-height: normal;
         color: dimgrey;
         background: var(--gradient1);
         -webkit-background-clip: text;
         background-clip: text;
         -webkit-text-fill-color: transparent;
         z-index: 1;
     }
     
     .owl-item.active .slide h1 {
         animation: slideInLeft 3s;
     }
     
     .owl-item.active .slide-3 .slider-text-content-3 h1 {
         animation: slideInLeft 3s;
     }
     
     .owl-item.active .slide-3 .slider-text-content-3 .text-break {
         animation: slideInRight 3s;
     }
     
     .owl-item.active .slide .slider-right-content h1 {
         animation: flipInX 2s;
     }
     
     .slide .slider-right-content {
         z-index: 1;
     }
     
     .owl-item.active .slide .slider-right-content {
         animation: flipInX 2s;
     }
     
     .owl-item.active .slide .slider-text-content .btn {
         animation: slideInRight 3s;
     }
     
     .owl-item.active .slide .slider-right-content .text-break {
         animation: slideInDown 3s;
     }
     
     .owl-item.active .slider-text-content-2 p {
         animation: slideInRight 3s;
     }
     
     .owl-item.active .slider-text-content .text-break {
         animation: slideInDown 3s;
     }
     
     .owl-item.active .slider-text-content-2 .button-box {
         animation: slideInDown 3s;
     }
     
     .owl-item.active .slider-text-content-3 .button-box-3 {
         animation: slideInDown 1.3s;
     }
     
     .owl-item.active .slide-3 .slider-right-content-3 {
         animation: slideInDown 1.3s;
     }
     
     .img-responsive {
         filter: brightness(0.5);
         min-height: 700px;
         object-fit: cover;
     }
     
     .list-icons {
         padding: 22px 20px;
         width: 120px;
         cursor: pointer;
         background: (transparent);
         text-align: center;
         backdrop-filter: blur(2px);
         box-shadow: 0px 0px 2px 0px white;
         margin-right: 73px;
     }
     
     .list-icons:hover,
     .list-icons:focus {
         transition: 0.5s;
         color: white;
         background: #ff6501;
         border: 1px solid white;
     }
     
     .list-icons i {
         font-size: 45px;
         color: #ff6501;
         padding: 6px 18px;
     }
     
     .list-icons i:hover,
     .list-icons i:focus {
         color: white;
     }
     
     .list-icons p {
         margin-bottom: 0;
     }
     /* Info Box Section */
     
     .card-section {
         width: 100%;
         padding: 0;
     }
     
     .info-box {
         margin-top: -5%;
         text-align: left;
         line-height: 28px;
         color: white;
     }
     
     .info-box .box {
         z-index: 1;
         margin-right: 37px;
     }
     
     .box-item {
         padding: 15px;
         box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
         transition: 0.6s;
         background: var(--dark-bg-2);
         height: 171px;
         padding: 20px 20px;
         position: relative;
         overflow: hidden;
     }
     
     .box-item .box-icon>i {
         /* color: var(--primary-color); */
         font-size: 35px;
         background: var(--gradient1);
         -webkit-background-clip: text;
         background-clip: text;
         -webkit-text-fill-color: transparent;
     }
     
     .overlay-box .box-item .box-icon>i {
         color: #fff;
         -webkit-text-fill-color: #fff;
     }
     
     .info-inner:hover .box-item .box-icon .white-hover-img,
     .info-inner.active .box-item .box-icon .white-hover-img {
         -webkit-text-fill-color: #fff;
     }
     
     .box-item .white-hover-img {
         color: #fff;
         z-index: 2;
         opacity: 0;
     }
     
     .info-inner:hover .white-hover-img,
     .info-inner:focus-within .white-hover-img,
     .info-inner.active .white-hover-img {
         opacity: 1;
     }
     
     .overlay-box .overlay-inner .box-item {
         padding: 15px;
         box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
         transition: 0.6s;
         background: var(--gradient1);
         padding: 13px 20px;
         position: relative;
     }
     
     .overlay-box .overlay-inner .box-item .box-icon {
         color: #fff;
         font-size: 35px;
         -webkit-text-fill-color: #fff;
         transition: 0.3s;
     }
     
     .box-item .bg-element {
         position: absolute;
         width: 113px !important;
         top: 0;
         right: 0;
     }
     
     .info-inner {
         display: block;
         position: relative;
         border-radius: 10px;
         z-index: 0;
         margin: 10px 2px 10px 2px;
     }
     
     .overlay-box {
         position: absolute;
         left: 0;
         top: 0;
         cursor: pointer;
         width: 100%;
         opacity: 0;
         border-radius: 8px;
         -webkit-transition: all 900ms ease;
         transition: all 900ms ease;
         -webkit-transform: perspective(400px) rotateY(-90deg);
         transform: perspective(400px) rotateY(-90deg);
         -webkit-transform-origin: top;
         transform-origin: top;
         -webkit-transition: all 0.5s;
         transition: all 0.5s;
         background: var(--gradient1);
         z-index: 1;
     }
     
     .info-inner:hover .overlay-box,
     .info-inner.active .overlay-box,
     .info-inner:focus-within .overlay-box {
         opacity: 1;
         -webkit-transform: perspective(400px) rotateY(0deg);
         transform: perspective(400px) rotateY(0deg);
         visibility: visible;
     }
     
     .overlay-inner {
         position: absolute;
         left: 0px;
         top: 0;
         width: 100%;
         height: 100%;
         display: table;
         vertical-align: middle;
         color: var(--bs-white);
     }
     /* White & Red Hover Effect (Info Section)
=============================
*/
     
     .info-inner .box-item .white-hover-img {
         position: absolute;
         bottom: -40px;
         right: 0px;
         filter: opacity(0.4);
         transition: 0.5s;
     }
     
     .info-inner.active .box-item .white-hover-img {
         bottom: 17px;
         right: 20px;
     }
     
     .info-inner.active .box-item .white-hover-img {
         bottom: 17px;
         right: 20px;
     }
     
     .info-inner:hover .box-item .white-hover-img,
     .info-inner:focus-within .box-item .white-hover-img {
         bottom: 17px;
         right: 20px;
     }
     
     .box-item .white-img {
         display: none;
     }
     
     .overlay-box .overlay-inner .box-item .white-img {
         display: block;
     }
     
     .overlay-box .overlay-inner .box-item .white-img {
         visibility: visible;
     }
     
     .box-item:hover .white-img,
     .box-item.active .white-img,
     .box-item:focus-within .white-img {
         display: block;
     }
     
     .box-item:hover .red-img,
     .box-item.active .red-img,
     .box-item:focus-within .red-img {
         display: block;
     }
     
     .overlay-box .overlay-inner .box-item .white-img {
         visibility: visible;
     }
     /* White & Red Hover Effect End 
=============================
*/
     
     .info-box .box-item .text {
         padding-top: 18px;
     }
     
     .box-item .text h4 {
         color: var(--sc);
         font-size: 20px;
         font-weight: 600;
     }
     
     .box-item .text h4 {
         color: var(--sc);
     }
     
     .overlay-box .overlay-inner .box-item .text h4 {
         color: white;
         font-size: 20px;
         font-weight: 600;
         display: flex;
     }
     
     .overlay-box .overlay-inner .box-item .text h4 {
         color: white;
         margin-bottom: 11px;
     }
     /* .box:not(:last-child) { */
     /* margin-right: 39px; */
     /* } */
     
     .info-box .box-item .link a {
         visibility: hidden;
         opacity: 0;
     }
     
     .info-box .box-item .link a {
         visibility: visible;
         opacity: 1;
         transition: 0.5s;
         color: white;
         font-weight: 600;
         padding-bottom: 10px;
     }
     /* Our Services Section */
     
     .header-text {
         text-align: center;
         margin-bottom: 36px;
     }
     
     .header-text p {
         color: var(--sc);
     }
     
     .service-section {
         padding: 80px 0;
     }
     
     .section {
         height: 100vh;
         width: 100%;
         display: grid;
         place-items: center;
         margin-top: 16%;
     }
     
     .service-box {
         position: relative;
         cursor: pointer;
         border-radius: 13px;
         overflow: hidden;
     }
     
     .bg-content img {
         width: 100%;
         transition: 0.5s;
     }
     
     .service-box:hover .bg-content img,
     .service-box.active .bg-content img,
     .service-box:focus-within .bg-content img {
         filter: brightness(0.5);
         transition: 0.5s;
         visibility: visible;
         transform: scale(1.3);
     }
     
     .bg-content {
         overflow: hidden;
         position: relative;
     }
     
     .content {
         background: #1e3749;
         padding: 11px 16px;
         border-radius: 12px;
         /*overflow: hidden; */
     }
     
     .content>.bg-element {
         position: absolute;
         bottom: -26px;
         right: -38px;
         transform: rotate(92deg);
     }
     
     .content::after {
         content: "";
         position: absolute;
         top: -110px;
         right: -110px;
         border: 10px solid #9f9f9f;
         border-radius: 50%;
         width: 100px;
         height: 100px;
         background: transparent;
         z-index: 0;
         transition: 2s;
     }
     
     .service-box .content-wrapper {
         overflow: hidden;
         position: absolute;
         transition: 1s;
         inset: 14px;
         background: #1e3749;
         display: flex;
         text-align: left;
         border-radius: 6px;
         max-width: 92%;
         align-items: center;
         width: 100%;
         perspective: 2000px;
         transform: perspective(400px) rotateX(-90deg);
         transform-origin: top;
         opacity: 0;
         visibility: hidden;
         transition: 1s;
     }
     
     .service-box:hover .content-wrapper .content::after,
     .service-box.active .content-wrapper .content::after,
     .service-box:focus-within .content-wrapper .content::after {
         top: -20px;
         right: -20px;
     }
     
     .service-box:hover .content-wrapper,
     .service-box.active .content-wrapper,
     .service-box:focus-within .content-wrapper {
         visibility: visible;
         opacity: 1;
         transform: perspective(400px) rotateX(0deg);
     }
     
     .service-box:hover .service-overlay-box,
     .service-box.active .service-overlay-box,
     .service-box:focus-within .service-overlay-box {
         opacity: 1;
         -webkit-transform: perspective(400px) rotateY(0deg);
         transform: perspective(400px) rotateX(-90deg);
         visibility: visible;
         transition: 0.9s;
     }
     
     .service-box:hover .service-overlay-main,
     .service-box.active .service-overlay-main,
     .service-box:focus-within .service-overlay-main {
         opacity: 0;
         visibility: hidden;
         transition: 1s;
     }
     
     .service-overlay-box {
         position: absolute;
         bottom: 14px;
         left: 14px;
         border-radius: 9px;
         padding: 20px;
         text-align: left;
         color: var(--sc);
         border-radius: 8px;
         -webkit-transform-origin: top;
         transform-origin: top;
         -webkit-transition: all 0.5s;
         transition: all 0.5s;
         background: var(--gradient1);
         z-index: 1;
         right: 14px;
         transition: 0.9s;
         overflow: hidden;
     }
     
     .service-overlay-box>.bg-element {
         position: absolute;
         right: -14px;
         top: -12px;
         width: 125px;
     }
     
     .service-overlay-box h2.heading {
         color: #fff;
     }
     
     .service-overlay-box .text-content p {
         color: #fff;
         font-size: 16px;
     }
     
     .service-overlay-innner {
         position: absolute;
         left: 0px;
         top: 0;
         width: 100%;
         height: 100%;
         display: table;
         vertical-align: middle;
         color: var(--bs-white);
         transition: 0.9s;
     }
     
     .read-more i {
         position: absolute;
         color: white;
         left: 50%;
         top: 30%;
         transform: translate(-50%, -50%);
         font-size: 30px;
         background: var(--gradient1);
         padding: 18px 27px;
         border-radius: 6px;
         transition: top 0.9s ease 0s;
     }
     
     .service-box:hover .service-overlay-main .read-more i,
     .service-box.active .service-overlay-main .read-more i,
     .service-box:focus-within .service-overlay-main .read-more i {
         visibility: visible;
         transition: 0.9s;
     }
     
     .service-overlay-box .service-overlay-innner .inner-content .text-content p {
         margin-bottom: 0;
     }
     
     .service-box .content .inner-content {
         transition: top 0.9s;
         position: relative;
         z-index: 1;
     }
     
     .service-box a {
         text-decoration: none;
     }
     
     .service-box .inner-content h2 {
         margin-bottom: 10px;
         background: var(--gradient1);
         -webkit-background-clip: text;
         background-clip: text;
         font-size: 26px;
         -webkit-text-fill-color: transparent;
         font-weight: 700;
     }
     
     .service-box .inner-content .text-content p {
         color: #fff;
         font-size: 16px;
     }
     
     .service-box .inner-content h2 .content span {
         font-size: 14px;
         color: var(--primary-color);
         margin-right: 9px;
     }
     
     .content h2 {
         margin-bottom: 5px;
     }
     
     .content ul {
         list-style: none;
         padding-left: 0;
     }
     
     .content ul li>span {
         padding-right: 10px;
         background: var(--gradient1);
         -webkit-background-clip: text;
         background-clip: text;
         -webkit-text-fill-color: transparent;
     }
     
     .content ul li {
         color: #fff;
     }
     
     .content .icon img {
         width: 118px;
         padding-bottom: 14px;
         height: 100%;
         transition: height 0.9s;
     }
     
     .content .icon {
         font-size: 55px;
         transition: height 0.9s;
         background: var(--gradient1);
         -webkit-background-clip: text;
         background-clip: text;
         -webkit-text-fill-color: #fff;
         transition: 0.3s;
         width: 110px;
         background: var(--gradient1);
         height: 110px;
         border-radius: 50%;
         display: flex;
         align-items: center;
         justify-content: center;
     }
     
     .content .icon>i {
         color: #fff;
     }
     
     .content:hover .icon,
     .content.active .icon,
     .content:focus-within .icon {
         animation: slideInDown 1s;
     }
     
     .content-second {
         position: absolute;
         bottom: 25px;
         background: white;
         height: 140px;
         width: 332px;
         left: 25px;
         padding: 29px 32px;
         text-align: left;
         border-radius: 11px;
     }
     
     .content-second h2 {
         filter: drop-shadow(0px 3px 4px rgb(189, 184, 184));
         font-weight: 600;
     }
     
     .heading {
         font-size: 22px;
         margin-bottom: 10px;
         color: var(--heading-color);
     }
     
     .section-heading {
         margin-top: 25px;
         font-size: 38px;
         font-weight: bold;
         color: var(--sc);
     }
     
     .section-heading>span {
         background: var(--gradient1);
         -webkit-background-clip: text;
         background-clip: text;
         -webkit-text-fill-color: transparent;
         position: relative;
     }
     
     .section-heading>span::before {
         content: '';
         position: absolute;
         width: 100%;
         height: 3px;
         border-radius: 4px;
         background: var(--gradient1);
         bottom: -5px;
         left: 0;
         transform-origin: right;
         transform: scaleX(0);
         transition: transform .3s ease-in-out;
     }
     
     .header-text:hover .section-heading>span::before,
     .header-text:focus-within .section-heading>span::before {
         transform-origin: left;
         transform: scaleX(1);
     }
     
     .header-text {
         margin-bottom: 36px;
     }
     /* Our Services end Section */
     /* Greatest Features */
     
     .feature-section .header-text {
         text-align: center;
         margin-bottom: 18px;
     }
     
     .feature-section {
         background: var(--bg-color-2);
         position: relative;
         z-index: 0;
     }
     
     .feature-section .bg-element {
         position: absolute;
         right: 35px;
         top: 158px;
     }
     
     .header-text .tag>span {
         letter-spacing: 4px;
         padding: 0px;
         color: var(--bg-color);
         font-weight: 600;
         border-radius: 7px;
         font-size: 17px;
         height: 27px;
         width: 125px;
         position: relative;
         display: block;
         margin: 0px auto;
         background: var(--sc);
     }
     
     .header-text .tag {
         position: relative;
         display: inline-block;
     }
     
     .header-text .tag::before {
         position: absolute;
         background: var(--gradient1);
         top: 10px;
         left: -13px;
         right: -13px;
         bottom: -6px;
         content: "";
         z-index: 0;
         border-radius: 5px;
     }
     
     .section {
         height: 100vh;
         width: 100%;
         display: grid;
         place-items: center;
     }
     
     .column {
         width: 100%;
         padding: 0 1em 1em 1em;
         text-align: center;
     }
     
     .card-wrapper {
         height: 100%;
         position: relative;
     }
     
     .card {
         text-align: left;
         width: 100%;
         height: 100%;
         padding: 2em 1.5em;
         background: var(--dark-bg-2);
         box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
         cursor: pointer;
         transition: 0.5s;
         border-radius: 0;
         z-index: 1;
         flex: content;
         position: relative;
     }
     
     .card a {
         text-decoration: none;
     }
     
     .card img.bg-element {
         top: 0;
         position: absolute;
         right: 0;
         width: 177px;
     }
     
     .card-span {
         font-size: 90px;
         font-weight: 900;
         background: var(--gradient1);
         -webkit-text-stroke: 4px transparent;
         -webkit-background-clip: text;
         background-clip: text;
         color: #fff;
         -webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
         transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
         position: absolute;
         top: -19px;
         right: 10px;
     }
     
     .card:hover .card-span,
     .card.active .card-span,
     .card:focus-within .card-span {
         color: var(--primary-color);
         background: #fff;
         -webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
         transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
         font-size: 90px;
         font-weight: 900;
         -webkit-text-stroke: 4px transparent;
         -webkit-background-clip: text;
         background-clip: text;
     }
     
     .card .icon-wrapper img {
         padding-bottom: 10px;
     }
     
     .card .icon-wrapper i {
         background: var(--gradient1);
         -webkit-background-clip: text;
         background-clip: text;
         -webkit-text-fill-color: transparent;
         color: var(--gradient1);
     }
     
     .card:hover .icon-wrapper>i,
     .card.active .icon-wrapper>i,
     .card:focus-within .icon-wrapper>i {
         color: #fff;
         /* background: #fff; */
         -webkit-text-fill-color: #fff;
     }
     
     .card .card-img {
         position: absolute;
         right: 14px;
         width: 97px;
         top: 18px;
     }
     
     h3 {
         font-size: 20px;
         font-weight: 600;
         color: #363636;
         margin: 1em 0;
         margin-top: 10px;
         margin-bottom: 10px;
     }
     
     .card h3 {
         font-size: 20px;
         font-weight: 700;
         line-height: 30px;
         color: var(--sc);
         margin-bottom: 10px;
     }
     
     .card p {
         color: var(--sc);
         margin-bottom: 0;
         line-height: 1.5;
     }
     
     p {
         color: var(--sc);
         font-size: 15px;
         line-height: 1.6;
         letter-spacing: 0.03em;
         font-weight: 500;
         line-height: 18px;
     }
     
     .icon-wrapper {
         position: relative;
         font-size: 60px;
         height: 90px;
         width: 2.5em;
         color: var(--primary-color);
         border-radius: 50%;
         display: grid;
         place-items: left;
         transition: 0.5s;
     }
     
     .card:hover .icon-wrapper,
     .card.active .icon-wrapper {
         color: #fff;
     }
     
     .card::after {
         content: '';
         background: var(--gradient1);
         inset: 0;
         top: 0;
         left: 0;
         bottom: 98%;
         position: absolute;
         right: 0;
         z-index: -1;
         transition: 0.5s;
     }
     
     .card:hover::after,
     .card.active::after,
     .card:focus-within::after {
         bottom: 0;
     }
     
     .card:hover h3,
     .card.active h3,
     .card:focus-within h3 {
         color: #ffffff;
     }
     
     .card:hover p,
     .card.active p,
     .card:focus-within p {
         color: #f0f0f0;
     }
     /* Our Portfolio Section Style 
==============================
*/
     
     .portfolio-section {
         padding: 80px 0;
     }
     
     .portfolio-section .header-text {
         margin-bottom: 27px;
     }
     
     .portfolio-caption i {
         margin-bottom: 25px;
     }
     
     .portfolio-caption h6 {
         font-size: 21px;
         margin-bottom: 0;
     }
     
     .portfolio-caption p {
         margin-top: 12px;
         font-weight: 300;
     }
     
     .filter-menu {
         justify-content: center;
         align-items: center;
     }
     
     .portfolio-caption a {
         text-decoration: none;
         color: #fff;
         transition: 0.3s;
     }
     
     .portfolio-caption a:hover,
     .portfolio-caption a:focus-within {
         color: #FFF;
     }
     
     .all span {
         background: var(--gradient1);
         padding: 11px 25px;
         color: white;
     }
     
     .filter-menu .filter-box {
         background: var(--gradient1);
         color: white;
         padding: 10px;
     }
     
     .filter-menu {
         width: 100%;
         text-align: center;
         margin: 0 0 18px;
         padding: 0;
         display: block;
     }
     
     .filter-menu .btn {
         padding: 16px 40px;
         border: none;
         text-decoration: none;
         padding: 1rem 1.5em;
         box-shadow: 0px 0px 1px 0px darkgrey;
         cursor: pointer;
         transition: 0.5s;
         border-radius: 6px;
         font-size: 18px;
         font-weight: 700;
         color: var(--sc);
         background: var(--dark-bg-2);
         position: relative;
         overflow: hidden;
         z-index: 0;
         margin: 5px;
     }
     
     .filter-menu .btn::after {
         content: '';
         background: var(--gradient1);
         inset: 0;
         top: 0;
         left: 0;
         bottom: 97%;
         position: absolute;
         right: 0;
         z-index: -1;
         transition: 0.5s;
         border-radius: 6px;
     }
     
     .filter-menu .btn:hover::after,
     .filter-menu .btn:focus-within::after {
         bottom: 0;
     }
     
     .filter-menu .btn .bg-element {
         position: absolute;
         width: 42px;
         top: 0;
         right: 0;
     }
     
     .filter-menu .btn.active {
         color: #fff;
     }
     
     .filter-menu .btn.active::after {
         content: '';
         background: var(--gradient1);
         inset: 0;
         top: 0;
         left: 0;
         bottom: 0;
         position: absolute;
         right: 0;
         z-index: -1;
         transition: 0.5s;
         border-radius: 6px;
     }
     
     .filter-menu .btn:hover,
     .filter-menu .btn:focus-within {
         background-position: 0 100%;
         color: white;
         border-radius: 6px;
     }
     
     .filter-menu .btn:focus-within {
         color: #fff;
     }
     
     .gallery_product img {
         width: 100%;
         height: 100%;
         transition: 0.5s;
     }
     
     .gallery_product:hover img,
     .gallery_product:focus-within img {
         transform: scale(1.3);
     }
     
     .portfolio-caption {
         color: white;
         width: 100%;
     }
     
     .portfolio-caption p {
         color: white;
         position: relative;
     }
     
     .portfolio-caption p::after {
         content: "";
         position: absolute;
         max-width: 200px;
         width: 100%;
         height: 1px;
         right: 0;
         border-top: 1px solid rgb(255, 255, 255);
         left: 0px;
         margin-top: -3px;
         margin: 0 auto;
         top: -3px;
     }
     
     .gallery_product {
         position: relative;
         overflow: hidden;
         margin-top: 20px;
         z-index: 1;
     }
     
     .gallery_product:hover .portfolio-caption,
     .gallery_product:focus-within .portfolio-caption {
         visibility: visible;
         transition: 0.9s;
         opacity: 1;
     }
     
     .gallery_product::before {
         content: "";
         right: 0;
         left: 0;
         top: 0;
         bottom: 0;
         background: rgba(0 0 0 / 50%);
         position: absolute;
         transition: 0.9s;
         visibility: hidden;
         opacity: 0;
         z-index: -1;
     }
     
     .gallery_product::after {
         content: "";
         right: 17px;
         left: 17px;
         top: 17px;
         bottom: 17px;
         border: 1px solid white;
         box-shadow: 0px 0px 6px 7px darkgrey;
         position: absolute;
         transition: 0.9s;
         visibility: hidden;
         z-index: 0;
         background: var(--gradient1);
         opacity: 0
     }
     
     .gallery_product:hover::before,
     .gallery_product:hover::after,
     .gallery_product:focus-within::before,
     .gallery_product:focus-within::after,
     .gallery_product:hover .portfolio-caption {
         visibility: visible;
         opacity: 1;
     }
     
     .gallery_product .portfolio-caption {
         position: absolute;
         top: 50%;
         z-index: 0;
         left: 50%;
         transform: translate(-50%, -50%);
         text-align: center;
         transition: 0.9s;
         visibility: hidden;
         width: 80%;
         opacity: 0;
         z-index: 3;
     }
     
     .portfolio-caption i {
         font-size: 36px;
     }
     
     [class*="av-column-"] {
         position: relative;
         padding: 0px 15px;
         z-index: 0;
     }
     
     .av-filter-init .av-filter-item {
         position: absolute;
         left: 0%;
         top: 330px;
     }
     
     .gallery-item,
     .portfolio-item {
         width: 100%;
         overflow: hidden;
         position: relative;
         z-index: 0;
     }
     
     .gallery-item .gallery-caption:before,
     .portfolio-item .portfolio-caption:before {
         position: absolute;
         top: 50%;
         right: 30px;
         bottom: 50%;
         left: 30px;
         border-top: 1px solid #ffffff;
         border-bottom: 1px solid #ffffff;
         content: "";
         opacity: 0;
         background: #ffffff;
         -webkit-transition: all 0.4s;
         transition: all 0.4s;
         -webkit-transition-delay: 0.6s;
         transition-delay: 0.6s;
     }
     /* Our Portfolio Section End 
==============================
*/
     
     .gallery-title {
         font-size: 36px;
         color: #42b32f;
         text-align: center;
         font-weight: 500;
         margin-bottom: 70px;
     }
     
     .gallery-title:after {
         content: "";
         position: absolute;
         width: 7.5%;
         left: 46.5%;
         height: 45px;
         border-bottom: 1px solid #5e5e5e;
     }
     
     .btn-default:active .filter-button:active {
         background: #42b32f;
         color: white;
     }
     
     .port-image {
         width: 100%;
     }
     /*=====  Testimonial Section =====*/
     
     .testimonial-item,
     .testimonial-item .testimonial-content {
         width: 50%;
         display: block;
     }
     
     .testimonial-section {
         color: white;
         box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
         padding: 80px 0;
         padding-bottom: 13px;
         position: relative;
         z-index: 1;
     }
     
     .testimonial-section::before {
         content: '';
         background: rgba(0 0 0/ 30%);
         position: absolute;
         inset: 0;
         z-index: -1;
     }
     
     .testimonial-section .header-text .tag span {
         background: white;
         color: var(--heading-color);
     }
     
     .testimonial-section .header-text {
         margin-bottom: 30px;
     }
     
     .testimonial-section p {
         color: white;
     }
     
     .testimonial-content {
         width: 99%;
         background: var(--bg-color-2);
         color: var(--sc);
         padding: 56px 25px;
         position: relative;
         overflow: hidden;
         border-bottom: 1px solid rgba(0 0 0 / 10%);
         transition: 0.6s;
         box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
     }
     
     .testimonial-content::after {
         content: "";
         position: absolute;
         top: 0;
         left: 0;
         right: 0;
         bottom: 0;
         transition: 0.6s;
     }
     
     .testimonial-content::before {
         content: "";
         position: absolute;
         top: 0;
         left: 0;
         right: 0;
         bottom: 0;
         transition: 0.6s;
     }
     
     .testimonial-content:hover:after,
     .testimonial-content:focus-within:after {
         background: rgba(255, 255, 255, 0.7);
         top: 60%;
         bottom: 60%;
     }
     
     .testimonial-content:hover:before,
     .testimonial-content:focus-within:before {
         background: rgba(255, 255, 255, 0.7);
         left: 60%;
         right: 60%;
     }
     
     .testimonial-content img.bg-element {
         position: absolute;
         top: 0;
         right: 0;
         width: 37%;
     }
     
     .testimonial-section .header-text span {
         color: white;
     }
     
     .owl-item.center .testimonial-content {
         background: var(--gradient1);
         color: white;
         transition: 0.6s;
     }
     
     .testimonial-content:hover,
     .testimonial-content:focus-within {
         background: var(--gradient1);
         color: white;
         transition: 0.6s;
     }
     
     .testimonial-content .testimonial-icon i {
         position: absolute;
         filter: opacity(0.4);
         right: 13px;
         font-size: 91px;
         bottom: 0;
         color: lightgrey;
         background: var(--gradient1);
         -webkit-background-clip: text;
         background-clip: text;
         -webkit-text-fill-color: transparent;
     }
     
     .testimonial-content:hover .testimonial-icon i,
     .testimonial-content:focus-within .testimonial-icon i,
     .owl-item.center .testimonial-content .testimonial-icon i {
         -webkit-text-fill-color: #fff;
     }
     
     .testimonial-item .testimonial-content {
         padding: 47px 30px;
         position: relative;
         z-index: 0;
         background: #ffffff;
         box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.22);
         transition: 0.5s;
     }
     
     .testimonial-title p {
         color: var(--color-primary);
         margin-top: 6px;
         margin-bottom: 0;
     }
     
     .testimonial-title {
         align-items: center;
         display: initial;
         width: 105%;
         margin-left: 12px;
     }
     
     .testimonial-title::after {
         content: "";
         display: block;
         padding-top: 14px;
         border-bottom: 1px dotted var(--primary-color);
     }
     
     .testimonial-content:hover .testimonial-title::after,
     .owl-item.center .testimonial-content .testimonial-title::after,
     .testimonial-content:focus-within .testimonial-title::after {
         border-bottom: 1px dotted white;
     }
     
     .testimonial-title h6 {
         font-size: 20px;
         font-weight: 700;
         margin-bottom: 10px;
     }
     
     .testimonial-content blockquote {
         font-style: normal;
         margin: 25px 0px 0px;
         padding: 0px 0px 21px;
         position: relative;
         border: 0px;
         background: none;
         z-index: 0;
         font-size: 14px;
         font-weight: 500;
         width: 101%;
         line-height: 1.5;
         color: var(--sc);
     }
     
     .testimonial-content:hover blockquote,
     .owl-item.center .testimonial-content blockquote,
     .testimonial-content:focus-within blockquote {
         color: #fff;
     }
     
     .testimonial-item .testimonial-icon {
         width: 100%;
         display: block;
         line-height: normal;
         margin-top: 35px;
         text-align: center;
     }
     
     .testimonial-content .image-box {
         width: fit-content;
     }
     
     .testimonial-content .testimonial-item {
         display: flex;
         align-items: center;
     }
     
     .testimonial-content .star-list {
         color: gold;
         font-size: 20px;
     }
     
     .testimonial-item .testimonial-icon .image-box {
         display: inline-block;
         width: 60px;
         border-radius: 100%;
         overflow: hidden;
     }
     
     .testimonial-item .testimonial-icon img {
         width: auto;
         margin: 0 auto;
     }
     
     .testimonial-carousel {
         position: relative;
         margin-bottom: -100px;
     }
     
     .testimonial-carousel .owl-dots {
         margin-top: 20px;
         position: absolute;
         bottom: -40px;
         left: 50%;
         transform: translate(-50%, 0px);
     }
     
     .testimonial-carousel .owl-dots .owl-dot {
         width: 50px;
         height: 5px;
         background: var(--sc);
         margin-right: 12px;
     }
     
     .testimonial-carousel .owl-dots .owl-dot.active {
         background: var(--gradient1);
     }
     
     .testimonial-carousel .owl-dots .owl-dot span:hover .testimonial-carousel .owl-item.center .testimonial-content,
     .testimonial-carousel .owl-dots .owl-dot span:focus-within .testimonial-carousel .owl-item.center .testimonial-content {
         color: #ffffff;
         background: var(--color-primary);
     }
     
     .testimonial-carousel .owl-item.center .testimonial-content:after,
     .testimonial-carousel .owl-item.center .testimonial-content {
         box-shadow: none;
     }
     
     .testimonial-carousel .owl-item.center blockquote:after,
     .testimonial-carousel .owl-item.center .testimonial-title p {
         color: #ffffff;
     }
     /*===== // =====*/
     /* ===================   CTA Section Start   ======================*/
     
     .cta-content-box {
         background: var(--gradient1);
         color: white;
         position: relative;
         border-radius: 7px;
         overflow: hidden;
     }
     
     .item-box {
         position: relative;
     }
     
     .item-box a {
         position: absolute;
         left: 50%;
         top: 50%;
         transform: translate(-50%, -50%);
         background: white;
         color: var(--primary-color);
         display: block;
         width: 50px;
         height: 50px;
         text-align: center;
         border-radius: 100%;
         font-size: 24px;
         line-height: 50px;
     }
     
     .item-box a:before {
         animation: wave 2s infinite;
         content: "";
         position: absolute;
         inset: 0;
         border-radius: 100px;
     }
     
     .item-box a:after {
         animation: wave2 2s infinite;
         content: "";
         position: absolute;
         inset: 0;
         border-radius: 100px;
     }
     
     @keyframes wave {
         0% {
             box-shadow: 0 0 0 0 #8e8e8e;
         }
         100% {
             box-shadow: 0 0 0 20px #8e8e8e;
             opacity: 0;
         }
     }
     
     @keyframes wave2 {
         0% {
             box-shadow: 0 0 0 0 #8e8e8e;
         }
         100% {
             box-shadow: 0 0 0 40px #8e8e8e;
             opacity: 0;
         }
     }
     
     .item-box a:hover,
     .item-box a:focus-within {
         background: white;
         color: var(--primary-color);
     }
     
     .item-box img {
         border-radius: 7px;
         filter: brightness(0.4);
         width: 100%;
     }
     
     .cta-content {
         display: flex;
         align-items: center;
         justify-content: space-around;
         padding: 10px;
         position: relative;
         z-index: 0;
     }
     
     .cta-content .cta-bg-element1 {
         position: absolute;
         left: 0;
         z-index: -1;
     }
     
     .cta-content .cta-bg-element2 {
         position: absolute;
         right: 0;
         z-index: -1;
     }
     
     .cta-content .cta-bg-element3 {
         position: absolute;
         right: 0;
         top: -39px;
         width: 296px;
         z-index: -1;
     }
     
     .cta-content .button {
         z-index: 4;
     }
     
     .cta-content .btn {
         padding: 16px 20px;
         border: 2px solid white;
         color: white;
         font-weight: 700;
         font-size: 17px;
         z-index: 5;
     }
     
     .cta-content .btn>a {
         color: #fff;
         font-weight: 700;
         text-decoration: none;
     }
     
     .cta-content .btn:hover,
     .cta-content .btn:focus-within {
         background: white;
         transition: 0.5s;
         color: var(--primary-color);
     }
     
     .cta-content .btn:hover a,
     .cta-content .btn:focus-within a {
         transition: 0.5s;
         color: var(--primary-color);
     }
     
     .cta-content h2 {
         font-weight: 700;
         font-size: 35px;
     }
     /* ===================   CTA Section End   ======================*/
     /* ===================   Team Section    ======================*/
     
     .team-section {
         background: var(--bg-color-2);
         filter: url();
     }
     
     .team-section .box-content {
         background: var(--dark-bg);
         color: var(--sc);
         padding: 25px;
         height: 322px;
         text-align: center;
         box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
         position: relative;
         transition: 0.9s;
     }
     
     .team-section .box-content::after {
         content: "";
         display: block;
         background-image: url(/assets/images/Team/Shape\ 858-2.png);
         background-repeat: no-repeat;
         position: absolute;
         width: 200px;
         top: 7%;
         height: 60px;
         left: 0;
     }
     
     .team-section .middle-content::after {
         content: "";
         display: block;
         background-image: url(/assets/images/Team/Shape\ 858-2.png);
         background-repeat: no-repeat;
         position: absolute;
         width: 200px;
         bottom: 40px;
         height: 60px;
         right: -1px;
         transform: rotate(180deg);
     }
     
     .team-section {
         padding: 80px 0;
         padding-bottom: 80px;
     }
     
     .team-section .box-content:hover,
     .team-section .box-content:focus-within {
         background: var(--gradient1);
         transition: 0.5s;
         cursor: pointer;
     }
     
     .middle-content {
         overflow: hidden;
     }
     
     .middle-content:not(:last-child) {
         background: white;
         color: var(--sc);
         padding: 25px;
         margin-left: -25px;
         margin-right: -26px;
         height: 256px;
     }
     
     .middle-content .text-box {
         margin-top: 9%;
     }
     
     .middle-content .text-box a {
         text-decoration: none;
     }
     
     .middle-content .text-box h2 {
         margin-bottom: 6px;
         font-size: 25px;
         font-weight: 600;
         color: var(--heading-color);
     }
     
     .box-content:hover .middle-content .img-box img,
     .box-content:focus-within .middle-content .img-box img {
         border: 5px solid var(--primary-color);
     }
     
     .box-content .widget-social-widget .icon-list {
         list-style: none;
         display: flex;
         padding-left: 0;
         justify-content: center;
     }
     
     .box-content .widget-social-widget .icon-list li:not(:last-child) {
         margin-right: 10px;
     }
     
     .box-content .widget-social-widget {
         margin-top: 6px;
         margin-left: 13px;
         background-size: 100% 200%;
         background-position: 5px 2.5%;
     }
     
     .box-content .icon-list li a {
         width: 30px;
         height: 30px;
         padding-top: 1px;
         border: 0;
         border-radius: 0;
     }
     
     .box-content .icon-list li a:hover,
     .box-content .icon-list li a:focus-within {
         padding-top: 2px;
         border: 1px solid white;
         background: white;
         color: var(--primary-color);
         border-radius: 0;
     }
     
     .middle-content h6 {
         color: var(--primary-color);
     }
     
     .middle-content .img-box img {
         width: 115px;
         margin: 0 auto;
         border-radius: 100%;
         position: relative;
         border: 5px solid grey;
         padding: 3px;
     }
     
     .middle-content .img-box .inner-img {
         position: absolute;
         top: 63px;
         left: 82px;
         width: 91px;
         border: 5px solid lightgrey;
     }
     
     .middle-content .img-box img::after {
         content: "";
         display: block;
     }
     /* ===================   Team Section End   ======================*/
     /* ===================   Counter Section    ======================*/
     /* Responsive columns */
     
     @media screen and (max-width: 600px) {
         .column {
             width: 100%;
             display: block;
             margin-bottom: 10px;
         }
     }
     /* Style the counter cards */
     
     .counter-section {
         background-repeat: no-repeat;
         position: relative;
         background-size: cover;
     }
     
     .counter-section:before {
         position: absolute;
         content: "";
         top: 0;
         right: 0;
         left: 0;
         bottom: 0;
         background: rgba(0, 0, 0, 0.7);
     }
     
     .counter-box {
         text-align: center;
         width: 100%;
         height: 300px;
         padding: 30px;
         cursor: pointer;
         transition: 0.5s;
         color: white;
         position: relative;
         transition: 0.5s;
         background: rgba(255 255 255 / 13%);
         border-bottom: 4px solid white;
         z-index: 1;
         transition: 0.9s;
         display: flex;
         align-items: center;
         justify-content: center;
         flex-direction: column;
     }
     
     .counter-box::before {
         content: "";
         position: absolute;
         top: 100%;
         left: 0;
         right: 0;
         bottom: 0;
         background: var(--gradient1);
         visibility: hidden;
         z-index: -1;
     }
     
     .counter-box:hover::before,
     .counter-box:focus-within::before {
         top: 0;
         visibility: visible;
         transition: 0.65s;
     }
     
     .counter-box h3 {
         font-size: 39px;
         font-weight: 700;
         background: var(--gradient1);
         -webkit-background-clip: text;
         background-clip: text;
         -webkit-text-fill-color: transparent;
         padding-top: 15px;
     }
     
     .counter-box p {
         letter-spacing: 2px;
         font-size: 18px;
         padding-top: 15px;
         color: white;
     }
     
     .counter-box i {
         font-size: 60px;
         transition: 0.3s;
     }
     
     .counter-box:hover i {
         animation: tada 2s infinite;
     }
     
     .counter-box:hover,
     .counter-box:focus-within {
         transition: 0.9s;
         background-position: 0 100%;
     }
     
     .counter-box:hover h3,
     .counter-box:focus-within h3 {
         -webkit-text-fill-color: #fff;
     }
     
     .counter-box:hover p,
     .counter-box:focus-within p {
         color: #fff;
     }
     /* ===================   Counter Section End   ======================*/
     /* ===================   Pricing & Plan Section    ======================*/
     
     .pricing-section .filter {
         display: inline-block;
         background: var(--dark-bg);
         border-radius: 40px;
         margin-bottom: 20px;
         padding: 5px;
     }
     
     .pricing-section a {
         text-decoration: none;
         font-size: 18px;
         border-radius: 40px;
         font-weight: bold;
         transition: 0.3s;
         display: inline-block;
         color: #fff;
         padding: 10px 25px;
     }
     
     .pricing-section a.current {
         background: var(--gradient1);
         color: #fff;
     }
     
     .pricing-section a.year {
         text-decoration: none;
         font-size: 18px;
         font-weight: bold;
     }
     
     .switch {
         position: relative;
         display: inline-block;
         width: 97px;
         height: 40px;
     }
     
     .switch input {
         opacity: 0;
         width: 0;
         height: 0;
     }
     
     .toggle-btn {
         align-items: center;
         justify-content: center;
         display: flex;
         margin-bottom: 15px;
     }
     
     .toggle-btn h6 {
         padding: 14px;
         font-size: 17px;
         font-weight: 700;
         margin-bottom: 0;
     }
     
     .slider-btn {
         position: absolute;
         cursor: pointer;
         top: 0;
         border-radius: 5px;
         left: 0;
         right: 0;
         bottom: 0;
         background: var(--sc);
         -webkit-transition: 0.4s;
         transition: 0.4s;
     }
     
     .slider-btn:before {
         position: absolute;
         content: "";
         height: 32px;
         width: 33px;
         left: 4px;
         bottom: 4px;
         background: white;
         transition: all 0.4s ease 0s;
     }
     
     input:checked+.slider-btn {
         background: var(--gradient1);
     }
     
     input:focus+.slider-btn {
         box-shadow: 0 0 1px whitesmoke;
     }
     
     input:checked+.slider-btn:before {
         -webkit-transform: translateX(26px);
         -ms-transform: translateX(26px);
         transform: translateX(55px);
     }
     
     .pricingTable10 {
         text-align: center;
         box-shadow: 0px 1px 2px 0px darkgrey;
         position: relative;
         border-radius: 10px;
         background: #fff;
         transition: 0.5s;
     }
     
     .pricingTable10:hover,
     .pricingTable10:focus-within,
     .pricingTable10:active {
         box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
     }
     
     .pricingTable10 .pricingTable-header {
         padding: 30px 0;
         background: var(--dark-bg);
         position: relative;
         transition: all 0.5s ease 0s;
         color: white;
         transition: 0.3s;
         border-radius: 10px 10px 0 0;
         padding-bottom: 0;
         display: flex;
         align-items: center;
         justify-content: center;
         flex-direction: column;
     }
     
     .pricingTable10 .pricingTable-header .tag-img {
         position: absolute;
         width: 116px;
         left: -5px;
         top: 67px;
         clip-path: polygon(0 0, 100% 0, 73% 52%, 100% 100%, 0 100%, 0% 50%);
         height: 40px;
         background: var(--heading-color);
     }
     
     .pricingTable10 .pricingTable-header .tag-img span {
         color: #ffffff;
         font-size: 19px;
         font-weight: bold;
         left: 8px;
         position: absolute;
         top: 4px;
     }
     
     .pricingTable-header img {
         position: absolute;
         top: 0;
         right: 0;
         width: 120px;
     }
     
     .pricingTable10 .pricingTable-header .tag-img h6 {
         position: absolute;
         top: 70px;
         background: var(--gradient1);
         -webkit-background-clip: text;
         background-clip: text;
         -webkit-text-fill-color: transparent;
         font-size: 18px;
         font-weight: 800;
         left: -3px;
     }
     
     .featured>.pricingTable-header {
         background: var(--gradient1);
     }
     
     .pricingTable10:hover .pricingTable-header,
     .pricingTable10.active .pricingTable-header,
     .pricingTable10:focus-within .pricingTable-header {
         background: var(--gradient1);
     }
     
     .pricingTable10 .pricingTable-header:after {
         right: 40px;
     }
     
     .pricingTable10 .heading {
         font-size: 23px;
         color: #fff;
         letter-spacing: 2px;
         margin-top: 0;
         font-weight: bold;
         position: relative;
     }
     
     .pricingTable10 .heading::after {
         content: "";
         display: block;
         border-bottom: 3px solid white;
         width: 50px;
         margin: 10px auto;
     }
     
     .pricingTable10 .pricing {
         display: flex;
         color: white;
         position: relative;
         font-size: 80px;
         font-weight: 700;
         transition: all 0.3s ease 0s;
         left: 30px;
     }
     
     .pricingTable10:hover .price-value,
     .pricingTable10.active .price-value,
     .pricingTable10:focus-within .price-value {
         color: #fff;
     }
     
     .pricingTable10 .pricing sup {
         font-size: 24px;
         color: white;
         font-weight: 700;
         top: 40px;
         margin: 0px;
         display: flex;
         align-items: start;
     }
     
     .pricingTable10 .pricing sub {
         font-size: 17px;
         font-weight: normal;
         left: -20px;
         bottom: -5em;
     }
     
     .pricingTable10 .pricing-content {
         padding-top: 50px;
         line-height: 15px;
         background: #fff;
         position: relative;
         border-radius: 15px;
         z-index: 1;
     }
     
     .pricingTable10 .pricing-content::after {
         content: "";
         display: block;
         position: absolute;
         border-bottom: 10px solid var(--heading-color);
         width: 100%;
         height: 0px;
         left: 0px;
         border-top-left-radius: 20px;
         border-top-right-radius: 20px;
         bottom: 0;
     }
     
     .pricingTable10:hover .pricing-content::after,
     .pricingTable10:active .pricing-content::after,
     .pricingTable10:focus-within .pricing-content::after {
         border-color: var(--heading-color);
     }
     
     .pricing-content::before {
         content: "";
         position: absolute;
         bottom: 0;
         left: 0;
         top: 100%;
         right: 0;
         background: var(--gradient1);
         width: 100%;
         transition: 1s;
         transition-delay: 100ms;
         z-index: -1;
     }
     
     .pricingTable10:hover .pricing-content::before,
     .pricingTable10:active .pricing-content::before,
     .pricingTable10:focus-within .pricing-content::before {
         top: 0;
         opacity: 0;
     }
     
     .pricingTable10 .pricing-content p {
         font-size: 16px;
         font-weight: 500;
         color: var(--heading-color);
         padding: 0 10px;
     }
     
     .pricingTable10 .pricing-content:after {
         right: 40px;
     }
     
     .pricingTable10 .pricing-content ul {
         line-height: 30px;
         margin: 0;
         list-style: none;
         text-align: left;
         padding: 0px 34px;
     }
     
     .pricingTable10 .pricing-content ul:before {
         left: 44px;
     }
     
     .pricingTable10 .pricing-content ul:after {
         right: 44px;
     }
     
     .pricingTable10 .pricing-content ul li {
         font-size: 18px;
         font-weight: 600;
         color: var(--heading-color);
         padding: 10px 17px;
         position: relative;
     }
     
     .pricingTable10 .pricing-content ul li::after {
         content: '\f14a';
         position: absolute;
         left: -11px;
         top: 11px;
         display: block;
         background: var(--gradient1);
         -webkit-background-clip: text;
         background-clip: text;
         -webkit-text-fill-color: transparent;
         font-family: 'FontAwesome';
         right: 0;
         bottom: 0;
     }
     
     .pricingTable10 .pricing-content ul li:last-child {
         border-bottom: none;
     }
     
     .pricing-content li i {
         font-size: 6px;
         border: 2px solid var(--primary-color);
         vertical-align: middle;
         padding-bottom: 5px;
         padding-right: 8px;
         text-align: center;
         padding: 4px;
         margin-right: 10px;
         color: var(--primary-color);
     }
     
     .pricingTable10 .read {
         display: inline-block;
         font-size: 16px;
         color: #fff;
         background: var(--dark-bg);
         font-weight: 800;
         padding: 15px 33px;
         border-radius: 5px;
         margin: 30px 0;
         transition: all 0.3s ease 0s;
         text-decoration: none;
         box-shadow: rgb(100 100 111 / 20%) 0px 7px 29px 0px;
     }
     
     .pricingTable10 .read:hover,
     .pricingTable10 .read:active,
     .pricingTable10 .read:focus-within {
         text-decoration: none;
         color: white;
         transition: 0.5s;
     }
     
     .featured .read {
         background: var(--gradient1);
         color: #fff;
     }
     
     .pricingTable10:hover .read,
     .pricingTable10:active .read,
     .pricingTable10:focus-within .read {
         background: var(--gradient1);
         color: white;
     }
     /* ===================   Pricing & Plan Section End   ======================*/
     /* ===================   Clients Section    ======================*/
     
     .clients-section {
         background-repeat: no-repeat;
         background-position: center;
         background-size: cover;
     }
     
     .right-content {
         justify-content: center;
         color: white;
         flex-wrap: wrap;
         display: flex;
         align-items: center;
         gap: 10px;
         margin-bottom: 10px;
         justify-content: flex-end;
     }
     
     .client-box {
         height: 181px;
         background: var(--heading-color);
         border-radius: 5px;
         margin-right: 0px;
         cursor: pointer;
         position: relative;
         line-height: 181px;
         transition: 0.6s;
         overflow: hidden;
         margin-bottom: 20px;
     }
     
     .client-box::after {
         content: '';
         position: absolute;
         inset: 0;
         background: rgb(173 173 173 / 14%);
         transform: scale(0);
         transition: 0.4s;
     }
     
     .client-box:hover::after,
     .client-box:focus-within::after {
         transform: scale(1);
         transition: 0.4s;
     }
     
     .client-box:hover,
     .client-box:focus-within {
         filter: opacity(0.6);
         box-shadow: rgb(88 88 88) 0px 0px 9px 6px;
         transition: 0.8s;
     }
     
     .client-box-content .left-content {
         text-align: left;
         margin-bottom: 20px;
     }
     
     .client-box-content .left-content h2 {
         font-weight: 400;
         color: white;
         font-size: 30px;
         margin: 0;
         padding: 0;
     }
     
     .client-box-content .left-content span {
         font-size: 47px;
         font-weight: 800;
         color: white;
     }
     
     .client-box-content p.client-p {
         color: #fff;
         font-weight: 400;
     }
     
     .hover-btn:hover,
     .hover-btn:focus-within {
         color: #fff;
     }
     
     .hover-btn:focus {
         color: #fff;
     }
     
     .hover-btn {
         background: var(--bg-color);
         color: var(--sc);
         padding: 10px 22px;
         border-radius: 6px;
         border: none;
         font-weight: 600;
         width: 161px;
         height: 51px;
         font-size: 18px;
         overflow: hidden;
         position: relative;
         /* z-index: 1; */
         transition: 0.4s;
     }
     
     .hover-btn::before {
         content: "";
         background: var(--gradient1);
         width: 20px;
         height: 20px;
         border-radius: 50%;
         transform: translate(-50%, -50%);
         position: absolute;
         left: 50%;
         top: -50%;
         transition: 0.4s;
         z-index: -1;
     }
     
     .hover-btn:hover::before,
     .hover-btn:focus-within::before {
         content: "";
         width: 500px;
         height: 500px;
         top: 50%;
         transition: 0.4s;
         z-index: -1;
     }
     
     .top-navigation .hover-btn {
         color: #fff !important;
         background: var(--gradient1);
     }
     
     .top-navigation .hover-btn:hover,
     .top-navigation .hover-btn:focus-within {
         color: #fff;
     }
     /* ===================   Clients Section End   ======================*/
     /* ===================   Blog Section   ======================*/
     
     article.post-items {
         position: relative;
         overflow: hidden;
         z-index: 1;
         margin-bottom: 20px;
         display: flex;
         align-items: center;
         justify-content: center;
         flex-direction: column;
         transition: 0.5s;
         background: var(--dark-bg-2);
         text-align: center;
     }
     
     .post-items>.el1 {
         position: absolute;
         top: 0;
         right: 0;
     }
     
     .post-items>.el2 {
         position: absolute;
         bottom: 0;
         left: 0;
     }
     
     .post-image {
         margin: 0;
     }
     
     .post-items {
         box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
         border-radius: 3px;
         height: 400px;
     }
     
     .post-items .post-content {
         z-index: 2;
         padding: 20px;
         position: absolute;
         display: flex;
         align-items: center;
         justify-content: center;
         line-height: 40px;
         width: 100%;
         flex-direction: column;
     }
     
     .post-items .post-meta.down {
         position: absolute;
         display: flex;
         justify-content: space-around;
         align-items: center;
         right: 20px;
         left: 20px;
         bottom: -90px;
     }
     
     .single .post-items .post-meta.down {
         justify-content: space-between;
         bottom: -140px;
     }
     
     .post-meta.up i {
         margin-right: 10px;
     }
     
     .post-meta.imu {
         position: absolute;
         top: 20px;
         left: 20px;
     }
     
     .post .post-title a {
         color: var(--sc);
         font-weight: 700;
     }
     
     .comments-link a {
         text-decoration: none;
         color: var(--sc);
     }
     
     .post-meta.up span {
         color: #fff;
     }
     
     .posted-on.post-date a.tag {
         background: var(--gradient1);
         padding: 5px 10px;
         color: #fff;
         border-radius: 6px;
         margin-right: 5px;
         display: inline-block;
         float: left;
         margin-bottom: 5px;
     }
     
     .author-name {
         display: inline-block;
         align-items: center;
         float: left;
         text-align: left;
         /* width: 42%; */
         color: var(--sc);
         line-height: 2;
     }
     
     .blog-left-section.single .author-name {
         display: inline-block;
         align-items: center;
         float: left;
         text-align: left;
         width: 30%;
         color: var(--sc);
     }
     
     .author-name img {
         margin-right: 10px;
         float: left;
         max-width: 60px !important;
         width: 100%;
         border-radius: 50% !important;
     }
     
     .author-name span {
         display: block;
         float: left;
         font-size: 17px;
         line-height: 1.5;
         text-transform: capitalize;
         color: var(--sc);
     }
     
     .post-items:hover .author-name span,
     .post-items:focus-within .author-name span,
     .post-items.active .author-name span {
         color: #fff;
     }
     
     .author-name a {
         text-decoration: none;
         color: var(--sc);
         font-weight: 500;
         display: inline-block;
         float: left;
         margin: 20px -60px;
     }
     
     .post-meta.down .more-link {
         vertical-align: -webkit-baseline-middle;
     }
     
     .post-meta.down .more-link {
         color: var(--sc);
         font-weight: 500;
     }
     
     .post-meta.down .more-link {
         vertical-align: bottom;
     }
     
     .post-items .post-title a span {
         font-weight: 700;
     }
     
     .blog-box-content {
         padding: 30px;
         width: 370px;
         height: 400px;
         margin-right: 6px;
         position: relative;
         color: var(--sc);
     }
     
     .bg-image {
         position: absolute;
         top: 0;
         left: 0;
         z-index: -2;
         display: block;
     }
     
     .bg-image img {
         filter: brightness(0.5);
     }
     
     .blog-box-content .tag {
         text-align: left;
     }
     
     .blog-box-content .tag i {
         color: var(--primary-color);
     }
     
     .blog-box-content .tag span {
         color: var(--primary-color);
         font-size: 16px;
         font-weight: 500;
     }
     
     .blog-box-content .mid-content {
         text-align: center;
         margin-top: 19%;
         line-height: 30px;
     }
     
     .blog-box-content .mid-content .text h4 {
         font-weight: 700;
     }
     
     .blog-box-content span {
         padding: 10px;
     }
     
     .blog-box-content a {
         font-weight: 600;
         color: var(--sc);
     }
     
     .blog-box-content .bot-content {
         display: flex;
         justify-content: space-between;
         align-items: center;
     }
     
     .blog-box-content .bot-content .left-box {
         display: flex;
         align-items: center;
     }
     
     .blog-box-content .bot-content .left-box img {
         border: 2px solid var(--primary-color);
         border-radius: 100%;
         padding: 1px;
     }
     
     .blog-box-content .mid-content a {
         color: white;
     }
     
     .blog-box-content .bot-content .left-box .text {
         margin-top: 10px;
         padding: 10px;
         text-align: left;
         color: var(--sc);
     }
     
     .blog-box-content .bot-content .left-box .text p {
         margin-bottom: 6px;
         color: var(--sc);
     }
     
     .post-items .post-content .posted-on>a {
         color: var(--sc);
         font-size: 19px;
         font-weight: 500;
         text-decoration: none;
     }
     
     .post-items .post-content .posted-on i {
         color: var(--sc);
         margin: 0 5px;
     }
     
     .post-items:hover .post-content .posted-on>a,
     .post-items:focus-within .post-content .posted-on>a,
     .post-items.active .post-content .posted-on>a {
         color: #fff;
     }
     
     .post-items:hover .post-content .posted-on i,
     .post-items:focus-within .post-content .posted-on i,
     .post-items.active .post-content .posted-on i {
         color: #fff;
     }
     
     .post-items .post-content .post-meta.up .posted-on>a:hover,
     .post-items .post-content .post-meta.up .posted-on>a:focus-within,
     .post-items .post-content .post-meta.up .posted-on>a.active {
         background: var(--gradient1);
         -webkit-background-clip: text;
         background-clip: text;
         transition: 0.3s;
         -webkit-text-fill-color: transparent;
     }
     
     .post-items:hover span.comments-link,
     .post-items:focus-within span.comments-link,
     .post-items.active span.comments-link {
         color: #fff;
     }
     
     .post-items:hover span.comments-link a,
     .post-items:focus-within span.comments-link a,
     .post-items.active span.comments-link a {
         color: #fff;
     }
     
     .post-items:hover .author-name a,
     .post-items:focus-within .author-name a,
     .post-items.active .author-name a {
         color: #fff;
     }
     
     .post-items .post-content a.more-link {
         color: var(--sc);
         font-weight: 500;
     }
	 
     .post-items .post-content .more-link:focus {
         color: var(--primary-color);
     }
     
     .post-items:hover .post-content a.more-link,
     .post-items:focus-within .post-content a.more-link,
     .post-items.active .post-content a.more-link {
         background: var(--gradient1);
         -webkit-background-clip: text;
         background-clip: text;
         -webkit-text-fill-color: transparent;
         font-weight: 500;
     }
     
     .post-items .post-meta.imu .post-list .post-categories {
         list-style: none;
         padding-left: 0;
         margin-bottom: 5px;
     }
     
     .post-items .post-meta.imu .post-list .post-categories li>a>i {
         margin-right: 6px;
     }
     
     .post-items .post-meta.imu .post-list .post-categories li>a {
         display: inline-block;
         background: var(--gradient1);
         color: #fff;
         padding: 5px 10px;
         border-radius: 6px;
         text-decoration: none;
         font-weight: 500;
         margin-right: 5px;
         float: left;
         margin-bottom: 5px;
     }
     
     .post-items .post-content .post-title>a {
         color: var(--sc);
         font-size: 21px;
         font-weight: bold;
         text-decoration: none;
		 word-break: break-all;
     }
     
     .post-items:hover .post-content .post-title,
     .post-items:focus-within .post-content .post-title,
     .post-items.active .post-content .post-title {
         color: #fff;
         text-decoration: underline;
     }
     
     .post-items:hover .post-content .post-title>a,
     .post-items:focus-within .post-content .post-title>a,
     .post-items.active .post-content .post-title>a {
         color: #fff;
         text-decoration: underline;
     }
     
     .blog-box-content .bot-content {
         margin-top: 76px;
     }
     
     .blog-box-content .bot-content .link a {
         color: white;
     }
     
     .post-items .post-title {
         line-height: 25px;
         margin-bottom: 20px;
     }
     
     .post-items .post-image .post-hover>img {
         opacity: 0;
         width: 100%;
         height: 100%;
     }
     
     .post-items .post-meta {
         z-index: 2;
     }
     
     .post-items .post-image {
         z-index: 2;
         width: 100%;
     }
     
     .post-items::after {
         content: '';
         /* background: url('/assets/images/blog/el1.png'); */
         position: absolute;
         right: -3px;
         top: -1px;
         width: 355px;
         height: 100%;
         background-repeat: no-repeat;
     }
     
     .post-items::before {
         content: '';
         /* background: url('/assets/images/blog/el2.png'); */
         position: absolute;
         left: -12px;
         bottom: 0;
         width: 100%;
         height: 145px;
         background-repeat: no-repeat;
         display: inline-block;
     }
     
     .post-image::before {
         position: absolute;
         content: "";
         top: 0;
         right: 0;
         bottom: 0;
         background: rgba(0, 0, 0, 0.8);
         left: 100%;
         border-radius: 100% 0 0 100%;
         visibility: hidden;
         z-index: 1;
         transition: 0.35s;
     }
     
     .post-items:hover .post-image::before,
     .post-items:focus-within .post-image::before,
     .post-items.active .post-image::before {
         left: 0;
         border-radius: 0;
         visibility: visible;
     }
     
     .post-items:hover .post-image .post-hover>img,
     .post-items:focus-within .post-image .post-hover>img,
     .post-items.active .post-image .post-hover>img {
         opacity: 1;
     }
     
     .blog-left-section .post-contents .post-title {
         background: var(--gradient1);
         -webkit-background-clip: text;
         -webkit-text-fill-color: transparent;
         font-weight: 600;
         font-size: 24px;
     }
     /* ===================   Blog Section End   ======================*/
     /* ===================   CTA Section    ======================*/
     
     input#mail {
         width: 100%;
         padding: 10px;
         outline: none;
         background: transparent;
         border: 1px solid white;
         border-radius: 6px;
         margin-right: 15px;
     }
     
     .av-mail-form input::placeholder {
         color: white;
     }
     
     form.av-mail-form {
         width: 100%;
     }
     
     form.av-mail-form div {
         display: flex;
         justify-content: space-between;
     }
     
     button.av-btn.av-btn-primary.av-submit {
         width: 23%;
         cursor: pointer;
         background: transparent;
         color: white;
         border-radius: 7px;
         border: 1px solid #fff;
         padding: 9px;
         font-weight: 600;
         font-size: 20px;
         transition: 0.6s;
     }
     
     button.av-btn.av-btn-primary.av-submit:hover,
     button.av-btn.av-btn-primary.av-submit:focus-within {
         background: #fff;
         color: var(--primary-color);
     }
     
     .cta-section {
         padding: 80px 0;
     }
     
     .cta-section-4 {
         padding: 80px 0;
     }
     
     .content-box {
         display: flex;
         align-items: center;
         background: var(--gradient1);
         color: white;
         padding: 35px 41px;
         border-radius: 10px;
         position: relative;
         z-index: 1;
         width: 100%;
         overflow: hidden;
         height: 202px;
     }
     
     .content-box .right-box {
         display: flex;
         align-items: center;
     }
     
     .right-box .input-box input[type="email"] {
         padding: 9px;
         background: transparent;
         border: 1px solid white;
         margin-right: 10px;
         width: 358px;
         height: 51px;
     }
     
     .right-box .input-box input::placeholder {
         color: white;
     }
     
     .right-box .button-box .button {
         padding: 9px 18px;
         background: transparent;
         color: white;
         font-weight: 700;
         border: 1px solid white;
         outline: none;
         cursor: pointer;
         border-radius: 5px;
         width: 121px;
         height: 52px;
         font-size: 18px;
     }
     
     .right-box .button-box .button:hover,
     .right-box .button-box .button:focus-within {
         background: white;
         color: var(--primary-color);
         transition: 0.6s;
     }
     
     .content-text p {
         font-size: 16px;
         font-weight: 500;
     }
     
     .content-text h2 {
         font-size: 33px;
         line-height: 44px;
         font-weight: 900;
         color: #fff;
     }
     
     .content-text p {
         color: white;
     }
     
     span.comments-link {
         color: var(--sc);
     }
     
     .content-text .right-element {
         position: absolute;
         top: -94px;
         right: -11px;
         z-index: -1;
         transform: rotate(-9deg);
     }
     
     .content-text .left-element .element {
         position: absolute;
         top: -114px;
         left: -13px;
         transform: rotate(196deg);
         z-index: -1;
     }
     /* ===================   CTA Section End   ======================*/
     /* ===================   Footer Section    ======================*/
     
     .footer-section {
         position: absolute;
         width: 100%;
         background-repeat: no-repeat;
         background-position: center;
         background-size: cover;
         background: var(--bg-color-2);
         /* color: white; */
         padding-top: 5%;
     }
	 
	 .dark-theme .footer-section {
		 color: #ffffff;
	}
     
     .footer {
         text-align: left;
         margin-bottom: 27px;
     }.woocommerce-checkout-review-order-table .woocommerce-Price-amount  {
    color: var(--sc) !important;
}
     
     .footer ul {
         list-style: none;
         color: white;
     }
     
     .footer p,
     .footer-bottom p {
         color: var(--sc);
         font-size: 17px;
     }
     
     .footer .footer-content .text p {
         margin-top: 8px;
         margin-bottom: 30px;
         margin-top: 14px;
         font-size: 17px;
         line-height: 24px;
     }
     /* Bottom Footer Copyright Content Style */
     
     .footer-bottom {
         justify-content: space-between;
         align-items: center;
         border-top: 1px solid rgb(161 156 156 / 32%);
         padding: 20px 0;
     }
     
     .footer-bottom .copyright-content p {
         margin-bottom: 0;
         text-align: left;
     }
     
     .footer-bottom .copyright-content p a {
         color: var(--primary-color-2);
         font-weight: 600;
         transition: 0.3s;
     }
     
     .footer-bottom .copyright-content p a:hover,
     .footer-bottom .copyright-content p a:focus-within {
         font-weight: 600;
         text-decoration: dotted underline;
     }
	 
	 
	 @media (max-width: 767px) {
		 .footer-bottom > div:has(.copyright-text):first-child {
			 order: 1;
		}
		
		 .footer-bottom > div:has(.copyright-text) {
			margin-top: 10px;
		}
	}
	
	@media (min-width: 768px){
		.footer-bottom > div:has(.widget_social_widget):first-child .widget_social_widget ul {
			justify-content: flex-start;
		}
	}
     /* Bottom Footer Copyright Content Style End */
     /* ===========================
All Sections Padding (Top & Bottom) Style
==============================*/
     
     .feature-section,
     .portfolio-section .team-section,
     .counter-section,
     .pricing-section,
     .clients-section,
     .Blog-section {
         padding: 80px 0;
     }
     /* =======End=============== */
     /* ===================   Footer Section End   ======================*/
     
     @media screen and (min-width: 992px) {
         .mobile-navigation-menu {
             display: none;
         }
     }
     
     @media screen and (max-width: 992px) {
         .top-header .col-4 {
             width: 273px;
         }
         .pricing-section .pricingTable10 {
             margin-bottom: 20px;
         }
     }
     
     @media screen and (max-width: 1199px) {
         .card-section .box-item {
             margin-bottom: 20px;
         }
         .counter-box {
             margin-bottom: 20px;
         }
     }
     
     @media(max-width:1199px) and (min-width:992px) {
         .service-box .inner-content h2 {
             margin-bottom: 10px;
             font-size: 19px;
         }
     }
     
     @media screen and (max-width: 575px) {
         .footer-bottom .copyright-content p {
             text-align: center;
         }
         .widget-social-widget .icon-list {
             justify-content: center;
             padding-left: 0;
             margin-top: 20px;
         }
         .slider-text-content h1 {
             font-size: 40px;
             line-height: 42px;
             font-weight: 700;
             margin-bottom: 9px;
         }
         .slider-text-content .text-break {
             font-size: 14px;
         }
     }
     
     @media screen and (max-width: 991px) {
         .top-header {
             display: none;
         }
         .icons-box {
             display: none;
         }
         .top-navigation {
             display: none;
         }
         .navbar {
             display: none;
         }
         .cta-content h2 {
             font-size: 20px;
         }
         .cta-content .btn {
             font-size: 15px;
             padding: 16px 7px;
         }
         .right-box {
             justify-content: normal;
             margin-top: 20px;
         }
         .content-box {
             display: block;
             height: auto;
         }
         .Blog-section .post-items {
             margin-bottom: 20px;
         }
         .slider-right-content {
             display: none;
         }
     }
     
     @media screen and (min-width: 992px) {
         .subscribe {
             margin-bottom: -158px;
         }
     }
     
     @media (max-width: 768) {
         .cta-content h2 {
             font-size: 10px;
         }
         .cta-content .btn {
             font-size: 10px;
         }
         .content-box .right-box {
             display: block;
         }
         .right-box .button-box {
             margin-top: 8px;
         }
         .widget-social-widget .icon-list {
             justify-content: start;
             padding-left: 0;
         }
         .service-box .inner-content h2 {
             margin-bottom: 10px;
             font-size: 22px;
         }
         .content {
             padding: 20px 25px;
         }
         .service-box .inner-content h2 {
             margin-bottom: 10px;
             font-size: 19px;
         }
     }
     
     @media (max-width: 767px) and (min-width: 576px) {
         .read-more-btn .read-more {
             top: 20%;
         }
         .service-box .iconn {
             display: none;
         }
         .heading {
             font-size: 17px;
             margin: 0;
         }
     }
     
     @media screen and (max-width: 400) {
         .cta-content h2 {
             font-size: 10px;
         }
         .cta-content .btn {
             font-size: 10px;
         }
         .slider-text-content h1 {
             font-size: 40px;
             line-height: 42px;
             font-weight: 700;
             margin-bottom: 9px;
         }
     }
     
     @media (max-width: 375px) {
         .section-slider .owl-dots {
             position: absolute;
             bottom: 49px;
             left: 45%;
         }
         .slider-text-content-2 h1 {
             font-size: 46px;
         }
     }
     
     .latest-blog-posts .customNavigation {
         transform: translateY(-50%);
         top: calc(50% - 37px);
         position: absolute;
         width: 100%;
         left: 0;
     }
     
     .latest-blog-posts .customNavigation>span {
         transform: translateY(-50%);
         top: 50%;
         position: absolute;
     }
     
     .latest-blog-posts .pager-left {
         left: calc(0% + 15px);
     }
     
     .latest-blog-posts .pager-right {
         right: calc(0% + 15px);
     }
     
     .latest-blog-posts .next,
     .latest-blog-posts .prev {
         font-size: 28px;
         color: #ccc;
     }
     /* Youtube Icon Animations style */
     
     .icon img {
         position: absolute;
         top: 7px;
         left: 6px;
         background: white;
         padding: 5px;
         border-radius: 100%;
         cursor: pointer;
     }
     /* End */
     
     #return-to-top {
         position: fixed;
         bottom: 30px;
         right: 20px;
         background: rgb(0, 0, 0);
         background: rgba(0, 0, 0, 0.7);
         width: 50px;
         height: 50px;
         display: block;
         z-index: 99;
         text-decoration: none;
         -webkit-border-radius: 35px;
         -moz-border-radius: 35px;
         border-radius: 35px;
         display: none;
         -webkit-transition: all 0.3s linear;
         -moz-transition: all 0.3s ease;
         -ms-transition: all 0.3s ease;
         -o-transition: all 0.3s ease;
         transition: all 0.3s ease;
         /* overflow: hidden;*/
         display: block;
         animation: slideInUp 0.5s linear;
     }
     
     #return-to-top::before {
         position: absolute;
         z-index: -1;
         content: '';
         top: 100%;
         left: 5%;
         height: 10px;
         width: 90%;
         opacity: 1;
         background: -webkit-radial-gradient(center, ellipse, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0) 80%);
         background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0) 80%);
     }
     
     a#return-to-top::after {
         content: '';
         border: 2px solid var(--primary-color);
         position: absolute;
         inset: 0;
         border-radius: 50%;
         opacity: 0;
         visibility: hidden;
     }
     
     a#return-to-top:hover::after,
     a#return-to-top:focus-within::after {
         inset: -9px;
         opacity: 1;
         visibility: visible;
     }
     
     #return-to-top i {
         color: #fff;
         margin: 0;
         position: relative;
         left: 16px;
         top: 13px;
         font-size: 19px;
         -webkit-transition: all 0.3s ease;
         -moz-transition: all 0.3s ease;
         -ms-transition: all 0.3s ease;
         -o-transition: all 0.3s ease;
         transition: all 0.3s ease;
     }
     
     #return-to-top:hover,
     #return-to-top:focus-within {
         background: var(--gradient1);
         transform: scale(1.1);
     }
     
     #return-to-top:hover i,
     #return-to-top:focus-within i {
         color: #fff;
         top: 5px;
     }
     /*============= Navigation Bar dropDown Menu Animation ===================*/
     
     .navigation-bar .navbar-menu .menu-item .dropdown-menu {
         background: var(--dark-bg-2);
         color: var(--sc);
         border-top: 3px solid var(--primary-color-2);
         border-radius: 0;
         padding: 0;
         padding-top: 5px;
         opacity: 0;
         width: 215px;
         transition: 0.5s;
         visibility: hidden;
         transform: translateY(0);
         transform-origin: top;
         display: block;
         position: absolute;
         /* top:105px; */
         z-index: 99;
         list-style: none;
         padding-left: 0;
     }
     
     .navbar .navbar-menu .menu-item a {
         /* line-height: 100px; */
         transition: 1s;
         color: var(--sc);
         text-decoration: none;
         font-size: 16px;
     }
     
     .navbar .navbar-menu .menu-item a:hover,
     .navbar .navbar-menu .menu-item a:focus-within {
         background: var(--gradient1);
         -webkit-background-clip: text;
         -webkit-text-fill-color: transparent;
     }
     
     .navbar .navbar-menu .menu-item a:not(.menu-item .dropdown-menu .menu-item a) {
         /* line-height: 100px; */
     }
     
     .mobile-navigation-menu .navbar .item a {
         color: var(--sc);
     }
     
     .navbar-menu .dropdown-menu>li {
         border-bottom: 1px solid #89898930;
         margin-right: 0;
         position: relative;
     }
     
     .navbar-menu .dropdown-menu>li:last-child {
         border: none;
     }
     
     .dropdown-menu .nav-link-text {
         font-weight: 600;
         white-space: normal;
     }
     
     .navbar-menu .menu-item .dropdown-menu .dropdown-item:hover,
     .navbar-menu .menu-item .dropdown-menu .dropdown-item:focus-within {
         background: var(--gradient1);
         -webkit-background-clip: text;
         background-clip: text;
         -webkit-text-fill-color: transparent;
         transition: 0.3s;
     }
     
     .navbar-menu .menu-item-has-children:hover>.dropdown-menu,
     .navbar-menu .menu-item-has-children:focus-within>.dropdown-menu {
         transition: 0.9s;
         opacity: 1;
         margin-top: 0px;
         visibility: visible;
         transform: translateY(10%);
     }
     
     .navbar-menu .dropdown-menu>.menu-item a {
         background-image: linear-gradient(to right, var(--primary-color), var(--primary-color-2) 50%, var(--sc) 50%);
         background-size: 200% 100%;
         background-position: -100%;
         display: inline-block;
         padding: 8px 14px;
         font-weight: bold;
         position: relative;
         -webkit-background-clip: text;
         background-clip: text;
         -webkit-text-fill-color: transparent;
         transition: all 0.5s ease-in-out;
         text-transform: capitalize;
     }
     
     /* .navbar-menu .menu-item .dropdown-menu .menu-item .dropdown-menu { */
         /* left: 100%; */
     /* } */
     
     .navbar-menu .dropdown-menu>.menu-item a:before {
         content: "";
         background: var(--gradient1);
         display: block;
         position: absolute;
         bottom: -3px;
         left: 0;
         width: 0;
         height: 2px;
         transition: all 0.5s ease-in-out;
     }
     
     .navbar-menu .dropdown-menu>.menu-item a:hover,
     .navbar-menu .dropdown-menu>.menu-item a:focus-within {
         background-position: 0;
     }
     
     .navbar-menu .dropdown-menu>.menu-item a:hover::before,
     .navbar-menu .dropdown-menu>.menu-item a:focus-within::before {
         width: 100%;
     }
     
     .navbar-menu .dropdown-menu .menu-item >.dropdown-menu{
         position: absolute;
         top: 0;
         left: 100%;
     }
	 
     .navbar-menu .dropdown-menu .menu-item > .dropdown-menu .menu-item > .dropdown-menu {
         left: unset;
		 right:100%;
     }
	 
     .navbar-menu .dropdown-menu .menu-item > .dropdown-menu .menu-item > .dropdown-menu .menu-item > .dropdown-menu .menu-item > .dropdown-menu .menu-item > .dropdown-menu .menu-item > .dropdown-menu .menu-item>.dropdown-menu {
         left: 100%;
		 right: unset;
     }
	 
	 
     
     .navbar .navbar-menu .dropdown-menu:not(.dropdown-menu li>.dropdown-menu)::before {
         top: -8px;
         left: 18px;
         content: "";
         position: absolute;
         width: 11px;
         height: 11px;
         border: 3px solid var(--primary-color-2);
         background: var(--dark-bg-2);
         border-right: none;
         border-bottom: none;
         -ms-transform: translateX(-50%) rotate(45deg);
         transform: translateX(-50%) rotate(45deg);
     }
     
     .icons-box .icon-list .list-item .header-search-toggle i {
         color: var(--sc);
         background: var(--gradient1);
         -webkit-background-clip: text;
         background-clip: text;
         -webkit-text-fill-color: transparent;
         transition: 0.5s;
         font-size: 20px;
         padding: 10px;
         border-radius: 6px;
     }
     
     .icons-box .icon-list .list-item .header-search-toggle i:hover,
     .icons-box .icon-list .list-item .header-search-toggle i:focus-within {
         outline: 1px dotted var(--primary-color);
         outline-offset: -2px;
     }
     
     .top-navigation-2 .icons-box .icon-list .list-item .header-search-toggle i {
         color: #fff;
     }
     /* == Mobile Navigation Bar Style  */
      
	 .mobile-navigation-menu {
		position: relative;
		min-height: 80px;
	}
	
     .mobile-navigation-menu > nav {
         background: var(--dark-bg-2);
         /* height: 80px; */
         width: 100%;
     }
	 
     .mobile-navigation-menu > nav:not(:has(img)) {
		 padding: 26px 0;
     }
     
     .mobile-navigation-menu .logo {
         color: var(--sc);
         font-size: 35px;
         /* line-height: 80px; */
         padding: 0 36px;
         font-weight: bold;
     }
     
     .mobile-navigation-menu .logo a img {
         max-width: 180px;
         width: 100%;
         height: auto;
     }
     
     .mobi-head-top .widget-contact .contact-info {
         color: #fff;
         font-weight: 600;
     }
     
     .mobi-head-top .widget-contact .contact-area:hover .contact-icon,
     .mobi-head-top .widget-contact .contact-area:focus-within .contact-icon {
         animation: wobble 1s infinite;
         transition: 0.3s;
         color: #fff;
     }
     
     .mobi-head-top .widget-contact .contact-area:hover .contact-info .text a,
     .mobi-head-top .widget-contact .contact-area:focus-within .contact-info .text a {
         background: var(--gradient1);
         -webkit-background-clip: text;
         background-clip: text;
         -webkit-text-fill-color: transparent;
         font-weight: 600;
     }
     
     nav .mob-menu li {
         display: flex;
         justify-content: flex-start;
         flex-wrap: wrap;
     }
     
     .mob-menu .dropdown-menu {
         margin: 0;
         float: none;
         clear: both;
         background: none;
         width: 100%;
         padding: 0;
         border-radius: 0;
         box-shadow: none;
         position: relative;
         border-bottom: 0;
     }
     
     .mob-menu .dropdown-menu .menu-item a:not(:last-child) {
         text-transform: capitalize;
     }
     
     .mob-menu .dropdown>.dropdown-menu li:not(:last-child) {
         border-bottom: 1px solid lightgrey;
     }
     
     .mob-menu .dropdown-menu .nav-checker a {
         display: inline;
         line-height: 50px;
         border-bottom: 0;
     }
     
     .mob-menu .dropdown-menu .nav-checker li {
         line-height: 38px;
     }
     
     nav .mob-menu li .dropdown-menu {
         border-left: 0;
         border-right: 0;
     }
     
     nav .mob-menu .dropdown .dropdown-menu li a {
         line-height: 50px;
     }
     
     nav .mob-menu li a {
         color: var(--sc);
         font-size: 17px;
         display: inline;
         padding-left: 13px;
         border-radius: 3px;
         font-weight: 600;
         text-transform: capitalize;
         text-decoration: none;
         transition: 1s;
     }
     
     .mob-menu .dropdown .dropdown-menu>.dropdown:hover {
         color: var(--heading-color);
     }
     
     nav .mob-menu li a:hover,
     nav .mob-menu li a:focus-within {
         background: var(--gradient1);
         -webkit-background-clip: text;
         -webkit-text-fill-color: transparent;
         font-weight: 600;
         transition: 1s;
     }
     
     .checkbtn {
         font-size: 30px;
         color: var(--sc);
         float: right;
         line-height: 80px;
         margin-right: 40px;
         cursor: pointer;
         display: none;
     }
     
     .checkbtn>i {
         color: var(--sc);
     }
     
     .mobile-navigation-menu .hamburger-menu {
        width: 40px;
		height: 40px;
		vertical-align: middle;
		border-radius: 0.25rem;
		overflow: hidden;
		top: 50%;
		transform: translateY(-50%);
		display: inline-flex;
		justify-content: center;
		align-items: center;
     }
     
     .mobile-navigation-menu button.menu-toggle {
         background: none;
         border: none;
         border-radius: 0;
         transition: 0.3s;
     }
     
     .mobile-navigation-menu button.menu-toggle:hover,
     .mobile-navigation-menu button.menu-toggle:focus-within {
         transform: rotate(180deg);
     }
     
     .mobile-navigation-menu button.menu-toggle:focus-within {
         border: 1px dotted var(--primary-color);
     }
     
     .mobile-navigation-menu .hamburger-menu span {
         height: 3px;
         width: 100%;
         display: block;
         margin: 0 0 5px;
         background: var(--sc);
     }
     
     .mobile-navigation-menu .hamburger-menu span:first-child {
         margin-top: 0px;
     }
     
     .hamburger-menu div:last-child {
         margin-bottom: 0;
     }
     
     .mobile-navigation-menu .hamburger-menu .meat,
     .hamburger-menu .bottom-bun,
     .hamburger-menu>a:hover div,
     .hamburger-menu>a:focus div {
         width: 100%;
     }
     
     #check {
         display: none;
     }
     
     ul.mob-dropdown {
         width: 100%;
     }
     
     ul.mob-dropdown li {
         line-height: 13px;
     }
     
     .mob-menu>li.dropdown:not(:last-child) {
         display: flex;
         justify-content: flex-start;
         flex-wrap: wrap;
         border-bottom: 1px solid lightgrey;
     }
     
     .mob-menu>li.dropdown:not(:last-child):focus-within {
         background: rgba(0, 0, 0, 0.05);
     }
     
     .mob-menu .dropdown>a {
         flex: 1;
         text-transform: capitalize;
         display: inline;
         align-items: center;
         font-weight: 600;
         justify-content: space-between;
     }
     
     .mob-menu .dropdown>a {
         color: var(--sc);
     }
     
     .mobile-menu .dropdown-menu {
         display: none;
     }
     
     .mob-menu span.mobile-toggler {
         text-align: center;
         margin-right: 0px;
         float: right;
         padding: 0px 22px;
         background: var(--heading-color);
         font-size: 17px;
         color: #fff;
     }
     
     .mob-menu .dropdown .dropdown li span.mobile-toggler {
         height: 51px;
     }
     
     .mob-menu .dropdown .dropdown li {
         line-height: 50px;
     }
     
     .mob-menu span.mobile-toggler button {
         background: transparent;
         border: 0px;
         color: #fff;
         transform: rotate(0deg);
         transition: all 0.3s ease 0s;
         margin-top: 17px;
     }
     
     .mob-menu .dropdown.current span.mobile-toggler {
         background: var(--gradient1);
     }
     
     .mob-menu .dropdown.current span.mobile-toggler button {
         transform: rotate(90deg);
     }
     
     .mob-menu .dropdown-menu {
         margin: 0;
         float: none;
         clear: both;
         background: none;
         width: 100%;
         padding: 0;
         border-radius: 0;
         box-shadow: none;
         position: relative;
         border-bottom: 0;
     }
     
     .mob-menu .dropdown-menu .menu-item a:not(:last-child) {
         text-transform: capitalize;
     }
     
     .mob-menu .dropdown>.dropdown-menu li:not(:last-child) {
         border-bottom: 1px solid lightgrey;
     }
     
     .mob-menu .dropdown-menu .nav-checker a {
         display: inline;
         line-height: 50px;
         border-bottom: 0;
     }
     
     .mob-menu .dropdown-menu .nav-checker li {
         line-height: 38px;
     }
     
     .header-widget {
         top: -100%;
         z-index: 1;
     }
     
     .mobi-head-top {
         position: absolute;
         text-align: center;
         top: 80px;
         right: 0;
         left: 0;
         margin: 0 auto;
         height: auto;
         width: 95%;
         padding: 6px 0;
         border-radius: 0;
         z-index: 2;
         background: var(--dark-bg-2);
         -webkit-box-shadow: 0 15px 40px rgb(0 0 0 / 15%);
         box-shadow: 0 15px 40px rgb(0 0 0 / 15%);
         display: none;
         border-bottom: 7px solid var(--primary-color);
         border-bottom-left-radius: 25px;
         border-bottom-right-radius: 25px;
         padding-top: 30px;
         overflow: hidden;
     }
     
     .headtop-mobi:hover .header-widget,
     .headtop-mobi:focus .header-widget {
         top: 82px;
         transition: 0.15s;
         z-index: 2;
     }
     
     .headtop-mobi:hover span i,
     .headtop-mobi:focus-within span i {
         transform: rotate(180deg);
         transition: 0.25s;
     }
     
     .header-widget .widget-social-widget .icon-list {
         display: flex;
         padding-top: 60px;
         align-items: center;
         list-style: none;
         justify-content: center;
         text-align: center;
         padding-left: 0;
     }
     
     .mobi-head-top .header-widget .widget-right {
         flex-wrap: wrap;
         display: flex;
         justify-content: center;
         align-items: center;
         gap: 42px;
         padding: 40px 0px;
     }
     
     .headtop-mobi {
         line-height: 38px;
         position: absolute;
         top: 80px;
         right: 0;
         font-size: 26px;
         background: var(--gradient1);
         border-bottom-left-radius: 30px;
         padding: 10px;
         z-index: 3;
         width: 30px;
         height: 65px;
         text-align: center;
     }
     
     .headtop-mobi span i {
         color: white;
     }
     
     .header-widget .widget-right .contact-area {
         display: flex;
         gap: 10px;
     }
     
     .header-widget .widget-right .contact-area .contact-icon .fa {
         color: white;
     }
     
     .mobi-head-top .header-widget .widget-right .contact-area .contact-icon .fa {
         color: #fff;
     }
     
     @media (max-width: 952px) {
         .mobile-navigation-menu .logo {
             font-size: 30px;
             padding-left: 30px;
         }
         nav .mob-menu li a {
             font-size: 16px;
             display: inline;
             line-height: 43px;
         }
     }
     
     @media (max-width: 991px) {
         .footer-section-2 .footer-left-content {
             padding: 0 0 !important;
         }
         .header-2 nav {
             background: var(--dark-bg);
         }
         .header-2 .mobile-navigation-menu .hamburger-menu span {
             background: #fff;
         }
         .checkbtn {
             display: block;
         }
         .mobile-navigation-menu .menu-bar {
             position: fixed;
             top: 0;
             left: 0;
             z-index: 99999;
             width: 100%;
             height: 100%;
             padding-top: 4.3rem;
             padding-bottom: 1.25rem;
             visibility: visible;
             overflow: hidden;
             text-align: left;
             background: var(--dark-bg-2);
         }
         nav .mob-menu li {
             display: block;
             line-height: 50px;
         }
		 
		 nav .mob-menu li {
			 border-bottom: 1px solid lightgrey;			 
		} 
		 nav .mob-menu li:first-of-type, nav .mob-menu li:first-of-type {
			 border-top: 1px solid lightgrey;			 
		}
		
		 nav .mob-menu li:last-of-type .dropdown-menu li:last-of-type {
			 border-bottom: none;			 
		}
		
         nav .mob-menu li a {
             font-size: 20px;
         }
         a:hover,
         a:focus-within,
         a.active {
             background: none;
             color: var(--primary-color);
         }
         #check:checked~.mob-menu {
             left: 0;
         }
     }
     
     nav .menu-bar {
         float: right;
         margin-right: 20px;
         padding-left: 0;
         z-index: 5;
         display: none;
         height: 100% !important;
         overflow-x: hidden !important;
         overflow-y: overlay !important;
         -ms-touch-action: overlay !important;
         touch-action: auto;
     }
     nav .mob-menu {
         padding-left: 0;
     }
     
     .mob-menu .nav-checker li .dropdown {
         display: inline;
     }
     
     .mob-menu .nav-checker li span.mobile-collapsed {
         float: right;
         padding-right: 30px;
     }
     
     .mob-menu .close-btn-box {
         width: 100%;
         padding: 30px;
         border-bottom: 1px solid lightgrey;
     }
     
     .mobile-navigation-menu .closebtn {
         position: absolute;
         right: 2px;
         color: var(--sc);
         text-decoration: none;
         font-size: 50px;
         top: -2px;
         transition: 0.3s;
     }
     
     .mob-menu .closebtn:focus {
         transform: rotate(90deg);
     }
     
     .hamburger-menu {
         width: 40px;
         height: 40px;
         position: absolute;
         vertical-align: middle;
         border-radius: 0.25rem;
         overflow: hidden;
         top: 15px;
         right: 20px;
     }
     
     .navigator-wrapper button.menu-toggle {
         background: none;
         border: none;
         border-radius: 0;
     }
     
     .menu-toggle {
         width: inherit;
         height: inherit;
         display: block;
         padding: 0.65em 8px 0.75em;
     }
     
     .hamburger-menu div {
         height: 3px;
         width: 100%;
         margin: 0 0 5px;
         background: var(--sp-secondary-dark);
     }
     
     .hamburger-menu div:first-child {
         margin-top: 0px;
     }
     
     .navigator-wrapper button.menu-toggle:focus {
         outline-color: var(--sp-primary);
         background: var(--sp-primary-light);
     }
     
     .hamburger-menu .meat {
         width: 100%;
     }
     
     .hamburger-menu div:last-child {
         margin-bottom: 0;
     }
     
     .hamburger-menu .bottom-bun {
         width: 100;
     }
     /* == Mobile Navigation Bar Style  */
     /* =================================
Scroller Style
================================*/
     
      ::-webkit-scrollbar {
         width: 10px;
     }
     
      ::-webkit-scrollbar-track {
         box-shadow: inset 0 0 5px grey;
         border-radius: 10px;
     }
     
      ::-webkit-scrollbar-thumb {
         background: var(--sc);
         border-radius: 10px;
     }
     
      ::-webkit-scrollbar-thumb:hover,
      ::-webkit-scrollbar-thumb:focus-within {
         background: var(--gradient1);
     }
     /* ====================================================
Home Page 2
====================================================*/
     /* =====================Top Above Header================ */
     
     .header-2 {
         background: transparent;
         position: absolute;
         top: 0;
         z-index: 2;
         width: 100%;
         overflow-x: clip;
     }
     
     .header-2 .top-header::after {
         content: '';
         background: transparent;
     }
     
     .top-navigation-2 {
         background: transparent;
         border: 0;
         height: auto;
         border-bottom: 1px solid white;
         border-top: 0;
         z-index: 99;
     }
     
     .header-menu-2 {
         display: flex;
         padding-left: 216px;
     }
     
     .header-menu-2 .widget-social-widget .icon-list li {
         margin-right: 0;
     }
     
     .header-menu-2 .menu-item-2 .widget-contact .contact-area .contact-icon div {
         transition: 0.5s;
     }
     
     .header-menu-2 .menu-item-2 .widget-contact .contact-area:hover .contact-icon div,
     .header-menu-2 .menu-item-2 .widget-contact .contact-area:focus-within .contact-icon div {
         background: var(--gradient1);
         -webkit-background-clip: text;
         background-clip: text;
         -webkit-text-fill-color: transparent;
         color: var(--gradient1);
     }
     
     .header-menu-2:not(3) .menu-item-2 .widget-contact {
         margin-right: 10px;
         border-right: 1px solid grey;
     }
     /* =====================Top Above Header================ */
     /* =====================Top Navigation bar================ */
     
     .top-navigation-2 .navigation-bar-2 {
         justify-content: center;
         align-items: center;
         height: 100px;
     }
     
     .navigation-bar-2 .icons-box .icon-list .cart i {
         box-shadow: 0;
     }
     
     .navigation-bar-2 .cart-count {
         position: absolute;
         top: 2px;
         font-size: 10px;
         background: var(--gradient1);
         color: white;
         width: 15px;
         line-height: 15px;
         right: 19px;
         border-radius: 51%;
         height: 15px;
         text-align: center;
         display: inline-block;
         font-weight: 600;
     }
     
     .top-navigation-2 .navigation-bar-2 .logo-2 {
         transform: translateY(-30px);
     }
     
     body .header .top-navigation-2  h4.site-title, body .header .top-navigation-2  p.site-description,
     body .header.header-2 .mobile-navigation-menu  h4.site-title, body .header.header-2 .mobile-navigation-menu  p.site-description{
         color: #fff;
     }
     
	 
     .top-navigation-2.is-sticky-menu .navigation-bar-2 .logo-2 {
         transform: translateY(0px);
     }
     
     .navbar-2 {
         font-weight: bold;
         justify-content: start;
         border-right: 1px solid white;
         padding-bottom: 0;
         height: 100px;
         padding-top: 0;
         padding-left: 22px;
         background: rgba(255 255 255 / 13%);
     }
     
     .navbar-2::before {
         content: "";
         border-left: 1px solid white;
         position: absolute;
         left: 0;
         top: -60px;
         height: 160px;
     }
     
     .navbar-2::after {
         content: "";
         border-bottom: 1px solid white;
         margin-right: 0;
         position: absolute;
         top: 0;
         left: 0;
         right: -70%;
     }
     
     .navbar-2 .navbar-menu-2 .menu-item a {
         color: #fff;
         text-decoration: none;
         margin-right: 7px;
         /* font-size: 18px; */
     }
     
     .navbar-menu-2 .icons-box .icons-list .list-item a .fa-cart-arrow-down {
         color: #fff;
         font-size: 20px;
     }
     
     .navbar-menu-2 .icons-box .icons-list .list-item a .fa-search {
         color: var(--sc);
         font-size: 20px;
     }
     
     .navbar-menu-2 .icons-box .icons-list .list-item .header-search-toggle .fa-search {
         color: var(--sc);
         font-size: 20px;
     }
     
     .navbar-menu-2 .icons-box .icon-list .list-item .th i {
         background: var(--gradient1);
         -webkit-background-clip: text;
         background-clip: text;
         -webkit-text-fill-color: transparent;
         font-size: 23px;
         color: var(--gradient1);
     }
     
     .navbar-menu-2 .icons-box .icon-list .cart {
         border-right: 1px solid #e2e2e2;
     }
     
     .icons-box .icon-list .cart .fa-cart-arrow-down {
         margin-right: 22px;
         font-size: 20px;
     }
     
     .navbar-menu-2 .icons-box .icon-list .list-item .th {
         border: 1px solid #fff;
         border-radius: 48px;
         padding: 6px 10px;
     }
     
     .icons-2 .widget-social-widget .icon-list li a {
         border: none;
         transition: 0.6s;
     }
     
     .icons-2 .widget-social-widget .icon-list li a:hover,
     .icons-2 .widget-social-widget .icon-list li a:focus-within {
         background: none;
     }
     
     .navigation-bar-2 .icons-box .icon-list {
         display: flex;
         list-style: none;
         margin-bottom: 0;
         padding-left: 0px;
         justify-content: flex-end;
         /* margin-right: 44px; */
         gap: 18px;
     }
     
     .navigation-bar-2 .icons-box .icon-list .cart a {
         color: var(--sc);
         position: relative;
     }
     
     .navigation-bar .icons-box .icon-list .list-item:not(:last-child) {
         margin-right: 10px;
     }
     
     .navigation-bar-2 .icons-box .icon-list .list-item:not(:last-child) {
         font-size: 24px;
         /* margin-right: 30px; */
     }
     
     .navigation-bar-2 .icons-box .icon-list .cart {
         border-right: 0;
         margin-right: 85px;
     }
     
     .navbar-2 .item a.nav-link {
         line-height: 100px;
     }
     
     .navbar-menu-2 .menu-item .dropdown-menu {
         background: var(--dark-bg-2);
         color: var(--sc);
         border-top: 3px solid var(--primary-color-2);
         border-radius: 0;
         padding: 0;
         padding-top: 5px;
         opacity: 0;
         transition: 0.9s;
         visibility: hidden;
     }
     
     .navbar-menu-2 .menu-item-2 .dropdown-menu {
         background: var(--dark-bg-2);
         color: var(--sc);
         border-top: 3px solid var(--primary-color);
         border-radius: 0;
         padding: 0;
         padding-top: 5px;
         opacity: 0;
         transition: 0.9s;
         visibility: hidden;
     }
     
     .navbar-menu .dropdown-menu>.menu-item a {
         color: var(--sc);
		 overflow-wrap: break-word;
		 white-space: normal;
     }
     
     .header-2 .navigation-bar-2 .shopping-cart {
         position: absolute;
         top: 66px;
         right: 35%;
         z-index: 3;
         width: 320px;
         padding: 20px;
         background: var(--dark-bg-2);
         border-radius: 0 3px 3px;
         border: 0;
         border-top: 3px solid var(--primary-color);
         opacity: 0;
         visibility: hidden;
         transition: 0.65s;
         -webkit-box-shadow: 0 15px 30px -5px rgb(0 0 0 / 7%);
         box-shadow: 0 15px 30px -5px rgb(0 0 0 / 7%);
         -webkit-transform: translate3d(0, -5px, 0);
         transform: translate3d(0, -5px, 0);
     }
     
     .navigation-bar-2 .icons-box .icon-list .cart a .fa-cart-arrow-down {
         color: #fff;
         transition: 0.2s;
     }
     
     .navigation-bar-2 .icons-box .icon-list .cart:hover a .fa-cart-arrow-down,
     .navigation-bar-2 .icons-box .icon-list .cart:focus-within a .fa-cart-arrow-down {
         color: var(--primary-color);
     }
     
     .navigation-bar-2 .shopping-cart .cart-items button {
         margin: auto 55px;
     }
     /*  * =====================Top Owl Slider ================ */
     
     .main-slider-2 .slide img {
         max-width: 100%;
         min-width: fit-content;
         width: 100%;
     }
     
     .slider-text-content-2 {
         position: absolute;
         top: 60%;
         left: 50%;
         color: white;
         transform: translate(-50%, -50%);
         z-index: 1;
     }
     
     .slider-text-content-2 h1 {
         font-size: 54px;
         font-weight: 700;
         line-height: 65px;
         margin: 10px;
     }
     
     .slider-text-content-2 p {
         color: #d8d8d8;
         display: flex;
         align-items: center;
         justify-content: center;
         gap: 10px;
         margin-bottom: 0;
     }
     
     .slider-text-content-2 .active {
         background: var(--gradient1);
         color: white;
         border: 0;
     }
     
     .slider-text-content-2 .btn {
         margin-top: 15px;
     }
     
     .main-slider-2 {
         position: relative;
     }
     
     .slider-text-content-2 .button-box {
         display: flex;
         gap: 16px;
         align-items: center;
         justify-content: center;
     }
     /*  * =====================Top Owl Slider ================ */
     /*  * =====================Cta section -2  ================ */
     
     .cta-section-2 {
         margin-top: -100px;
         padding-bottom: 40px;
     }
     
     .content-box-2 .mail-form input#mail2 {
         border: none;
         border-bottom: 1px solid #fff;
         width: 90%;
         padding: 10px;
         border-radius: 6px;
         outline: none;
         background: transparent;
     }
     
     .content-box-2 .mail-form input::placeholder {
         color: white;
     }
     
     .content-box-2 .mail-form span {
         position: relative;
         top: 3px;
         right: 24px;
     }
     
     .content-box-2 {
         border-radius: 0;
         height: auto;
         padding: 66px 41px;
     }
     
     .content-box-2 .content-text h1 {
         font-size: 34px;
         line-height: 56px;
         font-weight: 800;
     }
     /*  * =====================Cta section -2  ================ */
     /*  * =====================Service section -2  ================ */
     
     .service-section-2 {
         padding: 80px 0px;
         padding-top: 226px;
     }
     
     .service-section-2 .service-box-2 .content-2 {
         background: rgb(255 255 255 / 81%);
     }
     /*  * =====================Service section -2 end  ================ */
     /*  * =====================Feature section -2   ================ */
     
     .feature-section-2 {
         position: relative;
         padding: 80px 0;
     }
     
     .feature-section-2 .feature_bgelement {
         position: absolute;
         top: 58%;
         left: 45%;
         transform: translate(-50%, -50%);
         max-width: 100%;
     }
     
     .feature-section-2 .card-2 .icon-wrapper-2 img {
         padding-bottom: 0;
         width: 46px;
     }
     
     .card-2 .top-content {
         display: flex;
         align-items: center;
         margin-bottom: 20px;
     }
     
     .card-2 .icon-wrapper-2 {
         display: flex;
         align-items: center;
         justify-content: center;
         padding: 22px;
         border-radius: 100%;
         background: rgb(255, 255, 255);
         transition: all 0.9s ease 0s;
         width: 60px;
         font-size: 27px;
         height: 60px;
         color: var(--primary-color);
     }
     
     .card-2 .icon-wrapper-2 i {
         background: var(--gradient1);
         -webkit-background-clip: text;
         background-clip: text;
         -webkit-text-fill-color: transparent;
     }
     
     .card-2:hover .icon-wrapper-2 i {
         color: var(--gradient1);
         /* -webkit-text-fill-color: #fff; */
     }
     
     .card-2:hover .icon-wrapper-2,
     .card-2:focus-within .icon-wrapper-2 {
         background: #fff;
         animation: flipInY 1.2s linear;
         animation-delay: 0.3s;
     }
     
     .card-2 .right-text {
         text-align: left;
         margin-left: 20px;
     }
     
     .card-2 .right-text a {
         text-decoration: none;
     }
     
     .card-2 .right-text h3 {
         font-weight: 700;
         margin: 0;
         font-size: 20px;
         color: var(--sc);
     }
     
     .card-2 .icon-wrapper-2 .text-content {
         margin-bottom: 0;
     }
     
     .card-2 {
         text-align: left;
         width: 100%;
         padding: 2em 1.5em;
         background: rgb(162 162 162 / 5%);
         cursor: pointer;
         transition: 0.5s;
         border-radius: 15px;
         flex: content;
         position: relative;
         overflow: hidden;
         transition: 0.5s;
         z-index: 1;
     }
     
     .card-2::after {
         position: absolute;
         content: '';
         left: 0px;
         top: 0px;
         width: 100%;
         height: 100%;
         overflow: hidden;
         background: var(--gradient1);
         transition: all 900ms ease;
         -webkit-transition: all 900ms ease;
         -webkit-transform: scale(0, 1);
         transform: scale(0, 1);
         -webkit-transform-origin: right center;
         transform-origin: right center;
         background-position: center center;
         z-index: -1;
     }
     
     .card-2:hover::after,
     .card-2:focus-within::after {
         -webkit-transform: scale(1, 1);
         transform: scale(1, 1);
         -webkit-transform-origin: left center;
         transform-origin: left center;
     }
     
     .card-2>p {
         color: var(--sc);
     }
     
     .card-2 .f_element {
         top: -100px;
         right: -100px;
         transition: 1s;
         transition-delay: 0.3s;
     }
     
     .card-2 .f_element::after {
         top: -100px;
         right: -100px;
         transition: 1s;
         transition-delay: 0.3s;
     }
     
     .card-2 .f_element::before {
         top: -100px;
         right: -100px;
         transition: 1s;
         transition-delay: 0.3s;
     }
     
     .card-2:hover .f_element,
     .card-2:focus-within .f_element {
         position: absolute;
         top: 6px;
         right: 6px;
         width: 40px;
         height: 40px;
         border: 4px solid #ffffff33;
         border-radius: 100%;
     }
     
     .card-2:hover .f_element::before,
     .card-2:focus-within .f_element::before {
         content: "";
         position: absolute;
         top: -21px;
         right: -21px;
         width: 75px;
         height: 75px;
         border: 4px solid #ffffff33;
         border-radius: 100%;
         transition: 0.3s;
     }
     
     .card-2 .f_element::after {
         top: -100px;
         right: -100px;
         transition: 0.5s;
     }
     
     .card-2:hover .f_element::after,
     .card-2:focus-within .f_element::after {
         content: "";
         position: absolute;
         top: -36px;
         right: -36px;
         width: 105px;
         height: 105px;
         border: 4px solid #ffffff33;
         border-radius: 100%;
         transition: 0.3s;
     }
     
     .card-2:hover h3,
     .card-2:focus-within h3 {
         color: #ffffff;
     }
     
     .card-2:hover p,
     .card-2:focus-within p {
         color: #fff;
     }
     /*  * =====================Feature section -2 end  ================ */
     /*  * =====================Portfolio section -2   ================ */
     
     .gallery_product-2::after {
         content: "";
         right: 17px;
         left: 17px;
         top: 17px;
         bottom: 17px;
         border: 0;
         box-shadow: 0px 0px 0px 0px;
         position: absolute;
         transition: 0.9s;
         visibility: hidden;
         opacity: 0;
     }
     
     .gallery_product-2 {
         border: 6px solid var(--dark-bg-2);
         transition: 0.3s ease-in-out;
     }
     
     .gallery_product-2:hover,
     .gallery_product-2:focus-within {
         border: 6px solid var(--primary-color);
     }
     
     .gallery_product-2::before {
         content: "";
         right: 0;
         left: 0;
         top: 0;
         bottom: 0;
         background: rgba(0 0 0 / 77%);
         position: absolute;
         transition: 0.9s;
         visibility: hidden;
         opacity: 0;
     }
     /*  * =====================Portfolio section -2 end  ================ */
     /*  * =====================Testimonial  section -2   ================ */
     
     .testimonial-section-2 {
         position: relative;
     }
     
     .testimonial-section-2 .testimonial_bg {
         position: absolute;
         z-index: -1;
         inset: 0;
         width: 100%;
         filter: brightness(0.2);
         transform: scaleX(-1);
         height: 100%;
     }
     /*  * =====================Testimonial  section -2 end  ================ */
     /*  * =====================Team  section -2   ================ */
     
     .team-section {
         padding: 80px 0;
     }
     
     .team-section .team-box .widget_social_widget ul {
         list-style: none;
         padding-left: 0;
         display: flex;
         align-items: center;
         gap: 15px;
         justify-content: center;
         position: absolute;
         width: 100%;
         bottom: -50px;
         transition: 1s;
         opacity: 0;
         visibility: hidden;
     }
     
     .team-section .team-box:hover .widget_social_widget ul,
     .team-section .team-box:focus-within .widget_social_widget ul {
         bottom: 100px;
         opacity: 1;
         visibility: visible;
     }
     
     .team-section .team-box .widget_social_widget ul li>a {
         color: #fff;
         font-size: 16px;
         transition: 0.5s;
         position: relative;
         width: 20px;
         height: 20px;
         line-height: 20px;
     }
     
     .team-section .team-box .widget_social_widget ul li>a:after {
         position: absolute;
         content: '';
         inset: 1px;
         transform: scale(0);
         background: var(--gradient1);
         transition: 0.5s;
         border-radius: 50%;
         z-index: -1;
     }
     
     .team-section .team-box .widget_social_widget ul li>a:hover:after,
     .team-section .team-box .widget_social_widget ul li>a:focus-within:after {
         transform: scale(2);
         color: #fff;
     }
     
     .team-section .team-box .widget_social_widget ul li>a:hover,
     .team-section .team-box .widget_social_widget ul li>a:focus-within {
         transform: rotate(360deg);
         color: #fff;
     }
     
     .team-box {
         text-align: center;
         margin: auto;
         position: relative;
         max-width: 261px;
         width: 100%;
         height: 330px;
         overflow: hidden;
         justify-content: center;
         transition: 0.9s;
     }
     
     .team-box .team_img_box {
         width: 100%;
         max-width: 261px;
         max-height: 261px;
         height: var(--width);
         overflow: hidden;
         border-radius: 100%;
         position: relative;
         transition: 0.5s ease-in-out;
     }
     
     .team-box .team_img_box .icon-list {
         opacity: 0;
         visibility: hidden;
         transition: 0.4s;
         padding-left: 0;
     }
     
     .team-box:hover .team_content_text p,
     .team-box:focus-within .team_content_text p {
         color: #fff;
     }
     
     .team-box:hover .team_content_text a,
     .team-box:focus-within .team_content_text a {
         color: #fff;
     }
     
     .team-box:hover .team_img_box .icon-list,
     .team-box:focus-within .team_img_box .icon-list {
         opacity: 1;
         padding-left: 0;
         visibility: visible;
         transition: 0.4s;
     }
     
     .team_img_box::after {
         content: "";
         background: linear-gradient(rgb(255, 152, 152), rgb(102 102 102 / 89%));
         display: block;
         position: absolute;
         inset: 0;
         z-index: -1;
     }
     
     .team_img_box img {
         padding: 0px;
         position: absolute;
         top: 171px;
         height: 318px;
         left: 53%;
         transform: translate(-50%, -50%);
         filter: opacity(0.9);
         transition: 0.9s;
     }
     
     .team_content_text {
         padding-top: 57px;
         padding-bottom: 12px;
         transition: 0.9s;
         position: absolute;
         width: 100%;
         top: 213px;
         color: var(--sc);
     }
     
     .team_content_text a {
         text-decoration: none;
     }
     
     .team-box:hover .team_content_text,
     .team-box:focus-within .team_content_text {
         top: 64px;
         color: white;
     }
     
     .team-box .team_content_text h2 {
         font-weight: 700;
         font-size: 27px;
         margin-bottom: 0;
     }
     
     .team-box .team_content_text p {
         background: var(--gradient1);
         -webkit-background-clip: text;
         background-clip: text;
         -webkit-text-fill-color: transparent;
         margin-bottom: 0;
         font-weight: 600;
     }
     
     .team-box .widget-social-widget .icon-list {
         display: flex;
         text-align: center;
         list-style: none;
         align-items: center;
         justify-content: center;
         position: absolute;
         padding-left: 0;
         padding-left: 0;
         width: 100%;
         transition: 0.9s;
         padding-left: 0;
         bottom: -30px;
     }
     
     .team-box:hover .team_img_box,
     .team-box:focus-within .team_img_box {
         height: 396px;
         overflow: hidden;
         width: 100%;
         border-radius: 6px;
     }
     /*  * =====================Team  section -2 end  ================ */
     /*  * =====================Counter  section -2   ================ */
     
     .counter-box-2::before {
         content: "";
         position: absolute;
         top: 100%;
         left: 0;
         right: 0;
         bottom: 0;
         background: var(--gradient1);
         visibility: hidden;
         z-index: -1;
     }
     
     .counter-box-2:hover h3,
     .counter-box-2:focus-within h3 {
         color: #fff;
     }
     
     .counter-box-2:hover p,
     .counter-box-2:focus-within p {
         color: #fff;
     }
     /*  * =====================Counter  section -2 end  ================ */
     /*  * =====================Footer  section -2   ================ */
     
     .footer-section-2 {
         z-index: 1;
         padding-top: 80px;
         padding-bottom: 0;
     }
     
     .footer-section-2 .widget-contact .contact-area .contact-icon {
         color: var(--primary-color-2);
         background: var(--gradient1);
         -webkit-background-clip: text;
         background-clip: text;
         -webkit-text-fill-color: transparent;
     }
     
     .footer-section-2 .widget-contact .contact-area:hover .contact-icon,
     .footer-section-2 .widget-contact .contact-area:focus-within .contact-icon {
         color: var(--primary-color-2);
         background: var(--gradient1);
         -webkit-background-clip: text;
         background-clip: text;
         -webkit-text-fill-color: var(--gradient1);
     }
     
     .footer-section-2 .widget-contact .contact-info {
         color: #fff;
     }
     
     .footer-section-2::before {
         content: "";
         position: absolute;
         inset: 0;
         background: rgba(0 0 0 / 60%);
         z-index: -1;
     }
     
     .footer-left-content .widget-social-widget .icon-list {
         display: flex;
         text-align: center;
         margin-left: -16px;
         padding-left: 0;
     }
     
     .footer-left-content .widget-social-widget h3 {
         color: #fff;
         font-weight: 400;
     }
     
     .footer-left-content .widget-text .widget-content .left-text {
         color: #fff;
         font-size: 15px;
         line-height: 1.5;
         font-weight: 400;
     }
     
     .footer-left-content .widget-social-widget .icon-list li a {
         border: 0;
     }
     
     .footer-left-content .widget-social-widget .icon-list li:hover a,
     .footer-left-content .widget-social-widget .icon-list li:focus-within a {
         background: transparent;
     }
     
     .footer-2 {
         text-align: left;
         display: flex;
         justify-content: center;
         z-index: 1;
     }
     
     .footer-section-2 ul.widget-category {
         list-style: none;
         padding-left: 0;
     }
     
     .footer-section-2 .widget-category li:not(:last-child) {
         border-bottom: 2px dashed dimgrey;
     }
     
     .footer-section-2 .widget-category li {
         padding: 0;
         line-height: 50px;
     }
     
     .footer-left-content .icon-list {
         list-style: none;
         padding-left: 0;
     }
     
     .footer-section-2 .widget-category li a {
         font-size: 16px;
         font-weight: 400;
         text-decoration: none;
         color: white;
         transition: 0.3s;
     }
     
     .footer-section-2 .widget-category li a:hover,
     .footer-section-2 .widget-category li a:focus-within {
         padding-left: 5px;
         color: var(--primary-color);
     }
     
     .footer-section-2 .widget-category li a i {
         font-size: 5px;
         padding-right: 13px;
         vertical-align: middle;
     }
     
     .footer-section-2 .right-content-links .widget-category {
         list-style: none;
         color: #fff;
     }
     
     .footer-section-2 .right-content-links h3 {
         font-size: 15px;
         color: #fff;
         font-weight: 500;
         margin-bottom: 8px;
         padding-left: 15px;
         position: relative;
         line-height: 25px;
         padding-top: 7px;
     }
     
     .footer-section-2 .right-content-links h3::after {
         content: "";
         position: absolute;
         font-family: fontawesome;
         top: 8px;
         left: -1px;
         font-size: 5px;
     }
     
     .footer-section-2 .right-content-links p {
         font-size: 14px;
         background: var(--gradient1);
         -webkit-background-clip: text;
         background-clip: text;
         -webkit-text-fill-color: transparent;
         transition: 0.2s;
         padding-left: 15px;
     }
     
     .footer-section-2 .footer-bottom-2 .copyright-content p {
         text-align: center;
     }
     
     .footer-section-2 .footer-left-content {
         padding: 0 30px;
     }
     
     .footer-overlay .footer-left-content {
         background: rgba(255 255 255 / 7%);
         border-top: 2px solid var(--primary-color);
         padding: 30px;
         margin-top: -24px;
     }
     
     .footer-section-2 h2.widget-title {
         font-size: 23px;
         font-weight: 600;
         padding: 0;
     }
     
     .footer-section-2 h2.widget-title::after {
         content: "";
         border-bottom: 0;
     }
     
     .footer-bottom-2 {
         border-top: 0;
         padding-bottom: 0;
     }
     
     .footer-bottom-2 p {
         padding: 35px;
         margin-bottom: 0;
         color: #fff;
         background: rgb(255 255 255 / 10%);
     }
     
     .footer-bottom-2 .icon-list li a i:hover,
     .footer-bottom-2 .icon-list li a i:focus-within {
         border: 0;
         border-radius: 0;
         background: none;
         transition: 0.5s;
     }
     
     .footer-left-content .widget-social-widget .icon-list li a i {
         transition: 0.5s;
     }
     
     .footer-section-2 .widget .contact-area:hover .contact-icon div,
     .footer-section-2 .widget .contact-area:focus-within .contact-icon div {
         color: var(--primary-color);
         transition: 0.5s;
     }
     /*  * =====================Footer  section -2 end  ================ */
     
     @media screen and (max-width: 992) {
         .header-menu-2 {
             padding-left: 200px;
         }
         .icons-2 {
             padding-left: 130px;
         }
     }
     
     @media (max-width: 992px) {
         .cta-section-2 {
             margin-top: 20px;
             padding-bottom: 0px;
         }
         .slider-text-content-2 .active {
             margin-right: 0;
         }
         .right-content-links,
         .footer-left-content,
         .links-box {
             margin-bottom: 20px;
         }
         .service-section-2 {
             padding: 112px 0px 80px;
         }
         .cta-content {
             overflow: hidden;
         }
         .cta-content .cta-bg-element3 {
             visibility: hidden;
             opacity: 0;
         }
         .card-2 .top-content {
             display: block;
             align-items: center;
             margin-bottom: 20px;
         }
         .card-2 .right-text {
             text-align: left;
             margin-left: 0px;
             padding-top: 5px;
         }
         .post-meta.up {
             top: -77px;
         }
         .pricingTable10 .pricing-content ul li {
             font-size: 16px;
         }
     }
     
     @media (max-width: 374px) {
         .post-meta.down {
             bottom: -85px;
         }
     }
     
     .headtop-mobi .widget-contact .contact-area:hover .contact-icon div,
     .headtop-mobi .widget-contact .contact-area:focus .contact-icon div {
         color: var(--primary-color-2);
     }
     
     .top-header-2 .widget-contact .contact-area:hover .contact-icon,
     .top-header-2 .widget-contact .contact-area:focus .contact-icon {
         animation: tada 2s infinite;
     }
     
     .top-header-2 .widget-social-widget .icon-list li:hover a,
     .top-header-2 .widget-social-widget .icon-list li:focus a {
         animation: tada 2s infinite;
     }
     
     .footer-section-2 .widget-contact .contact-area:hover .contact-icon div,
     .footer-section-2 .widget-contact .contact-area:focus .contact-icon div {
         animation: tada 2s infinite;
     }
     
     .footer-left-content .widget-social-widget .icon-list li:hover a,
     .footer-left-content .widget-social-widget .icon-list li:focus a {
         animation: tada 2s infinite;
     }
     
     .mobi-head-top .widget-contact .contact-area:hover .contact-icon div,
     .mobi-head-top .widget-contact .contact-area:focus .contact-icon div {
         color: var(--primary-color);
     }
     /* ============================================= Home Page 3 ======================================== */
     /*================== Top-above-header =============*/
     
     .top-header-3 {
         background: var(--gradient1);
     }
     
     .top-header-3 .header-menu-3 .left-area {
         display: flex;
         align-items: center;
         gap: 20px;
     }
     
     .top-header-3 .header-menu-3 .left-area .contact p {
         font-size: 16px;
         color: #fff;
     }
     
     .top-header-3 .contact-area {
         z-index: 1;
         position: relative;
         display: flex;
         justify-content: flex-end;
         align-items: baseline;
     }
     
     .top-header-3 .header-menu-3 .mail {
         position: relative;
         display: flex;
         gap: 34px;
         justify-content: flex-end;
     }
     
     .top-header-3 .header-menu-3 .mail .contact-widget .widget-contact {
         display: flex;
         gap: 170px;
         align-items: center;
     }
     
     .top-header-3 .header-menu-3 .contact-link a {
         color: #fff;
         font-size: 17px;
         font-weight: 700;
     }
     
     .top-header-3 .header-menu-3 .mail::after {
         content: "";
         border-left: 1px solid #f0f0f0;
         position: absolute;
         left: 100px;
         width: 0;
         height: 67px;
         display: block;
         top: -22px;
         transform: rotate(26deg);
     }
     
     .top-header-3 .header-menu-3 .widget-contact .contact-area {
         gap: 6px;
         transition: 0.3s;
     }
     
     .top-header-3 .header-menu-3 .widget-contact .contact-area:hover .contact-icon {
         animation: tada 2s infinite;
     }
     
     .top-header-3 .header-menu-3 .right::after {
         content: "";
         width: 25%;
         position: absolute;
         height: 60px;
         background: #dfdfdf;
         clip-path: polygon(7% 0, 100% 0%, 100% 100%, 0% 100%);
         position: absolute;
         right: 0;
         top: 0px;
         z-index: 0;
     }
     /*================== Top-above-header =============*/
     /*================== Top Navigation Bar =============*/
     
     .top-navigation-3 .navigation-bar-3 .navbar-3 {
         font-weight: bold;
         justify-content: center;
     }
     
     .navigation-bar-3 .hover-btn {
         color: #fff;
     }
     
     .navigation-bar-3 .hover-btn:hover,
     .navigation-bar-3 .hover-btn:focus-within {
         color: #fff;
     }
     /*================== Top Navigation Bar =============*/
     /*================== Main Slider Bar =============*/
     
     .slide-3 {
         background-size: cover;
         background-repeat: no-repeat;
         background-position: center;
     }
     
     .slide-3::after {
         content: "";
         position: absolute;
         top: 100%;
         right: 0;
         left: 0;
         bottom: 100%;
         background: rgb(247 247 247 / 62%);
         width: 100%;
         height: 100%;
         z-index: 0;
         transition: 1.5s;
     }
     
     .owl-item.active .slide-3::after {
         top: 0;
     }
     
     .slider-text-content-3 {
         z-index: 1;
         position: relative;
     }
     
     .slider-text-content-3 .button-box-3 {
         gap: 73px;
         display: flex;
         padding-top: 20px;
         align-items: center;
     }
     
     .slider-text-content-3 .item-box a {
         position: absolute;
         left: 50%;
         top: 50%;
         transform: translate(-50%, -50%);
         background: var(--gradient1);
         color: #fff;
         display: block;
         width: 50px;
         height: 50px;
         text-align: center;
         border-radius: 100%;
         line-height: 50px;
     }
     
     .slider-text-content-3 .item-box a>i {
         font-size: 22px;
         line-height: 50px;
     }
     
     .slider-text-content-3 .btn {
         color: #fff;
         font-weight: 600;
         padding: 9px 26px;
         width: 170px;
         height: 57px;
         margin-top: 0;
         border-radius: 5px;
     }
     
     .slider-text-content-3 .btn:hover,
     .slider-text-content-3 .btn:focus-within {
         color: #fff;
     }
     
     .slide-3 .hover-btn:hover,
     .hover-btn:focus-within {
         color: #fff !important;
     }
     
     .slide-3 .button-box-3 .hover-btn {
         font-weight: 600;
         padding: 9px 26px;
         width: 170px;
         height: 57px;
         margin-top: 0;
         border-radius: 5px;
     }
     
     .slider-right-content-3 span {
         position: absolute;
         top: 5px;
         right: 5px;
         width: 180px;
         height: 180px;
         z-index: -1;
         border-radius: 10px;
         background: var(--gradient1);
         border-top-left-radius: 35%;
         border-bottom-right-radius: 35%;
     }
     
     .slider-text-content-3 h1 {
         font-size: 65px;
         line-height: 70px;
         font-weight: 900;
         color: var(--heading-color);
     }
     
     .slider-text-content-3 .text-break {
         color: var(--heading-color);
         font-weight: 500;
         font-size: 15px;
         line-height: 26px;
         margin-top: 15px;
     }
     
     .slider-text-content-3 .item-box a:before {
         animation: wave3 2s infinite;
         content: "";
         position: absolute;
         inset: 0;
         border-radius: 100px;
     }
     
     .slider-text-content-3 .item-box a:after {
         animation: wave4 2s infinite;
         content: "";
         position: absolute;
         inset: 0;
         border-radius: 100px;
     }
     
     @keyframes wave3 {
         0% {
             box-shadow: 0 0 0 0;
         }
         100% {
             box-shadow: 0 0 0 20px var(--primary-color);
             opacity: 0;
         }
     }
     
     @keyframes wave4 {
         0% {
             box-shadow: 0 0 0 0;
         }
         100% {
             box-shadow: 0 0 0 40px var(--primary-color);
             opacity: 0;
         }
     }
     
     .slide-3 .slider-right-content-3 span {
         position: absolute;
         top: 5px;
         right: 5px;
         width: 180px;
         height: 180px;
         z-index: -1;
         border-radius: 10px;
         background: var(--gradient1);
         border-top-left-radius: 35%;
         border-bottom-right-radius: 35%;
     }
     
     .slider-right-content-3 {
         z-index: 1;
         position: relative;
     }
     /*================== Main Slider Bar =============*/
     /*================== Info Section  =============*/
     
     .card-section-2 {
         padding: 80px 0;
     }
     
     .card-section-2 .link {
         position: relative;
         z-index: 3;
     }
     
     .info-box-3 {
         margin-top: -15%;
     }
     
     .info-inner-3 {
         display: block;
         position: relative;
         border-radius: 10px;
         z-index: 1;
     }
     
     .box-item-3 {
         padding: 0.55rem;
         margin-right: 1rem;
         text-align: center;
         font-size: 2.188rem;
         color: var(--bs-primary);
         border-color: var(--sc);
         background: var(--dark-bg-2);
         position: relative;
         -webkit-transition: var(--bs-transition);
         transition: var(--bs-transition);
         box-shadow: 0px 5px 18px 0px rgb(33 68 98 / 37%);
         padding: 20px 20px;
         margin-bottom: 30px;
     }
     
     .box-item-3:not(:last-child) {
         margin-right: 25px;
     }
     
     .box-item-3:after,
     .box-item-3:before {
         content: "";
         position: absolute;
         width: 32px;
         height: 32px;
         border-width: 0;
         border-style: solid;
         border-color: inherit;
         z-index: 1;
         transition: 0.5s;
     }
     
     .box-item-3:before {
         bottom: -10px;
         left: -10px;
         border-left-width: 4px;
         border-bottom-width: 4px;
     }
     
     .box-item-3:after {
         top: -10px;
         right: -10px;
         border-right-width: 4px;
         border-top-width: 4px;
     }
     
     .box-item-3:hover::after,
     .box-item-3:hover::before,
     .box-item-3:focus-within::after,
     .box-item-3:focus-within::before {
         width: 108%;
         height: 108%;
         border-color: var(--primary-color);
     }
     
     .box-item-3 h4 {
         font-size: 18px;
         padding-top: 15px;
         color: var(--sc);
         font-weight: 600;
     }
     
     .box-item-3 .link a {
         font-size: 17px;
         color: var(--sc);
         font-weight: 600;
         transition: 0.4s;
     }
     
     .box-item-3 i {
         font-size: 70px;
         color: var(--primary-color);
         background: var(--gradient1);
         -webkit-background-clip: text;
         background-clip: text;
         -webkit-text-fill-color: transparent;
     }
     
     .box-item-3:hover .link a,
     .box-item-3:focus-within .link a {
         color: var(--primary-color);
         background: var(--gradient1);
         -webkit-background-clip: text;
         background-clip: text;
         -webkit-text-fill-color: var(--gradient1);
     }
     
     .box-item-3 img {
         width: 70px;
     }
     
     .box-inner::before {
         content: "";
         position: absolute;
         top: -11px;
         border-radius: 9px;
         left: -11px;
         width: 100px;
         height: 170px;
         background: var(--sc);
         z-index: -1;
         transition: 0.4s;
     }
     
     .box-inner::after {
         content: "";
         position: absolute;
         bottom: -11px;
         border-radius: 9px;
         right: -11px;
         width: 100px;
         height: 170px;
         background: var(--sc);
         z-index: -1;
         transition: 0.4s;
     }
     
     .box-item-3:hover .box-inner::after,
     .box-item-3:focus-within .box-inner::after {
         right: 0;
         bottom: 0;
         background: var(--gradient1);
     }
     
     .box-item-3:hover .box-inner::before,
     .box-item-3:focus-within .box-inner::before {
         top: 0;
         left: 0;
         background: var(--gradient1);
     }
     /*================== Info Section  =============*/
     /*================== Portfolio Section  =============*/
     
     .gallery_product-3 {
         position: relative;
         overflow: hidden;
     }
     
     .gallery_product-3::after {
         content: "";
         right: 17px;
         left: 17px;
         top: 17px;
         bottom: 17px;
         box-shadow: 0px 0px 6px 0px whitesmoke;
         border: 0;
         position: absolute;
         transition: 0.9s;
         visibility: hidden;
         border-top: 6px solid #d0d0d0;
         opacity: 0;
         border-bottom: 6px solid #d0d0d0;
         background: var(--gradient1);
         z-index: 0;
     }
     
     .gallery_product-3 .portfolio-caption-3 {
         position: absolute;
         top: 50%;
         z-index: 1;
         left: 50%;
         transform: translate(-50%, -50%);
         text-align: center;
         transition: 0.9s;
         visibility: hidden;
         opacity: 0;
     }
     /*================== Portfolio Section  =============*/
     /*================== Feature Section  =============*/
     
     .feature-section-3 {
         background: (--bg-color-2);
         position: relative;
         overflow: hidden;
         padding: 80px 0;
     }
     
     .feature-section-3 .bg-element {
         position: absolute;
         right: 33px;
         top: 133px;
         transform: translatey(0px);
         animation: float 6s ease-in-out infinite;
     }
     
     @keyframes float {
         0% {
             transform: translatey(0px);
         }
         50% {
             transform: translatey(-30px);
         }
         100% {
             transform: translatey(0px);
         }
     }
     
     .card-3 {
         display: flex;
         align-items: center;
         justify-content: center;
         flex-direction: column;
         text-align: center;
         box-shadow: 0px 0px 1px 1px lightgrey;
         background: var(--bg-color);
         padding: 27px;
         z-index: 1;
         border-radius: 5px;
         position: relative;
     }
     
     .card-wrapper-3 {
         position: relative;
         margin-right: 30px;
         margin-bottom: 30px;
         transition: 0.3s;
     }
     
     .card-wrapper-3::before {
         content: "";
         position: absolute;
         inset: -15px;
         background: var(--dark-bg);
         z-index: -1;
         border-radius: 10px;
         border-bottom-left-radius: 40%;
         transition: 0.5s;
     }
     
     .card-wrapper-3:hover::before,
     .card-wrapper-3:focus-within::before {
         background: var(--gradient1);
         border-bottom-left-radius: 10px;
     }
     
     .card-3 .right-text h3 {
         font-weight: 700;
         font-size: 20px;
         color: var(--sc);
         margin-bottom: 10px;
     }
     
     .card-3 .right-text a {
         text-decoration: none;
         transition: 0.3s;
     }
     
     .card-3 p {
         color: var(--sc);
         line-height: 1.5;
     }
     
     .card-3 .right-text a:hover,
     .card-3 .right-text a:focus-within {
         color: var(--primary-color);
     }
     
     .icon-wrapper-3 {
         font-size: 30px;
         height: 90px;
         background: var(--gradient1);
         -webkit-background-clip: text;
         background-clip: text;
         -webkit-text-fill-color: transparent;
         place-items: left;
         font-size: 48px;
         transition: 0.5s;
     }
     /*================== Feature Section -3  =============*/
     /*================== Service Section -3  =============*/
     
     .service-section-3 {
         padding: 80px 0;
     }
     
     .service-item {
         display: flex;
         align-items: center;
         justify-content: center;
         flex-direction: column;
         text-align: center;
         box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
         padding: 30px;
         border-radius: 10px;
         position: relative;
         background: var(--dark-bg-2);
         transition: 0.3s;
     }
     
     .service-item:hover,
     .service-item.active,
     .service-item:focus-within {
         box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
     }
     
     .service-item::before {
         content: "";
         position: absolute;
         top: 0px;
         left: 0px;
         width: 80px;
         height: 80px;
         border-radius: 10px;
         background: var(--gradient1);
         z-index: -1;
         transition: 0.5s;
     }
     
     .service-item .service_el {
         position: absolute;
         bottom: -20px;
         right: -20px;
         width: 80px;
         height: 80px;
         z-index: -1;
         transition: 0.5s;
         transform: translatey(0px);
         animation: float 6s ease-in-out infinite;
     }
     
     @keyframes float {
         0% {
             transform: translatey(0px);
         }
         50% {
             transform: translatey(-20px);
         }
         100% {
             transform: translatey(0px);
         }
     }
     
     .service-item:hover::before,
     .service-item.active::before,
     .service-item:focus-within::before {
         top: -16px;
         left: -16px;
     }
     
     .service-item:hover .service-icon i,
     .service-item:focus-within .service-icon i {
         animation: heartBeat 2s infinite;
     }
     
     .service-item .service-icon {
         background: #fff0f2;
         padding: 25px;
         border-radius: 50%;
         color: var(--primary-color);
         width: 100px;
         border-radius: 50%;
         transition: 0.3s;
         line-height: 49px;
         height: 100px;
         font-size: 35px;
     }
     
     .service-item .service-icon img {
         width: 45px;
     }
     
     .service-item .service-title {
         padding-top: 20px;
     }
     
     .service-item p {
         color: var(--sc);
     }
     
     .service-item .service-title a {
         font-size: 18px;
         font-weight: 700;
         color: var(--sc);
         text-decoration: none;
     }
     
     .service-item .service-title:hover a,
     .service-item .service-title:focus-within a {
         background: var(--gradient1);
         -webkit-background-clip: text;
         background-clip: text;
         -webkit-text-fill-color: transparent;
     }
     /*================== Service Section -3  =============*/
     /*================== Team Section -3  =============*/
     
     .team-section-3 {
         background: var(--bg-color-2);
         padding: 80px 0;
     }
     
     .team-member {
         margin: 0px;
         position: relative;
         z-index: 0;
         overflow: hidden;
         box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
         border-radius: 3px;
         display: block;
         background: var(--dark-bg-2);
         height: 360px;
         padding: 10px;
         transition: 0.4s;
     }
     
     .team-footer {
         width: 100%;
         height: 82px;
         position: absolute;
         bottom: 0;
         text-align: center;
         display: flex;
         left: 0;
         flex-direction: column;
         align-items: center;
         justify-content: flex-start;
         color: #ffffff;
         background: var(--dark-bg-2);
         -webkit-transition: all 0.5s;
         transition: all 0.5s;
     }
     
     .team-box .widget-social-widget .icon-list li a:hover,
     .team-box .widget-social-widget .icon-list li a:focus-within {
         background: #fff;
         color: var(--primary-color);
     }
     
     .team-info {
         display: block;
         padding: 6px 10px;
     }
     
     .team-info h6 {
         margin-bottom: 7px;
     }
     
     .team-info a {
         color: var(--sc);
         text-decoration: none;
         font-size: 20px;
         font-weight: 700;
     }
     
     .team-info h6 a:hover,
     .team-info h6 a:focus-within {
         color: var(--primary-color);
     }
     
     .team-member:hover .team-info p,
     .team-member:focus-within .team-info p {
         color: #fff;
     }
     
     .team-member:hover .team-info h6 a,
     .team-member:focus-within .team-info h6 a {
         color: #fff;
     }
     
     .team_img img {
         width: 100%;
         background: whitesmoke;
         padding: 27px;
         transition: 0.3s;
     }
     
     .team-member:hover .team_img img,
     .team-member:focus-within .team_img img {
         padding: 0;
     }
     
     .team-member:hover .team_img,
     .team-member:focus-within .team_img {
         height: fit-content;
     }
     
     .team-member .team_img {
         padding: 5px;
         overflow: hidden;
         height: 260px;
         transition: 0.3s;
     }
     
     .team-footer span {
         margin-bottom: 16px;
         display: inline-block;
         color: white;
         background: var(--gradient1);
         padding: 5px 19px;
         border-radius: 6px;
         font-size: 16px;
         font-weight: 500;
     }
     
     .team-footer p {
         border-top: 1px solid #dddddd;
         padding-top: 16px;
     }
     
     .team-footer .widget {
         margin-top: 40px;
         visibility: hidden;
     }
     
     .team-footer .widget ul {
         list-style: none;
         display: flex;
         gap: 11px;
         margin: 0;
         padding: 0;
     }
     
     .team-footer .widget-social-widget li a {
         color: #fff;
         background: var(--gradient1);
         display: block;
         width: 30px;
         height: 30px;
         border-radius: 50%;
         line-height: 30px;
         transition: 0.3s;
     }
     
     .team-footer .widget-social-widget li a:hover,
     .team-footer .widget-social-widget li a:focus-within {
         background: #1e3749;
         color: #fff;
         transform: translateY(-7px);
     }
     
     .team-member:hover .widget,
     .team-member:focus-within .widget {
         visibility: visible;
     }
     
     .team-member:hover .team-footer,
     .team-member:focus-within .team-footer {
         justify-content: center;
         height: 100%;
         padding: 46px 10px 32px;
         background: rgba(0, 0, 0, 0.6);
     }
     
     .team-member:hover .team-footer h6 a,
     .team-member:focus-within .team-footer h6 a {
         color: #fff;
     }
     /*================== Team Section -3  =============*/
     /*================== Footer Section -3  =============*/
     
     .footer-section-3 {
         position: relative;
         z-index: 1;
         padding-top: 5%;
     }
     
     .footer-section-3 .footer .widget-text .widget-content p {
         color: #fff;
     }
     
     .footer-section-3::before {
         content: "";
         position: absolute;
         inset: 0;
         background: rgb(0 0 0 / 84%);
         z-index: -1;
     }
     
     .footer-3 .links-box .widget-contact .contact-area {
         display: flex;
         align-items: center;
         gap: 13px;
         padding-top: 20px;
     }
     
     .footer-3 .links-box .widget-contact .contact-area .fa .fa-map-o {
         vertical-align: middle;
         padding-bottom: 20px;
     }
     
     .footer-3 .links-box .widget-contact .contact-area>div {
         color: var(--primary-color);
         background: var(--gradient1);
         -webkit-background-clip: text;
         background-clip: text;
         -webkit-text-fill-color: transparent;
     }
     
     .footer-3 .links-box .widget-contact .contact-area:hover .contact-icon,
     .footer-3 .links-box .widget-contact .contact-area:focus-within .contact-icon {
         animation: tada 2s infinite;
         color: var(--primary-color);
         background: var(--gradient1);
         -webkit-background-clip: text;
         background-clip: text;
         -webkit-text-fill-color: var(--gradient1);
     }
     
     .footer-3 p {
         font-size: 17px;
     }
     
     .footer-3 h2.widget-title {
         font-size: 26px;
         padding: 7px 0px;
         font-weight: 600;
     }
     
     .footer-3 ul.widget.widget-category {
         line-height: 46px;
         padding-left: 0;
     }
     
     .footer-3 input#email {
         width: 100%;
         padding: 10px;
         outline: none;
         color: var(--primary-color);
         background: #ffffff;
         border: 1px solid white;
         border-radius: 6px;
     }
     
     .footer-3 button.av-btn.av-btn-primary.av-submit {
         width: 100%;
         cursor: pointer;
         background: var(--gradient1);
         color: white;
         border-radius: 7px;
         font-weight: 600;
         font-size: 14px;
         transition: 0.6s;
     }
     
     .footer-3 .contact-area .email {
         width: 100%;
         padding: 10px;
         color: var(--primary-color);
         margin-top: 20px;
     }
     
     .footer-3 .contact-area form input::placeholder {
         color: var(--heading-color);
     }
     
     .footer-3 form .btn {
         font-size: 16px;
         display: block;
         width: 74%;
         margin-top: 20px;
     }
     
     .footer-3 .footer-left-content .widget_social_widget ul {
         display: flex;
         text-align: center;
         margin-left: 0;
         justify-content: start;
         padding-left: 0;
     }
     
     .footer-3 .footer-left-content .widget_social_widget ul li a {
         border: 0;
         background: dimgrey;
         border-radius: 7px;
         font-size: 18px;
     }
     
     .footer-3 .footer-left-content .widget_social_widget ul li a:hover,
     .footer-3 .footer-left-content .widget_social_widget ul li a:focus-within {
         background: var(--gradient1);
         color: #fff;
         animation: tada 2s infinite;
     }
     
     .footer-3 .footer-left-content .widget_social_widget ul li {
         margin-right: 10px;
     }
     
     .footer-3 .footer-left-content .widget_social_widget ul li a {
         border: 0;
         background: dimgrey;
         border-radius: 7px;
         font-size: 18px;
         color: white;
         display: block;
         padding: 5px;
         width: 39px;
     }
     
     .footer-bottom-3 .icon-list li a {
         border: 0;
         border-radius: 0;
         font-size: 17px;
         display: block;
         text-decoration: none;
         margin-right: 30px;
         width: 100%;
     }
     /*================== Footer Section -3  =============*/
     /* ====================== Media Query Home Page - 3 =====================*/
     
     @media (max-width: 1200px) {
         .slider-text-content-3 h1 {
             font-size: 58px;
             line-height: 70px;
             font-weight: 900;
         }
         .top-header-3 .header-menu-3 .mail::after {
             left: 40px;
         }
     }
     
     @media (max-width: 992px) and (max-width: 768px) {
         .slider-text-content-3 h1 {
             font-size: 36px;
             line-height: 36px;
             font-weight: 900;
         }
     }
     
     @media (max-width: 992px) {
         .box-item-3 {
             margin-right: 10px;
             margin-left: 10px;
         }
         .slider-text-content-3 .text-break {
             font-weight: 400;
             font-size: 11px;
             line-height: 26px;
             margin-top: 15px;
         }
         .footer-bottom-3 .icon-list {
             padding-top: 20px;
             padding-left: 0;
         }
         .service-item .service_el {
             right: 0;
         }
         .service-item:hover::before,
         .service-item:focus-within::before {
             top: -10px;
             left: -10px;
         }
         .info-box-3 {
             margin-top: 0;
         }
         .footer-bottom-3 .copyright-content p {
             text-align: center;
         }
         .footer-bottom-3 .icon-list {
             justify-content: center;
             padding-left: 0;
         }
     }
     
     @media (min-width: 992px) and (max-width: 1199px) {
         .post-meta.up {
             top: -72px;
             left: 20px;
         }
     }
     
     @media (max-width: 768px) {
         .single .post-items .post-meta.down {
             bottom: -80px;
         }
         .slider-text-content-3 {
             z-index: 1;
             position: relative;
             top: 7%;
         }
         .slider-text-content-3 h1 {
             font-size: 40px;
             line-height: 44px;
             font-weight: 900;
         }
         .slider-text-content-3 .text-break {
             font-weight: 400;
             font-size: 13px;
             line-height: 26px;
             margin-top: 15px;
         }
         .slider-text-content-3 .hover-btn {
             background: var(--gradient1);
             color: #fff;
             padding: 10px 22px;
             border-radius: 5px;
             border: none;
             font-weight: 600;
             width: 145px;
             height: 56px;
             font-size: 18px;
             overflow: hidden;
             position: relative;
             z-index: 1;
             transition: 0.4s;
         }
         .card-wrapper-3 {
             margin-right: 0;
         }
     }
     
     @media (max-width: 475px) {
         .cta-content {
             display: block;
         }
         .cta-content h2 {
             font-size: 24px;
         }
         .cta-content .btn {
             padding: 10px;
         }
         .slider-text-content-3 h1 {
             font-size: 42px;
             line-height: 57px;
             font-weight: 900;
         }
         .slider-text-content-3 .text-break {
             font-weight: 400;
             font-size: 12px;
             line-height: 26px;
             margin-top: 15px;
         }
         .slider-text-content-3 .hover-btn {
             background: var(--gradient1);
             color: #fff;
             padding: 10px 12px;
             border-radius: 5px;
             border: none;
             font-weight: 600;
             width: 136px;
             height: 52px;
             font-size: 18px;
             overflow: hidden;
             position: relative;
             z-index: 1;
             transition: 0.4s;
         }
     }
     
     @media (max-width: 280px) {
         .slider-text-content-3 h1 {
             font-size: 30px;
             line-height: 30px;
             font-weight: 900;
         }
         .slider-text-content-3 .text-break {
             font-weight: 400;
             font-size: 11px;
             line-height: 26px;
             margin-top: 15px;
         }
         .slider-text-content-3 .hover-btn {
             background: var(--gradient1);
             color: #fff;
             padding: 10px 22px;
             border-radius: 5px;
             border: none;
             font-weight: 600;
             width: 129px;
             height: 42px;
             font-size: 15px;
             overflow: hidden;
             position: relative;
             z-index: 1;
             transition: 0.4s;
         }
         .slider-text-content-3 .item-box a {
             position: absolute;
             left: 50%;
             top: 50%;
             transform: translate(-63%, -50%);
             background: var(--gradient1);
             color: #fff;
             display: block;
             width: 50px;
             height: 50px;
             text-align: center;
             border-radius: 100%;
             line-height: 50px;
         }
         .headtop-mobi {
             position: absolute;
             top: 80px;
             right: 36px;
             font-size: 26px;
             background: var(--gradient1);
             border-bottom-left-radius: 20px;
             padding: 13px;
             z-index: 3;
         }
         .section-heading {
             margin-top: 8px;
             font-size: 30px;
             font-weight: 700;
             color: var(--sc);
         }
         .hover-btn {
             background: #fff;
             color: var(--primary-color);
             padding: 9px 0;
             border-radius: 6px;
             border: none;
             font-weight: 600;
             width: 93px;
             height: 51px;
             font-size: 14px;
             overflow: hidden;
             position: relative;
             z-index: 0;
             transition: 0.4s;
         }
         .Blog-section-3 .post-meta.up {
             top: -62px;
             left: 20px;
         }
         .Blog-section-3 .post-items .post-title a span {
             font-weight: 600;
             font-size: 17px;
         }
         .Blog-section-3 .post-items .post-title a {
             color: var(--sc);
             font-size: 17px;
         }
         .Blog-section-3 .post-items .post-content .post-meta.down .author-name img {
             border: 2px solid white;
             border-radius: 100%;
             width: 40px;
         }
         .footer-bottom-3 .icon-list {
             padding-top: 20px;
             justify-content: start;
             padding-left: 0;
         }
         .slider-right-content-3 {
             z-index: 1;
             position: relative;
             top: 20%;
         }
     }
     
     @media (min-width: 279px) and (max-width: 400px) {
         .post-items .post-content .d-blog {
             justify-content: space-between;
             padding-left: 10px;
             padding-right: 10px;
             bottom: -47px;
         }
         .post-items .post-title {
             line-height: 16px;
             margin: 0;
         }
         .post-items .post-title a span {
             font-weight: 700;
             font-size: 17px;
         }
         .post-items .post-title a {
             color: var(--sc);
             text-decoration: none;
             font-weight: 600;
             font-size: 16px;
         }
         .post-items .post-content .post-meta.down .author-name img {
             border: 2px solid white;
             border-radius: 100%;
             width: 40px;
         }
     }
     /* ====================== Media Query Home Page - 3 =====================*/
     /* ============================================= Home Page 3 ======================================== */
     /* ============================================= About Page  ======================================== */
     /* =====Top Above Header================= */
     
     .top-above-header {
         background: var(--gradient1);
         position: relative;
         padding: 18px;
         z-index: 1;
         font-weight: 500;
     }
     
     .cart-section .woocommerce-Price-amount {
         color: var(--sc);
     }
     /* =====Top Above Header================= */
     /* ================== About Content Style ================== */
     
     .breadcrumb-area {
         position: relative;
         z-index: 0;
     }
	 
	 .header-two .breadcrumb-area {
		 padding-top: 81px;
	}
	
	.breadcrumb-heading h1:empty{
		display: none;
	}
	
	@media (min-width: 992px) {
		 .header-two .breadcrumb-area {
			 padding-top: 161px;
		}
	}
	 
	 .breadcrumb-area + section {
		 padding-top: 80px;
	} 
     
     #breadcrumb-section {
         width: 100%;
         background-repeat: no-repeat !important;
         background-size: cover !important;
         background-position: center !important;
     }
     
     .breadcrumb-area::after {
         content: "";
         position: absolute;
         inset: 0;
         background: rgba(0 0 0 / 60%);
         z-index: -1;
     }
     
     .breadcrumb-content {
         display: flex;
         justify-content: center;
         align-items: center;
         flex-direction: column;
         height: 380px;
         width: 100%;
     }
	 @media (max-width: 767px) {
		 .breadcrumb-content {
			 height: 200px;
		 }
		 
		 .breadcrumb-content-inner .breadcrumb-heading h1 {
			 margin-bottom: 0;
		}
	 }
     
     .breadcrumb-content>img {
         width: 600px;
         height: 300px;
     }
     
     .breadcrumb-content-inner {
         position: absolute;
         text-align: center;
         /* width: 40%; */
     }
     
     .breadcrumb-content-inner .breadcrumb-heading h1 {
         font-weight: 800;
         color: #fff;
         font-size: 36px;
		 text-align: center;
		 overflow-wrap: break-word;
     }
     
     .breadcrumb-content .breadcrumb-list {
         list-style: none;
         /* display: flex; */
         gap: 15px;
         justify-content: center;
         padding: 0;
         margin: 0;
     }
     
     .breadcrumb-content .breadcrumb-list li a {
         color: var(--primary-color);
         background: var(--gradient1);
         -webkit-background-clip: text;
         background-clip: text;
         -webkit-text-fill-color: transparent;
         font-size: 17px;
         text-decoration: none;
         font-weight: 600;
     }
     
     .breadcrumb-content .breadcrumb-list li i {
         color: var(--primary-color);
         background: var(--gradient1);
         -webkit-background-clip: text;
         background-clip: text;
         -webkit-text-fill-color: transparent;
     }
     
     .breadcrumb-content .breadcrumb-list li {
         color: #fff;
         font-weight: 500;
         font-size: 18px;
		 display: inline;
     }
     /* ==================================== About Section  ========================================== */
     
     .about-section {
         padding: 80px 0;
     }
     
     .about-panel .heading-title h3 {
         font-size: 44px;
         margin-top: 20px;
         color: var(--sc);
         margin-bottom: 10px;
         font-weight: bolder;
         padding-bottom: 15px;
         line-height: 49px;
     }
     
     .about-panel .heading-title p {
         font-size: 16px;
         padding-top: 10px;
     }
     
     .about-panel p {
         color: var(--sc);
     }
     
     .about-panel .heading-title span {
         font-size: 18px;
         color: var(--primary-color);
         background: var(--gradient1);
         -webkit-background-clip: text;
         background-clip: text;
         -webkit-text-fill-color: transparent;
         font-weight: 900;
         position: relative;
         padding-left: 53px;
     }
     
     .about-panel .heading-title span::after {
         position: absolute;
         content: "";
         left: 0;
         width: 45px;
         top: 12px;
         background: var(--gradient1);
         height: 1px;
     }
     
     .content-wrapper .box {
      background: var(--bg-color-2);
    padding: 10px;
    display: flex;
    align-items: center;
    gap: 34px;
    padding-left: 7px;
    margin-bottom: 20px;
    position: relative;
    z-index: 1;
    border: 1px solid rgba(160 160 160 / 15%);
     }
	 .content-wrapper .box:hover h3{
		color:#fff !important; 
	 }
     
     .content-wrapper .box h3 {
         font-size: 21px;
         margin: 0;
     }
     
     .content-wrapper .box::after {
         content: "";
         position: absolute;
         left: 0;
         top: 0;
         bottom: 0;
         right: 99%;
         background: var(--gradient1);
         transition: 1s;
         z-index: -1;
     }
     
     .content-wrapper .box:hover::after,
     .content-wrapper .box:focus-within::after {
         right: 0;
     }
     
     .content-wrapper .box:hover i,
     .content-wrapper .box:focus-within i {
         color: #fff;
     }
     
     .content-wrapper .box:hover h3,
     .content-wrapper .box:focus-within h3 {
         color: #fff;
     }
     
     .content-wrapper .box i {
         font-size: 60px;
         color: var(--primary-color);
         background: var(--gradient1);
         -webkit-background-clip: text;
         background-clip: text;
         -webkit-text-fill-color: transparent;
     }
     
     .content-wrapper .box:hover i,
     .content-wrapper .box:focus-within i {
         -webkit-text-fill-color: #fff;
     }
     
     .content-wrapper .get-btn .hover-btn {
         background: var(--gradient1);
         color: var(--sc);
         padding: 10px 22px;
         border-radius: 6px;
         border: none;
         font-weight: 600;
         width: 190px;
         height: 60px;
         font-size: 18px;
         overflow: hidden;
         position: relative;
         z-index: 1;
         transition: 0.4s;
     }
     
     .get-btn button a{
		 color:#fff !important;
	 }
     .get-btn .hover-btn {
         color: var(--primary-color);
     }
     
     .get-btn .hover-btn:hover,
     .get-btn .hover-btn:focus-within {
         color: #fff;
     }
     
     .get-btn {
         padding-top: 20px;
     }
     
     .about-content .small-img:not(:last-child) a {
         margin-right: 38px;
     }
     
     .about-content .small-img {
         padding-top: 25px;
         display: flex;
         align-items: center;
         gap: 40px;
     }
     
     .about-content {
         position: relative;
         padding-top: 20px;
         display: flex;
         align-items: center;
         justify-content: center;
         flex-direction: column;
         transition: 0.3s;
     }
     
     .about-content .images {
         overflow: hidden;
         transition: 0.3s;
     }
     
     .about-content .images img {
         transition: 0.6s;
     }
     
     .about-content .images:hover img,
     .about-content .images:focus-within img {
         transform: scale(1.2);
         transition: 0.6s;
     }
     
     .about-content .animate_img {
         width: 184px;
         height: 193px;
         position: absolute;
         bottom: -83px;
         left: -48px;
         transform: translatey(0px);
         animation: float 4s ease-in-out infinite;
         z-index: -1;
     }
     
     @keyframes float {
         0% {
             transform: translatey(0px);
         }
         50% {
             transform: translatey(-20px);
         }
         100% {
             transform: translatey(0px);
         }
     }
     /* ============================================= About Page  ======================================== */
     
     .sidenav .logo {
         display: flex;
         align-items: center;
         justify-content: space-between;
     }
     
     .sidenav .logo .custom-logo-link img {
         max-width: 180px;
         width: 100%;
         height: auto;
     }
     
     .sidenav .widget .widget-title {
         color: var(--sc);
         font-size: 24px;
         padding-top: 32px;
         margin-bottom: 15px;
         font-weight: 800;
     }
     
     .sidenav .widget p {
         color: var(--sc);
         font-weight: 400;
     }
	 
	 .sidenav .gallery-item {
		 float: none;
	}
	 
	 figure {
		 max-width: 100%
	}
     
     figure.gallery-item {
         display: inline-block;
     }
     /* Sidebar style */
     
     .sidenav {
         height: auto;
         max-width: 395px;
         width: 100%;
         position: fixed;
         z-index: 99;
         top: 0;
         background: var(--bg-color);
         overflow-y: scroll;
         right: -42%;
         transition: 1s;
         padding-top: 60px;
         padding: 45px;
         bottom: 0;
     }
     
     .sidenav .closebtn {
         text-decoration: none;
         width: 40px;
         height: 40px;
         font-size: 35px;
         display: block;
         transition: all 0.3s ease 0s;
         line-height: 40px;
         text-align: center;
     }
     
     .sidenav .closebtn {
         background: var(--dark-bg);
         color: rgb(255, 255, 255);
         align-items: center;
         justify-content: center;
         border-radius: 50%;
         display: flex;
         text-align: center;
         transition: all 0.3s ease 0s;
         box-shadow: rgb(149 157 165 / 20%) 0px 8px 24px;
     }
     
     .sidenav .closebtn:hover,
     .sidenav .closebtn:focus {
         transform: rotate(90deg);
         background: var(--gradient1);
     }
     
     .sidenav .closebtn:focus {
         color: #fff;
     }
     
     .sidenav .gallery-item {
         width: 32%;
         display: inline-block;
         margin-right: 10px;
         margin: 0;
     }
     
     .sidenav .gallery-item img {
         width: 100%;
         border-radius: 4px;
         cursor: zoom-in;
     }
     
     .sidenav .widget .contact-area {
         display: flex;
         gap: 10px;
         align-items: baseline;
     }
     
     .sidenav .widget .contact-area .contact-icon>i {
         color: var(--primary-color);
         background: var(--gradient1);
         -webkit-background-clip: text;
         background-clip: text;
         -webkit-text-fill-color: transparent;
         font-size: 20px;
     }
     
     .sidenav .widget .contact-area:hover .contact-icon>i,
     .sidenav .widget .contact-area:focus-within .contact-icon>i {
         -webkit-text-fill-color: var(--gradient1);
         animation: tada 2s infinite;
     }
     
     .sidenav .widget .contact-area .contact-info .text a {
         color: var(--sc);
         text-decoration: none;
         font-weight: 600;
     }
     
     .sidenav .widget_social_widget ul {
         list-style: none;
         display: flex;
         margin-top: 30px;
         padding: 3px;
         gap: 15px;
     }
     
     .sidenav .widget_social_widget ul li a {
         background: var(--gradient1);
         -webkit-background-clip: text;
         background-clip: text;
         -webkit-text-fill-color: transparent;
         transition: 0.5s;
         font-size: 17px;
         width: 30px;
         height: 30px;
         line-height: 30px;
         text-align: center;
         border-radius: 50%;
		 box-shadow: 1px 1px 14px -8px;
     }
     
     .sidenav .widget_social_widget ul li a:hover,
     .sidenav .widget_social_widget ul li a:focus-within {
         -webkit-text-fill-color: #fff;
         transform: translateY(-7px);
         background: var(--gradient1);
         color: #fff;
     }
     /* =============== Animation Instagram Img =============== */
     
     .sidenav .gallery-icon a::after {
         content: "";
         position: absolute;
         top: 0;
         left: 0;
         right: 0;
         bottom: 0;
         transition: 0.6s;
     }
     
     .sidenav .gallery-icon a::before {
         content: "";
         position: absolute;
         top: 0;
         left: 0;
         right: 0;
         bottom: 0;
         transition: 0.6s;
     }
     
     .sidenav .gallery-icon a:hover:after,
     .sidenav .gallery-icon a:focus-within::after {
         background: rgba(255, 255, 255, 0.7);
         top: 60%;
         bottom: 60%;
     }
     
     .sidenav .gallery-icon a:hover:before,
     .sidenav .gallery-icon a:focus-within:before {
         background: rgba(255, 255, 255, 0.7);
         left: 60%;
         right: 60%;
     }
     /* ============================  Feature Section About Page ============================== */
     
     .feature-section-4 .bg-element1 {
         position: absolute;
         right: 33px;
         top: 133px;
         transform: translatey(0px);
         animation: float 6s ease-in-out infinite;
     }
     
     @keyframes float {
         0% {
             transform: translatey(0px);
         }
         50% {
             transform: translatey(-30px);
         }
         100% {
             transform: translatey(0px);
         }
     }
     /* =======================================   Work Process Section ===================================== */
     
     .work-process-section {
         padding: 80px 0;
     }
     
     .work-process-section svg#Layer_1 {
         width: 80px;
     }
     
     .work-process-section .process-item:hover svg .cls-1,
     .work-process-section .process-item:focus-within svg .cls-1 {
         fill: #fff;
     }
     
     .work-process-section .process-item:hover svg .cls-2,
     .work-process-section .process-item:focus-within svg .cls-2 {
         fill: #fff;
     }
     
     .work-process-section .header-text {
         text-align: center;
         margin-bottom: 41px;
     }
     
     .process-item {
         display: flex;
         align-items: center;
         justify-content: center;
         flex-direction: column;
         text-align: center;
         transition: 0.3s;
         position: relative;
         padding: 20px;
     }
     
     .process-item:hover,
     .process-item:focus-within {
         box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
         transform: scale(1);
         transition: 1s;
         background: var(--dark-bg-2);
     }
     
     .process-item .process-icon-wrap {
         display: flex;
         align-items: center;
         justify-content: center;
         transition: 0.5s;
     }
     
     .process-item .process-icon-wrap {
         box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
         width: 170px;
         height: 170px;
         border-radius: 50%;
         line-height: 170px;
         transition: 0.3s;
         font-size: 81px;
     }
     
     .process-item:hover .process-icon-wrap,
     .process-item:focus-within .process-icon-wrap {
         background: var(--gradient1);
         color: #fff;
         transition: 0.5s;
     }
     
     .process-item .process-icon-wrap h3 {
         font-size: 19px;
         padding-top: 10px;
         color: var(--sc);
         font-weight: 700;
     }
     
     .process-item .detail-link a {
         color: var(--primary-color);
         background: var(--gradient1);
         -webkit-background-clip: text;
         background-clip: text;
         -webkit-text-fill-color: transparent;
         font-weight: 600;
     }
     
     .process-text-wrap h3 {
         font-size: 20px;
         font-weight: 700;
         margin-top: 23px;
         margin-bottom: 10px;
         color: var(--sc);
     }
     
     .process-text-wrap p {
         color: var(--sc);
     }
     /* =======================================   Work Process Section ===================================== */
     /* =======================================   TimeLine Section ===================================== */
     
     .ps-timeline-sec {
         position: relative;
         background: #14212A;
         overflow: hidden;
     }
     
     .ps-timeline-sec .bg-shape1 {
         position: absolute;
         right: 0;
         top: 100px;
     }
     
     .ps-timeline-sec .bg-shape1 img {
         filter: opacity(0.2);
         width: 154px;
         animation: flip 3s linear infinite;
     }
     
     .ps-timeline-sec .bg-shape3 {
         position: absolute;
         bottom: 50px;
         left: -100px;
     }
     
     .ps-timeline-sec .bg-shape3 img {
         filter: opacity(0.2);
         width: 300px;
         animation: bounce 10s linear infinite;
     }
     
     .ps-timeline-sec .bg-shape2 {
         position: absolute;
         bottom: 80px;
         right: -69px;
         transform: rotate(-90deg);
     }
     
     .ps-timeline-sec .bg-shape2 img {
         animation: bounce 10s linear infinite;
     }
     
     .ps-timeline-sec .timeline-text {
         box-shadow: #fff 0px 0px 0px 1px;
         padding: 20px;
         background: #1E3749;
         border-radius: 7px;
         position: relative;
         transition: 1s;
         z-index: 1;
         overflow: hidden;
     }
     
     .ps-timeline-sec .timeline-text::after {
         content: '';
         position: absolute;
         inset: 0;
         background: var(--gradient1);
         z-index: -1;
         transform: scale(0);
         width: 100%;
         border-radius: 7px;
         height: 100%;
         transition: .6s;
     }
     
     .ps-timeline-sec .timeline-text:hover::after,
     .ps-timeline-sec .owl-item.center .timeline-text::after,
     .ps-timeline-sec .timeline-text:focus-within::after {
         background: var(--gradient1);
         transform: scale(1);
     }
     
     .ps-timeline-sec .timeline-text:hover,
     .ps-timeline-sec .timeline-text:focus-within {
         color: #fff;
     }
     
     .ps-timeline-sec .timeline-text:hover h3,
     .ps-timeline-sec .timeline-text:focus-within h3 {
         color: #fff;
     }
     
     .ps-timeline-sec .timeline-text h2 {
         font-size: 20px;
         color: rgb(255, 255, 255);
         font-weight: 600;
         margin-bottom: 10px;
     }
     
     .ps-timeline-sec .timeline-text p {
         color: #fff;
         font-weight: 300;
     }
     
     span.center-timeline {
         position: absolute;
         width: 50px;
         height: 50px;
         background: var(--gradient1);
         top: 50%;
         border-radius: 50%;
         left: 50%;
         transform: translate(-50%, -50%);
         color: #fff;
         font-weight: 700;
         line-height: 50px;
         text-align: center;
     }
     
     .ps-timeline-sec .timeline-text h3 {
         font-size: 17px;
         color: var(--primary-color);
         background: var(--gradient1);
         -webkit-background-clip: text;
         background-clip: text;
         -webkit-text-fill-color: transparent;
         font-weight: 700;
         margin-bottom: 0;
     }
     
     .ps-timeline-sec .timeline-text:hover h3,
     .ps-timeline-sec .owl-item.center .timeline-text h3,
     .ps-timeline-sec .timeline-text:focus-within h3 {
         -webkit-text-fill-color: #fff;
         animation: slideInDown .6s linear;
     }
     
     .ps-timeline-sec .container {
         position: relative;
     }
     
     .ps-timeline-sec .container .history-year #start {
         background: var(--gradient1);
         width: 50px;
         height: 50px;
         color: white;
         border-radius: 100%;
         position: absolute;
         left: 0px;
         top: -25px;
         font-weight: 700;
         line-height: 50px;
         text-align: center;
     }
     
     .ps-timeline-sec .container .history-year #end {
         background: var(--gradient1);
         width: 50px;
         height: 50px;
         color: white;
         border-radius: 100%;
         position: absolute;
         font-weight: 700;
         right: 0px;
         top: -25px;
         line-height: 50px;
         text-align: center;
     }
     
     .ps-timeline-sec .container ol.ps-timeline {
         margin: 390px 0;
         padding: 0;
         list-style: none;
     }
     
     .ps-timeline-sec .container ol.ps-timeline li {
         float: left;
         width: 100%;
         padding-top: 30px;
         position: relative;
     }
     
     .ps-timeline-sec .container ol.ps-timeline .owl-stage-outer {
         overflow: visible;
     }
     
     .ps-timeline-sec .container ol.ps-timeline .owl-stage-outer .owl-stage {
         border-bottom: 1px solid #fff;
     }
     
     .ps-timeline-sec .container ol.ps-timeline .owl-nav button span {
         width: 30px;
         height: 30px;
         background: var(--gradient1);
         border-radius: 50%;
         display: inline-block;
         text-align: center;
         font-size: 25px;
         font-weight: 600;
         line-height: 25px;
         color: #fff;
         transform: translateY(-16px);
     }
     
     .ps-timeline-sec .container ol.ps-timeline .owl-nav {
         display: flex;
         width: 100%;
         align-items: center;
         justify-content: space-between;
     }
     
     .ps-timeline-sec .container ol.ps-timeline li span {
         width: 50px;
         height: 50px;
         margin-left: -25px;
         background: var(--gradient1);
         border-radius: 50%;
         box-shadow: 0 0 0 0px #fff;
         text-align: center;
         line-height: 50px;
         color: #FFFFFF;
         font-size: 16px;
         font-style: normal;
         position: absolute;
         top: 0px;
         left: 50%;
         line-height: 50px;
         font-weight: 700;
     }
     
     .ps-timeline-sec .container ol.ps-timeline li span.ps-sp-top:before {
         content: "";
         color: #FFFFFF;
         width: 2px;
         height: 82px;
         background: #FFFFFF;
         position: absolute;
         top: -82px;
         left: 50%;
     }
     
     .ps-timeline-sec .container ol.ps-timeline li span.ps-sp-bot::before {
         content: "";
         color: rgb(255, 255, 255);
         width: 2px;
         height: 65px;
         background: rgb(255, 255, 255);
         position: absolute;
         bottom: -65px;
         left: 50%;
     }
     
     .ps-timeline-sec .container ol.ps-timeline li .img-handler-top {
         position: absolute;
         bottom: 0;
         margin-bottom: 115px;
         width: 100%;
     }
     
     .ps-timeline-sec .container ol.ps-timeline li .img-handler-top img {
         display: table;
         margin: 0 auto;
     }
     
     .ps-timeline-sec .container ol.ps-timeline li .img-handler-bot {
         position: absolute;
         margin-top: 60px;
         width: 100%;
     }
     
     .ps-timeline-sec .container ol.ps-timeline li .img-handler-bot img {
         display: table;
         margin: 0 auto;
     }
     
     .ps-timeline-sec .container ol.ps-timeline li .ps-top {
         position: absolute;
         bottom: 0;
         margin-bottom: 100px;
     }
     
     .ps-timeline-sec .container ol.ps-timeline li .ps-bot {
         position: absolute;
         margin-top: 35px;
     }
     
     @media(max-width:600px) {
         .ps-timeline-sec .container ol.ps-timeline .owl-nav {
             justify-content: space-around;
         }
     }
     /* =======================================   TimeLine Section ===================================== */
     /* =======================================   Cta-section -04  Section ===================================== */
     
     .cta-section-4 {
         padding: 80px 0;
     }
     /* =======================================   Cta-section -04  Section ===================================== */
     /* =======================================   Skills -section   Section ===================================== */
     
     .skills-section {
         padding: 80px 0;
     }
     
     .skill-panel .heading-title span {
         font-size: 18px;
         color: var(--primary-color);
         background: var(--gradient1);
         -webkit-background-clip: text;
         background-clip: text;
         -webkit-text-fill-color: transparent;
         font-weight: 900;
         position: relative;
         padding-left: 53px;
     }
     
     .skill-content .img-item {
         font-size: 50px;
         color: #fff;
     }
     
     .skill-panel p {
         color: var(--sc);
     }
     
     .skill-panel .heading-title span::after {
         position: absolute;
         content: "";
         left: 0;
         width: 45px;
         top: 12px;
         background: var(--gradient1);
         height: 1px;
     }
     
     .skill-panel .heading-title h3 {
         font-size: 48px;
         margin-top: 20px;
         color: var(--sc);
         margin-bottom: 10px;
         font-weight: bolder;
         padding-bottom: 15px;
         line-height: 49px;
     }
     
     .skill-panel .heading-title p {
         font-size: 16px;
         padding-top: 10px;
     }
     
     .skill-content {
         position: relative;
     }
     
     .skill-content .animate_img {
         position: absolute;
         top: -40px;
     }
     
     .skill-content .animate_img1 {
         position: absolute;
         bottom: -40px;
     }
     
     .skill-content .main_img {
         max-width: 100%;
         background: var(--gradient1);
         padding-top: 40px;
         margin-left: 47px;
         padding-bottom: 40px;
         position: relative;
         z-index: 1;
         min-height: 550px;
         height: 100%;
     }
     
     .skill-content .main_img::after {
         content: '';
         background: #fff;
         width: 364px;
         height: 460px;
         position: absolute;
         top: 41px;
         left: 0;
         clip-path: polygon(0 5%, 100% 0, 100% 100%, 0 95%);
         border-radius: 0 6px 6px 0;
         z-index: -1;
     }
     
     .skill-content .main_items {
         width: 180px;
         height: 180px;
         position: absolute;
         background: var(--gradient1);
         border-radius: 100%;
         border: 10px solid #fff;
         top: 30%;
         text-align: center;
         left: -65px;
         z-index: 1;
         padding-top: 17px;
     }
     
     .skill-content .main-img {
         max-width: 339px;
         position: absolute;
         left: 0;
         width: 100%;
         height: 400px;
         top: 70px;
         z-index: 0;
         clip-path: polygon(0 8%, 100% 0, 100% 100%, 0 92%);
         background-repeat: no-repeat;
         background-position: center;
         border-radius: 0 0 6px 6px;
     }
     
     .main_items .text-item span {
         font-weight: 600;
         font-size: 15px;
         color: #fff;
     }
     /* =======================================   Skills -section   Section ===================================== */
     
     @keyframes growProgressBar {
         0%,
         33% {
             --pgPercentage: 0;
         }
         100% {
             --pgPercentage: var(--value);
         }
     }
     
     @property --pgPercentage {
         syntax: "<number>";
         inherits: false;
         initial-value: 0;
     }
     
     div[role="progressbar"] {
         --size: 12rem;
         --fg: var(--primary-color);
         --bg: #def;
         --pgPercentage: var(--value);
         animation: growProgressBar 3s 1 forwards;
         width: var(--size);
         height: var(--size);
         border-radius: 50%;
         display: grid;
         place-items: center;
         background: radial-gradient( closest-side, white 80%, transparent 0 99.9%, white 0), conic-gradient(var(--fg) calc(var(--pgPercentage) * 1%), var(--bg) 0);
         font-family: Helvetica, Arial, sans-serif;
         font-size: calc(var(--size) / 5);
         color: var(--fg);
     }
     
     div[role="progressbar"]::before {
         counter-reset: percentage var(--value);
         content: counter(percentage) "%";
     }
     
     .skill-content-wrapper {
         padding-top: 20px;
         display: flex;
         align-items: start;
         justify-content: start;
         text-align: center;
         gap: 45px;
     }
     
     .skill-progress-content h2 {
         font-size: 27px;
         padding-top: 20px;
         font-weight: 700;
         color: var(--sc);
     }
     
     @media (max-width: 991px) {
         .top-above-header {
             display: none;
         }
         .navigation-bar {
             display: none;
         }
         .sidenav {
             display: none;
         }
         .box:not(:last-child) {
             margin-right: 0;
         }
         .about-panel .heading-title h3 {
             font-size: 32px;
             color: var(--sc);
             font-weight: bolder;
         }
         .about-content .small-img {
             display: flex;
         }
         .small-img {
             display: flex;
             align-items: center;
             justify-content: start;
         }
         .small-img img {
             width: 100%;
         }
         .about-content .images img {
             width: 100%;
         }
         .content-wrapper .box {
             background: whitesmoke;
             padding: 4px;
             display: flex;
             align-items: center;
             gap: 10px;
             padding-left: 22px;
             margin-bottom: 20px;
             position: relative;
             z-index: 1;
         }
         .content-wrapper .box i {
             font-size: 47px;
             color: var(--primary-color);
         }
         .content-wrapper .box h3 {
             font-size: 17px;
             font-weight: 600;
             color: rgb(54, 54, 54);
             margin: 10px 0px;
         }
         .main-process:nth-child(1) .process-icon-wrap::after {
             content: "";
             display: none;
         }
         .main-process:nth-child(2) .process-icon-wrap::after {
             content: "";
             display: none;
         }
         .main-process:nth-child(3) .process-icon-wrap::after {
             content: "";
             display: none;
         }
         .skill-content .main_img {
             max-width: 60%;
             background: var(--gradient1);
             padding-top: 40px;
             padding-bottom: 40px;
             position: relative;
         }
         .skill-content {
             padding-top: 20px;
         }
		 
		 .mobile-navigation-menu .logo {
			  display: inline-block;
		}
     }
     
     @media (max-width: 767px) {
         .about-content .small-img {
             display: flex;
             align-items: center;
             gap: 24px;
         }
         .content-wrapper .box {
             padding: 9px 11px 8px 26px;
         }
         div[role="progressbar"] {
             --size: 8rem;
         }
         .skill-content .main_img {
             margin-left: 0;
         }
         .skill-content .main_items {
             left: -14px;
         }
         .skill-content-wrapper {
             justify-content: space-around;
         }
         .skill-content .main_img {
             max-width: 80%;
         }
         .ps-timeline-sec .timeline-text {
             width: 300px;
         }
         .ps-timeline-sec .container ol.ps-timeline {
             margin-left: 50px;
         }
         .ps-timeline-sec .container ol:before {
             top: -8px;
             left: 15px;
         }
         span.center-timeline {
             left: 40px;
         }
         .ps-timeline-sec .container ol::after {
             left: 17px;
         }
     }
     
     @media (max-width: 500px) {
         .breadcrumb-content img {
             width: 100%;
         }
         .skill-panel .heading-title h3 {
             font-size: 31px;
         }
         .skill-content .main_img {
             max-width: 100%;
         }
         .skill-content-wrapper {
             display: block;
         }
     }
     
     @media (max-width: 280px) {
         .about-panel .heading-title h3 {
             font-size: 26px;
             color: var(--sc);
             font-weight: bolder;
         }
         .breadcrumb-content-inner .breadcrumb-heading h1 {
             font-weight: 800;
             color: #fff;
             font-size: 22px;
         }
         .pagination__list {
             list-style-type: none;
             padding: 0px;
             margin: 0;
             width: 350;
             height: 50px;
             border-radius: 9px;
             margin: 15px 4px;
             gap: 3px;
         }
         .pagination,
         .pagination__list {
             margin: -11px;
             margin-bottom: 20px;
         }
     }
     /* ================================  Service Page   ========================= */
     
     .service-section-4 {
         padding: 80px 0;
     }
     
     @media (max-width: 280px) {
         .content .iconn {
             display: none;
         }
         .content .text-content p {
             margin-bottom: 5px;
         }
         .read-more i {
             position: absolute;
             color: white;
             left: 50%;
             top: 18%;
             transform: translate(-50%, -50%);
             font-size: 18px;
             background: var(--gradient1);
             padding: 18px 27px;
             visibility: hidden;
             border-radius: 6px;
             transition: top 0.9s ease 0s;
         }
         .content .heading {
             font-size: 21px;
         }
         .service-overlay-box {
             padding: 10px 17px;
         }
     }
     /* ================================  Service Page   ========================= */
     /* ================================  Team Page   ========================= */
     
     .team-section-4 {
         background: var(--bg-color);
     }
     /* ================================  Team Page   ========================= */
     /* ================================  Form  Team Page   ========================= */
     
     .form-section {
         padding: 80px 0;
     }
     
     .form-section .form-control {
         outline: none;
         border: none;
         border-bottom: 2px solid var(--primary-color);
         border-radius: 0;
         padding: 5px;
         background: transparent;
         color: var(--sc);
     }
     
     .form-section .textarea {
         outline: none;
         border: none;
         border-bottom: 2px solid var(--primary-color);
         border-radius: 0;
         width: 100%;
         color: var(--sc);
         background: transparent;
     }
     
     .form-items {
         position: relative;
     }
     
     .form-control:focus {
         outline: none;
         box-shadow: none;
     }
     
     .form-items input::placeholder {
         font-size: 19px;
         font-weight: 500;
         color: var(--sc);
         position: absolute;
         top: 0px;
         opacity: 1;
     }
     
     .form-items textarea::placeholder {
         font-size: 19px;
         font-weight: 500;
         color: var(--sc);
         position: absolute;
         top: 0px;
         opacity: 1;
     }
     
     .left-text-content h2 {
         font-size: 40px;
         position: relative;
         font-weight: 700;
         padding-bottom: 25px;
         color: var(--sc);
     }
     
     .left-text-content h2::after {
         content: "";
         /* border-bottom: 2px solid var(--primary-color); */
         background: var(--gradient1);
         width: 80px;
         height: 2px;
         position: absolute;
         bottom: 0;
         left: 0;
     }
     
     .left-text-content p {
         font-size: 17px;
         padding-top: 20px;
         color: var(--sc);
         line-height: 1.5;
     }
     /* ================================  Form  Team Page   ========================= */
     /* ================================  Pricing  Page   ========================= */
     
     .cta-section-5 {
         padding-bottom: 80px;
     }
     
     .cta-section-5 .widget-contact .contact-info {
         text-decoration: none;
         color: #fff;
     }
     
     .cta-wrapper {
         display: flex;
         align-items: center;
         justify-content: space-around;
         overflow: hidden;
         background: var(--sc);
         position: relative;
         padding: 35px;
     }
     
     .cta-content-5 {
         position: relative;
         z-index: 2;
     }
     
     .cta-content-5 h2 {
         font-size: 39px;
         color: #fff;
         font-weight: 700;
     }
     
     .cta-wrapper .widget-contact .contact-area {
         display: flex;
         align-items: center;
         gap: 23px;
     }
     
     .cta-wrapper .widget-contact .contact-area .contact-icon>div {
         background: #fff;
         width: 50px;
         height: 50px;
         border-radius: 50%;
         line-height: 50px;
         text-align: center;
         font-size: 24px;
     }
     
     .cta-wrapper .widget-contact .contact-area:hover .contact-icon>div,
     .cta-wrapper .widget-contact .contact-area:focus-within .contact-icon>div {
         color: var(--primary-color);
         animation: tada 2s infinite;
         cursor: pointer;
     }
     
     .cta-wrapper .widget-contact .contact-area .contact-info h4 {
         font-size: 20px;
         font-weight: 600;
         margin-bottom: 10px;
     }
     
     .cta-wrapper .widget-contact .contact-area .contact-info span {
         font-size: 16px;
         font-weight: 500;
     }
     
     .cta-wrapper .cta-content-wrap img {
         position: absolute;
         top: 0;
         right: 80px;
     }
     
     .cta-wrapper .cta-bg-element1 {
         position: absolute;
         left: 0;
         top: 0;
         filter: opacity(0.4);
     }
     
     .cta-wrapper .cta-bg-element2 {
         position: absolute;
         right: 0;
         top: -24px;
         filter: opacity(0.4);
     }
     
     @media (max-width: 992px) {
         .cta-content-5 {
             width: 100%;
         }
         .cta-content-5 h2 {
             font-size: 28px;
             color: #fff;
             font-weight: 700;
         }
     }
     
     @media (max-width: 767px) {
         .cta-wrapper .cta-content-wrap img {
             position: absolute;
             top: 0;
             right: 0;
         }
         .cta-content-5 {
             width: 62%;
         }
         .cta-wrapper .widget-contact .contact-area {
             display: flex;
             align-items: center;
             gap: 11px;
         }
         .cta-wrapper {
             padding: 20px;
         }
     }
     
     @media (max-width: 499px) {
         .cta-content-5 h2 {
             font-size: 24px;
             color: #fff;
             font-weight: 700;
             margin-bottom: 0;
         }
         .cta-content-5 {
             width: 100%;
         }
         .cta-wrapper {
             padding: 13px;
         }
         .cta-wrapper .cta-content-wrap img {
             position: absolute;
             top: 61px;
             right: -17px;
             width: 123px;
         }
         .cta-wrapper .widget-contact .contact-area .contact-icon>div {
             background: #fff;
             width: 35px;
             height: 35px;
             border-radius: 50%;
             line-height: 35px;
             text-align: center;
             font-size: 19px;
         }
         .cta-wrapper .widget-contact .contact-area {
             display: flex;
             align-items: center;
             gap: 11px;
             width: 61%;
         }
     }
     
     @media (max-width: 399px) {
         .cta-wrapper {
             width: 100%;
         }
         .post-items .post-content .posted-on>a {
             font-size: 14px;
         }
         .cta-wrapper .widget-contact .contact-area {
             display: flex;
             align-items: center;
             gap: 4px;
         }
         .cta-wrapper .cta-content-wrap img {
             display: none;
         }
         .cta-wrapper .widget-contact .contact-area {
             display: flex;
             align-items: center;
             gap: 11px;
             width: 100%;
         }
     }
     /* ================================  Pricing  Page   ========================= */
     /* ================================  FAQs  Page   ========================= */
     
     .faq-section {
         padding: 80px 0;
         position: relative;
     }
     
     .faq-section .accordion .accordion-item h2>button.accordion-button {
         border-radius: 6px;
         background: var(--bg-color-2);
         color: var(--sc);
         font-size: 16px;
         font-weight: 700;
         overflow: hidden;
         border: 1px solid rgb(255 255 255 / 40%);
     }
     
     .faq-section .accordion .accordion-item h2 .accordion-button:focus {
         box-shadow: none;
     }
     
     .faq-section .accordion .accordion-item {
         margin-bottom: 10px;
         position: relative;
         border-bottom: 0;
         border-radius: 6px;
     }
     
     .faq-section .accordion .accordion-item::after {
         content: '';
         position: absolute;
         background: var(--gradient1);
         inset: 0;
         width: 0px;
         top: 50%;
         left: 50%;
         transform: translate(-50%, -50%);
         height: 0px;
         transition: 0.3s;
         border-radius: 50%;
         z-index: -1;
     }
     
     .faq-section .accordion .accordion-item h2 .accordion-button::after {
         color: var(--sc);
         background: transparent;
         content: '\f107';
         font-family: 'FontAwesome';
         width: auto;
         height: auto;
         font-size: 20px;
         font-weight: 600;
     }
     
     .faq-section .accordion .accordion-item .accordion-body {
         border: 0;
         border-radius: 0px 0px 6px 6px;
         background: #f4f4f4;
     }
     
     .faq-section .accordion .accordion-item .accordion-button:not(.collapsed) {
         background: var(--gradient1);
         color: #fff;
     }
     
     .faq-section .accordion .accordion-item .accordion-button:not(.collapsed)::after {
         color: #fff;
     }
     
     .faq-section .accordion .accordion-item .accordion-button>img {
         width: 91px;
         position: absolute;
         top: -4px;
         right: -1px;
     }
     /* ================================  FAQs  Page   ========================= */
     /* ================================  Blog  Page   ========================= */
     
     .pagination {
         min-height: 70px;
     }
     
     .pagination,
     .pagination__list {
         display: flex;
         flex-direction: row;
         flex-wrap: wrap;
         align-items: center;
         justify-content: center;
         align-content: center;
     }
     
     .pagination__list {
         list-style-type: none;
         padding: 0;
         margin: 0;
         width: 350;
         height: 50px;
         border-radius: 9px;
         margin: 0 9px;
         gap: 6px;
     }
     
     .pagination__item {
         width: 50px;
         height: 50px;
         display: flex;
         flex-direction: row;
         flex-wrap: wrap;
         align-items: center;
         justify-content: center;
         align-content: center;
         font-size: 1.1rem;
     }
     
     .pagination__item>button,
     .pagination__button {
         border: none;
         outline: none;
         stroke: none;
         box-shadow: none;
         cursor: pointer;
         border-radius: 9px;
         box-shadow: rgb(149 157 165 / 20%) 0px 3px 13px;
         font-weight: 900;
     }
     
     .pagination__item>button.active {
         background: var(--gradient1);
         color: #fff;
     }
     
     .pagination__item>button.active:hover {
         color: #fff;
     }
     
     .pagination__item>button:hover,
     .pagination__button:hover .pagination__item>button:focus-within,
     .pagination__button:focus-within {
         color: var(--sc);
     }
     
     .pagination__item>button {
         width: 45px;
         height: 45px;
         background: var(--dark-bg-2);
         color: var(--sc);
         border: 1px solid rgb(232, 232, 232);
     }
     
     .pagination__item>button[data-level="target"] {
         background: var(--gradient1);
         color: #fff;
     }
     
     .pagination--move-prev {
         -webkit-animation: pagination-move-prev 0.5s ease both;
         animation: pagination-move-prev 0.5s ease both;
     }
     
     .pagination--move-next {
         -webkit-animation: pagination-move-next 0.5s ease both;
         animation: pagination-move-next 0.5s ease both;
     }
     
     .pagination--move-top {
         -webkit-animation: pagination-move-top 0.5s ease both;
         animation: pagination-move-top 0.5s ease both;
     }
     
     .pagination__button {
         width: 35px;
         height: 35px;
         border-radius: 0;
         padding: 20px;
         position: relative;
         text-align: center;
         display: flex;
         align-items: center;
         background: var(--bg-color);
         justify-content: center;
         border: 2px solid var(--sc);
         box-shadow: none;
         z-index: 1;
     }
     
     #pg-button-prev::after {
         content: "";
         position: absolute;
         left: -8px;
         width: 20px;
         height: 20px;
         background: var(--bg-color);
         border-radius: 50%;
         z-index: -1;
     }
     
     #pg-button-next::after {
         content: "";
         position: absolute;
         right: -8px;
         width: 20px;
         height: 20px;
         background: var(--bg-color);
         border-radius: 50%;
         z-index: -1;
     }
     
     .pagination__button:hover,
     .pagination__button:focus-within {
         border: 2px solid var(--primary-color);
     }
     
     .pagination__button>.fa-long-arrow-left {
         position: absolute;
         left: 12px;
         transition: 0.2s;
         color: var(--sc);
     }
     
     .pagination__button:hover .fa-long-arrow-left,
     .pagination__button:focus-within .fa-long-arrow-left {
         position: absolute;
         left: -8px;
         transition: 0.2s;
         color: var(--primary-color);
     }
     
     .pagination__button>.fa-long-arrow-right {
         position: absolute;
         right: 12px;
         transition: 0.2s;
         color: var(--sc);
     }
     
     .pagination__button:hover .fa-long-arrow-right,
     .pagination__button:focus-within .fa-long-arrow-right {
         position: absolute;
         right: -8px;
         transition: 0.2s;
         color: var(--primary-color);
     }
     
     @-webkit-keyframes pagination-move-prev {
         from,
         0% {
             transform: translateX(25px);
         }
         50% {
             transform: translateX(-5px);
         }
         to,
         100% {
             transform: translateX(0px);
         }
     }
     
     @keyframes pagination-move-prev {
         from,
         0% {
             transform: translateX(25px);
         }
         50% {
             transform: translateX(-5px);
         }
         to,
         100% {
             transform: translateX(0px);
         }
     }
     
     @-webkit-keyframes pagination-move-next {
         from,
         0% {
             transform: translateX(-25px);
         }
         50% {
             transform: translateX(5px);
         }
         to,
         100% {
             transform: translateX(0px);
         }
     }
     
     @keyframes pagination-move-next {
         from,
         0% {
             transform: translateX(-25px);
         }
         50% {
             transform: translateX(5px);
         }
         to,
         100% {
             transform: translateX(0px);
         }
     }
     
     @-webkit-keyframes pagination-move-top {
         from,
         0% {
             transform: translateY(-25px);
         }
         50% {
             transform: translateY(10px);
         }
         to,
         100% {
             transform: translateY(0px);
         }
     }
     
     @keyframes pagination-move-top {
         from,
         0% {
             transform: translateY(-25px);
         }
         50% {
             transform: translateY(10px);
         }
         to,
         100% {
             transform: translateY(0px);
         }
     }
     
     @media (max-width: 400px) {
         .pagination__item {
             width: 42px;
             height: 35px;
             display: flex;
             flex-direction: row;
             flex-wrap: wrap;
             align-items: center;
             justify-content: center;
             align-content: center;
             font-size: 1.1rem;
         }
         .pagination__list {
             list-style-type: none;
             padding: 0;
             margin: 0;
             width: 350;
             height: 50px;
             border-radius: 9px;
             margin: 0 4px;
             gap: 3px;
         }
         .pagination__item>button {
             width: 35px;
             height: 35px;
             background: #fff;
         }
         button.av-btn.av-btn-primary.av-submit {
             width: 23%;
             cursor: pointer;
             background: transparent;
             color: white;
             border-radius: 7px;
             border: 1px solid #fff;
             font-weight: 600;
             font-size: 16px;
             transition: 0.6s;
         }
     }
	 
	 .pagination a, span[class*='page-numbers current'], .page-links a {
			width: 40px;
			line-height: 38px;
			border-radius: 50%;
			text-align: center;
			border: 1px solid;
			margin-right: 10px;
			margin-bottom: 10px;
			display: inline-block;
			color: var(--gradiant1);
		}
		
	 .dark-theme .pagination a, .dark-theme span[class*='page-numbers current'], .dark-theme .page-links a, .dark-theme .page-numbers.dots, .dark-theme .page-links {
			color: #ffffff;
		}
		
		.page-links > :first-child {
			margin-left: 10px;
		}

		.pagination a:hover, .pagination a:focus, .page-links a:hover, .page-links a:focus, span[class*='page-numbers current'] {
			background: var(--gradient1);
			color: #ffffff;
			border-color: var(--primary-color);
		}

		.pagination i {
			font-size: 10px;
			color: var(--gradient1);
		}

		.pagination a:hover *, .pagination a:focus * {
			color: #ffffff;
		}
     /* ================================  Blog  Page   ========================= */
     /* ====================================================
=========Blog Left 
==========================================================*/
     
     .blog-left-section {
         padding: 80px 0;
     }
     
     @media (min-width: 280px) and (max-width: 300px) {
         .post-meta.down {
             bottom: -60px;
             left: 0px;
         }
     }
     
     .post-items .post-content .d-blog {
         justify-content: space-between;
         padding-right: 10px;
         padding-left: 10px;
     }
     
     .post-contents>p {
         font-size: 17px;
         color: var(--sc);
         font-weight: 500;
         line-height: 25px;
         margin-top: 15px;
     }
     
     .post-content-img {
         display: flex;
         align-items: center;
         justify-content: space-between;
     }
     
     .post-content-img img {
         max-width: 48%;
         width: 100%;
     }
     
     .post-contents .share-icon {
         display: flex;
         align-items: center;
         padding: 10px;
         justify-content: space-between;
         border-top: 1px solid lightgrey;
         border-bottom: 1px solid lightgrey;
     }
     
     .post-contents .share-icon .widget-social-widget {
         display: flex;
         align-items: center;
     }
     
     .post-contents .share-icon .widget-social-widget ul {
         padding-left: 0;
     }
     
     .post-contents .share-icon .sinlge-page-tag {
         display: flex;
         align-items: center;
         gap: 10px;
     }
     
     .post-contents .share-icon .sinlge-page-tag .tagcloud a {
         color: var(--sc);
         font-size: 16px;
         font-weight: 600;
         transition: 1s;
         text-decoration: none;
     }
     
     .post-contents .share-icon .sinlge-page-tag .tagcloud a:hover,
     .post-contents .share-icon .sinlge-page-tag .tagcloud a:focus-within {
         background: var(--gradient1);
         -webkit-text-fill-color: transparent;
         -webkit-background-clip: text;
         font-weight: 600;
     }
     
     .post-contents .share-icon .widget .widget-title {
         margin: 0;
         color: var(--sc);
         font-weight: 600;
         font-size: 18px;
     }
     
     .post-contents .share-icon h3 {
         font-size: 17px;
         margin-bottom: 0;
         color: var(--sc);
     }
     
     .post-contents .share-icon .social-items {
         display: flex;
         align-items: center;
         list-style: none;
         padding-left: 25px;
         margin-bottom: 0;
     }
     
     .single-comments-title,
     .comments-title h3 {
         font-weight: 700;
         color: var(--sc);
         margin: 31px auto 20px;
         font-size: 23px;
     }
     
     .post-contents .share-icon .social-items li a {
         border-radius: 50%;
         width: 40px;
         display: block;
         height: 40px;
         line-height: 40px;
         text-align: center;
         color: var(--sc);
         position: relative;
         transition: 0.5s;
         overflow: hidden;
         border: 0px;
         z-index: 1;
     }
     
     .post-contents .share-icon .social-items li a::after {
         position: absolute;
         content: '';
         inset: 1px;
         transform: scale(0);
         background: var(--gradient1);
         transition: 0.5s;
         border-radius: 50%;
         z-index: -1;
     }
     
     .post-contents .share-icon .social-items li a:hover::after,
     .post-contents .share-icon .social-items li a:focus-within::after {
         color: #fff;
         transform: scale(2);
     }
     
     .post-contents .share-icon .social-items li a:hover,
     .post-contents .share-icon .social-items li a:focus-within {
         border: 1px solid var(--primary-color);
         color: #fff;
         transform: rotate(360deg);
     }
     /* ====================== End =================== */
     
     .comments-area {
         margin-top: 1.5rem;
     }
     
     .single-comments-title,
     .comments-title {
         margin-bottom: 1rem;
         text-align: left;
     }
     
     .comment-list {
         margin: 0;
         padding: 0;
         list-style: none;
     }
     
     .comments-area li {
         list-style: none;
     }
     
     .comments-area .comment-body {
         position: relative;
         padding: 25px 25px 30px 130px;
         word-wrap: break-word;
         flex-wrap: wrap;
         border-radius: 3px;
         z-index: 0;
         margin-bottom: 1rem;
         background: #edededad;
     }
     
     .comments-area .comment-meta {
         display: -ms-flexbox;
         display: flex;
         -ms-flex-wrap: wrap;
         flex-wrap: wrap;
         -ms-flex-align: flex-start;
         align-items: flex-start;
         -ms-flex-direction: column;
         flex-direction: column;
         margin-top: 25px;
         line-height: 25px;
     }
     
     .comments-area .comment-meta .comment-author img {
         position: absolute;
         z-index: 0;
         left: 20px;
         top: 28px;
         width: 90px;
		 height: initial;
     }
     
     .comment-meta .comment-metadata {
         width: 100%;
         line-height: 1.5;
         font-size: 14px;
         display: -ms-flexbox;
         display: flex;
         -ms-flex-wrap: wrap;
         flex-wrap: wrap;
         -ms-justify-content: space-between;
         justify-content: space-between;
     }
     
     .comment-meta .comment-metadata a {
         text-decoration: none;
         color: var(--sc);
         font-weight: 600;
         transition: 1s;
     }
     
     .comment-meta .comment-metadata a:hover,
     .comment-meta .comment-metadata a:focus-within {
         color: var(--primary-color);
     }
     
     .comment-content {
         position: relative;
         z-index: 0;
         padding: 1em 2.35rem 1em 0;
     }
     
     .comment-content p {
         margin: 0;
         line-height: 20px;
     }
     
     .comment-metadata .edit-link,
     .comment-body .reply {
         position: relative;
         z-index: 0;
         top: -20px;
     }
     
     .comment-metadata .edit-link a {
         padding-left: 5px;
         font-size: 17px;
         font-weight: 600;
         transition: 0.3s;
     }
     
     .comment-metadata .edit-link a:hover,
     .comment-metadata .edit-link a:focus-within {
         color: var(--primary-color);
     }
     
     .comment-form {
         display: flex;
         flex-wrap: wrap;
         justify-content: flex-start;
         align-items: center;
     }
     
     .comment-form .comment-form-author {
         flex: auto;
         margin-right: 30px;
     }
     
     .comment-form .comment-form-email {
         flex: auto;
     }
     
     .comment-form .comment-form-url {
         display: block;
         width: 100%;
     }
     
     .comment-form .comment-form-comment {
         display: block;
         width: 100%;
     }
     
     .comment-form p>input:not(input[type="submit"]) {
         border-radius: 0px;
         display: block;
         line-height: 1.3;
         font-size: inherit;
         font-weight: 400;
         padding: 15px 10px;
         width: 100%;
         background: var(--dark-bg-2);
         border: 1px solid #e9e9ea;
         outline: none;
         color: var(--sc);
         letter-spacing: 0.5px;
         box-shadow: none;
     }
     .comment-form p.comment-form-cookies-consent>input:not(input[type="submit"]) {
         width: auto;
     }
     
     .comment-form p>.av-btn {
         position: relative;
         padding: 20px 25px;
         font-size: 18px;
         font-weight: 600;
         color: #fff;
         border: 1px solid lightgray;
         border-radius: 6px;
         background: var(--gradient1);
         transition: 1s;
         display: block;
     }
     
     .comment-form p>.av-btn:hover,
     .comment-form p>.av-btn:focus-within,
     .comment-form p>.av-btn:focus {
         background: var(--gradient1);
		color: #fff;
		outline: 1px dotted;
		outline-offset: -3px;
     }
     
     .comment-respond h3 {
         font-weight: 700;
         color: var(--sc);
         margin: auto;
         margin-bottom: 20px;
         margin-top: 31px;
         font-size: 23px;
     }
     
     .comment-form label {
         font-size: 16px;
         font-weight: 600;
         color: var(--sc);
         margin-bottom: 0;
     }
     
     .comment-form label>span {
         color: var(--primary-color);
     }
     
     .comment-form .comment-form-comment {
         display: block;
         width: 100%;
     }
     
     .comment-form .comment-form-comment textarea {
         border-radius: 0px;
         display: block;
         line-height: 1.3;
         font-size: inherit;
         font-weight: 400;
         padding: 15px 10px;
         width: 100%;
         background: var(--dark-bg-2);
         color: var(--sc);
         border: 1px solid #e9e9ea;
         outline: none;
         letter-spacing: 0.5px;
         box-shadow: none;
     }
     
     form>p:not(:last-child) {
         margin-bottom: 30px;
     }
     
     @media (min-width: 1200px) {
         .post-items .post-content .d-blog {
             justify-content: space-between;
             padding-left: 50px;
             padding-right: 50px;
         }
     }
     
     @media (max-width: 1199px) {
         .post-content-img img {
             max-width: 290px;
             width: 100%;
         }
         .post-content-img {
             justify-content: space-around;
         }
         .post-items .post-content .d-blog {
             justify-content: space-between;
             padding-right: 20px;
             padding-left: 20px;
         }
     }
     
     @media (max-width: 767px) {
         .post-hover img {
             width: 100%;
         }
         .post-contents .post-content-img {
             justify-content: space-between;
         }
         .post-contents .share-icon {
             display: block;
         }
     }
     
     @media (min-width: 400px) and (max-width: 768px) {
         .post-items .post-content .d-blog {
             justify-content: space-between;
             padding-left: 10px;
             padding-right: 10px;
             bottom: -53px;
         }
         .post-meta.up {
             top: -50px;
             left: 45px;
         }
     }
     
     @media (max-width: 575px) {
         .post-contents .post-content-img {
             display: block;
         }
         .post-contents .post-content-img img {
             max-width: 100%;
             width: 100%;
         }
         .post-contents .post-content-img img {
             margin-bottom: 20px;
         }
         .breadcrumb-content .breadcrumb-list {
             list-style: none;
             /* display: flex; */
             gap: 9px;
             justify-content: center;
         }
         .post-meta.up {
             top: -63px;
             left: 16px;
         }
     }
     
     @media (max-width: 400px) and (min-width: 280px) {
         .comments-area .comment-meta .comment-author img {
             position: unset;
         }
         .comments-area .comment-body {
             padding: 20px;
         }
         .comment-metadata .edit-link,
         .comment-body .reply {
             position: relative;
             z-index: 0;
             top: -4px;
         }
     }
     
     @media (max-width: 429px) {
         .post-items .post-title a span {
             font-weight: 700;
             font-size: 16px;
         }
         .post-items .post-title a {
             color: var(--sc);
             text-decoration: none;
             font-weight: 600;
             font-size: 15px;
         }
         .post-meta.up {
             top: -50px;
             left: 20px;
         }
         .post-items .post-content .d-blog .author-name img {
             width: 45px;
         }
         .d-blog .author-name span {
             font-size: 14px;
         }
         .post-items .post-title {
             line-height: 23px;
             margin: 0;
         }
     }
     /* ===================================== Shop Page ======================================== */
     
     .shop-section {
         padding: 80px 0;
     }
     /* .product .product-single .product-img a>img {
        width: 160px;
        height: 180px;
        padding: 8px;
    } */
     
     .product .product-single .sale-ribbon {
         position: absolute;
         top: 12px;
         left: -24px;
         margin: 0;
         font-size: 13px;
         font-weight: 500;
         text-align: left;
         padding: 1px 30px;
         text-transform: uppercase;
         color: #fff;
         background: var(--gradient1) repeat scroll 0 0;
         box-shadow: 0 0 12px rgb(255 255 255/0.35);
         transform: rotate(-45deg);
         z-index: 2;
     }
     
     .woocommerce-result-count,
     .woocommerce-page .woocommerce-result-count {
         float: left;
         font-size: 20px;
         font-weight: 600;
         color: var(--sc);
         padding-left: 9px;
         margin-top: 10px;
     }
     
     .woocommerce-ordering,
     .woocommerce-page .woocommerce-ordering {
         float: right;
     }
     
     .product-items {
         width: 100%;
         padding-top: 30px;
         margin: 0;
     }
     
     form.woocommerce-ordering {
         margin: 0 0 2em;
     }
     
     .product .product-single {
         text-align: center;
         -webkit-transition: 0.3s;
         background: var(--dark-bg);
         transition: 0.3s;
         display: block;
         position: relative;
         overflow: hidden;
         box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
         border-radius: 4px;
         transition: 1s;
         margin-bottom: 20px;
         z-index: 1;
     }
     
     .product .product-single::before {
         content: '';
         bottom: 0;
         left: 0;
         background: var(--gradient1);
         position: absolute;
         right: 0;
         border-radius: 0px;
         z-index: -1;
         top: 100%;
         transition: 1s all;
     }
     
     .product .product-single:hover::before,
     .product .product-single:focus-within:before {
         top: 0;
     }
     
     .product-single h3 {
         font-size: 17px;
         margin-bottom: 5px;
         margin-top: 6px;
         color: #fff;
     }
     
     .product-single h3>a {
         text-decoration: none;
         color: #fff;
     }
     
     .product .product-single .product-img {
         background: #f4f4f4;
         padding: 15px;
         position: relative;
         overflow: hidden;
         z-index: 1;
     }
     
     .product .product-single .product-img::after {
         content: '';
         position: absolute;
         top: 0;
         right: 0;
         left: 0;
         background: rgba(0 0 0 /20%);
         bottom: 100%;
         transition: 1s ease-out;
         z-index: -1;
     }
     
     .product .product-single:hover .product-img::after,
     .product .product-single:focus-within .product-img::after {
         bottom: 0;
     }
     
     .product-single .price span {
         color: #fff;
     }
     
     .product-content {
         margin-bottom: 10px;
     }
     
     .woocommerce-ordering .orderby {
         padding: 12px 20px;
         font-size: 16px;
         border: none;
         box-shadow: rgba(0, 0, 0, 0.02) 0px 1px 3px 0px, rgba(27, 31, 35, 0.15) 0px 0px 0px 1px;
         font-weight: 400;
         background: var(--dark-bg-2);
         color: var(--sc);
     }
     
     .widget-search .search-form {
         width: 100%;
     }
     
     .widget-search .search-field {
         background: #f3f3f3;
         outline: none;
         border-radius: 6px;
         padding: 10px;
         border: 0;
         width: 75%;
     }
     
     .widget-search .search-field::placeholder {
         color: var(--heading-color);
     }
     
     .widget-search h5.widget-title {
         padding-bottom: 8px;
         position: relative;
         font-size: 21px;
         font-weight: 700;
     }
     
     .widget-search h5.widget-title::after {
         content: "";
         border-bottom: 2px solid var(--primary-color);
         width: 50px;
         position: absolute;
         bottom: 0;
         left: 0;
     }
     
     .widget-search .search-submit {
         border-radius: 0;
         display: inline-block;
         position: relative;
         width: 18%;
         background: var(--dark-bg);
         padding: 21px;
         top: -2px;
         border-top-right-radius: 6px;
         border-bottom-right-radius: 6px;
         left: -7px;
         transition: 0.3s;
     }
     
     .widget-search .search-submit:hover,
     .widget-search .search-submit:focus-within {
         background: var(--gradient1);
         color: #fff;
     }
     
     .widget-search .search-submit>i {
         position: absolute;
         display: flex;
         align-items: center;
         justify-content: center;
         font-size: 20px;
         color: #fff;
         padding-right: 6px;
         top: 50%;
         left: 50%;
         transform: translate(-50%, -50%);
         bottom: -20px;
     }
     
     .product-single .product-action {
         position: absolute;
         display: block;
         top: 10%;
         left: 50%;
         transform: translate(-50%, -50%);
         transition: 1s cubic-bezier(0.49, 1.32, 0.71, 1.29);
         opacity: 0;
         visibility: hidden;
         width: 100%;
     }
     
     .product-single:hover .product-action,
     .product-single:focus-within .product-action {
         top: 50%;
         opacity: 1;
         visibility: visible;
     }
     
     .product-single .product-action a {
         font-size: 16px;
         width: 100%;
         height: auto;
         display: block;
         background: var(--dark-bg-2);
         color: var(--sc);
         text-align: center;
         margin: 10px 0;
         transition: 0.3s;
         font-size: 16px;
         text-decoration: none;
         font-weight: 700;
         display: flex;
         align-items: center;
         justify-content: center;
         padding: 10px;
     }
     
     .product-single .product-action .button:hover,
     .product-single .product-action .button:focus-within,
     .product-single .product-action .button:hover,
     .product-single .product-action .button:focus-within,
     .product-single .product-action a:hover,
     .product-single .product-action a:focus-within {
         background: var(--gradient1);
         color: #fff;
     }
     
     .product-single .product-action .zoom:hover,
     .product-single .product-action .zoom:focus-within {
         background: var(--dark-bg-2);
         color: var(--sc);
     }
     /* ===================================== Shop Page ======================================== */
     
     .prealoader .slider h2 {
         font-size: 30px;
         font-weight: 300;
         color: #faebd7;
         z-index: 4;
     }
     
     .prealoader h2.span {
         font-size: 2vw;
         font-weight: 500;
         color: #faebd7;
         z-index: 4;
     }
     
     .prealoader span:hover,
     .prealoader span:focus-within {
         color: var(--primary-color);
     }
     
     .prealoader .nav,
     .slider {
         display: flex;
         flex-direction: column;
         justify-content: center;
         align-items: center;
         height: 100vh;
         position: relative;
         background: #14212a;
         text-align: center;
         padding: 0 2em;
     }
     
     .prealoader h2.span {
         font-size: 3vw;
         font-weight: 500;
         color: #faebd7;
         letter-spacing: 12px;
         z-index: 4;
     }
     
     .prealoder span:hover,
     .prealoder span:focus-within {
         color: #ff0266;
         font-weight: 500;
         font-size: 2.2vw;
     }
     
     .background {
         position: absolute;
         height: 90vh;
         top: 0;
         bottom: 0;
         left: 0;
         right: 0;
         z-index: auto;
     }
     
     .background {
         position: absolute;
         height: 100vh;
         top: 0;
         bottom: 0;
         left: 0;
         right: 0;
         z-index: 0;
     }
     
     .loader>span {
         color: #faebd7;
         text-shadow: 0 0 0 #faebd7;
         -webkit-animation: loading 1s ease-in-out infinite alternate;
     }
     
     @-webkit-keyframes loading {
         to {
             text-shadow: 20px 0 70px #ff0266;
             color: #ff0266;
         }
     }
     
     .loader span:nth-child(2) {
         -webkit-animation-delay: 0.1s;
     }
     
     .loader span:nth-child(3) {
         -webkit-animation-delay: 0.2s;
     }
     
     .loader span:nth-child(4) {
         -webkit-animation-delay: 0.3s;
     }
     
     .loader span:nth-child(5) {
         -webkit-animation-delay: 0.4s;
     }
     
     .loader span:nth-child(6) {
         -webkit-animation-delay: 0.5s;
     }
     
     .loader span:nth-child(7) {
         -webkit-animation-delay: 0.6s;
     }
     
     .loader span:nth-child(8) {
         -webkit-animation-delay: 0.7s;
     }
     
     .loader span:nth-child(9) {
         -webkit-animation-delay: 0.8s;
     }
     
     .loader span:nth-child(10) {
         -webkit-animation-delay: 0.9s;
     }
     
     .loader span:nth-child(11) {
         -webkit-animation-delay: 1s;
     }
     
     .loader span:nth-child(12) {
         -webkit-animation-delay: 1.1s;
     }
     
     .loader span:nth-child(13) {
         -webkit-animation-delay: 1.2s;
     }
     
     .loader span:nth-child(14) {
         -webkit-animation-delay: 1.3s;
     }
     
     .loader span:nth-child(15) {
         -webkit-animation-delay: 1.4s;
     }
     
     .loader span:nth-child(16) {
         -webkit-animation-delay: 1.5s;
     }
     
     .loader span:nth-child(17) {
         -webkit-animation-delay: 1.6s;
     }
     
     .loader span:nth-child(18) {
         -webkit-animation-delay: 1.7s;
     }
     
     .loader span:nth-child(19) {
         -webkit-animation-delay: 1.8s;
     }
     
     .loader span:nth-child(20) {
         -webkit-animation-delay: 1.9s;
     }
     
     .loader span:nth-child(21) {
         -webkit-animation-delay: 2s;
     }
     
     .loader span:nth-child(22) {
         -webkit-animation-delay: 2.1s;
     }
     
     .prealoader {
         position: fixed;
         top: 0;
         right: 0;
         bottom: 0;
         left: 0;
         z-index: 999999;
         width: 100%;
         height: 100%;
     }
     /* Start WP TEST CSS */
     
     h1,
     .h1,
     h2,
     .h2,
     h3,
     .h3,
     h4,
     .h4,
     h5,
     .h5,
     h6,
     .h6 {
         font-weight: 400;
         margin: 0 0 20px;
         font-weight: 600;
     }
     
     h1,
     .h1 {
         font-size: 36px;
         line-height: 42px;
     }
     
     h2,
     .h2 {
         font-size: 32px;
         line-height: 38px;
     }
     
     h3,
     .h3 {
         font-size: 28px;
         line-height: 34px;
     }
     
     h4,
     .h4 {
         font-size: 24px;
         line-height: 28px;
     }
     
     h5,
     .h5 {
         font-size: 20px;
         line-height: 24px;
     }
     
     h6,
     .h6 {
         font-size: 16px;
         line-height: 20px;
     }
     /* Blockquote*/
     
     blockquote {
         padding: 10px 20px;
         margin: 0 0 20px;
         background: var(--heading-color);
     }
     
     blockquote,
     blockquote p {
         font-size: 15px;
         font-style: italic;
         font-weight: 500;
         line-height: 21px;
         letter-spacing: 1px;         
         color: #ffffff;
     }
	 
	 blockquote {
		border-left: 5px solid var(--primary-color);
	}
     
     blockquote cite,
     blockquote small {
         font-size: 15px;
         display: block;
         line-height: 20px;
         padding-top: 15px;
         color: var(--primary-color);
     }
     
     blockquote em,
     blockquote i,
     blockquote cite {
         font-style: normal;
     }
     
     blockquote strong,
     blockquote b {
         font-weight: 600;
     }
     /*Address*/
     
     address {
         font-style: italic;
         margin: 0 0 20px;
         font-weight: 600;
         letter-spacing: 0.5px;
         color: var(--sc);
         line-height: 27px;
     }
     /*Table*/
     
     table {
         border: 1px solid #e9e9e9;
         background: #fcfcfc;
         border-spacing: 0;
         letter-spacing: 0.5px;
         margin: 0 0 20px;
         color: var(--heading-color);
         text-align: left;
         table-layout: fixed;
         width: 100%;
     }
     
     table th {
         padding: 10px 10px;
         color: #fff;
         background: var(--gradient1);
     }
     
     table th {
         border-right: solid 1px #636468;
     }
     
     table th {
         border-right: solid 1px #636468;
     }
     
     table td {
         border: 1px solid #e8e7e7;
         padding: 8px 10px;
         color: var(--sc);
     }
     /* Anchor */
     
     p a, td a, dd a, li a, figcaption a {
         /* color: #fff; */
         text-decoration: underline;
     }
	 
	 p a, li a, td a, dd a, figcaption a {
		 color: var(--primary-color-2);
	}
     
     a:hover,
     a:focus-within {
         color: var(--primary-color-2);
         text-decoration: underline dotted;
     }
     /*Definition Lists*/
     
     dl {
         margin-bottom: 25px;
         margin-top: 0;
     }
     
     dl dt {
         font-weight: 700;
         margin-bottom: 10px;
         color: var(--sc);
         font-family: "Open Sans", sans-serif;
     }
     
     dl dd {
         margin-bottom: 20px;
         margin-left: 15px;
         color: var(--sc);
     }
     
     abbr,
     tla,
     acronym {
         text-decoration: underline;
         cursor: help;
     }
     
     acronym {
         border-bottom: 0 none;
     }
     
     big {
         font-size: large;
         font-weight: 600;
     }
     
     s,
     strike,
     del {
         text-decoration: line-through;
     }
     
     em,
     cite,
     q {
         font-style: italic;
         font-weight: 600;
         color: var(--primary-color-2);
     }
     
     ins {
         text-decoration: none;
         padding: 0 3px;
     }
     
     code,
     kbd,
     tt,
     var,
     samp,
     pre {
         -webkit-hyphens: none;
         -moz-hyphens: none;
         -ms-hyphens: none;
         hyphens: none;
         background: var(--heading-color);
         color: #ffffff;
         padding: 2px 5px;
         font-size: 16px;
         font-size: 1rem;
         line-height: 1.3125;
         max-width: 100%;
         overflow: auto;
         white-space: pre;
         white-space: pre-wrap;
         word-wrap: break-word;
     }
     
     mark {
         color: var(--sc);
         background: #ff0;
         padding: 2px 5px;
     }
     
     .search-form label {
         width: 100%;
     }
     
     label {
         display: inline-block;
         max-width: 100%;
         margin-bottom: 5px;
         font-weight: bold;
     }
     /* section */
     
     .page-section {
         padding: 80px 0;
     }
     
     .secondary-content .widget-categories>ul {
         list-style: none;
         padding-top: 20px;
         overflow: hidden;
         padding-left: 0;
     }
     
     .secondary-content .widget-categories>ul li a {
         text-decoration: none;
         font-size: 16px;
         color: var(--sc);
         font-weight: 600;
     }
     
     .secondary-content .widget-categories>ul li:hover a,
     .secondary-content .widget-categories>ul li:focus-within a {
         color: #fff;
     }
     
     .secondary-content .widget-categories>ul li a>i {
         background: var(--dark-bg-2);
         width: 30px;
         height: 30px;
         text-align: center;
         line-height: 30px;
         font-size: 19px;
         font-weight: 700;
         border-radius: 6px;
         margin-right: 10px;
     }
     
     .secondary-content .widget-categories>ul li:hover a>i,
     .secondary-content .widget-categories>ul li:focus-within a>i {
         color: var(--primary-color);
     }
     
     .secondary-content .widget-categories>ul li span {
         width: 32px;
         height: 32px;
         line-height: 32px;
         background: #fff;
         font-size: 14px;
         text-align: center;
         font-weight: 700;
         border-radius: 6px;
     }
     
     .secondary-content .widget-categories>ul li:hover span,
     .secondary-content .widget-categories>ul li:focus-within span {
         color: var(--primary-color);
     }
     
     .secondary-content .widget-categories>ul li {
         background: var(--dark-bg-2);
         display: flex;
         padding: 7px 17px;
         align-items: center;
         position: relative;
         box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
         border-top-right-radius: 6px;
         border-bottom-right-radius: 6px;
         z-index: 1;
     }
     
     .secondary-content ul li:hover,
     .secondary-content ul li:focus-within {
         background: var(--gradient1);
     }
     
     .secondary-content .widget-categories>ul li::after {
         content: "";
         position: absolute;
         top: 0;
         left: -99%;
         right: 0;
         bottom: 0;
         width: 100%;
         background: var(--gradient1);
         z-index: -1;
         transition: 0.3s;
     }
     
     .secondary-content .widget-categories>ul li:hover::after,
     .secondary-content .widget-categories>ul li:focus-within::after {
         left: 0;
     }
     
     .secondary-content .widget-categories .widget-title {
         font-size: 21px;
         font-weight: 700;
         color: var(--sc);
         position: relative;
     }
     
     .secondary-content .widget-categories .widget-title::after {
         content: "";
         position: absolute;
         bottom: 0;
         left: 0;
         width: 100%;
         border-bottom: 2px solid var(--primary-color);
     }
     
     ul.product_list_widget li a {
         display: block;
         font-weight: 700;
         text-decoration: none;
         color: var(--sc);
     }
     
     ul.product_list_widget li:hover a,
     ul.product_list_widget li:focus-within a {
         color: #fff;
     }
     
     ul.product_list_widget li:hover span,
     ul.product_list_widget li:focus-within span {
         color: #fff;
     }
     
     .widget-contact .contact-info {
         text-decoration: none;
     }
     
     .widget li a {
         position: relative;
         z-index: 0;
         display: inline-block;
		 word-break: break-all;
     }
     
     .secondary-content ul li {
         background: var(--dark-bg-2);
         padding: 15px;
         transition: 0.3s;
         border: 1px solid lightgrey;
         margin-bottom: 5px;
     }
     
     ul.product_list_widget li img {
         float: right;
         margin-left: 4px;
         width: 32px;
         height: auto;
         box-shadow: none;
         border-radius: 50%;
     }
     
     ul.product_list_widget li img {
         float: right;
         height: auto;
     }
     
     .sidebar .primary-content p.woocommerce-result-count {
         color: var(--sc);
     }
	 
	 .sidebar .gallery-item {
		 float: none;
	}
	
	.sidebar figure.gallery-item .gallery-icon a img {
		max-width: 100%;
		height: auto;
	}
	
	.sidebar .gallery-icon.portrait {
		margin-right: 0;
	}
     
     .product_list_widget {
         padding-left: 0;
         list-style: none;
     }
     
     .secondary-content .widget-title {
         font-size: 21px;
         font-weight: 700;
         color: var(--sc);
         position: relative;
         margin-bottom: 24px;
     }
     
     .secondary-content .widget-title::after {
         content: "";
         position: absolute;
         bottom: 0;
         left: 0;
         width: 100%;
         border-bottom: 2px solid var(--primary-color);
     }
     
     @media (max-width: 768px) {
         .woocommerce-ordering,
         .woocommerce-page .woocommerce-ordering {
             float: none;
         }
         .woocommerce-result-count,
         .woocommerce-page .woocommerce-result-count {
             float: none;
         }
         .woocommerce-ordering {
             text-align: center;
         }
         .secondary-content {
             padding-top: 50px;
         }
     }
     /* ============================== Product Single ============================= */
     
     div.product div.images img {
         display: block;
         width: 100%;
         height: auto;
         box-shadow: none;
     }
     
     div.product div.images,
     .woocommerce-page #content div.product div.images,
     .woocommerce-page div.product div.images {
         float: left;
         width: 48%;
     }
     
     div.product div.images.woocommerce-product-gallery {
         position: relative;
     }
     
     .woocommerce div.product {
         margin-bottom: 0;
         position: relative;
     }
     
     .woocommerce div.product h2 {
         color: var(--sc);
     }
     
     div.product div.summary,
     .woocommerce-page div.product div.summary {
         float: right;
         width: 48%;
         clear: none;
     }
     
     .single-product .product .product_title.entry-title {
         letter-spacing: 0.65px;
         font-size: 34px;
         margin-bottom: 3px;
     }
     
     div.product .product_title {
         clear: none;
         margin-top: 0;
         padding: 0;
         color: var(--sc);
         font-size: 25px;
         margin-bottom: 8px;
     }
     
     div.product form.cart .variations {
         margin-bottom: 1em;
         border: 0;
         width: 100%;
     }
     
     div.product form.cart .variations th {
         border: 0;
         line-height: 2em;
         vertical-align: top;
     }
     
     div.product form.cart .variations select {
         max-width: 100%;
         min-width: 75%;
         display: inline-block;
         margin-right: 1em;
     }
     
     div.product .woocommerce-tabs,
     .woocommerce-page div.product .woocommerce-tabs {
         clear: both;
     }
     
     div.product .woocommerce-tabs ul.tabs {
         list-style: none;
         padding: 0 0 0 1em;
         margin: 0 0 1.618em;
         overflow: hidden;
         position: relative;
     }
     
     div.product .woocommerce-tabs ul.tabs::before {
         position: absolute;
         content: " ";
         width: 100%;
         bottom: 0;
         left: 0;
         border-bottom: 1px solid #d3ced2;
         z-index: 1;
     }
     
     figure.woocommerce-product-gallery__wrapper {
         background: #f5f5f5;
         padding: 50px;
     }
     
     .woocommerce div.product form.cart::before {
         content: " ";
         display: table;
     }
     
     .woocommerce div.product form.cart div.quantity {
         float: left;
         margin: 0 4px 0 0;
     }
     
     .quantity .qty {
         width: 57px;
         height: 53px;
         text-align: center;
         font-size: 18px;
     }
     
     .woocommerce div.product form.cart .button {
         vertical-align: middle;
         float: left;
     }
     
     .woocommerce div.product form.cart::after {
         clear: both;
     }
     
     .woocommerce div.product form.cart::after,
     .woocommerce div.product form.cart::before {
         content: " ";
         display: table;
     }
     
     .woocommerce-variation-add-to-cart.variations_button.woocommerce-variation-add-to-cart-disabled {
         display: flex;
         align-items: center;
         justify-content: start;
         gap: 30px;
     }
     
     .product-details {
         margin: 20px 0px;
         color: var(--sc);
     }
     
     form.variations_form.cart {
         border-top: 1px solid lavender;
     }
     
     button.single_add_to_cart_button.button.alt.disabled.wc-variation-selection-needed {
         padding: 13px 25px;
         background: var(--gradient1);
         color: #fff;
         font-weight: 600;
         border: 0;
         border-radius: 3px;
         font-size: 17px;
     }
     
     .woocommerce .product-details .price {
         font-size: 18px;
         font-weight: 900;
         color: var(--sc);
     }
     
     .product .woocommerce-product-details__rating {
         margin-bottom: 10px;
     }
     
     .product .woocommerce-product-details__rating>i {
         font-size: 20px;
         font-weight: 900;
         color: orangered;
     }
     
     .product .woocommerce-product-details__rating>span {
         margin-left: 15px;
         font-size: 15px;
         color: var(--sc);
         vertical-align: text-bottom;
         font-weight: 500;
     }
     
     .product_meta {
         margin-top: 20px;
         font-weight: 400;
         font-size: 17px;
     }
     
     .product_meta .sku_wrapper {
         color: var(--sc);
     }
     
     .product_meta span a {
         text-decoration: none;
         color: var(--sc);
         font-weight: 500;
         transition: 1s;
     }
     
     .product_meta span a:hover,
     .product_meta span a:focus-within {
         font-weight: 500;
         background: var(--gradient1);
         -webkit-background-clip: text;
         -webkit-text-fill-color: transparent;
     }
     
     #content div.product .woocommerce-tabs,
     div.product .woocommerce-tabs,
     .woocommerce-page #content div.product .woocommerce-tabs,
     .woocommerce-page div.product .woocommerce-tabs {
         clear: both;
         padding-top: 40px;
     }
     
     div.product .woocommerce-tabs ul.tabs {
         list-style: none;
         padding-left: 0;
         margin-bottom: 0;
         overflow: hidden;
         position: relative;
     }
     
     div.product .woocommerce-tabs ul.tabs::before {
         position: absolute;
         content: " ";
         width: 100%;
         bottom: 0;
         left: 0;
         border-bottom: 1px solid #d3ced2;
         z-index: 1;
     }
     
     .woocommerce-page div.product .woocommerce-tabs ul.tabs::before {
         content: " ";
         display: table;
     }
     
     #content div.product .woocommerce-tabs ul.tabs li,
     div.product .woocommerce-tabs ul.tabs li,
     .woocommerce-page #content div.product .woocommerce-tabs ul.tabs li,
     .woocommerce-page div.product .woocommerce-tabs ul.tabs li {
         display: inline-block;
     }
     
     .woocommerce div.product .woocommerce-tabs ul.tabs li {
         background: var(--dark-bg);
         color: #fff;
     }
     
     .woocommerce div.product .woocommerce-tabs ul.tabs {
         margin: 0;
         border-bottom: 0;
     }
     
     .woocommerce div.product .woocommerce-tabs ul.tabs li a,
     .woocommerce div.product .woocommerce-tabs ul.tabs li:hover a,
     .woocommerce div.product .woocommerce-tabs ul.tabs li:focus-within a {
         color: #fff;
     }
     
     div.product .woocommerce-tabs ul.tabs li.active {
         background: var(--gradient1) !important;
         color: #fff !important;
         z-index: 2;
         /* border-bottom-color: #fff; */
     }
     
     div.product .woocommerce-tabs ul.tabs li {
         border: 1px solid #d3ced2;
         background: var(--dark-bg);
         color: #fff;
         display: inline-block;
         position: relative;
         z-index: 0;
         margin: 0 -5px;
         padding: 4px 30px;
         transition: 0.3s;
         color: #fff;
     }
     
     div.product .woocommerce-tabs ul.tabs li:hover,
     div.product .woocommerce-tabs ul.tabs li:focus-within {
         background: var(--gradient1);
     }
     
     div.product .woocommerce-tabs ul.tabs li.active::before {
         box-shadow: 2px 2px 0 #fff;
     }
     
     div.product .woocommerce-tabs ul.tabs li::before {
         left: -5px;
         border-bottom-right-radius: 4px;
         border-width: 0 1px 1px 0;
         box-shadow: 2px 2px 0 #ebe9eb;
     }
     
     div.product .woocommerce-tabs ul.tabs li::before {
         border: 1px solid #d3ced2;
         position: absolute;
         bottom: -1px;
         width: 5px;
         height: 5px;
         content: " ";
         box-sizing: border-box;
     }
     
     div.product .woocommerce-tabs .panel div.product .woocommerce-tabs ul.tabs li.active a {
         color: inherit;
         text-shadow: inherit;
     }
     
     div.product .woocommerce-tabs ul.tabs li a {
         display: inline-block;
         padding: 0.5em 0;
         font-weight: 700;
         color: #fff;
         text-decoration: none;
     }
     
     div.product .woocommerce-tabs .panel {
         margin: 0 0 2em;
         padding: 30px !important;
         background: var(--dark-bg-2);
         border: 1px solid lightgray;
     }
     
     div.product .woocommerce-tabs .panel p {
         color: var(--sc);
     }
     
     div.product .woocommerce-tabs .panel p span a {
         color: var(--sc);
         transition: 1s;
     }
     
     div.product .woocommerce-tabs .panel p span a:hover,
     div.product .woocommerce-tabs .panel p span a:focus-within {
         color: var(--primary-color);
     }
     
     div.product .woocommerce-tabs .panel .woocommerce-Tabs-panel p {
         font-size: 16px;
         font-weight: 500;
     }
     
     .related h2 {
         color: var(--sc);
     }
     
     #reviews #comments h2 {
         clear: none;
         color: var(--sc);
     }
     
     #review_form #respond {
         position: static;
         margin: 0;
         width: auto;
         padding: 0;
         background: transparent none;
         border: 0;
     }
     
     #review_form #respond .comment-reply-title {
         color: var(--sc);
         display: block;
         margin-bottom: 10px;
     }
     
     #reviews #respond {
         margin: 0;
         border: 0;
         padding: 0;
     }
     
     .comment-respond {
         margin-top: 2.25rem;
     }
     
     #review_form #respond::before {
         content: " ";
         display: table;
     }
     
     .comment-form {
         display: flex;
         flex-wrap: wrap;
         justify-content: flex-start;
         align-items: center;
     }
     
     .comment-form .comment-notes span {
         color: var(--sc);
     }
     
     .comment-form>p:not(:last-child) {
         margin-bottom: 30px;
     }
     
     #review_form #respond textarea {
         box-sizing: border-box;
         width: 100%;
     }
     
     #reviews #comment {
         height: 75px;
     }
     
     textarea {
         height: 75px;
         overflow: auto;
         resize: vertical;
     }
     
     #review_form #respond .form-submit input {
         left: auto;
         padding: 12px 50px;
         background: var(--gradient1);
         font-size: 16px;
         font-weight: 700;
         color: #fff;
         border-radius: 5px;
         transition: 0.3s;
         border: 0;
     }
     
     #review_form #respond .form-submit input:hover,
     #review_form #respond .form-submit input:focus-within {
         background: var(--gradient1);
         color: #fff;
     }
     
     ul.storely_magnifier_gallery {
         display: flex;
         align-items: start;
         justify-content: start;
         list-style: none;
         padding-left: 0;
     }
     
     li.storely_magnifier_thumbnail.first.active-thumbnail {
         background: #f5f5f5;
         padding: 5px;
         display: flex;
         align-items: center;
         justify-content: center;
     }
     
     a.storely_magnifier_thumbnail.first.active-thumbnail {
         display: block;
         width: 62px;
     }
     
     .thumbnails {
         position: relative;
     }
     
     .thumbnails .owl-nav {
         position: absolute;
         top: 50%;
         left: 50%;
         transform: translate(-50%, -50%);
         display: flex;
         align-items: center;
         width: 100%;
         justify-content: space-between;
     }
     
     .thumbnails .owl-nav span {
         font-size: 24px;
         background: var(--dark-bg);
         color: white;
         display: block;
         width: 17px;
         height: 22px;
         line-height: 16px;
         padding: 0px;
         transition: 0.3s;
     }
     
     .thumbnails .owl-nav span:hover,
     .thumbnails .owl-nav span:focus-within {
         background: var(--gradient1);
     }
     
     ul.storely_magnifier_gallery.thumbnails-carousel.owl-carousel.owl-loaded.owl-drag {
         margin-bottom: 40px;
     }
     
     .woocommerce p.stars a {
         position: relative;
         height: 1em;
         width: 1em;
         text-indent: -999em;
         display: inline-block;
         text-decoration: none;
     }
     
     .woocommerce p.stars a::before {
         display: block;
         position: absolute;
         top: 0;
         left: 0;
         width: 1em;
         height: 1em;
         line-height: 1;
         font-family: WooCommerce;
         content: "\e021";
         text-indent: 0;
     }
     
     .comment-form-cookies-consent {
         width: 100%;
         display: flex;
         align-items: center;
         /* justify-content: center; */
         gap: 22px;
     }
     /* .comment-form .comment-form-rating {
        margin-left: 40px;
    }
     */
     
     input#mail {
         width: 73%;
         background: transparent;
         border: 1px solid #fff;
         border-radius: 6px;
         padding: 0px 14px;
         color: #fff;
     }
     
     @media (max-width: 576px) {
         .woocommerce-variation-add-to-cart.variations_button.woocommerce-variation-add-to-cart-disabled {
             display: block;
         }
         .button.single_add_to_cart_button.button.alt.disabled.wc-variation-selection-needed {
             margin-top: 20px;
         }
         div.product div.summary,
         .woocommerce-page div.product div.summary {
             float: none;
             width: 100%;
         }
         div.product div.images,
         .woocommerce-page #content div.product div.images,
         .woocommerce-page div.product div.images {
             float: none;
             width: 100%;
         }
         section.related.products {
             margin-top: 20px;
         }
     }
     
     .footer i.fa.fa-lightbulb-o {
         font-size: 85px;
         margin-right: 22px;
         transition: 1s;
         color: var(--sc);
     }
     
     .footer i.fa.fa-lightbulb-o {
         animation: float2 4s infinite linear;
         background: var(--gradient1);
         -webkit-background-clip: text;
         background-clip: text;
         -webkit-text-fill-color: var(--gradient1);
     }
     
     @keyframes float2 {
         0% {
             transform: translatey(0px);
         }
         50% {
             transform: translatey(-10px);
         }
         100% {
             transform: translatey(0px);
         }
     }
     
     .faq-heading {
         position: relative;
     }
     
     .faq-heading img {
         width: 85px;
         position: absolute;
         top: 0;
         right: 0;
     }
     
     @media (max-width: 375px) {
         form.av-mail-form div {
             width: 100%;
             display: block;
         }
         form.av-mail-form input#mail\ {
             width: 100% !important;
             padding: 10px;
         }
         button.av-btn.av-btn-primary.av-submit {
             width: 100%;
             cursor: pointer;
             margin-top: 20px;
         }
     }
     /* ========================== Cart Page ===========================================  */
     
     .cart-section {
         padding: 80px 0;
     }
     
     table th.product-remove,
     .product-thumbnail,
     .product-name,
     .product-price,
     .product-quantity,
     .product-subtotal {
         border-right: none;
     }
     
     table td.product-remove,
     .product-thumbnail,
     .product-name,
     .product-price,
     .product-quantity,
     .product-subtotal {
         border: none;
         padding: 25px;
     }
     
     table.shop_table.shop_table_responsive.cart.woocommerce-cart-form__contents {
         border: none;
         background: transparent;
         display: inline-table;
     }
     
     td.actions {
         border: none;
     }
     
     a.remove {
         display: block;
         text-align: left;
         width: 30px;
         height: 30px;
         background: black;
         display: flex;
         align-items: center;
         color: #fff;
         justify-content: center;
         line-height: 30px;
         text-decoration: none;
         border-radius: 50%;
         font-size: 25px;
         transition: 0.3s;
     }
     
     a.remove:hover,
     a.remove:focus-within {
         background: var(--gradient1);
         transform: rotate(90deg);
     }
     
     .cart-section a {
         text-decoration: none;
     }
     
     .cart .cart_item {
         border-bottom: 1px solid #f5f5f5;
         background: var(--dark-bg-2);
     }
     
     .cart-section table th {
         background: var(--primary-color);
     }
     
     .woocommerce table.cart td.actions,
     .woocommerce-page #content table.cart td.actions,
     .woocommerce-page table.cart td.actions {
         text-align: right;
         background: var(--bg-color);
         padding-top: 30px;
     }
     
     .woocommerce table.cart td.actions .coupon,
     .woocommerce-page #content table.cart td.actions .coupon,
     .woocommerce-page table.cart td.actions .coupon {
         float: left;
     }
     
     .woocommerce-page.woocommerce-cart #content table.cart td.actions .coupon input.input-text[type="text"] {
         padding: 7px 6px 6px;
         width: 100%;
         max-width: 180px;
     }
     
     .woocommerce table.cart td.actions .input-text,
     .woocommerce-page #content table.cart td.actions .input-text,
     .woocommerce-page table.cart td.actions .input-text {
         width: 208px;
         padding: 12px;
         border: none;
         font-size: 17px;
         background: #f4f4f4;
         font-weight: 500;
         margin-right: 10px;
         outline: none;
         border-radius: 6px;
     }
     
     #add_payment_method table.cart td.actions .coupon .input-text,
     .woocommerce-cart table.cart td.actions .coupon .input-text,
     .woocommerce-checkout table.cart td.actions .coupon .input-text {
         float: left;
         box-sizing: border-box;
         border: 1px solid #d3ced2;
         padding: 6px 6px 5px;
         margin: 0 4px 0 0;
         outline: 0;
     }
     
     .woocommerce .cart .button,
     .woocommerce .cart input.button {
         background: var(--heading-color) !important;
         color: #fff !important;
         padding: 12px 20px;
         border-radius: 5px;
         border: none;
         font-weight: 500;
         transition: 0.3s;
         cursor: pointer;
     }
     
     .woocommerce .cart-collaterals,
     .woocommerce-page .cart-collaterals {
         width: 100%;
         display: flex;
         align-items: center;
         padding-top: 35px;
         justify-content: space-between;
     }
     
     .woocommerce-cart .cart-collaterals {
         padding-top: 30px;
         justify-content: flex-end;
     }
     
     .woocommerce .cart-collaterals .cart_totals,
     .woocommerce-page .cart-collaterals .cart_totals {
         float: right;
         width: 55%;
         margin-top: -50px;
     }
     
     .woocommerce .cart-collaterals .cart_totals h2 {
         color: var(--sc);
     }
     
     .woocommerce-cart .cart-collaterals .cart_totals table,
     .woocommerce-checkout .cart-collaterals .cart_totals table {
         border-collapse: separate;
         margin: 0 0 6px;
         padding: 0;
     }
     
     .woocommerce table.shop_table {
         border: 1px solid rgba(0, 0, 0, 0.1);
         margin: 0 -1px 24px 0;
         text-align: left;
         width: 100%;
         border-radius: 5px;
         /* display: inline-block; */
     }
     
     .woocommerce table.shop_table .woocommerce-Price-amount {
         color: var(--heading-color);
     }
     
     .woocommerce table.cart .woocommerce-Price-amount {
         color: var(--sc);
     }
     
     .woocommerce-cart .wc-proceed-to-checkout,
     .woocommerce-checkout .wc-proceed-to-checkout {
         padding: 1em;
     }
     
     .cart-section div.product {
         float: left;
     }
     
     .cart-section div.product .product-single {
         margin-bottom: 0;
     }
     
     tr.cart-subtotal th {
         background: #f4f4f4;
         color: var(--heading-color);
         border-right: none;
     }
     
     tr.order-total th {
         background: #f4f4f4;
         color: var(--heading-color);
         border-right: none;
     }
     
     .cart-section tr td {
         border: none;
         font-weight: 400;
         color: var(--sc);
     }
     
     .shop_table_responsive {
         border: none;
         padding: 25px;
         background: #f4f4f4;
         margin-bottom: 30px;
     }
     
     .woocommerce-Price-amount {
         color: var(--sc);
     }
     
     .cart {
         padding: 0;
     }
     
     a.checkout-button.button.alt.wc-forward {
         float: none;
         background: var(--dark-bg);
         color: #fff;
         padding: 15px 25px;
         border-radius: 5px;
         border: none;
         font-weight: 500;
         margin-top: 20px;
         text-decoration: none;
         transition: 0.3s;
     }
     
     a.checkout-button.button.alt.wc-forward:hover,
     a.checkout-button.button.alt.wc-forward:focus-within {
         background: var(--gradient1);
     }
     
     .cart-section tr td:hover,
     .cart-section tr td:focus-within {
         color: var(--primary-color);
     }
     
     @media (max-width: 992px) {
         .woocommerce .cart-collaterals,
         .woocommerce-page .cart-collaterals {
             width: 100%;
             display: block;
         }
         .cart-section div.product {
             width: 30%;
             float: left;
         }
         .woocommerce .cart-collaterals .cart_totals,
         .woocommerce-page .cart-collaterals .cart_totals {
             float: right;
             width: 55%;
             margin-top: 30px;
         }
     }
     
     @media (max-width: 768px) {
         .cart-section div.product {
             width: 100%;
             float: none;
         }
         .woocommerce .cart-collaterals .cart_totals,
         .woocommerce-page .cart-collaterals .cart_totals {
             float: none;
             width: 55%;
             margin-top: 30px;
         }
         .woocommerce .cart-collaterals .cart_totals,
         .woocommerce-page .cart-collaterals .cart_totals {
             float: none;
             width: 100%;
             margin-top: 30px;
         }
         .update_cart {
             float: left;
             display: block;
             /* margin: 0px; */
         }
         .woocommerce table.shop_table_responsive tr td,
         .woocommerce-page table.shop_table_responsive tr td {
             display: block;
             text-align: right !important;
             border: 1px solid #f4f4f4;
             padding: 10px;
             transition: 0.3s;
         }
         .woocommerce table.shop_table_responsive thead {
             display: none;
         }
         .woocommerce table.shop_table_responsive tr td::before {
             content: attr(data-title) " ";
             font-weight: 700;
             float: left;
         }
         .cart-section tr td {
             display: block;
             text-align: right !important;
         }
         .woocommerce table.cart .product-thumbnail,
         .woocommerce-page #content table.cart .product-thumbnail,
         .woocommerce-page table.cart .product-thumbnail {
             display: none;
         }
         td.product-subtotal {
             margin-bottom: 15px;
         }
         .woocommerce .cart-collaterals .cart_totals table span {
             color: var(--heading-color);
         }
         .woocommerce table.cart td.actions {
             text-align: right;
             padding-top: 29px;
             margin-top: 0px;
             border: none;
         }
         .woocommerce table.shop_table_responsive:nth-child(2) tr td::before {
             content: "";
         }
         .shop_table_responsive {
             border: none;
             padding: 20px;
         }
         .cart .apply_coupon {
             display: block;
             margin-top: 10px;
             margin-bottom: 10px;
         }
         .woocommerce table.shop_table_responsive tr td.product-remove {
             border-top: 2px solid grey;
         }
     }
     
     .woocommerce table.shop_table_responsive tr td a {
         color: var(--heading-color);
     }
     
     .woocommerce tr td a.remove {
         color: #fff !important;
     }
     
     .woocommerce tr td a.remove:hover,
     .woocommerce tr td a.remove:focus-within {
         color: #fff;
         background: var(--gradient1);
     }
     /* ========================== Cart Page ===========================================  */
     /* ========================== Checkout Page ===========================================  */
     
     .checkout-section {
         padding: 80px 0;
     }
     
     p.woocommerce-notice.woocommerce-notice--success,
     div.woocommerce-info,
     p.woocommerce-info,
     li.woocommerce-info {
         border-color: var(--sp-primary);
         background: var(--dark-bg-2);
         box-shadow: 0 6px 25px -5px rgb(0 0 0 / 12%);
     }
     
     .woocommerce-info {
         border-top-color: #1e85be;
         font-size: 17px;
         font-weight: 600;
     }
     
     div.woocommerce-info a {
         color: var(--primary-color);
         font-weight: 500;
         text-decoration: none;
     }
     
     div.woocommerce-info a:hover,
     div.woocommerce-info a:focus-within {
         color: var(--primary-color);
     }
     
     .woocommerce-error,
     .woocommerce-info,
     .woocommerce-message {
         padding: 1em 2em 1em 3.5em;
         margin: 0 0 2em;
         position: relative;
         background: #f7f6f7;
         color: #515151;
         border-top: 3px solid #a46497;
         list-style: none outside;
         width: auto;
         word-wrap: break-word;
     }
     
     div.woocommerce-info:before,
     p.woocommerce-info:before {
         color: var(--primary-color);
     }
     
     .woocommerce-info::before {
         color: #1e85be;
     }
     
     .woocommerce-error::before,
     .woocommerce-info::before,
     .woocommerce-message::before {
         font-family: WooCommerce;
         content: "\e028";
         display: inline-block;
         position: absolute;
         top: 1em;
         left: 1.5em;
     }
     
     .woocommerce-error::after,
     .woocommerce-error::before,
     .woocommerce-info::after,
     .woocommerce-info::before,
     .woocommerce-message::after,
     .woocommerce-message::before {
         content: " ";
         display: table;
     }
     
     .woocommerce-info::after,
     .woocommerce-message::after {
         clear: both;
     }
     
     form.checkout_coupon,
     form.login,
     form.register {
         border: 1px solid #d3ced2;
         padding: 20px;
         margin: 2em 0;
         text-align: left;
         border-radius: 5px;
     }
     
     form p.form-row {
         margin: 0 0 10px;
     }
     
     form .form-row {
         padding: 3px;
         margin: 0 0 6px;
     }
     
     form .form-row-first,
     .woocommerce-page form .form-row-first {
         float: left;
     }
     
     form .form-row-first,
     form .form-row-last,
     .woocommerce-page form .form-row-first,
     .woocommerce-page form .form-row-last {
         width: 47%;
         overflow: visible;
     }
     
     form .form-row input.input-text {
         box-sizing: border-box;
         width: 100%;
         margin: 0;
         font-size: 16px;
         outline: 0;
         line-height: normal;
         padding: 15px;
         border: 1px solid lightgrey;
         font-weight: 500;
         background: var(--dark-bg-2);
         color: var(--sc);
     }
     
     form .form-row .input-text,
     .woocommerce-page form .form-row .input-text {
         box-sizing: border-box;
         width: 100%;
     }
     
     textarea#order_comments {
         height: 150px;
         padding: 10px;
         border: 1px solid lightgray;
         outline: none;
     }
     
     form p.form-row {
         margin: 0 0 10px;
     }
     
     .woocommerce-Reviews #comments p {
         color: var(--sc);
     }
     
     form .form-row {
         padding: 3px;
         margin: 0 0 6px;
     }
     
     form .form-row-last,
     .woocommerce-page form .form-row-last {
         float: right;
     }
     
     form .form-row-first,
     form .form-row-last,
     .woocommerce-page form .form-row-first,
     .woocommerce-page form .form-row-last {
         width: 47%;
         overflow: visible;
     }
     
     .col2-set,
     .woocommerce-page .col2-set {
         width: 100%;
         padding-top: 30px;
     }
     
     .col2-set div.col-1,
     .woocommerce-page .col2-set div.col-1 {
         width: 48%;
         max-width: 100%;
     }
     
     .col2-set .col-1,
     .woocommerce-page .col2-set .col-1 {
         float: left;
         width: 48%;
     }
     
     select#billing_country {
         padding: 15px;
         width: 100%;
         margin-bottom: -15px;
         border: 1px solid lightgrey;
         font-size: 16px;
         font-weight: 400;
         background: var(--dark-bg-2);
         color: var(--sc);
     }
     
     select#billing_country.focus {
         border: 2px solid red;
     }
     
     form .form-row-first,
     form .form-row-last,
     .woocommerce-page form .form-row-first,
     .woocommerce-page form .form-row-last {
         width: 47%;
         overflow: visible;
     }
     
     form .form-row label {
         line-height: 2;
     }
     
     .woocommerce form .form-row label,
     .woocommerce-page form .form-row label {
         display: block;
     }
     
     .woocommerce-checkout div#payment.woocommerce-checkout-payment {
         background: var(--dark-bg-2);
         box-shadow: 0 3px 30px -6px rgb(0 0 0 / 15%);
     }
     
     #add_payment_method #payment,
     .woocommerce-cart #payment,
     .woocommerce-checkout #payment {
         background: #ebe9eb;
         border-radius: 5px;
     }
     
     .woocommerce-checkout #payment ul.payment_methods {
         text-align: left;
         padding: 1em;
         border-bottom: 1px solid #d3ced2;
         margin: 0;
         list-style: none outside;
     }
     
     .woocommerce-checkout #payment ul.payment_methods li {
         line-height: 2;
         text-align: left;
         margin: 0;
         font-weight: 400;
     }
     
     .woocommerce-checkout-review-order li {
         position: relative;
     }
     
     p.woocommerce-notice.woocommerce-notice--success,
     div.woocommerce-info,
     p.woocommerce-info,
     li.woocommerce-info {
         border-color: var(--primary-color);
         background: var(--dark-bg-2);
         box-shadow: 0 6px 25px -5px rgb(0 0 0 / 12%);
         color: var(--sc);
     }
     
     .woocommerce-info {
         border-top-color: #1e85be;
     }
     
     .woocommerce-error,
     .woocommerce-info,
     .woocommerce-message {
         padding: 1em 2em 1em 3.5em;
         margin: 0 0 2em;
         position: relative;
         background: #f7f6f7;
         color: #515151;
         border-top: 3px solid #a46497;
         list-style: none outside;
         width: auto;
         word-wrap: break-word;
     }
     
     .woocommerce-error::before,
     .woocommerce-info::before,
     .woocommerce-message::before {
         font-family: fontawesome;
         content: "\f2d0";
         display: inline-block;
         position: absolute;
         top: 1em;
         left: 1.5em;
         color: var(--primary-color);
     }
     
     .checkout-section .coupon {
         background: var(--dark-bg-2);
         padding: 40px;
         border: 1px solid lightgrey;
     }
     
     .checkout-section .coupon>h5 {
         font-size: 17px;
         font-weight: 500;
         color: var(--sc);
     }
     
     .checkout-section input::placeholder {
         color: var(--sc);
     }
     
     .checkout-section input#coupon_code {
         width: 100%;
         padding: 10px;
         outline: none;
         border: 1px solid lightgray;
         background: var(--dark-bg-2);
         margin-right: 10px;
         color: var(--sc);
     }
     
     .checkout-section button.button.apply_coupon {
         padding: 11px 17px;
         border: 0;
         background: var(--gradient1);
         border-radius: 5px;
         color: #fff;
         font-weight: 700;
     }
     
     .woocommerce .col2-set div.col-2,
     .woocommerce-page .col2-set div.col-2,
     .woocommerce .col2-set div.col-1,
     .woocommerce-page .col2-set div.col-1 {
         width: 48%;
         max-width: 100%;
     }
     
     .woocommerce .col2-set .col-2,
     .woocommerce-page .col2-set .col-2 {
         float: right;
         width: 48%;
     }
     
     .checkout-section tr th {
         background: var(--dark-bg-2);
         color: var(--sc);
         border-bottom: 1px solid lightgrey;
         border-right: 0;
         padding: 25px;
     }
     
     h3#order_review_heading {
         color: var(--sc);
     }
     
     .checkout-section td {
         background: var(--dark-bg-2);
         border-bottom: 1px solid lightgrey;
         border-left: 0;
         font-weight: 600;
         padding: 25px;
         color: var(--sc);
     }
     
     ul.wc_payment_methods.payment_methods.methods {
         padding-left: 0;
     }
     
     .checkout-section .woocommerce-privacy-policy-text p {
         font-size: 17px;
         font-weight: 600;
     }
     
     .checkout-section a.woocommerce-privacy-policy-link {
         text-decoration: none;
         color: var(--primary-color);
     }
     
     .woocommerce-billing-fields h3 {
         color: var(--sc);
     }
     
     .woocommerce-additional-fields h3 {
         color: var(--sc);
     }
     
     .checkout-section button#place_order {
         background: var(--gradient1);
         font-size: 17px;
         color: #fff;
         padding: 11px 30px;
         border-radius: 5px;
         border: none;
         font-weight: 600;
         margin-top: 20px;
         text-decoration: none;
         transition: 0.3s;
     }
     
     .checkout-section button#place_order:hover,
     .checkout-section button#place_order:focus-within {
         /* background: var(--gradient1);*/
         color: #fff;
     }
     
     @media (max-width: 575px) {
         .woocommerce .col2-set div.col-2,
         .woocommerce-page .col2-set div.col-2,
         .woocommerce .col2-set div.col-1,
         .woocommerce-page .col2-set div.col-1 {
             width: 100%;
             max-width: 100%;
         }
         .woocommerce-additional-fields h3 {
             margin: 6px;
             padding-top: 20px;
         }
     }
     
     @media (max-width: 420px) {
         .checkout-section input#coupon_code {
             width: 100%;
             margin-bottom: 10px;
         }
     }
     /* ========================== Checkout Page ===========================================  */
     /* ========================== My Account Page ===========================================  */
     
     .account-section {
         padding: 80px 0;
     }
     
     .woocommerce-notices-wrapper h2 {
         font-size: 35px;
         font-weight: bold;
         color: var(--sc);
         /* margin: 10px auto; */
         text-align: center;
     }
     
     .woocommerce form.checkout_coupon,
     .woocommerce form.login,
     .woocommerce form.register {
         border: 1px solid #d3ced2;
         padding: 20px;
         margin: 0 auto;
         text-align: left;
         border-radius: 5px;
         max-width: 600px;
         width: 100%;
     }
     
     .account-section button.woocommerce-form-register__submit {
         background: var(--gradient1);
         color: #fff;
     }
     
     .woocommerce form p.form-row {
         margin: 0 0 10px;
     }
     
     .account-section .signin-form h2 {
         font-size: 35px;
         font-weight: bold;
         color: var(--sc);
         /* margin: 10px auto; */
         text-align: center;
     }
     
     .checkout-section .woocommerce-privacy-policy-text p {
         padding: 22px;
         box-shadow: 0;
         color: var(--sc);
     }
     
     .woocommerce form .form-row {
         padding: 3px;
         margin: 0 0 6px;
     }
     
     .woocommerce form .form-row-wide,
     .woocommerce-page form .form-row-wide {
         clear: both;
     }
     
     .woocommerce form .form-row label {
         line-height: 2;
     }
     
     .woocommerce form .form-row label,
     .woocommerce-page form .form-row label {
         display: block;
     }
     
     .woocommerce form .form-row input.input-text,
     .woocommerce form .form-row textarea {
         box-sizing: border-box;
         width: 100%;
         margin: 0;
         outline: 0;
         line-height: normal;
         color: var(--sc);
     }
     
     .woocommerce form .form-row input::placeholder {
         color: var(--sc);
     }
     
     .woocommerce form .form-row textarea::placeholder {
         color: var(--sc);
     }
     
     .woocommerce form .form-row .input-text,
     .woocommerce-page form .form-row .input-text {
         box-sizing: border-box;
         width: 100%;
     }
     
     .woocommerce form .password-input,
     .woocommerce-page form .password-input {
         display: flex;
         flex-direction: column;
         justify-content: center;
         position: relative;
     }
     
     .woocommerce form .form-row input.input-text,
     .woocommerce form .form-row textarea {
         box-sizing: border-box;
         width: 100%;
         margin: 0;
         outline: 0;
         line-height: normal;
         background: var(--dark-bg-2);
     }
     
     .woocommerce form .password-input input[type="password"],
     .woocommerce-page form .password-input input[type="password"] {
         padding-right: 2.5rem;
     }
     
     .woocommerce form .form-row .input-text,
     .woocommerce-page form .form-row .input-text {
         box-sizing: border-box;
         width: 100%;
     }
     
     .woocommerce form .show-password-input,
     .woocommerce-page form .show-password-input {
         position: absolute;
         right: 0.7em;
         top: 0.7em;
         cursor: pointer;
     }
     
     .woocommerce form .show-password-input::after,
     .woocommerce-page form .show-password-input::after {
         font-family: fontawesome;
         font-weight: 400;
         font-variant: normal;
         text-transform: none;
         line-height: 31px;
         -webkit-font-smoothing: antialiased;
         margin-left: 0.618em;
         content: "\f06e";
         text-decoration: none;
         color: var(--sc);
         font-size: 17px;
     }
     
     .woocommerce .woocommerce-form-login .woocommerce-form-login__rememberme {
         display: inline-block;
     }
     
     .woocommerce form .form-row label {
         line-height: 2;
     }
     
     .woocommerce form .form-row label,
     .woocommerce-page form .form-row label {
         display: block;
     }
     
     .woocommerce .woocommerce-form-login .woocommerce-form-login__submit {
         float: left;
         margin-right: 1em;
         width: 130px;
     }
     
     .woocommerce .woocommerce-form-login .woocommerce-form-login__submit:focus {
         color: #fff;
     }
     
     .woocommerce form p.form-row {
         margin: 0 0 10px;
     }
     
     .woocommerce form .form-row {
         padding: 3px;
         margin: 0 0 6px;
         margin-top: 0px;
         margin-right: 0px;
         margin-bottom: 6px;
         margin-left: 0px;
     }
     
     p.woocommerce-LostPassword.lost_password {
         text-align: left;
         margin: 5px;
         margin-left: 0;
     }
     
     p.woocommerce-LostPassword.lost_password a {
         font-size: 16px;
         font-weight: 600;
         text-decoration: none;
         color: var(--sc)
     }
     
     .checkout-section input#rememberme {
         width: 10px;
         border: 2px solid var(--primary-color);
         background: #fff;
         color: #555;
         clear: none;
         cursor: pointer;
         display: inline-block;
         line-height: 0;
         height: 20px;
         margin: -3px 3px 0 0;
         outline: 0;
         padding: 0;
         text-align: center;
         vertical-align: middle;
         width: 20px !important;
         max-width: 20px;
     }
     
     label.woocommerce-form__label.woocommerce-form__label-for-checkbox.woocommerce-form-login__rememberme {
         line-height: 49px;
         margin-top: 0px;
         font-weight: 500;
     }
     
     .woocommerce form .form-row .required {
         color: red;
         font-weight: 700;
         border: 0 !important;
         text-decoration: none;
         visibility: hidden;
     }
     
     p.woocommerce-LostPassword.lost_password a:hover,
     p.woocommerce-LostPassword.lost_password a:focus-within {
         color: var(--primary-color);
     }
     
     .woocommerce form .form-row label {
         line-height: 2;
         font-weight: bold;
         color: var(--sc);
     }
     
     .woocommerce form .form-row-wide,
     .woocommerce-page form .form-row-wide {
         clear: both;
     }
     
     @media (max-width: 347px) {
         p.woocommerce-LostPassword.lost_password {
             text-align: left;
             margin-top: 60px;
             margin-left: 0;
         }
     }
     /* ========================== My Account Page ===========================================  */
     /* ========================== 404 Page ===========================================  */
     
     .error-section {
         padding: 80px 0;
     }
     
     .text-404 h1 {
         display: inline-flex;
         max-width: 916px;
         font-weight: 900;
         background: var(--gradient1);
         -webkit-background-clip: text;
         background-clip: text;
         -webkit-text-fill-color: transparent;
     }
     
     .text-404>a {
         background: var(--gradient1);
         color: #fff;
         text-decoration: none;
     }
     
     .text-404 h1 {
         font-size: 515px;
         line-height: 0.8;
     }
     
     .text-404 {
         text-align: center;
     }
     
     .text-404 p {
         color: var(--sc);
         font-weight: 500;
         font-size: 16px;
     }
     
     .text-404 h2 {
         font-size: 40px;
         font-weight: 900;
         color: var(--sc);
     }
     
     .text-404 h1>span {
         animation: float 4s infinite linear;
         background: var(--gradient1);
         -webkit-background-clip: text;
         -webkit-text-fill-color: transparent;
         display: block;
         filter: drop-shadow(0px 7px 6px lightgrey);
     }
     
     .text-404 div {
         font-weight: 600;
         margin-top: 28px;
         color: var(--sc);
         font-size: 50px;
         line-height: 52px;
         margin-bottom: 20px;
     }
     
     @media (max-width: 991px) {
         .text-404 h1 {
             font-size: 350px;
         }
     }
     
     @media (max-width: 767px) {
         .text-404 h1 {
             font-size: 310px;
         }
     }
     
     @media (max-width: 699px) {
         .text-404 h1 {
             font-size: 250px;
         }
     }
     
     @media (max-width: 540px) {
         .text-404 h1 {
             font-size: 150px;
         }
     }
     /* ========================== 404 Page ===========================================  */
     
     .contact-section {
         padding: 80px 0;
     }
     
     .contact-section .contact-box {
         padding: 30px 20px;
         box-shadow: rgb(149 157 165 / 20%) 0px 8px 24px;
         border-radius: 6px;
         background: var(--dark-bg-2);
         position: relative;
         z-index: 1;
     }
     
     .contact-section .contact-box::after {
         content: '';
         position: absolute;
         width: 100%;
         height: 100%;
         border-radius: 4px;
         background: var(--gradient1);
         bottom: -5px;
         left: 0;
         transform-origin: right;
         transform: scaleX(0);
         transition: transform .3s ease-in-out;
         z-index: -1;
     }
     
     .contact-section .contact-box:hover::after,
     .contact-section .contact-box:focus-within::after {
         transform-origin: left;
         transform: scaleX(1);
     }
     
     .contact-section .contact-box:hover h3,
     .contact-section .contact-box:focus-within h3 {
         color: #fff;
     }
     
     .contact-section .contact-box:hover span,
     .contact-section .contact-box:focus-within span {
         color: #fff;
     }
     
     .contact-section .contact-box:hover span.view,
     .contact-section .contact-box:focus-within span.view {
         color: #fff;
     }
     
     .contact-section .contact-box:hover .contact-area>.contact-info,
     .contact-section .contact-box:focus-within .contact-area>.contact-info {
         animation: flipInY 1s linear;
     }
     
     .contact-section .contact-box:hover .contact-area>.contact-icon,
     .contact-section .contact-box:focus-within .contact-area>.contact-icon {
         animation: flipInX 1s linear;
     }
     
     .contact-section .contact-box .contact-area .contact-info {
         text-decoration: none;
         display: flex;
         align-items: center;
         justify-content: center;
         flex-direction: column;
         text-align: left;
     }
     /* ========================== 404 Page ===========================================  */
     /* =========================== Contact Page ======================================== */
     
     section.contact-form {
         margin-top: -100px;
         padding-bottom: 80px;
     }
     
     .contact-section {
         padding: 80px 0;
     }
     
     .contact-section .contact-icon svg {
         fill: var(--primary-color);
     }
     
     .contact-section .contact-info:hover .contact-icon svg,
     .contact-section .contact-info:focus-within .contact-icon svg {
         transition: 0.3s;
         fill: var(--primary-color-2);
     }
     
     .contact-section .contact-info .contact-icon {
         float: left;
         display: block;
         font-size: 40px;
         background: #fff;
         border-radius: 50%;
         width: 100px;
         color: var(--primary-color);
         height: 100px;
         line-height: 88px;
         text-align: center;
         margin-right: 20px;
         box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
         transition: 0.3s;
     }
     
     .contact-section .contact-info:hover .contact-icon,
     .contact-section .contact-info:focus-within .contact-icon {
         background: #fff;
         color: var(--primary-color-2);
         animation: tada 2s infinite linear;
     }
     
     .contact-section .contact-info .title {
         margin-bottom: 10px;
     }
     
     .contact-section .contact-info .title>a {
         font-size: 24px;
         font-weight: 700;
         color: var(--sc);
         text-decoration: none;
     }
     
     .contact-section .contact-box:hover .contact-info .title>a,
     .contact-section .contact-box:focus-within .contact-info .title>a {
         color: #fff;
     }
     
     .contact-section .contact-info span {
         font-weight: 500;
         text-align: center;
         color: var(--sc);
         font-size: 16px;
     }
     
     div#map-container-google-2 {
         max-width: 100%;
         width: 100%;
         height: 100%;
     }
     
     iframe.map {
         max-width: 100%;
         width: 100%;
         height: 100%;
         -webkit-filter: grayscale(90%);
         filter: grayscale(100%);
     }
     
     .map-section {
         overflow: hidden;
     }
     
     .contact-form .woocommerce-form-row {
         margin: 0;
         padding: 0;
     }
     
     .contact-form form .form-row #username {
         display: block;
         width: 49%;
         float: left;
         border: 1px solid lightgray;
         margin-bottom: 30px;
         box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
         border-radius: 5px;
         background: var(--dark-bg-2);
         color: var(--sc);
     }
     
     .contact-form form .form-row #email {
         display: block;
         width: 49%;
         border: 1px solid lightgray;
         background: var(--dark-bg-2);
         color: var(--sc);
         float: right;
         margin-bottom: 30px;
         box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
         border-radius: 5px;
     }
     
     .contact-form .form-row .input-text {
         border: 1px solid lightgray;
         box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
         border-radius: 5px;
     }
     
     .contact-form .form-row .input::placeholder {
         color: lightgray;
     }
     
     .contact-form textarea#order_comments {
         border: 1px solid lightgray;
         box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
         border-radius: 5px;
         padding: 15px;
         outline: none;
         height: 180px;
         background: var(--dark-bg-2);
         color: var(--sc);
     }
     
     .contact-form textarea::placeholder {
         color: var(--sc);
     }
     
     .contact-form .woocommerce-form {
         padding: 40px;
         box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
         border: 1px solid lightgray;
         background: var(--dark-bg-2);
     }
     
     .contact-form button.woocommerce-button.hover-btn.border.button.woocommerce-form-send {
         width: 180px;
         height: 60px;
         color: var(--sc);
     }
     
     .contact-form button.woocommerce-button.hover-btn.border.button.woocommerce-form-send:hover {
         color: #fff;
     }
     
     .contact-form button.woocommerce-button.hover-btn.border.button.woocommerce-form-send:focus {
         color: #fff;
     }
     
     .contact-form p#comments_field {
         margin: 0 auto;
         display: flex;
         align-items: center;
         margin-top: 24px;
         justify-content: center;
     }
     /*==================== Contact Page Contact Form ============*/
     
     .contactform {
         padding: 40px;
         box-shadow: rgb(149 157 165 / 20%) 0px 8px 24px;
         border: 1px solid lightgray;
         background: var(--dark-bg-2);
         border-radius: 6px;
         outline: none;
         z-index: 0;
         position: relative;
     }
     
     .contact-form h2.form-title {
         text-align: center;
         font-weight: bold;
         color: var(--sc);
         font-size: 32px;
         padding-top: 25px;
         margin-bottom: 10px;
     }
     
     .contact-form form input.wpcf7-form-control.wpcf7-text {
         display: block;
         width: 49%;
         border: 1px solid lightgray;
         background: var(--dark-bg-2);
         color: var(--sc);
         float: left;
         /* margin-bottom: 30px; */
         box-shadow: rgb(149 157 165 / 20%) 0px 8px 24px;
         border-radius: 5px;
         outline: none;
     }
     
     .contact-form .form-row label {
         display: block;
         margin: 0;
         line-height: 0;
     }
     
     .contact-form form input.wpcf7-form-control.wpcf7-text.wpcf7-email.wpcf7-validates-as-required.wpcf7-validates-as-email {
         display: block;
         width: 49%;
         border: 1px solid lightgray;
         background: var(--dark-bg-2);
         color: var(--sc);
         float: right;
         box-shadow: rgb(149 157 165 / 20%) 0px 8px 24px;
         border-radius: 5px;
         outline: none;
     }
     
     .contact-form form p::nth-child(3) label span input {
         width: 100%;
     }
     
     .contact-form form input {
         box-sizing: border-box;
         margin: 0;
         font-size: 16px;
         outline: 0;
         line-height: normal;
         padding: 15px;
         outline: none;
         border: 1px solid lightgrey;
         font-weight: 500;
         margin: 0 auto;
         display: block;
     }
     
     .contact-form .wpcf7 form p {
         flex: 100%;
         margin: 0;
     }
     
     .contact-form .wpcf7 form p label span input {
         margin-bottom: 20px;
     }
     
     .contact-form .wpcf7 form p label>.your-subject>input {
         float: right;
     }
     
     .contact-form .wpcf7 form p label span input.wpcf7-tel {
         margin-bottom: 0;
     }
     
     .contact-form form textarea.wpcf7-textarea {
         border: 1px solid lightgray;
         box-shadow: rgb(149 157 165 / 20%) 0px 8px 24px;
         border-radius: 5px;
         padding: 15px;
         outline: none;
         height: 180px;
         outline: none;
         background: var(--dark-bg-2);
         width: 100%;
         color: var(--sc);
         margin-bottom: 20px;
     }
     
     .contact-from form wpcf7-textarea {
         height: 150px;
         padding: 10px;
     }
     
     .contact-form form .wpcf7-form-control.has-spinner.wpcf7-submit {
         display: flex;
         margin: 0 auto;
         text-align: center;
         border-radius: 6px;
         border: 0;
         background: var(--gradient1);
         color: #fff;
         font-weight: 700;
     }
     
     .contact-form form .wpcf7-form-control.has-spinner.wpcf7-submit:hover,
     .contact-form form .wpcf7-form-control.has-spinner.wpcf7-submit:focus {
         color: #fff;
     }
     
     .top-above-header-1 .right-widget-contact {
         display: flex;
     }
     
     .footer-section.main-footer .widget .widget-title {
         color: var(--sc);
         margin-bottom: 10px;
     }
     
     .footer-section-2.main-footer .widget .widget-title {
         color: #fff;
         margin-bottom: 10px;
     }
     
     .footer-section-2 .widget-contact .contact-area a {
         color: #fff;
     }
     
     .team-section-3 .header-text {
         margin-bottom: 30px;
     }
     
     @media (min-width:992px) and (max-width:1199px) {
         .top-header .contact-widget:not(:last-child) {
             padding-right: 0;
         }
         .top-header .menu-item {
             gap: 5px;
         }
         .content .iconn {
             font-size: 45px;
         }
     }
     
     @media (max-width: 992px) {
         .contact-section .contact-info {
             margin-bottom: 20px;
         }
     }
     
     @media(max-width:991px) {
         .blog-left-section .sidebar-content {
             order: 2;
         }
     }
     
     @media (max-width: 500px) {
         .contact-form form .form-row #username {
             width: 100%;
             margin-bottom: 20px;
         }
         .contact-form form .form-row #email {
             width: 100%;
             margin-bottom: 20px;
         }
         .contact-form .woocommerce-form {
             padding: 20px;
         }
     }
     
     @media (max-width: 400px) {
         .contact-section .contact-info .contact-icon {
             float: none;
             margin-bottom: 10px;
             margin-right: 0;
         }
         .contact-section .contact-area {
             display: flex;
             align-items: center;
             justify-content: center;
             flex-direction: column;
             text-align: center;
         }
         .contact-section .contact-info span.view {
             margin-left: 0;
             padding-top: 10px;
             display: block;
         }
     }
     /* ========
=================== Contact Page ======================================== */
     /* ===================== Office Address Section ==================== */
     
     .office-address {
         padding: 80px 0;
         position: relative;
         background: var(--bg-color-2);
     }
     
     .office-address .contents {
         width: 220px;
         position: relative;
         height: 220px;
         z-index: 1;
         transition: 0.5s;
         perspective: 1000px;
         margin: 40px auto;
     }
     
     .office-address .contents .progress_content {
         width: 100%;
         height: 100%;
         position: absolute;
         inset: 0;
         z-index: 1;
         transform: translate(-50%, -50%);
         backface-visibility: hidden;
         text-align: center;
         background: rgba(0 0 0 / 80%);
         display: flex;
         align-items: center;
         justify-content: center;
         flex-direction: column;
         border-radius: 50%;
         padding: 10px;
         -webkit-transform: scale(0) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
         -o-transform: scale(0) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
         -ms-transform: scale(0) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
         transform: scale(0) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
         -webkit-backface-visibility: hidden;
         transition: all .5s;
     }
     
     .office-address .contents:hover .progress_content,
     .office-address .contents:focus-within .progress_content,
     .office-address .contents.active .progress_content {
         transform: scale(1) rotate(360deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
         opacity: 1;
     }
     
     .office-address .contents:hover,
     .office-address .contents:focus-within,
     .office-address .contents.active {
         transform: scale(1.1);
         opacity: 1;
     }
     
     .office-address .contents .progress_content .contents-title h2 {
         color: #fff;
         font-size: 24px;
         margin-bottom: 10px;
     }
     
     .office-address .contents .progress_content .contents-desc p {
         color: #fff;
         margin-bottom: 0;
         font-size: 15px;
     }
     
     .office-address .contents .thumb {
         position: relative;
         overflow: hidden;
         transition: 0.3s;
         border-radius: 50%;
     }
     
     .office-address .contents .thumb img {
         width: 100%;
     }
     /* ===================== Office Address Section ==================== */
     
     .footer-bottom-3 .widget_pages ul {
         list-style: none;
         padding-left: 0;
         display: flex;
         align-items: center;
         justify-content: flex-end;
         gap: 30px;
         margin-bottom: 0;
     }
     
     .main-footer .footer-bottom-2 .widget-contact .contact-area {
         display: block;
         margin-bottom: 0;
     }
     
     .main-footer .footer-bottom-2 .widget-contact .contact-area .text a {
         color: var(--primary-color-2);
         text-decoration: underline;
         transition: 0.3s
     }
     
     .main-footer .footer-bottom-2 .widget-contact .contact-area .text a:hover,
     .main-footer .footer-bottom-2 .widget-contact .contact-area .text a:focus-within {
         text-decoration: dotted underline;
     }
     
     .footer-section-2 h2.widget-title {
         position: relative;
         padding-left: 25px;
     }
     
     .footer-section-2 h2.widget-title::before {
         content: '\f0eb';
         position: absolute;
         top: 0;
         left: 2px;
         font-family: 'FontAwesome';
     }
     
     .top-header-3 .header-menu-3 .widget-contact .contact-area:hover .contact-icon,
     .top-header-3 .header-menu-3 .widget-contact .contact-area:focus-within .contact-icon {
         animation: tada 2s infinite;
     }
     
     @media(min-width:1400px) {
         .info-section-2 {
             margin-top: -5%;
         }
         .blog-left-section.single .author-name {
             width: 20%;
         }
         .header-menu-2 {
             display: flex;
             padding-left: 233px;
         }
         .icons-2 {
             padding-left: 244px;
         }
         .top-navigation-3 .navigation-bar-3 .navbar-3 {
             justify-content: flex-end;
         }
         .service-box .content-wrapper {
             min-width: 93%;
         }
         .content .icon {
             margin-bottom: 20px;
         }
         .post-items .post-meta.down {
             position: absolute;
             display: flex;
             justify-content: space-between;
             align-items: center;
             right: 20px;
             left: 20px;
             bottom: -70px;
         }
         .top-header-3 .header-menu-3 .right::after {
             content: "";
             width: 27%;
         }
     }
     
     @media(min-width: 1199px) and (max-width: 1399px) {
         .top-header-3 .header-menu-3 .mail .contact-widget .widget-contact {
             display: flex;
             gap: 91px;
             align-items: center;
         }
     }
     
     @media(max-width:1199px) and (min-width:992px) {
         .icons-2 {
             padding-left: 0;
         }
         .contact-section .contact-box .contact-area .contact-info {
             text-align: center;
         }
         .contact-section .contact-box {
             padding: 30px 10px;
         }
         .header-menu-2 {
             padding-left: 0;
             justify-content: flex-end;
             gap: 27px;
         }
         .top-navigation .navbar .navbar-menu li:not(.dropdown-menu li) {
             margin-right: 3px;
         }
         .navigation-bar-2 .icons-box .icon-list .list-item:not(.th-box) {
             font-size: 24px;
             margin-right: 24px;
         }
         .top-header-3 .header-menu-3 .left-area {
             gap: 18px;
         }
         .top-header-2 .contact-area {
             display: flex;
             z-index: 1;
             position: relative;
             margin-right: 4px;
             margin-left: 0px;
         }
         .top-header-3 .header-menu-3 .right::after {
             width: 24%;
         }
         .top-header-3 .header-menu-3 .mail .contact-widget .widget-contact {
             gap: 50px;
         }
         .navigation-bar-2 .icons-box .icon-list {
             gap: 10px;
         }
         .header-2 .widget-left .widget-contact {
             gap: 0;
         }
         .top-navigation-3 .navigation-bar-3 .navbar-3 {
             justify-content: start;
         }
         .icons-box .icon-list .list-item:not(:last-child) {
             font-size: 24px;
             margin-right: 3px;
         }
         .content .icon {
             font-size: 40px;
             transition: height 0.9s;
             background: var(--gradient1);
             -webkit-background-clip: text;
             background-clip: text;
             -webkit-text-fill-color: #fff;
             transition: 0.3s;
             width: 80px;
             width: 8;
             background: var(--gradient1);
             height: 80px;
             border-radius: 50%;
             display: flex;
             align-items: center;
             justify-content: center;
         }
         .author-name {
             width: 100%;
         }
         .post-items .post-meta.down {
             bottom: -65px;
         }
     }
     
     @media (max-width: 992px) {
         .slider-text-content-2 h1 {
             font-size: 40px;
             font-weight: 700;
             line-height: 45px;
             margin: 0;
         }
         .card-section {
             padding: 80px 0;
         }
         .service-section {
             padding-top: 0;
             margin-top: 30px;
         }
         .office-address .contents {
             margin-bottom: 20px;
         }
         .section-slider .container {
             min-height: 500px;
         }
         .slider-text-content h1 {
             font-size: 52px;
             line-height: 60px;
             font-weight: 700;
             margin-bottom: 10px;
         }
         .slider-text-content-2 h1 {
             font-size: 40px;
             font-weight: 700;
             line-height: 45px;
         }
     }
     
     @media(max-width:768px) {
         .section-slider .owl-dots {
             position: absolute;
             top: 92%;
             left: 46%;
         }
         .footer-info {
             margin-bottom: 0 !important;
             padding-bottom: 80px;
         }
         .tab-filter {
             margin-bottom: 30px;
         }
         .footer-bottom-3 .widget_pages ul {
             display: flex;
             justify-content: center;
             margin-top: 20px;
         }
     }
     
     @media(min-width: 767px)and (max-width: 991px) {
         .post-items .post-meta.down {
             position: absolute;
             display: flex;
             justify-content: space-between;
             align-items: center;
             right: 20px;
             left: 20px;
             bottom: -75px;
         }
         .contact-section .contact-box .contact-area .contact-info {
             text-align: center;
         }
     }
     
     @media (max-width: 767px) {
         .slider-right-content-3 {
             z-index: 1;
             top: 37px;
             position: relative;
             width: 80%;
         }
         .contact-form form input.wpcf7-form-control.wpcf7-text {
             display: block;
             width: 100%;
             margin-bottom: 20px !important;
             border: 1px solid lightgray;
             background: var(--dark-bg-2);
             color: var(--sc);
             float: none;
         }
         .contactform {
             padding: 20px;
         }
         .contact-form form input.wpcf7-form-control.wpcf7-text.wpcf7-email.wpcf7-validates-as-required.wpcf7-validates-as-email {
             display: block;
             width: 100%;
             border: 1px solid lightgray;
             background: var(--dark-bg-2);
             color: var(--sc);
             float: none;
         }
         .contact-section .contact-box {
             padding: 30px;
         }
         .info-section-2 .info-content {
             margin-top: 20px;
         }
         .info-content-1,
         .info-content-2 {
             margin-top: 20px;
         }
         .form-section .form-control {
             margin-bottom: 35px;
         }
         .prealoader h2.span {
             font-size: 4vw;
         }
         .section-slider .owl-nav button.owl-prev,
         .section-slider .owl-nav button.owl-next {
             display: none;
         }
         .info-section-2 {
             margin-top: 0;
         }
         .service-overlay-box {
             position: absolute;
             bottom: 20px;
             /* background: grey; */
             left: 20px;
             border-radius: 9px;
             padding: 16px 16px;
         }
         .post-items .post-meta.down {
             position: absolute;
             display: flex;
             justify-content: space-between;
             align-items: center;
             right: 20px;
             left: 20px;
             bottom: -80px;
         }
         .blog-left-section .post-items .post-meta.down {
             position: absolute;
             display: flex;
             justify-content: space-between;
             align-items: center;
             right: 20px;
             left: 20px;
         }
     }
     
     @media screen and (max-width: 575px) {
         .footer-bottom .copyright-content p {
             text-align: center;
         }
         .widget-social-widget .icon-list {
             justify-content: center;
             padding-left: 0;
             margin-top: 20px;
         }
         .slide .slider-right-content {
             top: 15%;
         }
         .slider-text-content h1 {
             font-size: 40px;
             line-height: 42px;
             font-weight: 700;
             margin-bottom: 9px;
         }
         .slider-text-content .text-break {
             font-size: 14px;
             margin-bottom: 10px;
         }
     }
     
     @media screen and (max-width: 400) {
         .cta-content h2 {
             font-size: 10px;
         }
         .cta-content .btn {
             font-size: 10px;
         }
         .slider-text-content h1 {
             font-size: 30px;
             line-height: 30px;
             font-weight: 700;
             margin-bottom: 9px;
         }
     }
     
     @media(max-width:575px) and (min-width:768px) {
         .service-box .inner-content h2 {
             margin-bottom: 10px;
             font-size: 17px;
         }
     }
     
     @media(max-width:575px) {
         .blog-left-section.single .author-name {
             width: 28% !important;
         }
     }
     
     @media(min-width:576px) and (max-width:767px) {
         .service-box .content-wrapper {
             overflow: hidden;
             position: absolute;
             transition: 1s;
             inset: 10px;
         }
         .service-box .inner-content h2 {
             margin-bottom: 0px;
             background: var(--gradient1);
             -webkit-background-clip: text;
             background-clip: text;
             -webkit-text-fill-color: transparent;
             font-size: 19px;
             font-weight: 700;
         }
         .content .icon {
             font-size: 29px;
             transition: height 0.9s;
             background: var(--gradient1);
             -webkit-background-clip: text;
             background-clip: text;
             -webkit-text-fill-color: #fff;
             transition: 0.3s;
             width: 60px;
             width: 6;
             background: var(--gradient1);
             height: 60px;
             border-radius: 50%;
             display: flex;
             align-items: center;
             justify-content: center;
         }
         .service-box .inner-content .text-content p {
             color: #fff;
             margin-bottom: 0px;
         }
         .content ul {
             list-style: none;
             padding-left: 0;
             margin-bottom: 3px;
         }
         .content::after {
             width: 70px;
             height: 70px;
         }
         .read-more i {
             position: absolute;
             color: white;
             left: 50%;
             top: 25%;
             transform: translate(-50%, -50%);
             font-size: 30px;
             background: var(--gradient1);
             padding: 15px 20px;
             border-radius: 6px;
             transition: top 0.9s ease 0s;
         }
     }
     
     @media(min-width: 470px) and (max-width:767px) {
         .author-name {
             width: 40% !important;
         }
     }
     
     @media(max-width: 767px) {
         .breadcrumb-content>img {
             width: 50%;
         }
         .breadcrumb-content-inner .breadcrumb-heading h1 {
             font-size: 22px;
         }
         .breadcrumb-content .breadcrumb-list li a {
             font-size: 16px;
         }
         .breadcrumb-content .breadcrumb-list li {
             font-size: 16px;
         }
     }
     
     @media(max-width:600px) {
         .footer-bottom .widget_social_widget ul {
             justify-content: center;
             display: flex;
             margin-top: 20px;
             flex-wrap: wrap;
         }
         .footer-section .footer-bottom .widget-contact .contact-area {
             display: flex;
             align-items: center;
             justify-content: center;
             display: block;
         }
         .contactform {
             padding: 20px;
         }
     }
     
     @media(max-width:520px) {
         .testimonial-carousel .owl-dots .owl-dot {
             width: 10px;
             height: 10px;
             background: var(--sc);
             margin-right: 12px;
             border-radius: 50%;
         }
         .section-slider .container {
             position: relative;
             min-height: 500px;
         }
     }
     
     @media (max-width: 400px) {
         .slider-text-content .btn {
             font-size: 14px;
         }
         .section-heading {
             font-size: 30px;
         }
         .slider-text-content-2 h1 {
             font-size: 28px;
             line-height: 30px;
         }
         .slider-text-content-2 .button-box {
             display: flex;
         }
         .slider-text-content-2 .btn {
             margin-top: 15px;
             width: 130px;
             font-size: 16px;
         }
         .slider-right-content-3 {
             width: 100%;
             z-index: 1;
             position: relative;
             top: 17%;
         }
         .breadcrumb-content>img {
             display: none;
         }
         .post-items .post-content .post-title>a {
             color: var(--sc);
             font-size: 16px;
             font-weight: bold;
             text-decoration: none;
         }
         .author-name span {
             display: block;
             float: left;
             font-size: 14px;
             line-height: 1;
         }
     }
     
     @media (max-width: 375px) {
         .ps-timeline-sec .timeline-text h2 {
             font-size: 16px;
             line-height: 20px;
         }
         .ps-timeline-sec .timeline-text {
             width: 80%;
             height: 100%;
             padding: 10px;
         }
         .left-text-content h2 {
             font-size: 30px;
         }
         input#mail {
             width: 100%;
             padding: 10px;
         }
         .slider-text-content .btn {
             color: var(--heading-color);
             font-weight: 600;
             margin-right: 16px;
             padding: 5px 10px;
             margin-top: 0 !important;
             width: 110px;
         }
     }
     
     @media(max-width: 340px) {
         .service-box .content-wrapper {
             overflow: hidden;
             position: absolute;
             transition: 1s;
             inset: 11px;
         }
         .slider-text-content h1 {
             font-size: 25px;
             line-height: 30px;
             font-weight: bold;
             margin-bottom: 4px;
         }
         .service-box .inner-content h2 {
             margin-bottom: 0px;
             background: var(--gradient1);
             -webkit-background-clip: text;
             background-clip: text;
             font-size: 19px;
             -webkit-text-fill-color: transparent;
             font-weight: 700;
         }
         .content .icon {
             font-size: 44px;
             transition: height 0.9s;
             background: var(--gradient1);
             -webkit-background-clip: text;
             background-clip: text;
             -webkit-text-fill-color: #fff;
             transition: 0.3s;
             width: 90px;
             width: 6;
             background: var(--gradient1);
             height: 90px;
             border-radius: 50%;
             display: flex;
             align-items: center;
             justify-content: center;
         }
         .service-box .inner-content .text-content p {
             color: #fff;
             margin-bottom: 0px;
         }
         .content ul {
             list-style: none;
             padding-left: 0;
             margin-bottom: 3px;
         }
         .content::after {
             width: 70px;
             height: 70px;
         }
         .post-items .post-content .post-title>a {
             color: var(--sc);
             font-size: 15px;
         }
         .author-name img {
             margin-right: 10px;
             float: left;
             width: 36px;
         }
         .author-name span {
             display: block;
             float: left;
             font-size: 15px;
         }
     }
     
     @media(max-width: 320px) {
         .author-name {
             display: inline-block;
             align-items: center;
             float: left;
             text-align: left;
             width: 41%;
             line-height: 20px;
             color: var(--sc);
             margin-bottom: 27px;
         }
         .breadcrumb-content .breadcrumb-list {
             display: block;
         }
     }
     
     .context {
         width: 100%;
         position: absolute;
         top: 50vh;
     }
     
     .context h1 {
         text-align: center;
         color: #fff;
         font-size: 50px;
     }
     
     .circles {
         position: absolute;
         top: 0;
         left: 0;
         width: 100%;
         height: 100%;
         overflow: hidden;
     }
     
     .circles li {
         position: absolute;
         display: block;
         list-style: none;
         width: 20px;
         height: 20px;
         background: rgba(255, 255, 255, 0.2);
         animation: animate 25s linear infinite;
         bottom: -150px;
     }
     
     .circles li:nth-child(1) {
         left: 25%;
         width: 80px;
         height: 80px;
         animation-delay: 0s;
     }
     
     .circles li:nth-child(2) {
         left: 10%;
         width: 20px;
         height: 20px;
         animation-delay: 2s;
         animation-duration: 12s;
     }
     
     .circles li:nth-child(3) {
         left: 70%;
         width: 20px;
         height: 20px;
         animation-delay: 4s;
     }
     
     .circles li:nth-child(4) {
         left: 40%;
         width: 60px;
         height: 60px;
         animation-delay: 0s;
         animation-duration: 18s;
     }
     
     .circles li:nth-child(5) {
         left: 65%;
         width: 20px;
         height: 20px;
         animation-delay: 0s;
     }
     
     .circles li:nth-child(6) {
         left: 75%;
         width: 110px;
         height: 110px;
         animation-delay: 3s;
     }
     
     .circles li:nth-child(7) {
         left: 35%;
         width: 150px;
         height: 150px;
         animation-delay: 7s;
     }
     
     .circles li:nth-child(8) {
         left: 50%;
         width: 25px;
         height: 25px;
         animation-delay: 15s;
         animation-duration: 45s;
     }
     
     .circles li:nth-child(9) {
         left: 20%;
         width: 15px;
         height: 15px;
         animation-delay: 2s;
         animation-duration: 35s;
     }
     
     .circles li:nth-child(10) {
         left: 85%;
         width: 150px;
         height: 150px;
         animation-delay: 0s;
         animation-duration: 11s;
     }
     
     @keyframes animate {
         0% {
             transform: translateY(0) rotate(0deg);
             opacity: 1;
             border-radius: 0;
         }
         100% {
             transform: translateY(-1000px) rotate(720deg);
             opacity: 0;
             border-radius: 50%;
         }
     }
     
     svg.radial-progress {
         height: auto;
         max-width: 240px;
         padding: 0;
         transform: rotate(-90deg);
         width: 100%;
         background: var(--bg-color);
         border-radius: 50%;
     }
     
     section.svg-container svg.radial-progress:nth-child(even) {
         margin: 0 15px;
     }
     
     svg.radial-progress circle {
         fill: transparent;
         stroke: #fff;
     }
     
     svg.radial-progress circle.bar-static {
         stroke: #fafafa!important;
     }
     
     svg.radial-progress circle.bar--animated {
         stroke-dasharray: 219.91148575129;
         stroke: var(--primary-color-2);
         stroke-dashoffset: 219.91148575129;
         stroke-width: 4px;
         stroke-linecap: round;
     }
     
     svg.radial-progress text {
         fill: var(--sc);
         font-family: Roboto;
         font-size: 16px;
         font-weight: 700;
         text-anchor: middle;
         /* text-shadow: 0 0 5px #0000007a; */
     }
     
     section.svg-container {
         width: 52%;
         max-width: 100%;
         display: flex;
         align-items: center;
         justify-content: space-evenly;
         min-height: 80vh;
     }
     
     .devider {
         font-size: 50px;
         padding: 20px;
         min-height: 11vh;
         color: #fff;
         width: 100%;
         display: flex;
         align-items: center;
         justify-content: center;
         background: linear-gradient(-225deg, #FF057C 0%, #FF057C 40%, #321575 100%);
         -webkit-background-clip: text;
         background-clip: text;
         -webkit-text-fill-color: transparent;
         font-weight: 600;
     }
     
     .devider:nth-last-of-type(2) {
         background-image: linear-gradient(260deg, #ff0300, #ffc900);
     }
     
     section.svg-container:nth-last-of-type(1) svg.radial-progress {
         background: linear-gradient(260deg, #ff0300, #ffc900);
     }
     
     section.svg-container:nth-last-of-type(0) svg.radial-progress {
         background-image: linear-gradient(60deg, #3d3393 0%, #2b76b9 37%, #2cacd1 65%, #35eb93 100%);
     }
     
     .pricing-filter-badge:before {
         content: "";
         position: absolute;
         bottom: -8px;
         left: 0;
         right: 0;
         margin: 0 auto;
         width: 0;
         height: 0;
         border-left: 7px solid transparent;
         border-right: 7px solid transparent;
         border-top: 9px solid var(--primary-color);
         z-index: 0;
     }
     
     .pricing-section .filter {
         position: relative;
         margin-top: 30px;
     }
     
     .pricing-filter-badge {
         display: inline-block;
         padding: 4px 10px;
         position: absolute;
         top: 0px;
         right: 0;
         border-radius: 6px;
         font-weight: 600;
         min-width: 116px;
         text-align: center;
         color: #ffffff;
         letter-spacing: 0.95px;
         background: var(--gradient1);
         display: none;
     }
     /* =========== Error Page ============= */
     
     .faq-section-2 .tab-filter {
         display: flex;
         align-items: stretch;
         justify-content: center;
         flex-direction: column;
         text-align: center;
     }
     
     .faq-section-2 .tab-filter>a {
         padding: 16px 40px;
         border: none;
         text-decoration: none;
         padding: 1rem 1.5em;
         box-shadow: rgb(99 99 99 / 20%) 0px 2px 8px 0px;
         cursor: pointer;
         border-radius: 6px;
         font-size: 18px;
         font-weight: 700;
         color: var(--sc);
         background: var(--dark-bg-2);
         margin-bottom: 20px;
         position: relative;
         overflow: hidden;
         z-index: 0;
         transition: 0.5s;
         text-align: left;
     }
     
     .faq-section-2 .tab-filter>a.active::after {
         content: '';
         position: absolute;
         background: var(--gradient1);
         inset: 0;
         width: 100%;
         top: 50%;
         left: 50%;
         transform: translate(-50%, -50%);
         height: 100%;
         transition: 0.3s;
         border-radius: 6px;
         z-index: -1;
     }
     
     .faq-section-2 .tab-filter>a.active {
         color: #fff;
     }
     
     .faq-section-2 .tab-filter>a::after {
         content: '';
         position: absolute;
         background: var(--gradient1);
         inset: 0;
         width: 0px;
         top: 50%;
         left: 50%;
         transform: translate(-50%, -50%);
         height: 0px;
         transition: 0.3s;
         border-radius: 50%;
         z-index: -1;
     }
     
     .faq-section-2 .tab-filter>a:hover,
     .faq-section-2 .tab-filter>a:focus-within {
         color: #fff;
     }
     
     .faq-section-2 .tab-filter>a:hover::after,
     .faq-section-2 .tab-filter>a:focus-within::after {
         width: 100%;
         border-radius: 5px;
         height: 100%;
         top: 50%;
         left: 50%;
     }
     
     .faq-section-2 .tab-filter>a .bg-element {
         position: absolute;
         width: 42px;
         top: 0;
         right: 0;
     }
     
     .faq-section-2 .tab-filter>a:hover,
     .faq-section-2 .tab-filter>a:focus-within {
         background-position: 0 100%;
         color: white;
         border-radius: 6px;
     }
     
     .faq-section-2 .tab-filter>a:focus-within {
         color: #fff;
     }
     
     .faq-section-2 .tab-filter>a {
         margin-bottom: 8px;
     }
     
     .clients-section button {
         margin: 0px auto;
         margin-top: 20px;
         background: var(--gradient1);
         color: #fff;
     }
     
     .clients-section .section-heading {
         color: #fff;
     }
     
     .clients-section .header-text p {
         color: #fff;
     }
     /* ========================  =============================== */
     
     .mobi-head-top .area {
         position: absolute;
         inset: 0;
         background: var(--gradient1);
         z-index: -1;
     }
     
     .mobi-head-top .circles li:nth-child(6) {
         left: 75%;
         width: 70px;
         height: 70px;
         animation-delay: 3s;
     }
     
     .mobi-head-top .circles li:nth-child(7) {
         left: 35%;
         width: 50px;
         height: 50px;
         animation-delay: 7s;
     }
     
     .mobi-head-top .circles li:nth-child(8) {
         left: 50%;
         width: 25px;
         height: 25px;
         animation-delay: 15s;
         animation-duration: 45s;
     }
     
     .mobi-head-top .circles li:nth-child(9) {
         left: 20%;
         width: 15px;
         height: 15px;
         animation-delay: 2s;
         animation-duration: 35s;
     }
     
     .mobi-head-top .circles li:nth-child(10) {
         left: 85%;
         width: 30px;
         height: 30px;
         animation-delay: 0s;
         animation-duration: 11s;
     }
     /*=================== HOme Page 01 Footer Design =================*/
     
     .main-footer .footer-left-content .logo a {
         color: var(--sc);
         transition: 1s;
     }
     
     .main-footer .widget-text .logo a>img {
         max-width: 180px;
         height: 100%;
         width: 100%;
     }
     
     .main-footer .footer-left-content .logo a:hover,
     .main-footer .footer-left-content .logo a:focus-within {
         background: var(--gradient1);
         -webkit-background-clip: text;
         background-clip: text;
         -webkit-text-fill-color: transparent;
     }
     /*=============================== */
     
     .cursor-follow {
         position: absolute;
         width: 15px;
         height: 15px;
         background: var(--gradient1);
         border-radius: 50%;
         z-index: 99;
         pointer-events: none;
     }
     
     .cursor-follow::after {
         content: "";
         position: absolute;
         border: 3px solid var(--primary-color);
         width: 20px;
         height: 20px;
         border-radius: 50%;
         top: 50%;
         left: 50%;
         transform: translate(-50%, -50%);
         -webkit-animation: pulse 1s infinite;
         animation: pulse 1s infinite;
     }
     
     @-webkit-keyframes pulse {
         0% {
             opacity: 1;
             width: 21px;
             height: 21px;
         }
         100% {
             opacity: 0;
             width: 40px;
             height: 40px;
         }
     }
     
     @keyframes pulse {
         0% {
             opacity: 1;
             width: 21px;
             height: 21px;
         }
         100% {
             opacity: 0;
             width: 40px;
             height: 40px;
         }
     }
     
     .cursor-center {
         top: 50% !important;
         left: 50% !important;
         transform: translate(-50%, -50%) !important;
         transition: 0.2s;
     }
     /*=============== Sidenav Overlay Style =================*/
     
     .top-navigation .overlay {
         position: fixed;
         width: 100%;
         top: 0;
         right: 0;
         left: 100%;
         bottom: 0;
         z-index: 999;
         background: rgba(0 0 0 / 50%);
         transition: 1.5s;
         overflow: visible;
     }
     /* =============== End ====================== */
     /* ---- For Home Page 1 Footer Info Section ----- */
     
     .hp1 {
         padding-top: 80px;
         margin-bottom: -75px;
     }
     /* ------- Footer Info Section ---------- */
     
     .footer-info {
         margin-bottom: -76px;
     }
     /* --------------- Faq section 3 ------------ */
     
     .faq-section-2.faq-section-3 .tab-filter {
         display: flex;
         align-items: center;
         justify-content: center;
         flex-direction: row;
         text-align: center;
         margin-bottom: 30px;
         flex-wrap: wrap;
     }
     
     .faq-section-2.faq-section-3 .tab-filter>a {
         text-decoration: none;
         padding: 1rem 1.5em;
         box-shadow: 0px 0px 1px 0px darkgrey;
         cursor: pointer;
         transition: 0.5s;
         border-radius: 6px;
         font-size: 18px;
         font-weight: 700;
         color: var(--sc);
         background: var(--dark-bg-2);
         position: relative;
         overflow: hidden;
         z-index: 1;
         margin: 5px;
         display: inline-block;
     }
     
     .faq-section-2.faq-section-3 .tab-filter>a.active::before {
         content: '';
         background: var(--gradient1);
         inset: 0;
         top: 0;
         left: 0;
         bottom: 0;
         position: absolute;
         right: 0;
         z-index: -1;
         transition: 0.5s;
         border-radius: 6px;
     }
     
     .faq-section-2.faq-section-3 .tab-filter>a.active {
         color: #fff;
     }
     
     .faq-section-2.faq-section-3 .tab-filter>a::before {
         content: '';
         background: var(--gradient1);
         inset: 0;
         top: 0;
         left: 0;
         bottom: 97%;
         position: absolute;
         right: 0;
         z-index: -1;
         transition: 0.5s;
         border-radius: 6px;
     }
     
     .faq-section-2.faq-section-3 .tab-filter>a::after {
         content: '';
         display: none;
     }
     
     .faq-section-2.faq-section-3 .tab-filter>a:hover::before,
     .faq-section-2.faq-section-3 .tab-filter>a:focus-within::before {
         bottom: 0;
     }
     
     .faq-section-2.faq-section-3 .tab-filter>a:hover,
     .faq-section-2.faq-section-3 .tab-filter>a:focus-within {
         color: #fff;
     }
     /* --------------- Faq section 3 End ------------ */
     /* ------------ Team Filter tab ---------- */
     
     .team-section-3 .tab-filter {
         width: 100%;
         text-align: center;
         margin: 0 0 18px;
         padding: 0;
         display: block;
     }
     
     .team-section-3 .tab-filter a {
         text-decoration: none;
         padding: 1rem 1.5em;
         box-shadow: 0px 0px 1px 0px darkgrey;
         cursor: pointer;
         transition: 0.5s;
         border-radius: 6px;
         font-size: 18px;
         font-weight: 700;
         color: var(--sc);
         background: var(--dark-bg-2);
         margin-bottom: 20px;
         position: relative;
         overflow: hidden;
         z-index: 0;
         display: inline-block;
     }
     
     .team-section-3 .tab-filter a:not(:last-child) {
         margin-right: 16px;
     }
     
     .team-section-3 .tab-filter a::after {
         content: '';
         background: var(--gradient1);
         inset: 0;
         top: 0;
         left: 0;
         bottom: 97%;
         position: absolute;
         right: 0;
         z-index: -1;
         transition: 0.5s;
         border-radius: 6px;
     }
     
     .team-section-3 .tab-filter .active::after {
         content: '';
         background: var(--gradient1);
         inset: 0;
         top: 0;
         left: 0;
         bottom: 0;
         position: absolute;
         right: 0;
         z-index: -1;
         transition: 0.5s;
         border-radius: 6px;
     }
     
     .team-section-3 .tab-filter .active {
         color: #fff;
     }
     
     .team-section-3 .tab-filter a>.bg-element {
         position: absolute;
         width: 42px;
         top: 0;
         right: 0;
     }
     
     .team-section-3 .tab-filter a:hover::after,
     .team-section-3 .tab-filter a:focus-within::after {
         bottom: 0;
     }
     
     .team-section-3 .tab-filter a:hover,
     .team-section-3 .tab-filter a:focus-within {
         color: #fff;
     }
     /* ------------ Team Filter tab  End ---------- */
     
     .theme-switcher {
         background: #1e3749;
         border-radius: 50px;
         display: flex;
         padding: 0 3px;
         align-items: center;
         position: relative;
         overflow: hidden;
         margin: 0 auto;
         width: 55%;
         justify-content: space-around;
         bottom: 0px;
         cursor: pointer;
         box-shadow: rgb(99 99 99 / 20%) 0px 2px 8px 0px;
         border: 2px solid #cfcfcf;
     }
     
     .theme-switcher input {
         display: none;
     }
     
     .theme-switcher label {
         position: relative;
         cursor: pointer;
         margin-bottom: 0;
         z-index: 2;
     }
     
     .theme-switcher label span {
         padding: 8px 0;
         border-radius: 6px;
         display: flex;
         justify-content: center;
         align-items: center;
         font-weight: 700;
         padding-bottom: 0;
         font-size: 18px;
         color: #fff;
         padding: 10px;
     }
     
     .theme-switcher label svg {
         display: inline-block;
         width: 22px;
     }
     
     .theme-switcher input:nth-of-type(2):checked~.slider,
     #dark-theme.active~.slider {
         transform: translateX(-8%);
     }
     
     .theme-switcher .slider {
         display: block;
         position: absolute;
         z-index: 1;
         width: calc((123% - 53px) / 54);
         top: 2px;
         transform: translatex(-100%);
         bottom: 2px;
         border-radius: 50px;
         transition: 0.15s ease, transform 0.25s ease-out;
         background: var(--gradient1);
         height: auto;
         width: 45%;
         left: 67px;
     }
     
     .theme-switcher input:nth-of-type(1):checked~.slider {
         transform: translateX(-101%);
     }
     
     .theme-menu {
         width: 100%;
         max-width: 240px;
         display: block;
         margin: 0 auto;
         position: fixed;
         bottom: 0px;
         z-index: 99;
         margin-bottom: 40px;
         left: 50%;
         transform: translate(-50%, 0%);
         display: none;
     }
     
     @media(max-width:768px) {
         .post-items .post-meta.imu .post-list .post-categories li>a {
             padding: 5px 8px;
         }
         .post-items .post-title {
             line-height: 25px;
             margin-bottom: 20px;
             font-size: 18px;
         }
         .blog-left-section.single .author-name {
             display: inline-block;
             align-items: center;
             float: left;
             text-align: left;
             width: 50%;
             color: var(--sc);
             font-size: 14px;
         }
         .author-name span {
             font-size: 14px;
         }
         .post-items .post-content .post-meta.up .posted-on>a {
             font-size: 15px;
         }
     }
     
     @media(min-width:539px) and (max-width:769px) {
         .blog-left-section.single .author-name {
             width: 29%;
         }
     }
     
     @media(max-width:500px) {
         .breadcrumb-content-inner {
             width: 60%;
         }
     }
     
     .mobile-toggler.d-av-none {
         display: none;
     }
     
     @media(max-width:991px) {
         .mobile-toggler.d-av-none {
             display: block;
         }
     }
     
     .slider-text-content .btn:hover a,
     .slider-text-content .btn:focus-within a {
         color: #fff !important;
     }
     
     .woocommerce-MyAccount-navigation ul {
         background-color: var(--dark-bg-2);
         border: 1px solid #e5e5e5;
         padding: 0;
         list-style: none;
         margin: 0
     }
     
     .woocommerce-MyAccount-navigation ul li a {
         display: block;
         padding: 10px 20px;
         line-height: 1.5;
         border-width: 0;
         border-style: solid;
         border-left-width: 2px;
         border-left-color: transparent;
         border-bottom-width: 1px;
         border-bottom-color: #e5e5e5;
         color: #2c3145;
         -webkit-transition: .3s all;
         transition: .3s all
     }
     
     .woocommerce-MyAccount-navigation ul li.is-active a,
     .woocommerce-MyAccount-navigation ul li a:hover,
     .woocommerce-MyAccount-navigation ul li a:focus {
         background-color: var(--text-white);
         border-left-color: var(--primary-color)
     }
     
     .woocommerce form .form-row::after,
     .woocommerce form .form-row::before,
     .woocommerce-page form .form-row::after,
     .woocommerce-page form .form-row::before {
         content: " ";
         display: table
     }
     
     .woocommerce form .form-row::after,
     .woocommerce-page form .form-row::after {
         clear: both
     }
     
     .woocommerce form .form-row label,
     .woocommerce-page form .form-row label {
         display: block
     }
     
     .woocommerce form .form-row label.checkbox,
     .woocommerce-page form .form-row label.checkbox {
         display: inline
     }
     
     .woocommerce form .form-row select,
     .woocommerce-page form .form-row select {
         width: 100%
     }
     
     .woocommerce form .form-row .input-text,
     .woocommerce-page form .form-row .input-text {
         box-sizing: border-box;
         width: 100%
     }
     
     .woocommerce form .form-row-first,
     .woocommerce form .form-row-last,
     .woocommerce-page form .form-row-first,
     .woocommerce-page form .form-row-last {
         width: 47%;
         overflow: visible
     }
     
     .woocommerce form .form-row-first,
     .woocommerce-page form .form-row-first {
         float: left
     }
     
     .woocommerce form .form-row-last,
     .woocommerce-page form .form-row-last {
         float: right
     }
     
     .woocommerce form .form-row-wide,
     .woocommerce-page form .form-row-wide {
         clear: both
     }
     
     .woocommerce form .password-input,
     .woocommerce-page form .password-input {
         display: flex;
         flex-direction: column;
         justify-content: center;
         position: relative
     }
     
     .woocommerce form .password-input input[type=password],
     .woocommerce-page form .password-input input[type=password] {
         padding-right: 2.5rem
     }
     
     .woocommerce form .password-input input::-ms-reveal,
     .woocommerce-page form .password-input input::-ms-reveal {
         display: none
     }
     
     .woocommerce form .show-password-input,
     .woocommerce-page form .show-password-input {
         position: absolute;
         right: .7em;
         top: .7em;
         cursor: pointer
     }
     
     .woocommerce form .show-password-input::after,
     .woocommerce-page form .show-password-input::after {
         font-family: WooCommerce;
         speak: never;
         font-weight: 400;
         font-variant: normal;
         text-transform: none;
         line-height: 1;
         -webkit-font-smoothing: antialiased;
         margin-left: .618em;
         content: "\e010";
         text-decoration: none
     }
     
     .woocommerce form .show-password-input.display-password::after,
     .woocommerce-page form .show-password-input.display-password::after {
         color: #585858
     }
     
     .woocommerce #payment .form-row select,
     .woocommerce-page #payment .form-row select {
         width: auto
     }
     
     .woocommerce #payment .terms,
     .woocommerce #payment .wc-terms-and-conditions,
     .woocommerce-page #payment .terms,
     .woocommerce-page #payment .wc-terms-and-conditions {
         text-align: left;
         padding: 0 1em 0 0;
         float: left
     }
     
     .woocommerce #payment #place_order,
     .woocommerce-page #payment #place_order {
         float: none;
     }
     
     .woocommerce .woocommerce-billing-fields::after,
     .woocommerce .woocommerce-billing-fields::before,
     .woocommerce .woocommerce-shipping-fields::after,
     .woocommerce .woocommerce-shipping-fields::before,
     .woocommerce-page .woocommerce-billing-fields::after,
     .woocommerce-page .woocommerce-billing-fields::before,
     .woocommerce-page .woocommerce-shipping-fields::after,
     .woocommerce-page .woocommerce-shipping-fields::before {
         content: " ";
         display: table
     }
     
     .woocommerce .woocommerce-billing-fields::after,
     .woocommerce .woocommerce-shipping-fields::after,
     .woocommerce-page .woocommerce-billing-fields::after,
     .woocommerce-page .woocommerce-shipping-fields::after {
         clear: both
     }
     
     .woocommerce .woocommerce-terms-and-conditions,
     .woocommerce-page .woocommerce-terms-and-conditions {
         margin-bottom: 1.618em;
         padding: 1.618em
     }
     
     .woocommerce .woocommerce-oembed,
     .woocommerce-page .woocommerce-oembed {
         position: relative
     }
     
     .woocommerce-account .woocommerce-MyAccount-navigation {
         float: left;
         width: 30%
     }
     
     .woocommerce-account .woocommerce-MyAccount-content {
         float: right;
         width: 68%
     }
     
     .woocommerce-page.left-sidebar #content.twentyeleven {
         width: 58.4%;
         margin: 0 7.6%;
         float: right
     }
     
     .woocommerce-page.right-sidebar #content.twentyeleven {
         margin: 0 7.6%;
         width: 58.4%;
         float: left
     }
     
     .twentyfourteen .tfwc {
         padding: 12px 10px 0;
         max-width: 474px;
         margin: 0 auto
     }
     
     .twentyfourteen .tfwc .product .entry-summary {
         padding: 0!important;
         margin: 0 0 1.618em!important
     }
     
     .twentyfourteen .tfwc div.product.hentry.has-post-thumbnail {
         margin-top: 0
     }
     
     .woocommerce-account .addresses .title .edit,
     .woocommerce table.my_account_orders td.woocommerce-orders-table__cell-order-number a,
     .woocommerce-account .woocommerce-MyAccount-content p a {
         color: var(--primary-color)
     }
     
     .woocommerce-MyAccount-navigation ul {
         background-color: var(--dark-bg-2);
         border: 1px solid #e5e5e5;
         padding: 0;
         list-style: none;
         margin: 0
     }
     
     .woocommerce-MyAccount-navigation ul li a {
         display: block;
         padding: 10px 20px;
         line-height: 1.5;
         border-width: 0;
         border-style: solid;
         border-left-width: 2px;
         border-left-color: transparent;
         border-bottom-width: 1px;
         border-bottom-color: #e5e5e5;
         color: #2c3145;
         -webkit-transition: .3s all;
         transition: .3s all
     }
     
     .woocommerce-MyAccount-navigation ul li.is-active a,
     .woocommerce-MyAccount-navigation ul li a:hover,
     .woocommerce-MyAccount-navigation ul li a:focus {
         background-color: var(--text-white);
         border-left-color: var(--primary-color)
     }
     
     .woocommerce-account .woocommerce-MyAccount-content {
         border: 1px solid #e5e5e5;
         padding: 20px;
         background-color: var(--dark-bg-2);
         min-height: 254px
     }
     
     .woocommerce .woocommerce-Addresses {
         margin-top: 15px
     }
     
     .woocommerce .woocommerce-Addresses .woocommerce-Address {
         border: 1px solid #e5e5e5;
         padding: 15px
     }
     
     .woocommerce-account .addresses address {
         margin-bottom: 0
     }
     
     .woocommerce-account .edit-account .woocommerce-form-row input.woocommerce-Input {
         min-height: 38px;
         padding: 8px 15px
     }
     
     .woocommerce-account .edit-account .woocommerce-form-row em {
         margin-top: 5px;
         display: block
     }
     
     .woocommerce-account .edit-account .woocommerce-form-row {
         display: inline-block
     }
     
     .woocommerce-account .edit-account .woocommerce-Button {
         margin-top: 10px
     }
     
     .woocommerce table.my_account_orders {
         font-size: .85em
     }
     
     .woocommerce table.my_account_orders td,
     .woocommerce table.my_account_orders th {
         padding: 4px 8px;
         vertical-align: middle
     }
     
     .woocommerce table.my_account_orders .button {
         white-space: nowrap
     }
     
     .woocommerce table.woocommerce-MyAccount-downloads td,
     .woocommerce table.woocommerce-MyAccount-downloads th {
         vertical-align: top;
         text-align: center
     }
     
     .woocommerce table.woocommerce-MyAccount-downloads td:first-child,
     .woocommerce table.woocommerce-MyAccount-downloads th:first-child {
         text-align: left
     }
     
     .woocommerce table.woocommerce-MyAccount-downloads td:last-child,
     .woocommerce table.woocommerce-MyAccount-downloads th:last-child {
         text-align: left
     }
     
     .woocommerce table.woocommerce-MyAccount-downloads td .woocommerce-MyAccount-downloads-file::before,
     .woocommerce table.woocommerce-MyAccount-downloads th .woocommerce-MyAccount-downloads-file::before {
         content: "↓";
         display: inline-block
     }
     
     .woocommerce-account .woocommerce::after,
     .woocommerce-account .woocommerce::before {
         content: " ";
         display: table
     }
     
     .woocommerce-account .woocommerce::after {
         clear: both
     }
     
     .woocommerce-account .addresses .title::after,
     .woocommerce-account .addresses .title::before {
         content: " ";
         display: table
     }
     
     .woocommerce-account .addresses .title::after {
         clear: both
     }
     
     .woocommerce-account .addresses .title h3 {
         float: left
     }
     
     .woocommerce-account .addresses .title .edit {
         float: right
     }
     
     .woocommerce-account ol.commentlist.notes li.note p.meta {
         font-weight: 700;
         margin-bottom: 0
     }
     
     .woocommerce-account ol.commentlist.notes li.note .description p:last-child {
         margin-bottom: 0
     }
     
     .woocommerce-account ul.digital-downloads {
         margin-left: 0;
         padding-left: 0
     }
     
     .woocommerce-account ul.digital-downloads li {
         list-style: none;
         margin-left: 0;
         padding-left: 0
     }
     
     .woocommerce-account ul.digital-downloads li::before {
         font-family: WooCommerce;
         speak: never;
         font-weight: 400;
         font-variant: normal;
         text-transform: none;
         line-height: 1;
         -webkit-font-smoothing: antialiased;
         margin-right: .618em;
         content: "\e00a";
         text-decoration: none
     }
     
     .woocommerce-account ul.digital-downloads li .count {
         float: right
     }
     
     .woocommerce .woocommerce-form-login .woocommerce-form-login__submit {
         float: left;
         background: var(--gradient1);
         margin-right: 1em;
         color: #fff !important;
     }
     
     .woocommerce .woocommerce-form-login .woocommerce-form-login__submit:hover,
     .woocommerce .woocommerce-form-login .woocommerce-form-login__submit:focus-within {
         background: var(--gradient1);
         color: #fff;
     }
     
     .woocommerce .woocommerce-form-login .woocommerce-form-login__rememberme {
         display: inline-block
     }
     /* .woocommerce h2 {
        text-align: center;
        margin: 10px 0;
    } */
     
     .woocommerce .restore-item {
         color: var(--primary-color);
     }
     
     .woocommerce table.shop_table th,
     .woocommerce table.shop_table td {
         border-right: 1px solid lightgrey;
     }
     
     .woocommerce form.checkout_coupon {
         margin: 0;
     }
     
     .woocommerce span.onsale {
         background: var(--gradient1);
         width: 40px;
         height: 40px;
         line-height: 40px;
         display: flex;
         align-items: center;
         justify-content: center;
         ;
     }
     
     .woocommerce div.product form.cart .button {
         background: var(--gradient1);
     }
     
     .woocommerce div.product form.cart .variations select {
         padding: 10px;
         min-width: 100%;
         border: 1px solid lightgrey;
         outline: none;
     }
     
     .woocommerce div.product div.images .woocommerce-product-gallery__image:nth-child(n+2) {
         width: 25%;
         display: inline-block;
         margin: 10px;
         border: 1px solid #7777;
     }
     
     .woocommerce-grouped-product-list-item__label label a {
         color: var(--sc);
     }
     
     .woocommerce .cart .button:hover,
     .woocommerce .cart .button:focus-within {
         background: var(--gradient1) !important;
         color: #fff !important;
     }
     
     .error-section .hover-btn {
         width: 200px;
     }
     
  /*    .woocommerce h2 {
         text-align: center;
     } */
     
     .wc-tabs-wrapper h2 {
         text-align: left;
     }
     
     @media(max-width:768px) {
         div.product div.images,
         .woocommerce-page #content div.product div.images,
         .woocommerce-page div.product div.images {
             width: 100%;
         }
         .woocommerce table.cart td.actions .coupon,
         .woocommerce-page #content table.cart td.actions .coupon,
         .woocommerce-page table.cart td.actions .coupon {
             float: none;
         }
         .woocommerce-page.woocommerce-cart #content table.cart td.actions .coupon input.input-text[type="text"] {
             max-width: 100%;
             width: 100%;
             display;
             block;
             margin: 10px 0;
         }
         .woocommerce-page table.cart td.actions .coupon .input-text+.button {
             float: none !important;
         }
     }
     
     @media(max-width:500px) {
         .woocommerce-page table.cart td.actions .coupon .input-text+.button {
             width: 100% !important;
         }
     }
     /* .home .main-slider .slider-text-content,
     .main-slider .slider-text-content {
         top: 22%;
     }
     
     .home .main-slider .slider-right-content,
     .main-slider .slider-right-content {
         top: 26%;
     } */
     
     .main-slider-two .slider-text-content {
         top: 22%;
     }
     
     .main-slider-two .slider-right-content {
         top: 26%;
     }
     
     .main-slider-one .slider-text-content-2 {
         top: 50%;
     }
     
     @media(min-width:992px) {
         .header-transparent .breadcrumb-content-inner {
             padding-top: 100px;
         }
     }
	 .clients-section::before {
    content: '';
    position: absolute;
    inset: 0;
    background: rgba(0 0 0/ 50%);
	z-index:-1;
}

.clients-section {
    position: relative;
    z-index: 1;
	background-repeat:no-repeat !important;
	background-size:cover !important;
	background-position:center !important;
}
.shopping-cart .woocommerce-Price-amount{
	color:var(--sc) !important;
}
.shopping-cart .quantity{
	color:var(--sc) !important;
}

.sidebar {
	margin-bottom: 50px;
}